sample data and og tags

ArnavK-09 · Apr 13, 2024 · 674995d · 674995d
1 parent 9c26460
commit 674995d
Show file tree

Hide file tree

Showing 8 changed files with 86 additions and 12 deletions.
diff --git a/CMS/incident_history/website_not_loading.md b/CMS/incident_history/website_not_loading.md
@@ -0,0 +1,8 @@
+---
+title: Website Not Loading...
+description: >-
+  This is a demo incident! A incident can be created/edit using Lume CMS and
+  each incident has 3 status symbols (working, resolved, serious). And all data on this website is for demo purposes only
+status: working
+date: 2024-04-13T20:53:00.000Z
+---
diff --git a/_components/incident_history.njk b/_components/incident_history.njk
@@ -2,20 +2,22 @@
     <h2 class="font-semibold text-2xl mt-3">Incident History:-</h2>
     <div>
         <ul class="divide-brand-100/10 divide-y-2 space-y-8">
-            {% for item in search.pages("url^=/CMS/igncident_history") %}
+            {% for item in search.pages("url^=/CMS/incident_history") %}
             <li class="pt-8">
-                <time class="opacity-80 font-bold tracking-tight">{{ item.date }}</time>
+                <time class="opacity-80 font-medium opacity-80 tracking-tight">{{ item.date }}</time>
                 {% if item.status == "resolved" %}
                 <span class="font-extrabold mx-2 text-[green]">⨀</span>
                 {% elif item.status == "working" %}
                 <span class="font-extrabold mx-2 text-[yellow]">⨀</span>
                 {% else %}
                 <span class="font-extrabold mx-2 text-[red]">⨀</span>
                 {% endif %}
-                <h2 class="tracking-wide font-semibold underline opacity-95 my-2 underline-offset-4 text-2xl">{{
-                    item.title }}</h2>
-                <p class="border-l-2 mt-5 px-4 py-3 mt-2 break-words border-[white]/50 font-medium text-md">{{
-                    item.description }}</p>
+                <h2 class="tracking-tight font-semibold underline opacity-95 my-2 underline-offset-4 text-xl">
+                    {{ item.title }}
+                </h2>
+                <p class="border-l-2 mt-5 px-4 py-3 mt-2 break-words border-[white]/50 font-medium text-md">
+                    {{ item.description }}
+                </p>
             </li>
             {% else %}
             <div class="py-10 grid place-items-center">

diff --git a/_config.ts b/_config.ts
@@ -6,7 +6,7 @@ import nunjucks from "lume/plugins/nunjucks.ts";
 
 const site = lume({
   server: {
-    port: 2334,
+    port: 6969,
   },
   components: {
     variable: "components",

diff --git a/_data.json b/_data.json
@@ -1 +1,15 @@
-{"tila":{"domain":"example.com","metrics":{"memory_usage":1,"dom_load_time":829,"time_to_first_byte":204,"frames":1,"total_nodes":43,"load_time":830},"status":"online","time":"Sat, 13 Apr 2024 15:09:15 GMT"}}
+{
+  "tila": {
+    "domain": "example.com",
+    "metrics": {
+      "memory_usage": 1,
+      "dom_load_time": 829,
+      "time_to_first_byte": 204,
+      "frames": 1,
+      "total_nodes": 43,
+      "load_time": 830
+    },
+    "status": "online",
+    "time": "Sat, 13 Apr 2024 15:09:15 GMT"
+  }
+}
diff --git a/_includes/layout.njk b/_includes/layout.njk
@@ -4,10 +4,18 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Tila Web Dashboard/Status for "{{ tila.domain }}"</title>
+  {% set description = "todo" %}
+  <title>Tila Web Dashboard/Status for '{{ tila.domain }}'</title>
   <link rel="stylesheet" href="/global.css">
   <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
   <link rel="shortcut icon" href="//fav.farm/🌸" type="image/x-icon">
+  <meta name="theme-color" content="#f472b6" />
+  <meta property="og:title" content="{{ title }}">
+  <meta property="og:site_name" content="Tila Web Dashboard/Status for '{{ tila.domain }}'">
+  <meta property="og:url" content="">
+  <meta property="og:description" content="{{ description }}">
+  <meta property="og:type" content="product">
+  <meta property="og:image" content="https://fav.farm/🌸">
 </head>
 
 <body class="select-none py-6 px-4 bg-brand-950">

diff --git a/logs/Sat, 13 Apr 2024 15:08:57 GMT.json b/logs/Sat, 13 Apr 2024 15:08:57 GMT.json
@@ -1 +1,15 @@
-{"tila":{"domain":"example.com","metrics":{"memory_usage":1,"dom_load_time":1059,"time_to_first_byte":202,"frames":1,"total_nodes":43,"load_time":1059},"status":"online","time":"Sat, 13 Apr 2024 15:08:57 GMT"}}
+{
+  "tila": {
+    "domain": "example.com",
+    "metrics": {
+      "memory_usage": 1,
+      "dom_load_time": 1059,
+      "time_to_first_byte": 202,
+      "frames": 1,
+      "total_nodes": 43,
+      "load_time": 1059
+    },
+    "status": "online",
+    "time": "Sat, 13 Apr 2024 15:08:57 GMT"
+  }
+}
diff --git a/logs/Sat, 13 Apr 2024 15:09:07 GMT.json b/logs/Sat, 13 Apr 2024 15:09:07 GMT.json
@@ -1 +1,15 @@
-{"tila":{"domain":"example.com","metrics":{"memory_usage":1,"dom_load_time":864,"time_to_first_byte":203,"frames":1,"total_nodes":43,"load_time":864},"status":"online","time":"Sat, 13 Apr 2024 15:09:07 GMT"}}
+{
+  "tila": {
+    "domain": "example.com",
+    "metrics": {
+      "memory_usage": 1,
+      "dom_load_time": 864,
+      "time_to_first_byte": 203,
+      "frames": 1,
+      "total_nodes": 43,
+      "load_time": 864
+    },
+    "status": "online",
+    "time": "Sat, 13 Apr 2024 15:09:07 GMT"
+  }
+}
diff --git a/logs/Sat, 13 Apr 2024 15:09:15 GMT.json b/logs/Sat, 13 Apr 2024 15:09:15 GMT.json
@@ -1 +1,15 @@
-{"tila":{"domain":"example.com","metrics":{"memory_usage":1,"dom_load_time":829,"time_to_first_byte":204,"frames":1,"total_nodes":43,"load_time":830},"status":"online","time":"Sat, 13 Apr 2024 15:09:15 GMT"}}
+{
+  "tila": {
+    "domain": "example.com",
+    "metrics": {
+      "memory_usage": 1,
+      "dom_load_time": 829,
+      "time_to_first_byte": 204,
+      "frames": 1,
+      "total_nodes": 43,
+      "load_time": 830
+    },
+    "status": "online",
+    "time": "Sat, 13 Apr 2024 15:09:15 GMT"
+  }
+}