versionino bumperino

add a little arrow and animation when collapsing and uncollapsing filter groups
add metadata
2026-05-12 06:26:56 +00:00 · 2024-07-15 20:17:41 +02:00 · 2024-07-15 20:13:03 +02:00 · 2024-07-15 20:12:33 +02:00
3 changed files with 43 additions and 9 deletions
@@ -1,13 +1,24 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+<head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Disciple of Land</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.js"></script>
-  </body>
+    <meta property="og-title" content="Disciple of Land">
+    <meta property="twitter:title" content="Disciple of Land">
+    <meta property="og-type" content="website">
+    <meta name="description" content="Track timed gathering nodes in Final Fantasy XIV.">
+    <meta property="og-description" content="Track timed gathering nodes in Final Fantasy XIV.">
+    <meta property="twitter:description" content="Track timed gathering nodes in Final Fantasy XIV.">
+    <meta property="og-url" content="https://dol.yht.one">
+    <meta property="twitter:url" content="https://dol.yht.one">
+</head>
+<body>
+<noscript>
+    <strong>We're sorry but Disciple of Land doesn't work without JavaScript enabled. Please enable it to continue.</strong>
+</noscript>
+<div id="app"></div>
+<script type="module" src="/src/main.js"></script>
+</body>
 </html>
@@ -1,6 +1,6 @@
 {
  "name": "discipleofland",
-  "version": "0.0.2",
+  "version": "0.0.4",
  "private": true,
  "type": "module",
  "scripts": {
@@ -129,14 +129,37 @@ section {
  display: flex;
  flex-direction: column;
  gap: 1rem;
-  padding: 1rem;
+  padding-block: 1rem;

  details {
    background-color: #1f1f1f;
    display: flex;
    flex-direction: column;
-    padding: 0.5rem;
+    border-radius: 0.25rem;
+    padding: 1rem;
    gap: 0.5rem;
+    position: relative;
+
+    &:before {
+      position: absolute;
+      right: 1rem;
+      top: 1rem;
+      width: 1.5rem;
+      height: 1.5rem;
+      display: flex;
+      justify-content: center;
+      align-content: center;
+      content: "▶";
+      pointer-events: none;
+      rotate: 90deg;
+      transition: rotate 0.25s;
+    }
+
+    &[open] {
+      &:before {
+        rotate: 270deg;
+      }
+    }

    summary {
      cursor: pointer;
Author	SHA1	Message	Date
YouHaveTrouble	f7ac1725f9	versionino bumperino	2024-07-15 20:17:41 +02:00
YouHaveTrouble	07084d36d0	add a little arrow and animation when collapsing and uncollapsing filter groups	2024-07-15 20:13:03 +02:00
YouHaveTrouble	07d041b974	add metadata	2024-07-15 20:12:33 +02:00