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>
+    <meta property="og-title" content="Disciple of Land">
-  <body>
+    <meta property="twitter:title" content="Disciple of Land">
-    <div id="app"></div>
+    <meta property="og-type" content="website">
-    <script type="module" src="/src/main.js"></script>
+    <meta name="description" content="Track timed gathering nodes in Final Fantasy XIV.">
-  </body>
+    <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