From 0044c08bb01e773cb212c305ff136bf45dc7c4a7 Mon Sep 17 00:00:00 2001
From: HombreLaser <buran@silosneeded.com>
Date: Sun, 10 Nov 2024 19:13:53 -0600
Subject: Improve archive

---
 _includes/banner.liquid |   3 -
 archive.liquid          |  47 +++--
 assets/css/styles.css   | 443 ++----------------------------------------------
 categories.liquid       |  21 ---
 4 files changed, 45 insertions(+), 469 deletions(-)
 delete mode 100644 categories.liquid

diff --git a/_includes/banner.liquid b/_includes/banner.liquid
index 9964039..e7794a4 100644
--- a/_includes/banner.liquid
+++ b/_includes/banner.liquid
@@ -19,9 +19,6 @@
 		<a href="{{ site.baseurl }}/archive" class="navigation">
 		    {{ site.data[site.active_lang].strings.global.archive }}
 		</a>
-		<a href="{{ site.baseurl }}/categories" class="navigation">
-		    {{ site.data[site.active_lang].strings.global.categories }}
-		</a>
 	    </div>
 
 	    <div class="navbar-end">
diff --git a/archive.liquid b/archive.liquid
index 68e203b..b03d7e0 100644
--- a/archive.liquid
+++ b/archive.liquid
@@ -3,34 +3,45 @@ layout: default
 permalink: /archive.html
 ---
 
-<div class="column">
-    <h1>
-	{{ site.data[site.active_lang].strings.global.archive }}
-    </h1>
+<h1>
+    {{ site.data[site.active_lang].strings.global.archive }}
+</h1>
 
+<div class="column">
     {% for post in site.posts %}
-	{% unless post.next %}
-	    <h2>{{ post.date | date: '%Y' }}</h2>
-	    <ul>
+	<div class="column">
+	    {% unless post.next %}
+		<h2>{{ post.date | date: '%Y' }}</h2>
     {% else %}
 		{% capture year %}{{ post.date | date: '%Y' }}{% endcapture %}
 		{% capture nyear %}{{ post.next.date | date: '%Y' }}{% endcapture %}
 		{% if year != nyear %}
-	    </ul>
-	    <h2>{{ post.date | date: '%Y' }}</h2>
-	    <ul>
+		    <h2>{{ post.date | date: '%Y' }}</h2>
 		{% endif %}
-	{% endunless %}
-	<div class="columns">
-	    <div class="column archive-date is-3">
-		{% capture month%}{{ post.date |  date: "%b" }}{% endcapture %}
-		{{ site.data[site.active_lang].strings.date[month]}} {{ post.date | date: "%e" }}
-	    </div>
-	    <div class="column pull-left">
-		<a href="{{ site.baseurl}}{{ post.url }}">
+	    {% endunless %}	
+	    <div class="column">
+		<a class="archive-post-title" href="{{ site.baseurl }}{{post.url }}">
 		    {{ post.title }}
 		</a>
 	    </div>
+	    <div class="columns">
+		<div class="column is-one-fifth">
+		    {% capture month%}{{ post.date |  date: "%b" }}{% endcapture %}{{ post.date | date: "%d-%m-%Y" }}
+		    <svg class="svg-icon-body" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-event-fill" viewBox="0 0 16 16">
+			<path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4zM16 14V5H0v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2m-3.5-7h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5"/>
+		    </svg>
+		</div>
+		<div class="column is-one-fifth">
+		    {% for tag in post.tags %}
+			{{ tag }}{% unless forloop.last %},{% endunless %}
+		    {% endfor %}
+		    <svg class="svg-icon-body" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tag-fill" viewBox="0 0 16 16">
+			<path d="M2 1a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l4.586-4.586a1 1 0 0 0 0-1.414l-7-7A1 1 0 0 0 6.586 1zm4 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"/>
+		    </svg>
+		</div>
+	    </div>
 	</div>
     {% endfor %}
 </div>
