Improve archive

1 files changed, 16 insertions, 427 deletions

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;
+}