From 72407c1a3eafa96db253ae83c8cdbfbc68788b49 Mon Sep 17 00:00:00 2001
From: PlexSheep <software@cscherr.de>
Date: Mon, 2 Oct 2023 22:32:35 +0200
Subject: [PATCH] add browse to index

---
 gawa/blog/templates/blog/index.html | 73 +++++++++++++++++------------
 1 file changed, 42 insertions(+), 31 deletions(-)

diff --git a/gawa/blog/templates/blog/index.html b/gawa/blog/templates/blog/index.html
index 9d7eeaf..d65a321 100644
--- a/gawa/blog/templates/blog/index.html
+++ b/gawa/blog/templates/blog/index.html
@@ -1,46 +1,57 @@
 {% extends 'base.html' %}
 {% load i18n %}
 {% get_current_language as LANGUAGE_CODE %}
-{% block languagecode %}{{ LANGUAGE_CODE }}{% endblock languagecode %}
-{% block title %}{% translate "cscherr.de" %} - {% translate "Blog" %}{% endblock title %}
+{% block languagecode %}
+    {{ LANGUAGE_CODE }}
+{% endblock languagecode %}
+{% block title %}
+    {% translate "cscherr.de" %} - {% translate "Blog" %}
+{% endblock title %}
 {% block main %}
-<div class="container-xl">
-    <div class="jumbotron text-center">
-        <h1>{% translate "Was gibt es hier?" %}</h1>
-        <p>{% translate "Blog" %}</p>
-    </div>
-    <div class="row text-center">
-        <div class="col mx-3 my-5">
-            <h3>{% translate "Writeups" %}</h3>
-            <p>
-            {% blocktranslate %}
+    <div class="container-xl">
+        <div class="container text-center jumbotron my-3"></div>
+        <div class="jumbotron text-center">
+            <h1>{% translate "Was gibt es hier?" %}</h1>
+            <p>{% translate "Blog" %}</p>
+        </div>
+        <div class="row text-center">
+            <div class="col mx-3 my-5">
+                <h3>{% translate "Writeups" %}</h3>
+                <p>
+                    {% blocktranslate %}
             Whenever I discover some interesting security thing, I will post a writeup here.
             {% endblocktranslate %}
-            </p>
-        </div>
-        <div class="col mx-3 my-5">
-            <h3>{% translate "Open Source" %}</h3>
-            {% blocktranslate %}
+                </p>
+            </div>
+            <div class="col mx-3 my-5">
+                <h3>{% translate "Open Source" %}</h3>
+                {% blocktranslate %}
             If something comes up, I may post Linux guides or my thoughts on current processes here.
             {% endblocktranslate %}
-        </div>
-        <div class="col mx-3 my-5">
-            <h3>{% translate "Selfhosting" %}</h3>
-            {% blocktranslate %}
+            </div>
+            <div class="col mx-3 my-5">
+                <h3>{% translate "Selfhosting" %}</h3>
+                {% blocktranslate %}
             Selfhosting is something that I'm really fond of. There will be guides and thoughts about that too
             {% endblocktranslate %}
-        </div>
-        <div class="col mx-3 my-5">
-            <h3>{% translate "Anything Really" %}</h3>
-            {% blocktranslate %}
+            </div>
+            <div class="col mx-3 my-5">
+                <h3>{% translate "Anything Really" %}</h3>
+                {% blocktranslate %}
             This is my personal Blog after all, I will put here whatever I want and you can't stop me.
             {% endblocktranslate %}
+            </div>
         </div>
+        <div class="container text-center jumbotron my-3">
+            <h1 class="my-4">{% translate "Looking for anything specific?" %}</h1>
+            {% include 'main_search_form.html' %}
+            <h4 class="my-5">
+                <a href="{% url 'blog:browse' %}"
+                   class="link-offset-2 link-underline link-underline-opacity-0">
+                    {% translate "Browse articles" %}
+                </a>
+            </h4>
+        </div>
+        {% include 'blog/featured.html' %}
     </div>
-    <div class="container text-center jumbotron my-3">
-        <h1 class="my-4">{% translate "Looking for anything specific?" %}</h1>
-        {% include 'main_search_form.html' %}
-    </div>
-    {% include 'blog/featured.html' %}
-</div>
 {% endblock main %}