Added access instructions

.gitignore

@@ -0,0 +1 @@
+*.blend?

css/style.css

@@ -114,21 +114,27 @@ hr {
 
 main #main-info {
     grid-column: 2;
-    grid-row: 1;
+    grid-row: 1 / 3;
 }
 
 main #events {
-    grid-column: 2;
-    grid-row: 2;
+    grid-column: 1 / 3;
+    grid-row: 3;
+
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-auto-flow: 1fr;
 }
 
 main #description {
     grid-column: 1;
-    grid-row: 1 / 5;
+    grid-row: 2;
+    margin-bottom: 50px;
 }
 
 #homepage .toolbar {
-    grid-column: 1 / 3;
+    grid-column: 1;
+    grid-row: 1;
     text-align: right;
 }
 
@@ -202,6 +208,34 @@ main #description {
     align-self: center;
 }
 
+/* Join steps */
+
+#join-steps {
+    padding: 0;
+    list-style-type: none;
+
+    text-align: left;
+
+    counter-reset: join-step;
+}
+
+#join-steps li {
+    position: relative;
+    counter-increment: join-step;
+    margin-bottom: 1em;
+}
+
+#join-steps li::before {
+    content: counter(join-step) ".";
+    font-size: 1.5em;
+    margin-right: 0.5em;
+}
+
+#join-steps li:nth-child(2)::before {
+    position: absolute;
+    bottom: 100px;
+}
+
 /* toolbar */
 
 #homepage .toolbar button {
@@ -356,10 +390,6 @@ main > aside {
     position: relative;
 }
 
-.affiche:not(:first-child){
-    margin-top: 25px;
-}
-
 .affiche:not(:last-child){
     margin-bottom: 25px;
 }

index.html

@@ -85,6 +85,11 @@
 				<a href="/status/" id="status">Vérifier si le local est ouvert 🠖</a>
 				<script src="/js/status.js"></script>
 			</section>
+
+			<ol id="join-steps">
+				<li>Sonnez à l’interphone</li>
+				<li><img src="/images/plan-d-access.png" alt="Plan d'acces au locaux du LOL : En entrant depuis la place, tout au bout en traversant une cour. Sur la droite avant les escaliers" title="En entrant depuis la place, tout au bout en traversant une cour. Sur la droite avant les escaliers" /></li>
+			</ol>
 		</aside>
 
 		<section id="events">