From 5975a431322a0785c66d49575b3efb6157815d06 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AF=AE?= <ryo@ryo@ryo>
Date: Mon, 4 Jul 2022 07:20:06 +0900
Subject: [PATCH] First commit.

---
 index.php | 41 +++++++++++++++++++++++++++++++++++++++++
 style.css | 21 +++++++++++++++++++++
 2 files changed, 62 insertions(+)
 create mode 100644 index.php
 create mode 100644 style.css
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..ee3e7c3
--- /dev/null
+++ b/index.php
@@ -0,0 +1,41 @@
+<html>
+  <head>
+    <link rel="stylesheet" type="text/css" href="style.css" />
+  </head>
+  <body>
+<?php
+  if (isset($_GET['status']) && $_GET['status'] != '') {
+    $stat = htmlspecialchars($_GET['status']);
+
+    $ch = curl_init();
+    curl_setopt($ch, CURLOPT_URL, 'https://social.076.ne.jp/api/v1/statuses/'.$stat.'/context');
+    curl_setopt($ch, CURLOPT_HTTPHEADER, ['Content-Type: application/json']);
+    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
+    curl_setopt($ch, CURLOPT_HTTP_VERSION, CURL_HTTP_VERSION_1_1);
+
+    $get = curl_exec($ch);
+    curl_close($ch);
+
+    $comment = json_decode($get)->descendants;
+?>
+
+    <div class="comment-head">Comments (<?php echo count($comment); ?>)</div>
+
+<?php
+    foreach ($comment as $c) {
+?>
+    <hr />
+    <div class="comment-meta">
+      <span class="comment-icon"><img style="max-width: 25px; max-height: 25px;" src="<?php echo $c->account->avatar_static; ?>" alt="<?php echo $c->account->display_name ?>'s icon" /></span>
+      <span class="comment-auth"><a href="<?php echo $c->account->url; ?>"><?php echo $c->account->display_name; ?> (<?php echo $c->account->fqn ?>)</a></span>
+      <div class="comment-date"><?php echo date('Y/m/d, H:i:s', strtotime($c->account->created_at)); ?></div>
+    </div>
+    <div class="comment-body">
+      <?php echo $c->content; ?>
+    </div>
+<?php
+    }
+  }
+?>
+  </body>
+</html>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..f1f7d75
--- /dev/null
+++ b/style.css
@@ -0,0 +1,21 @@
+.comment-date, .comment-body, .comment-head {
+  color: #f66;
+}
+
+a {
+  color: #aa0;
+}
+
+hr {
+  color: #e9e967;
+}
+
+.comment-head {
+  font-size: 24px;
+  font-weight: bolder;
+}
+
+.comment-meta {
+  background-color: rgba(100, 0, 0, 0.3);
+  padding: 4px;
+}
