From 54b2f09eb4b0a443a00d73d904b196e6b59f1df6 Mon Sep 17 00:00:00 2001
From: thatscringebro <thatscringebro@tutanota.com>
Date: Sun, 11 Sep 2022 10:53:52 -0400
Subject: [PATCH] =?UTF-8?q?changement=20l=C3=A9ger=20de=20style?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 mementomori.css  | 21 ++++++++++----
 mementomori.html | 71 ++++++++++++++++++++++++++++++++++--------------
 2 files changed, 65 insertions(+), 27 deletions(-)

diff --git a/mementomori.css b/mementomori.css
index 369c9ce..3874b5b 100644
--- a/mementomori.css
+++ b/mementomori.css
@@ -2,16 +2,14 @@ body{
     text-align: center; 
     background-color:#FCFBFA; 
     color:#4B4A4A;
-}
-.container{
-    
 }
 .decade{
     display: flex;
-    margin-top: 20px
+    margin-top: 20px;
 }
 .boxes{
     margin: auto;
+    margin-right: 10px;
     display: grid;
     grid-template-columns: repeat(53,auto);
     row-gap: 4px;
@@ -21,11 +19,22 @@ body{
 .box{
     width: 8px;
     height: 8px;
-    border: 1px solid #4B4A4A;
+    border: 1px solid #111111;
+    border-radius: 1px;
 }
 .enabled{
-    background-color: #252525;
+    background-color: #3a3a3a;
 }
 .box-break{
     margin-right: 20px;
+}
+.year{
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    margin-right: auto;
+}
+.paragraph{
+    margin: auto;
+    width: 50em;
 }
\ No newline at end of file
diff --git a/mementomori.html b/mementomori.html
index f743f5c..26ec418 100644
--- a/mementomori.html
+++ b/mementomori.html
@@ -12,7 +12,7 @@
                 <h1>Memento Mori</h1>
             </div>
             <div id="calendar"></div>
-            <div class="pragraph">
+            <div class="paragraph">
                 <p>“It is not that we have a short time to live, but that we waste a lot of it. Life is long enough, and a sufficiently generous amount has been given to us for the highest achievements if it were 
                     all well invested. But when it is wasted in heedless luxury and spent on no good activity, we are forced at last by death’s final constraint to realize that it has passed away before we knew it 
                     was passing. So it is: we are not given a short life but we make it short, and we are not ill-supplied but wasteful of it… Life is long if you know how to use it.”
@@ -23,28 +23,57 @@
     </body>
 </html>
 <script>
-    
-    for(var i = 0; i < 10; i++)
+    const nbdecades = 8;
+    const yearperbloc = 10;
+    const nbsemainesperyear = 52;
+    var nbsemaines = 100;
+    remplir(nbsemaines);
+    function remplir(nbsemaines)
     {
-        var body = document.getElementById('calendar');
-        var divboxes = document.createElement('div')
-        divboxes.classList.add("boxes");
-        var divdecade = document.createElement('div')
-        divdecade.classList.add("decade");
-    
-        body.append(divdecade);
-        divdecade.append(divboxes);
-
-        for(var a =0; a < 10; a++)
+        var cptsemaine = 0;
+        var cptyear = 0;
+        for(var i = 0; i < nbdecades; i++)
         {
-            for(var b = 0; b < 53; b++)
+            var body = document.getElementById('calendar');
+            var divboxes = document.createElement('div');
+            divboxes.classList.add("boxes");
+            var divdecade = document.createElement('div');
+            divdecade.classList.add("decade");
+            var divyear = document.createElement('div');
+            divyear.classList.add("year");
+            
+            body.append(divdecade);
+            divdecade.append(divboxes);
+            
+            for(var a = 0; a < yearperbloc; a++)
             {
-                var divbox = document.createElement('div')
-                if(b == 26)
-                    divbox.classList.add("box-break");
-                else
-                    divbox.classList.add("box");
-                divboxes.append(divbox);
-            }}
+                for(var b = 0; b < nbsemainesperyear + 1; b++)
+                {
+                    var divbox = document.createElement('div');
+                    if(b == nbsemainesperyear / 2)
+                        divbox.classList.add("box-break");
+                    else
+                        divbox.classList.add("box");
+                    if(cptsemaine < nbsemaines)
+                        divbox.classList.add("enabled");
+                    divboxes.append(divbox);
+                    cptsemaine++;
+                }
+            }
+            
+            divdecade.append(divyear);
+            
+            for(a = 0; a < 3; a++)
+            {
+                var spanyear = document.createElement('span');
+                
+                if(a != 0)
+                {
+                    cptyear += 5;
+                    spanyear.textContent = cptyear;
+                }
+                divyear.append(spanyear);
+            }
+        }
     }
 </script>
\ No newline at end of file