barre laterale fonctionnelle et stylisee

content/accomplissements/aside-server-gitea.md

@@ -0,0 +1,4 @@
++++
++++
+# *TL;DR :*
+L’auteur voulait versionner ses projets et travailler dessus même en déplacement. Pour éviter les services payants de Microsoft, il a installé **Gitea** sur son serveur personnel en suivant la documentation. Il a rendu le serveur accessible depuis Internet via redirection de port et DNS. Pour éviter les abus, la création de comptes est désactivée (il faut le contacter pour en obtenir un). Il prévoit encore d’automatiser la publication de son site après un push Git, et invite les gens à visiter le serveur pour voir les dépôts publics.

content/accomplissements/server-gitea.md

@@ -4,6 +4,7 @@ description = "Une page qui explique comment j'ai mis en place un clone auto-heb
 
 [extra]
 keywords = ["gitea", "github", "homeserver"]
+aside = "accomplissements/aside-server-gitea.md"
 +++
 
 # Les premices du projet

static/style.css

@@ -1,6 +1,6 @@
 .titre{
   font-family: "Courier New", monospace;
-  margin-left: 1%:
+  margin-left: 1%;
 }
 
 blockquote{
@@ -58,13 +58,19 @@ footer{
 }
 
 .layout{
-  display:grid;
+  display: grid;
   grid-template-columns: 2fr 1fr;
-  gap: 2rem;
 }
 
-@media (min-width: 900px){
-  .layout{
-    grid-template-columns: 1fr 300px;
+@media (max-width: 768px) {
+  .layout {
+    grid-template-columns: 1fr;
   }
 }
+ aside{
+   margin: 5px;
+   background-color: #cc0000;
+   color: white;
+   border-radius: 10px 10px 10px 10px;
+   padding: 10px;
+ }

templates/base.html

@@ -16,12 +16,8 @@
     </ul>
   </nav>
   <div class="layout">
-    <section>
-      {% block content %} {% endblock content %}
-    <section>
-    <aside>
-      {% include "partials/aside.html" %}
-    </aside>
+    <main class="main-content">{% block content %} {% endblock content %}</main>
+    <aside>{% include "partials/aside.html" %}</aside>
   </div>
 </body>
 <footer>

templates/index.html

@@ -1,7 +1,5 @@
 {% extends "base.html" %}
 
 {% block content %}
-  <div class="main-content">
     {{ section.content | safe }}
-  </div>
 {% endblock content %}

templates/page.html

@@ -1,7 +1,5 @@
 {% extends "base.html" %}
 
 {% block content %}
-<div class="main-content">
   {{ page.content | safe }}
-</div>
 {% endblock content %}

templates/partials/aside.html

@@ -1,4 +1,4 @@
 {% if page.extra.aside %}
-  {% set aside = load_data(path="content/" ~ page.extra.aside) %}
-  {{ aside | markdown | safe }}
+  {% set aside = get_page(path=page.extra.aside) %}
+  {{ aside.content | safe }}
 {% endif %}