diff options
| author | HombreLaser <buran@silosneeded.com> | 2025-07-24 21:05:16 -0600 |
|---|---|---|
| committer | HombreLaser <buran@silosneeded.com> | 2025-07-24 21:05:16 -0600 |
| commit | da2464caa4ee9c2559eaccdc570dc143eed733a1 (patch) | |
| tree | b9fb93a16fa741174b8a5678b04f5f8d3746d49e | |
| parent | dcb7411da45cecf0c997faba6cd2c1e3af7c8d23 (diff) | |
Improve index
| -rw-r--r-- | _includes/index_post.liquid | 11 | ||||
| -rw-r--r-- | _includes/navigation.liquid | 4 | ||||
| -rw-r--r-- | _layouts/default.html | 7 | ||||
| -rw-r--r-- | _layouts/page.html | 4 | ||||
| -rw-r--r-- | _layouts/post.html | 20 | ||||
| -rw-r--r-- | about.md | 4 | ||||
| -rw-r--r-- | assets/css/styles.css | 21 | ||||
| -rw-r--r-- | index.html | 2 |
8 files changed, 48 insertions, 25 deletions
diff --git a/_includes/index_post.liquid b/_includes/index_post.liquid index 562af88..2bfbe68 100644 --- a/_includes/index_post.liquid +++ b/_includes/index_post.liquid @@ -7,9 +7,16 @@ </div> <div class="columns is-vcentered"> <div class="column"> - {{ post.date | date: "%-d %B %Y" }} + <div class="columns"> + {% for tag in post.tags %} + {{ tag }}{% unless forloop.last %},{% endunless %} + {% endfor %} + </div> + <div class="columns"> + {{ post.date | date: "%-d %B %Y" }} + </div> </div> - <div class="column"> + <div class="is-offset-2 column"> <a class="button" href="{{ post.url }}"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-book-fill mr-2" viewBox="0 0 16 16"> <path d="M8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783"/> diff --git a/_includes/navigation.liquid b/_includes/navigation.liquid index 73f7742..bdca72b 100644 --- a/_includes/navigation.liquid +++ b/_includes/navigation.liquid @@ -1,5 +1,5 @@ -<div class="tabs is-full"> - <ul> +<div class="tabs is-full mb-4"> + <ul class="navigation"> <li class="mx-6"> <a href="/"> Home diff --git a/_layouts/default.html b/_layouts/default.html index 264c335..5697ebf 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -6,9 +6,10 @@ <div class="columns"> <div class="column page-container mt-4"> {% include top_bar.liquid %} - <div class="columns content mt-4"> - {{ content }} - </div> + + {{ content }} + + {% include footer.liquid %} </div> </div> </body> diff --git a/_layouts/page.html b/_layouts/page.html index 5e71126..efc43e5 100644 --- a/_layouts/page.html +++ b/_layouts/page.html @@ -2,4 +2,6 @@ layout: default --- -{{ content }} +<div class="columns content mt-4"> + {{ content }} +</div> diff --git a/_layouts/post.html b/_layouts/post.html index 3a76d42..17739c5 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -1,16 +1,8 @@ -<!DOCTYPE html> -<html> - {% include header.liquid %} - - <div class="columns"> - <div class="column page-container mt-4"> - {% include top_bar.liquid %} - - <div class="column is-full content mt-4"> - {{ content }} - </div> - </div> - </div> -</html> +--- +layout: default +--- +<div class="column is-full content mt-4"> + {{ content }} +</div> @@ -1,6 +1,8 @@ --- -layout: default +layout: post permalink: /about --- +# About + This is the about page. diff --git a/assets/css/styles.css b/assets/css/styles.css index 6502a5a..9b74f79 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -46,7 +46,7 @@ } } -@media (width <= 100px) { +@media (width <= 1000px) { .page-container { flex: none; width: 100%; @@ -62,6 +62,25 @@ } } +.bottom { + border-top: 1px solid var(--bulma-border); + font-size: 18px; +} + +.mx-12 { + margin-left: 2rem; + margin-right: 2rem; +} + +.my-12 { + margin-top: 2rem; + margin-bottom: 2rem; +} + +.navigation { + font-size: 24px; +} + .page-title { font-size: 32px; font-family: "Libre Baskerville Italic", serif; @@ -1,5 +1,5 @@ --- -layout: default +layout: page pagination: enabled: true --- |