summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--_includes/banner.liquid3
-rw-r--r--archive.liquid47
-rw-r--r--assets/css/styles.css443
-rw-r--r--categories.liquid21
4 files changed, 45 insertions, 469 deletions
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>
generated by cgit v1.2.3 (git 2.39.1) at 2025-07-17 17:40:10 +0000