dotfiles

commit 18866d33e20f363718fe360118a472528cf28a3c
parent 0af57cadff23e07ecbdfff21a8ada75340150d3b
Author: maydayv7 <maydayv7@gmail.com>
Date:   Mon, 10 Feb 2025 23:37:59 +0530

fix(`site`): Styling inconsistencies

Also change some descriptions

Diffstat:

14 files changed, 184 insertions(+), 155 deletions(-)
diff --git a/site/content/_index.md b/site/content/_index.md
@@ -5,8 +5,7 @@ insert_anchor_links = "right"
 
 # What is it?
 
-**Today a Blog, Tomorrow Something More?**
+My goal was to have a site where I could showcase anything I wanted to.  
+Use the menu up top to navigate to different sections of my website.
 
-My only goal was to have a site where I could showcase anything I wanted to. For now it's just a blog, but fingers crossed ;)
-
-If you want to know what I’m currently up to, check out {{ url(path="/now", text="/now") }}
+To know what I’m currently up to, check out **{{ url(path="/now", text="/now") }}**
diff --git a/site/content/blog/_index.md b/site/content/blog/_index.md
@@ -12,7 +12,5 @@ feed_discovery = true
 
 # Welcome to My Blog!
 
-- View the {{ url(path="/archive/", text="Archive") }}
-- View all {{ url(path="/series/", text="Series") }}
-- View all {{ url(path="/tags/", text="Tags") }}
-- Subscribe to the {{ url(path="blog/rss.xml", text="RSS Feed", trail_slash=false) }}
+- View the {{ url(path="archive", text="Archive") }}
+- View all {{ url(path="series", text="Series") }} or {{ url(path="tags", text="Tags") }}
diff --git a/site/content/blog/hello.md b/site/content/blog/hello.md
@@ -18,4 +18,4 @@ Just Following Tradition ;)
 
 This Site is generated by [Zola](https://www.getzola.org/) using a modified version of the [`zerm`](https://github.com/ejmg/zerm) Theme, with support for Custom Color Schemes, and Math Typesetting using [$\KaTeX$](https://katex.org/)
 
-Check out the {{ url(path="sample", text="Test Page", trail_slash=false) }} for viewing the capabilities of this website
+Check out the {{ url(path="test", text="Test Page", trail_slash=false) }} for viewing the capabilities of this website
diff --git a/site/content/now.md b/site/content/now.md
@@ -1,9 +1,11 @@
 +++
 title = "Now"
 description = "What I'm currently up to!"
+
+updated = 2025-02-10
 +++
 
-This page is inspired by [NowNowNow](https://nownownow.com)
+This page is inspired by **[NowNowNow](https://nownownow.com)**
 
 Freshman at uni, never gonna get used to it
 
@@ -11,5 +13,3 @@ Freshman at uni, never gonna get used to it
 - Trying (failing) to study
 - Trying (failing) to code
 - Still watching {{ url(path="anime", text="Anime", trail_slash=false) }}
-
-> Last Updated: **February** 2025
diff --git a/site/content/projects.md b/site/content/projects.md
@@ -8,6 +8,6 @@ github = true
 
 # [Dotfiles ](https://github.com/maydayv7/dotfiles)
 
-My declarative, device-agnostic, hermetic, purely reproducible, atomic, immutable, automated and extensible NixOS Configuration and `dotfiles`, which also contains the source code for building and deploying this very Website. You can follow along with my {{ url(path="/series/nixos-desktop/", text="NixOS Desktop") }} Series
+My declarative, device-agnostic, hermetic, purely reproducible, atomic, immutable, automated and extensible NixOS Configuration and `dotfiles`, which also contains the source code for building and deploying this very Website. You can follow along with my {{ url(path="/series/nixos-desktop/", text="NixOS Desktop") }} Series.
 
 {{ github(repo="maydayv7/dotfiles") }}
diff --git a/site/content/sample.md b/site/content/sample.md
@@ -1,119 +0,0 @@
-+++
-title = "Sample"
-description = "Test Page"
-
-[extra]
-ToC = true
-edit = true
-math = true
-+++
-
-Here's a general demo of how things look! [^1]
-
-Written in [**Markdown**](https://www.markdownguide.org/), rendered using Zola's `pulldown-cmark` parser
-
-- View the {{ url(path="sitemap.xml", text="Site Map", trail_slash=false) }}
-
-# Content
-
-[_Jet Brains_](https://www.jetbrains.com/lp/mono/) fonts are used for additional ligatures and irresistible **_style_**!
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-
-## Code
-
-Features built-in Syntax Highlighting ~~styled by CSS~~
-
-**Inline** Code: `println!("Hello World!");`
-
-**Multi-line** Code:
-
-```rs
-fn foo(arg: String) -> Result<u32, Io::Error> {
-  println!("Nice!"); // LGTM
-  if 1 != 0 {
-    println!("How many ligatures can I contrive??");
-    println!("Turns out a lot! ==> -/-> <!-- <$> >>=");
-  }
-  Ok(42)
-}
-```
-
-## List
-
-- 1
-  - a
-  - b
-  - c
-- [ ] 2
-- [x] 3
-
-## Table
-
-| Left | Center | Right |
-| :--- | :----: | ----: |
-| 1    |   A    |     ! |
-| 2    |   B    |     @ |
-| 3    |   C    |     # |
-| 4    |   D    |     $ |
-
-## Block Quote
-
-> Do not fall in love with people like me. I will take you to museums, and parks, and monuments, and kiss you in every beautiful place, so that you can never go back to them without tasting me like blood in your mouth. I will destroy you in the most beautiful way possible. And when I leave you will finally understand, why storms are named after people.
->
-> --> **Caitlyn Siehl**
->
-> > Heroes get remembered, but legends never die
-> >
-> > --> **Babe Ruth**
-
-## Math
-
-Supports Math Type-Setting using [$\KaTeX$](http://khan.github.io/KaTeX/)
-
-```
-$$
-f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
-$$
-```
-
-$$
-f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
-$$
-
-## Dropdown
-
-<details>
-<summary><b>SPOILER</b></summary>
-
-I'm not a fool to be fooled by a fool, you fool ;)
-
-</details>
-
-# Media
-
-Supports wide range of Multi-Media using [_shortcodes_](https://www.getzola.org/documentation/content/shortcodes/)
-
-## Image
-
-{{ figure(src="https://picsum.photos/700", alt="Random", style="border-style: inset; border-radius: 5px;", caption="Random Image", caption_style="font-weight: bold;") }}
-
-## Video
-
-Here's a sample video played using **_YouTube_** ©
-
-{{ youtube(id="C0DPdy98e4c") }}
-
-# Headers
-
-# I
-
-## II
-
-### III
-
-#### IV
-
----
-
-[^1]: This is a FOOTNOTE!
diff --git a/site/content/test.md b/site/content/test.md
@@ -0,0 +1,119 @@
++++
+title = "Test"
+description = "Test Page"
+
+[extra]
+ToC = true
+edit = true
+math = true
++++
+
+Here's a general demo of how things look! [^1]
+
+Written in [**Markdown**](https://www.markdownguide.org/), rendered using Zola's `pulldown-cmark` parser
+
+- View the {{ url(path="sitemap.xml", text="Site Map", trail_slash=false) }}
+
+# Content
+
+[_Jet Brains_](https://www.jetbrains.com/lp/mono/) fonts are used for additional ligatures and irresistible **_style_**!
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+## Code
+
+Features built-in Syntax Highlighting ~~styled by CSS~~
+
+**Inline** Code: `println!("Hello World!");`
+
+**Multi-line** Code:
+
+```rs
+fn foo(arg: String) -> Result<u32, Io::Error> {
+  println!("Nice!"); // LGTM
+  if 1 != 0 {
+    println!("How many ligatures can I contrive??");
+    println!("Turns out a lot! ==> -/-> <!-- <$> >>=");
+  }
+  Ok(42)
+}
+```
+
+## List
+
+- 1
+  - a
+  - b
+  - c
+- [ ] 2
+- [x] 3
+
+## Table
+
+| Left | Center | Right |
+| :--- | :----: | ----: |
+| 1    |   A    |     ! |
+| 2    |   B    |     @ |
+| 3    |   C    |     # |
+| 4    |   D    |     $ |
+
+## Block Quote
+
+> Do not fall in love with people like me. I will take you to museums, and parks, and monuments, and kiss you in every beautiful place, so that you can never go back to them without tasting me like blood in your mouth. I will destroy you in the most beautiful way possible. And when I leave you will finally understand, why storms are named after people.
+>
+> --> **Caitlyn Siehl**
+>
+> > Heroes get remembered, but legends never die
+> >
+> > --> **Babe Ruth**
+
+## Math
+
+Supports Math Type-Setting using [$\KaTeX$](http://khan.github.io/KaTeX/)
+
+```
+$$
+f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
+$$
+```
+
+$$
+f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
+$$
+
+## Dropdown
+
+<details>
+<summary><b>SPOILER</b></summary>
+
+I'm not a fool to be fooled by a fool, you fool ;)
+
+</details>
+
+# Media
+
+Supports wide range of Multi-Media using [_shortcodes_](https://www.getzola.org/documentation/content/shortcodes/)
+
+## Image
+
+{{ figure(src="https://picsum.photos/700", alt="Random", style="border-style: inset; border-radius: 5px;", caption="Random Image", caption_style="font-weight: bold;") }}
+
+## Video
+
+Here's a sample video played using **_YouTube_** ©
+
+{{ youtube(id="C0DPdy98e4c") }}
+
+# Headers
+
+# I
+
+## II
+
+### III
+
+#### IV
+
+---
+
+[^1]: This is a FOOTNOTE!
diff --git a/site/sass/_comments.scss b/site/sass/_comments.scss
@@ -1,3 +1,5 @@
+@import "variables";
+
 .comments {
   margin-bottom: 5px;
   max-height: 0;
diff --git a/site/sass/_footer.scss b/site/sass/_footer.scss
@@ -40,6 +40,30 @@
     }
   }
 
+  .theme {
+    &-container {
+      display: flex;
+      justify-content: center;
+    }
+
+    &_before {
+      transition: flex 0.5s;
+      flex-grow: 0;
+      @media (max-width: $tablet-max-width) {
+        flex-grow: 1;
+      }
+    }
+
+    &-content {
+      display: flex;
+      align-items: center;
+    }
+
+    &_after {
+      flex-grow: 1;
+    }
+  }
+
   #theme-select {
     background-color: var(--background);
     border: 2px solid var(--accent-secondary-alpha-70);
@@ -62,17 +86,11 @@
   .webring {
     font-size: 0.8rem;
     text-align: center;
+    margin: 5px;
 
     a {
       text-decoration: none;
     }
-
-    img {
-      filter: var(--image-filter);
-      margin: 5px;
-      width: 10px;
-      -webkit-filter: var(--image-filter);
-    }
   }
 }
 
diff --git a/site/sass/_image.scss b/site/sass/_image.scss
@@ -1,3 +1,5 @@
+@import "variables";
+
 img {
   display: block;
   max-width: 100%;
diff --git a/site/sass/_squiggle-line.scss b/site/sass/_squiggle-line.scss
@@ -1,3 +1,5 @@
+@import "variables";
+
 .squiggle {
   &-holder {
     height: 15px;
@@ -9,10 +11,11 @@
   &-ellipse {
     background: radial-gradient(
       ellipse,
-      transparent,
+      var(--border-color),
+      transparent 3px,
+      var(--border-color) 5.3px,
       transparent 3px,
-      transparent 5.3px var(--border-color) 3px,
-      var(--border-color) 5px
+      transparent 5px
     );
 
     background-size: 16px 15px;
diff --git a/site/sass/_syntax.scss b/site/sass/_syntax.scss
@@ -1,3 +1,5 @@
+@import "variables";
+
 .z-code {
   color: var(--color);
   background-color: var(--accent-alpha-20);
diff --git a/site/templates/macros/footer.html b/site/templates/macros/footer.html
@@ -10,17 +10,22 @@
   </span>
 </div>
 {% endmacro copyright %} {% macro theme(config) %}
-<div class="theme-select-container">
-  Theme:
-  <select id="theme-select">
-    {% for theme in config.extra.color_schemes %} {% if config.extra.theme_color
-    %} {% set default_theme = config.extra.theme_color %} {% else %} {% set
-    default_theme = "red" %} {% endif %} {% if default_theme == theme %}
-    <option selected="selected" value="{{ theme }}">{{ theme }}</option>
-    {% else %}
-    <option value="{{ theme }}">{{ theme }}</option>
-    {% endif %} {% endfor %}
-  </select>
+<div class="theme-container">
+  <div class="theme_before"></div>
+  <div class="theme-content">
+    Theme:
+    <select id="theme-select">
+      {% for theme in config.extra.color_schemes %} {% if
+      config.extra.theme_color %} {% set default_theme =
+      config.extra.theme_color %} {% else %} {% set default_theme = "blue" %} {%
+      endif %} {% if default_theme == theme %}
+      <option selected="selected" value="{{ theme }}">{{ theme }}</option>
+      {% else %}
+      <option value="{{ theme }}">{{ theme }}</option>
+      {% endif %} {% endfor %}
+    </select>
+  </div>
+  <div class="theme_after"></div>
 </div>
 {% endmacro theme %} {% macro webring(config) %} {% if config.extra.webring %}
 <div class="webring">
diff --git a/site/templates/macros/posts.html b/site/templates/macros/posts.html
@@ -10,8 +10,8 @@
 </div>
 {% endmacro meta %} {% macro date(date, updated) %}
 <span class="post-date">
-  {%- if date -%} <span class="post-icon"></span> {{ date | date(format="%Y.%m.%d") }} {%- endif -%} {%- if
-  updated -%}, 🖉 {{ updated | date(format="%Y.%m.%d") }} :: {%- endif -%}
+  {%- if date -%} <span class="post-icon"></span> {{ date | date(format="%d.%m.%Y") }} {%- endif -%} {%- if date and updated -%} <span class="post-icon">,</span> {%- endif -%} {%- if
+  updated -%} 🖉 {{ updated | date(format="%d.%m.%Y") }} :: {%- endif -%}
 </span>
 {% endmacro date %} {% macro taxonomies(taxonomy) %} {% if taxonomy.series -%}
 {{ posts::series(series=taxonomy.series) }} {% endif -%} {% if taxonomy.tags -%}