more tweaks

viperML · Jul 1, 2024 · 9d9eeee · 9d9eeee
1 parent a4fe6f6
commit 9d9eeee
Show file tree

Hide file tree

Showing 7 changed files with 40 additions and 16 deletions.
diff --git a/astro.config.ts b/astro.config.ts
@@ -8,7 +8,7 @@ export default defineConfig({
         tailwind()
     ],
     devToolbar: {
-        enabled: false
+        enabled: true
     },
     output: 'static',
     site: "https://ayats.org",

diff --git a/src/components/NavBar.astro b/src/components/NavBar.astro
@@ -4,7 +4,7 @@ import logo from '../img/avatar-text.svg';
 ---
 
 <header class="flex justify-center">
-  <nav class="py-2 px-4 flex justify-between items-center">
+  <nav class="py-2 px-4 flex-auto flex justify-between items-center">
 
     <a href="/" class="logo">
       <Image src={logo} alt="Site logo."/>
@@ -24,12 +24,11 @@ import logo from '../img/avatar-text.svg';
     z-index: 100;
     position: sticky;
     font-weight: 600;
-    margin-bottom: 20px;
+    background-color: red;
   }
 
   nav {
     background-color: rgb(137, 137, 137);
-    width: 100vw;
   }
 
   .logo {

diff --git a/src/components/PostList.astro b/src/components/PostList.astro
@@ -22,10 +22,24 @@ import { getCollection } from "astro:content";
 //     }
 // });
 
-const blogEntries = await getCollection("blog");
+const blogEntries = (await getCollection("blog"))
+    .sort((a, b) => {
+        if (a.data.pubDate === undefined || b.data.pubDate === undefined) {
+            return 0;
+        }
+
+        return a.data.pubDate.getSeconds() - b.data.pubDate.getSeconds();
+    })
+    .filter((elem) => {
+        if (elem.data.draft === true) {
+            return false;
+        } else {
+            return true;
+        }
+    });
 ---
 
-Post List
+<h1>Post List</h1>
 
 <ul>
     {

diff --git a/src/content/blog/ipsum/index.md b/src/content/blog/ipsum/index.md
@@ -3,7 +3,7 @@ title: Ipsum
 pubDate: 2023-05-28T21:18:09Z
 tags: ['nix']
 draft: true
-summary:
+summary: ""
 slug: ipsum
 ---
 

diff --git a/src/content/blog/nixos-lustrate/index.md b/src/content/blog/nixos-lustrate/index.md
@@ -5,6 +5,7 @@ tags: ['nix']
 draft: true
 # summary: Call a toolchain.toml from nix, for better interoperability with non-nix developers
 # hidden: true
+summary: ""
 ---
 
 - Install nix

diff --git a/src/content/config.ts b/src/content/config.ts
@@ -1,8 +1,12 @@
 import { defineCollection } from 'astro:content';
 import { rssSchema } from '@astrojs/rss';
+import { z } from 'astro/zod';
 
 const blog = defineCollection({
-  schema: rssSchema,
+  schema: rssSchema.extend({
+    draft: z.boolean().optional(),
+    summary: z.string(),
+  }),
 });
 
 export const collections = { blog };
diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro
@@ -14,7 +14,7 @@ import Footer from "../components/Footer.astro";
   <body class="text-base flex flex-col items-center">
     <NavBar />
 
-    <main>
+    <main class="max-w-4xl m-4">
       <slot />
 
       <Footer />
@@ -25,14 +25,7 @@ import Footer from "../components/Footer.astro";
 
 <style>
   main {
-    max-width: 100vw;
-    margin: 0 10px;
-  }
 
-  @media screen(md) {
-    main {
-      max-width: 1000px;
-    }
   }
 </style>
 
@@ -41,9 +34,22 @@ import Footer from "../components/Footer.astro";
     overflow: scroll !important;
     max-width: 100vw;
   }
+
+  h1 {
+    font-weight: 800;
+    font-size: 1.75em;
+    text-align: center;
+  }
+
+  h2 {
+    font-weight: 700;
+    font-size: 1.5em;
+  }
 </style>
 
 <script is:inline>
+  // This script automatically loads the theme from either the user's preference
+  // or from localStorage
   const theme = (() => {
     if (typeof localStorage !== "undefined" && localStorage.getItem("theme")) {
       return localStorage.getItem("theme");