Ajout de l'ouverture du LOL

css/style.css

@@ -88,22 +88,22 @@ a:visited {
 
 /* main area */ 
 
-main {
+#homepage {
     display: grid;
     grid-template-columns: 1fr 400px;
     grid-auto-rows: min-content;
     gap: 5px;
 }
 
-main > section {
+#homepage > section {
     padding: 0 10px;
 }
 
-main aside {
+#homepage aside {
     padding: 10px;
 }
 
-main .toolbar {
+#homepage .toolbar {
     grid-column: 1 / 3;
     padding: 0 10px;
 
@@ -111,22 +111,22 @@ main .toolbar {
 }
 
 @media screen and (max-width: 889px){
-    main {
+    #homepage {
         grid-template-columns: 1fr;
     }
 
-    main > aside {
+    #homepage > aside {
         grid-row: 3;
     }
 
-    main .toolbar {
+    #homepage .toolbar {
         grid-row: 1;
     }
 }
 
 /* toolbar */
 
-main .toolbar button {
+#homepage .toolbar button {
     border: none;
     background: none;
     color: white;
@@ -134,12 +134,12 @@ main .toolbar button {
     cursor: pointer;
 }
 
-main .toolbar button img {
+#homepage .toolbar button img {
     height: 1em;
     display: inline-block;
 }
 
-main .toolbar button img[hidden] {
+#homepage .toolbar button img[hidden] {
     display: none;
 }
 
@@ -236,4 +236,35 @@ main .toolbar button img[hidden] {
     bottom: 0;
     left: 0;
     background: linear-gradient(to top, black, rgba(0,0,0,0));
+}
+
+/* Status */
+
+aside .status-container > * {
+    text-align: inherit;
+}
+
+.status-container > * {
+	text-align: center;
+}
+
+a.status-container > p {
+	text-align: inherit;
+}
+
+.status-container.opened strong {
+	color: green;
+	font-weight: bold;
+}
+
+.status-container.closed strong {
+	color: red;
+	font-weight: bold;
+}
+
+img.status-icon {
+	max-width: 125px;
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
 }