+
+
diff --git a/assets/css/styles.css b/assets/css/styles.css
index e0b9237..d8939fd 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -1,430 +1,3 @@
-/* 
-   @media screen and (min-width: 1280px) {
-   .ml-18 {
-   margin-left: 9rem;
-   }
-
-   .mr-18 {
-   margin-right: 9rem;
-   }
-
-   :not(.sidebar-element) li {
-   font-size: 20px;
-   line-height: 1.5em !important;
-   }
-
-   p {
-   font-size: 20px;
-   }
-   }
-
-   .flex-container {
-   display: flex;
-   flex-flow: row;
-   }
-
-   .navigation-element {
-   display: flex;
-   flex: 1 100px;
-   }
-
-   .end-justified {
-   justify-content: end;
-   }
-
-   .pagination {
-   font-size: 18px;
-   }
-
-   @media(prefers-color-scheme: dark) {
-   :root {
-   --bulma-primary-h: 24deg;
-   --bulma-primary-s: 92%;
-   --bulma-primary-l: 47%;
-   }
-   
-   .is-info {
-   background: #e8630a !important;
-   color: #e7eaf6;
-   }
-   
-   .banner {
-   color: #e7eaf6 !important;
-   background: #e8630a;
-   }
-
-   .sidebar {
-   border: 1px solid #3e4a61;
-   border-radius: 4px;
-   background: black;
-   justify-content: space-between;
-   }
-
-   .sidebar-element {
-   border-bottom: 1px solid #e8630a;
-   color: #ff5722;
-   }
-
-   .content {
-   border: 1px solid #3e4a61;
-   border-radius: 4px;
-   background: black;
-   }
-
-   .date {
-   color: #f5f0f0;
-   text-align: right;
-   font-style: italic;
-   }
-
-   .archive-date {
-   color: #f5f0f0;
-   text-align: left;
-   font-style: italic;
-   font-size: 21px;
-   }
-
-   a {
-   color: #e8630a;
-   }
-
-   h1 {
-   color: #ff5722 !important;
-   }
-
-   h2 {
-   color: #ff895d !important;
-   }
-
-   h3 {
-   color: #ff894c !important;
-   }
-
-   pre {
-   border: 1px #3e4a61 solid;
-   border-radius: 4px;
-   }
-
-   li::marker {
-   color: #dc2f2f;
-   }
-
-   :not(.sidebar-element) li {
-   color: #fafafa;
-   }
-   
-   p {
-   color: #fafafa;
-   }
-   
-   body {
-   background: #101826;
-   font-family: "Inter", sans-serif !important;
-   margin: 0;
-   }
-   }
-
-   @media(prefers-color-scheme: light) {
-   :root {
-   --bulma-primary-h: 216deg;
-   --bulma-primary-s: 43%;
-   --bulma-primary-l: 38%;
-   }
-   
-   .is-info {
-   background: #38598b !important;
-   color: #e7eaf6;
-   }
-   
-   .banner {
-   color: #ffffff !important;
-   }
-
-   .sidebar {
-   border: 1px solid #dadff1;
-   border-radius: 4px;
-   background: white;
-   justify-content: space-between;
-   }
-
-   .content {
-   border: 1px solid #dadff1;
-   border-radius: 4px;
-   background: white;
-   }
-
-   .sidebar-element {
-   border-bottom: 1px solid #38598b;
-   color: #113f67;
-   }
-
-   .date {
-   color: #7b8894;
-   text-align: right;
-   font-style: italic;
-   }
-
-   .archive-date {
-   color: #7b8894;
-   text-align: left;
-   font-style: italic;
-   font-size: 21px;
-   }
-
-   
-
-   a {
-   color: #38598b;
-   }
-
-   h1 {
-   color: #113f67 !important;
-   }
-
-   h2 {
-   color: #155084 !important;
-   }
-
-   h3 {
-   color: #285f8a !important;
-   }
-
-   pre {
-   border: 1px #dadff1 solid;
-   border-radius: 4px;
-   }
-
-   li::marker {
-   color: #155084;
-   }
-
-   :not(.sidebar-element) li {
-   color: #2a2438;
-   }
-
-   p {
-   color: #2a2438;
-   }
-
-   body {
-   font-family: "Inter", sans-serif !important;
-   margin: 0;
-   background: #f8f8f8;
-   }
-   }
-
-   .footer-content {
-   color: white !important;
-   }
-
-   .footer-url {
-   color: white;
-   font-weight: bold;
-   }
-
-   .pull-left {
-   text-align: left;
-   font-size: 21px;
-   }
-
-   .index-content {
-   font-size: 20px;
-   }
-
-   :not(.sidebar-element) li {
-   list-style-type: disc;
-   margin-top: .7em;
-   line-height: 1em;
-   } */
-/* @media(prefers-color-scheme: dark) {
-   .content {
-   border: 1px solid #5e5c64;
-   background: black;
-   }
-
-   .sidebar-element {
-   border-bottom: 1px solid #fcf6f6;
-   }
-
-   .sidebar {    
-   border: 1px solid #5e5c64;
-   border-radius: 1px;
-   background: black;
-   color: white;
-   justify-content: space-between;
-   }
-
-   .date {
-   color: #f6f5f4;
-   }
-
-   .sidebar a {
-   color: #f6f5f4;
-   }
-
-   .sidebar a:hover {
-   color: #1c71d8;
-   }
-
-   .banner {
-   color: #ffffff !important;
-   }
-
-   .post-summary {
-   border-bottom: solid 1px;
-   color: #1760cd;
-   }
-
-   :root {
-   --bulma-primary-h: 219deg;
-   --bulma-primary-l: 50%;
-   --bulma-info-h: 253deg;
-   --bulma-info-s: 79%;
-   --bulma-info-l: 56%;
-   }
-
-   html {
-   background: #1f1e24;
-   }
-
-   p {
-   color: #fcf6f6;
-   font-size: 1.5rem;
-   }
-
-   a {
-   color: #2685e6;
-   }
-
-   h1 {
-   color: #3c8aff !important;
-   }
-
-   h2 {
-   color: #3833d4 !important;
-   }
-
-   strong {
-   color: #3833d4;
-   }
-
-   .footer p {
-   color: white;
-   }
-
-   .footer a {
-   color: #3833d4;
-   }
-   }
-
-   @media(prefers-color-scheme: light) {
-   .content {
-   border: 1px solid #dadff1;
-   background: white;
-   }
-
-   .sidebar-element {
-   border-bottom: 1px solid #241f314c;
-   }
-
-   .sidebar {    
-   border: 1px solid #dadff1;
-   border-radius: 1px;
-   background: white;
-   color: black;
-   justify-content: space-between;
-   }
-
-   .date {
-   color: #241f31;
-   }
-
-   .sidebar a {
-   color: #241f31;
-   }
-
-   .sidebar a:hover {
-   color: #ed333b;
-   }
-
-   .banner {
-   color: #ffffff !important;
-   }
-
-   .post-summary {
-   border-bottom: solid 1px;
-   color: #e01b244c;
-   }
-
-   :root {
-   --bulma-primary-h: 357deg;
-   --bulma-primary-s: 84%;
-   --bulma-primary-l: 56%;
-   --bulma-info-h: 5deg;
-   }
-
-   html {
-   background: #f8f8f8;
-   }
-
-   p {
-   color: #241f31;
-   font-size: 1.5rem;
-   }
-
-   a {
-   color: #C93530;
-   }
-
-   h1 {
-   color: #f66151 !important;
-   }
-
-   h2 {
-   color: #e66100 !important;
-   }
-
-   strong {
-   color: #e66100;
-   }
-
-   .footer p {
-   color: white;
-   }
-
-   .footer a {
-   color: #e66100;
-   }
-   }
-
-   .content {
-   border-radius: 1px;
-   height: 100%;
-   }
-
-   .sidebar-column {
-   padding-left: 20px;
-   }
-
-   .date {
-   text-align: left;
-   font-style: italic;
-   font-size: 1.2rem;
-   padding-bottom: 10px;
-   }
-
-   .footer {
-   position: absolute;
-   bottom: 0;
-   width: 100%;
-   height: 60px;
-
-   }
-
-   .content-wrap {
-   padding-bottom: 60px;
-   }
- */
 @media(prefers-color-scheme: light) {
     :root {
 	--bulma-primary-h: 213deg;
@@ -515,6 +88,14 @@
 	color: #791E94;
     }
 
+    a.archive-post-title {
+	color: #080708;
+    }
+
+    a.archive-post-title:hover {
+	color: #791E94;
+    }
+
     footer {
 	background: #56667A !important;
     }
@@ -583,6 +164,10 @@ a.index-post-title {
     font-size: 2rem;
 }
 
+a.archive-post-title {
+    font-size: 1.5rem;
+}
+
 #page-container {
     position: relative;
     min-height: 100vh;
@@ -599,3 +184,7 @@ h2 {
 p {
     font-size: 1.2rem;
 }
+
+body {
+    font-family: 'Courier New', Courier, monospace;
+}
diff --git a/categories.liquid b/categories.liquid
deleted file mode 100644
index 23b31a1..0000000
--- a/categories.liquid
+++ /dev/null
@@ -1,21 +0,0 @@
----
-layout: default
-permalink: /categories.html
----
-
-<div class="column">
-    {% for tag in site.tags %}
-        <h1>{{ tag[0] }}</h1>
-        {% for post in tag[1] %}
-	    <div class="columns">
-		<div class="column archive-date is-3">
-		    {% capture month%}{{ post.date |  date: "%b" }}{% endcapture %}
-		    {{ site.data[site.active_lang].strings.date[month]}} {{ post.date | date: "%e, %Y" }}
-		</div>
-		<div class="column pull-left">
-		    <a href="{{ site.baseurl}}{{ post.url }}">{{ post.title }}</a>
-		</div>
-	    </div>
-        {% endfor %}
-    {% endfor %}
-</div>
-- 
cgit v1.2.3