update

.dockerignore

@@ -1,3 +1,8 @@
+# User is expected to provide their own .env file in their Docker Compose file.
+# Either with volumes or using the Enviroment option.
+.env
+
+# Other Files
 .DS_Store
 dist
 node_modules

TODO.md

@@ -20,10 +20,13 @@
    - [ ] Multi
    - [ ] Closable
    - [ ] Mobile friendly
+ - [ ] Error Handling
+   - [ ] Custom Error Pages
+ - [ ] Explore new experimental Astro feature: astro:env
  - [ ] Optimizations
    -  [ ] Mobile Friendly
  - [ ] Add Integrations:
-    - [ ] Analytics for:
+    - [x] Analytics for:
          - [x] Amplitude
          - [x] Fathom
          - [x] Matomo (aka Piwik)
@@ -32,10 +35,10 @@
          - [x] Plausible
          - [x] Simple Analytics
          - [x] Swetrix Analytics
-         - [ ] Tianji
+         - [x] Tianji
          - [x] Umami
-    - [ ] Feedback:
-         - [ ] Feelback
+    - [x] Feedback:
+         - [x] Feelback
     - [ ] CMS for:
          - [x] Keystatic
          - [ ] KeystoneJS*
@@ -43,9 +46,8 @@
          - [ ] Wordpress*
  - [ ] Provide Docker Image for AMD64 and ARM64
  - [ ] Docker, test with:
-    - [x] Dockge (.env option in Dockge, not yet supported)
+    - [x] Dockge
     - [x] Dokemon
-    - [/] Yacht (Refuses to work, period)
  - [ ] Create automations for:
     - [ ] Drone.io
     - [ ] Gitea/Forgejo

config.json

@@ -1,8 +1,8 @@
 {
     "HeaderItems": [
         {
-            "text": "Link",
-            "link": "#"
+            "text": "Syntax",
+            "link": "/syntax/"
         },
         {
             "text": "Link",
@@ -18,8 +18,8 @@
             "heading": "Heading"
         },
         {
-            "text": "Document Title",
-            "link": "#"
+            "text": "Syntax",
+            "link": "syntax/"
         },
         {
             "text": "Document Title",

package.json

@@ -32,25 +32,25 @@
     "docker:push": "docker push ark.sudovanilla.org/korbs/butterlyvu:arm64"
   },
   "dependencies": {
-    "@aptabase/react": "^0.3.3",
-    "@aptabase/web": "^0.4.2",
-    "@astrojs/mdx": "^3.0.1",
-    "@astrojs/node": "^8.2.5",
-    "@astrojs/partytown": "^2.1.0",
+    "@aptabase/react": "^0.3.4",
+    "@aptabase/web": "^0.4.3",
+    "@astrojs/mdx": "^3.1.4",
+    "@astrojs/node": "^8.3.3",
+    "@astrojs/partytown": "^2.1.1",
     "@astrojs/prism": "^3.1.0",
-    "@astrojs/react": "^3.5.0",
+    "@astrojs/react": "^3.6.2",
     "@keystatic/astro": "^5.0.0",
-    "@keystatic/core": "^0.5.18",
-    "astro": "^4.9.3",
+    "@keystatic/core": "^0.5.32",
+    "astro": "4.14.5",
     "astro-analytics": "^2.7.0",
-    "astro-breadcrumbs": "^2.3.1",
+    "astro-breadcrumbs": "^3.0.1",
     "astro-feelback": "^0.3.4",
     "astro-seo": "^0.8.4",
-    "dayjs": "^1.11.11",
-    "iconoir-react": "^7.7.0",
+    "dayjs": "^1.11.13",
+    "iconoir-react": "^7.8.0",
     "markdoc": "^0.1.3"
   },
   "devDependencies": {
-    "sass": "^1.77.4"
+    "sass": "^1.77.8"
   }
-}
+}

src/components/Sidebar.astro

@@ -1,9 +1,10 @@
 ---
 import { SidebarItems } from '../../config.json'
+import { SITE_BASE, SITE_PROTOCOL, SITE_DOMAIN } from '@utils/GetConfig'
 ---
 
 <div class="sidebar">
     {SidebarItems.map((item) => (
-        item.heading ? <h2>{item.heading}</h2> : <a href={item.link}>{item.text}</a>
+        item.heading ? <h2>{item.heading}</h2> : <a href={SITE_PROTOCOL + '://' + SITE_DOMAIN + SITE_BASE + item.link}>{item.text}</a>
     ))}
 </div>

src/components/global/Analytics.astro

@@ -63,6 +63,8 @@ import {
     } else if (ANALYTICS === "Simple Analytics") {
       <script is:inline async defer data-hostname={SIMPLEANALYTICS_DOMAIN} src="https://scripts.simpleanalyticscdn.com/latest.js"></script>
       <noscript><img src={'https://queue.simpleanalyticscdn.com/noscript.gif?hostname=' + SIMPLEANALYTICS_DOMAIN} alt="" referrerpolicy="no-referrer-when-downgrade" /></noscript>
+    } else if (ANALYTICS === "Tianji") {
+      <script async defer src="http://192.168.1.175:51257/tracker.js" data-website-id="clxcrsbjb000559gojgt9qdmi"></script>
     }
   }
 }

src/styles/index.scss

@@ -2,7 +2,7 @@ body {
     max-width: 1200px;
     margin: auto;
     font-family: Arial, Helvetica, sans-serif;
-    background: #0f0f0f;
+    background: #0a0a0a;
     color: white;
 }
 
@@ -43,7 +43,7 @@ blockquote {
 }
 
 header {
-    background: #232323;
+    background: #161616;
     width: 100%;
     position: absolute;
     top: 0px;
@@ -57,12 +57,12 @@ header {
         justify-content: space-between;
         .end {
             display: flex;
-            gap: 6px;
+            gap: 12px;
             a {
                 text-decoration: none;
-                background: #373737;
-                border-radius: 6px;
-                padding: 8px 16px;
+                &:hover {
+                    text-decoration: underline;
+                }
             }
         }
     }