diff --git a/content/accomplissements/aside-server-gitea.md b/content/accomplissements/aside-server-gitea.md
new file mode 100644
index 0000000..3cbe1f6
--- /dev/null
+++ b/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.
diff --git a/content/accomplissements/server-gitea.md b/content/accomplissements/server-gitea.md
index 54c93ce..98a0317 100644
--- a/content/accomplissements/server-gitea.md
+++ b/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
diff --git a/static/style.css b/static/style.css
index 46f494e..ae5f749 100644
--- a/static/style.css
+++ b/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;
+ }
diff --git a/templates/base.html b/templates/base.html
index c9a5fdf..38370d5 100644
--- a/templates/base.html
+++ b/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>
diff --git a/templates/index.html b/templates/index.html
index 2d4d657..24a5e82 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,7 +1,5 @@
 {% extends "base.html" %}
 
 {% block content %}
-  <div class="main-content">
     {{ section.content | safe }}
-  </div>
 {% endblock content %}
diff --git a/templates/page.html b/templates/page.html
index 5fc901b..a4788e5 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -1,7 +1,5 @@
 {% extends "base.html" %}
 
 {% block content %}
-<div class="main-content">
   {{ page.content | safe }}
-</div>
 {% endblock content %}
diff --git a/templates/partials/aside.html b/templates/partials/aside.html
index ecda244..4fc08c2 100644
--- a/templates/partials/aside.html
+++ b/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 %}