From 49aa8d0b76fa024a541e442173a03316c98494ad Mon Sep 17 00:00:00 2001
From: if1live <libsora25@gmail.com>
Date: Sun, 1 Oct 2023 02:52:06 +0900
Subject: [PATCH] =?UTF-8?q?ui=20=EB=8C=80=EC=B6=A9=20=EA=B0=B1=EC=8B=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 views/ayane_index.liquid | 40 ++++++++++++++++++++++++++++++----------
 1 file changed, 30 insertions(+), 10 deletions(-)

diff --git a/views/ayane_index.liquid b/views/ayane_index.liquid
index 6279a01..123ef22 100644
--- a/views/ayane_index.liquid
+++ b/views/ayane_index.liquid
@@ -2,29 +2,49 @@
 
 {% block body_content %}
   <section class="ui container">
-    <h1>ayane</h1>
+    <h1 class="ui header">
+      <a href="https://github.com/if1live/ayane" target="_blank">ayane</a>
+    </h1>
+
+    <img class="ui large image" src="https://raw.githubusercontent.com/if1live/ayane/main/document/ayane-pv.jpg" />
 
     {% for row in entries %}
       {% assign data = row.health %}
-      <h2>
-        {{ row.label }}
-        <small>{{ data.tag }}</small>
-      </h2>
+      {% assign tag = data.tag %}
+
+      {% if tag == "error" %}
+        <h2 class="ui red header">
+          {{ row.label }}
+          <small>error</small>
+        </h2>
+      {% else %}
+        <h2 class="ui header">
+          {{ row.label }}
+          <small>{{ tag }}</small>
+        </h2>
+      {% endif %}
 
       <p>
-        {{ row.at | date: "%Y-%m-%dT%H:%M:%S" }}
+        <span>{{ row.at | date: "%Y-%m-%dT%H:%M:%S.%LZ" }}</span>
       </p>
 
-      {% assign tag = data.tag %}
       {% if tag == "ok" %}
-        <p>{{ data.value | json }}</p>
+        <details>
+          <summary>detail</summary>
+          <pre>{{ data.value | json: 2 }}</pre>
+        </details>
       {% elsif tag == "error" %}
-        <p>{{ data.reason | json }}</p>
+        <details open>
+          <summary>detail</summary>
+          <pre>{{ data.reason | json: 2 }}</pre>
+        </details>
       {% elsif tag == "ignore" %}
         <p>ignore</p>
       {% endif %}
     {% endfor %}
 
+    <hr/>
+
     <button hx-post="/touch" hx-target="#result-touch">
       touch
     </button>
@@ -35,4 +55,4 @@
     </button>
     <pre id="result-delete"></pre>
   </section>
-{% endblock %}
+{% endblock %}
\ No newline at end of file