Improve theme

3 files changed, 67 insertions, 19 deletions

diff --git a/_includes/banner.liquid b/_includes/banner.liquid
index 64a5346..9964039 100644
--- a/_includes/banner.liquid
+++ b/_includes/banner.liquid
@@ -1,9 +1,43 @@
-<section class="hero is-small  third-color">
-    <div class="hero-body has-background-primary">
-	{% if site.lang != "es" %}
-	<a class="title banner" href="/{{ site.lang }}">{{ site.title }}</a>
-	{% else %}
-	<a class="title banner" href="/">{{ site.title }}</a>
-	{% endif %}
+<nav class="navbar has-background-primary">
+    <div class="container">
+	<div id="navMenu" class="navbar-menu">
+	    <div class="navbar-start">
+		{% if site.lang != "es" %}
+		    <a class="navigation page-title" href="/{{ site.lang }}">{{ site.title }}</a>
+		{% else %}
+		    <a class="navigation page-title" href="/">{{ site.title }}</a>
+		{% endif %}
+		<a href="{{ site.baseurl }}/now" class="navigation">
+		    {{ site.data[site.active_lang].strings.global.now }}
+		</a>
+		<a href="{{ site.baseurl }}/about" class="navigation">
+		    {{ site.data[site.active_lang].strings.global.about }}
+		</a>
+		<a href="{{ site.baseurl }}/about_me" class="navigation">
+		    {{ site.data[site.active_lang].strings.global.about_me }}
+		</a>
+		<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">
+		<div class="navbar-item">
+		    <a href="{{ site.base_url }}/feed.xml">
+			<span class="sr-only">Subscribe</span>
+			<svg class="svg-icon mr-4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+			    <title>RSS</title>
+			    <path d="M19.199 24C19.199 13.467 10.533 4.8 0 4.8V0c13.165 0 24 10.835 24 24h-4.801zM3.291 17.415c1.814 0 3.293 1.479 3.293 3.295 0 1.813-1.485 3.29-3.301 3.29C1.47 24 0 22.526 0 20.71s1.475-3.294 3.291-3.295zM15.909 24h-4.665c0-6.169-5.075-11.245-11.244-11.245V8.09c8.727 0 15.909 7.184 15.909 15.91z"/>
+			</svg>
+		    </a>
+		    <a href="https://git.silosneeded.com/cgit/blog.git" class="button is-link">
+			{{ site.data[site.active_lang].strings.global.source_code }}
+		    </a>
+		</div>
+	    </div>
+	</div>
     </div>
-</section>
+</nav>
diff --git a/_includes/footer.liquid b/_includes/footer.liquid
index d7d8900..a676e26 100644
--- a/_includes/footer.liquid
+++ b/_includes/footer.liquid
@@ -1,4 +1,4 @@
-<footer class="has-background-dark footer column">
+<footer class="footer column">
     <div class="pt-3 has-text-centered">
 	<p class="footer-content">
 	    <b>{{ site.title }}</b> {{ site.data[site.active_lang].strings.global.under }}
diff --git a/_includes/index.liquid b/_includes/index.liquid
index 2e1d2fc..45bb7ac 100644
--- a/_includes/index.liquid
+++ b/_includes/index.liquid
@@ -1,16 +1,30 @@
 <div class="column">
     {% for post in paginator.posts %}
-	<div class="columns">
-	    <div class="column post-summary">
-		<h2>
-		    <a class="index-content" href="{{ site.baseurl }}{{post.url }}">
-			{{ post.title }}
-		    </a>
-		</h2>
-		<div class="date">
-		    {% capture month%}{{ post.date |  date: "%b" }}{% endcapture %}
-		    {{ site.data[site.active_lang].strings.date[month]}} {{ post.date | date: "%e, %Y" }}
+	<div class="column post-summary">
+	    <div class="column">
+		<a class="index-post-title" href="{{ site.baseurl }}{{post.url }}">
+		    {{ post.title }}
+		</a>
+	    </div>
+	    <div class="column">
+		<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">
+			{% 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>
+	    <div class="column">
 		{{ post.excerpt }}
 	    </div>
 	</div>