Final touches before links

divent/static/css/global.css

@@ -36,6 +36,9 @@ body {
     background-color: #18191c;
     border-radius: 5px;
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.24);
+}
+
+#box {
     padding: 32px 16px 24px;
 }
 
@@ -82,10 +85,28 @@ h2 {
 
 h3 {
     text-transform: uppercase;
-    font-size: 13px;
+    font-size: 12px;
 }
 
 hr {
-    color:rgba(79, 84, 92, 0.48);
+    color: rgba(79, 84, 92, 0.48);
     margin: 24px 0;
 }
+
+#buttons {
+    background-color: #2f3136;
+    padding: 16px;
+    text-align: right;
+    border-radius: 0 0 5px 5px;
+}
+
+#buttons a {
+    background-color: #5865f2;
+    line-height: 38px;
+    font-size: 14px;
+    padding: 0 16px;
+    border-radius: 3px;
+    color: white;
+    text-decoration: none;
+    display: inline-block;
+}

divent/templates/index.html.j2

@@ -23,5 +23,7 @@
         </ul>
         <hr />
     </div>
-    <div id="buttons"></div>
+    <div id="buttons">
+        <a href="{{ url_for('login') }}">{{ _("Let's go!") }}</a>
+    </div>
 {% endblock content %}

divent/translations/fr.json

@@ -4,5 +4,6 @@
     "The discord scheduled event calendar generator": "Générateur de calendrier pour les évènements Discord",
     "This will allow you to:": "Ceci vous permettra de :",
     "Subscribe to a calendar on Google, Yahoo, Outlook, Apple or any ICS complient software": "S'abonner à un calendrier sur Google, Yahoo, Outlook, Apple ou tout autre logiciel compatible",
-    "Throwing you to a new isekai world": "Vous envoyer dans un monde fantaisiste armée d'une poile à frire"
+    "Throwing you to a new isekai world": "Vous envoyer dans un monde fantaisiste armée d'une poile à frire",
+    "Let's go!": "C'est parti !"
 }