From 535da1b4fc1d1ff7e8af448de2205dfaa741b7e5 Mon Sep 17 00:00:00 2001
From: Gzod01 <gzod01@gzod01.fr>
Date: Mon, 19 Jun 2023 12:24:54 +0200
Subject: [PATCH 1/5] Ajouter 'content/countdown/index.html'

---
 content/countdown/index.html | 193 +++++++++++++++++++++++++++++++++++
 1 file changed, 193 insertions(+)
 create mode 100644 content/countdown/index.html
diff --git a/content/countdown/index.html b/content/countdown/index.html
new file mode 100644
index 0000000..08bc13f
--- /dev/null
+++ b/content/countdown/index.html
@@ -0,0 +1,193 @@
+<!doctype html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <style>
+        /* latin */
+        @font-face {
+            font-family: 'Roboto';
+            font-style: normal;
+            font-weight: 400;
+            font-display: swap;
+            src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
+            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+        }
+
+        * {
+            font-family: Roboto;
+        }
+
+        body {
+            --color1: rgb(2 94 115);
+            --color2: #f2a71a;
+            border-top: 20px solid var(--color2);
+            background-color: var(--color1);
+            height: calc(100vh - 40px);
+            width: 100%;
+            margin: 0;
+        }
+
+        .decount-center {
+            position: relative;
+            padding-top: 120px;
+            /*top: calc(50%  - 200px + 40px);
+            left: 50%;
+            transform: translate(-50%, -50%);*/
+            padding: 20px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+        }
+
+        .decount {
+            display: flex;
+            align-items: center;
+            justify-content: space-around;
+            font-size: xx-large;
+            width: 70%;
+            color: white;
+        }
+
+        .decount span {
+            /*background-color: blue;*/
+            display: inline-block;
+            padding: 20px;
+        }
+
+        .decount dateseparator {
+            /*background-color:darkslategray;*/
+            padding: 10px;
+            display: inline-block;
+            text-align: center;
+        }
+
+        .decount-info {
+            align-self: center;
+            text-align: center;
+            color: white;
+        }
+
+        .logo {
+            height: 200px;
+        }
+
+        .credits {
+            display: flex;
+            flex-direction: row;
+            justify-content: space-around;
+            position: fixed;
+            top: 90%;
+            width: 100%;
+            padding: 20px 0px;
+            color: white;
+        }
+
+        .madeby {
+            position: fixed;
+            bottom: 0%;
+            right: 0%;
+            font-size: 50%;
+            text-decoration: none;
+            color: white;
+        }
+
+        .madeby * {
+            text-decoration: none;
+            color: white;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="decount-center">
+        <img class="logo" height=20
+            src="https://forge.lefuturiste.fr/etoiledebethleem/website/raw/branch/master/assets/images/all_logos/logo_texte_rectangle_blanc_transparent.svg">
+        <p class="decount-info">Ouverture du site dans...</p>
+        <div class=decount>
+            <!-- day et week sont dans .lessprecision, hour dans les deux, min, sec dans .moreprecision-->
+            <span id=day></span>
+            <dateseparator id="daysep">-</dateseparator>
+            <span id=hour></span>
+            <dateseparator>:</dateseparator>
+            <span id=min></span>
+            <dateseparator id="secsep">:</dateseparator>
+            <span id=sec></span>
+        </div>
+    </div>
+    <div class="credits">
+        <span class="contactus">En attendant retrouvez nous sur
+            <span name=tabulation style="display:inline-block; width:20px"></span>
+            <a class=facebookbutton href="https://www.facebook.com/letoiledebethleem">
+                <svg xmlns="http://www.w3.org/2000/svg" style="fill:white; height:1.5em;" viewBox="0 0 512 512">
+                    <path
+                        d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z" />
+                </svg>
+            </a>
+        </span>
+    </div>
+    <span class="madeby"><a href="//gzod01.fr">GZod01</a></span>
+    <script>
+        Date.prototype.getWeek = function () {
+            var date = new Date(this.getTime());
+            date.setHours(0, 0, 0, 0);
+            // Thursday in current week decides the year.
+            date.setDate(date.getDate() + 3 - (date.getDay() + 6) % 7);
+            // January 4 is always in week 1.
+            var week1 = new Date(date.getFullYear(), 0, 4);
+            // Adjust to Thursday in week 1 and count number of weeks from date to week1.
+            return 1 + Math.round(((date.getTime() - week1.getTime()) / 86400000
+                - 3 + (week1.getDay() + 6) % 7) / 7);
+        }
+        let daydiv = document.querySelector('#day');
+        let hourdiv = document.querySelector('#hour');
+        let mindiv = document.querySelector('#min');
+        let secdiv = document.querySelector('#sec');
+        var eventdate = "2023/07/14 00:00:00"
+        var date = new Date();
+        function filldatezero(variable) {
+            return String(variable).padStart(2, '0');
+        }
+        function setTime() {
+            let curtimestamp = Date.now();
+            let totimestamp = Date.parse(eventdate); //a remplacer par la date de l'évènement
+            let thetimestamp = totimestamp - curtimestamp
+            if (thetimestamp == 0 | thetimestamp < 0) {
+                location = "/"
+            }
+            date.setTime(thetimestamp);
+            let year = date.getFullYear() - 1970;
+            let month = date.getMonth();
+            //let week = date.getWeek();
+            let day = date.getDate();
+            let hour = date.getHours();
+            let min = date.getMinutes();
+            let sec = date.getSeconds();
+            if (day - 1 == 0) {
+                document.querySelector('#day').style.display = "none"
+                document.querySelector('#daysep').style.display = "none"
+            }
+            else{
+                secdiv.style.display="none";
+                document.querySelector('#secsep').style.display="none"
+            }
+            day = filldatezero(day)
+            hour = filldatezero(hour)
+            min = filldatezero(min)
+            sec = filldatezero(sec)
+            daydiv.innerHTML = day + "j"
+            hourdiv.innerHTML = hour + "h"
+            mindiv.innerHTML = min + "min"
+            secdiv.innerHTML = sec + "secondes"
+            //console.log(`Il reste ${year} ans, ${year} mois, ${day} Jours, ${hour} Heures, ${min} Minutes, ${sec} Secondes avant l'ouverture du site`)
+            setTimeout(setTime, 1000);
+        }
+        window.onload = setTime
+
+
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file
-- 
2.43.4


From a39badd058bcc34266511a260778ede5b510af16 Mon Sep 17 00:00:00 2001
From: Gzod01 <gzod01@gzod01.fr>
Date: Mon, 19 Jun 2023 13:28:19 +0200
Subject: [PATCH 2/5] =?UTF-8?q?Mise=20=C3=A0=20jour=20de=20'countdown/inde?=
 =?UTF-8?q?x.html'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 {content/countdown => countdown}/index.html | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename {content/countdown => countdown}/index.html (100%)

diff --git a/content/countdown/index.html b/countdown/index.html
similarity index 100%
rename from content/countdown/index.html
rename to countdown/index.html
-- 
2.43.4


From 2aa622964ed4bdaf8d359309dd45a9519e79cc41 Mon Sep 17 00:00:00 2001
From: Gzod01 <gzod01@gzod01.fr>
Date: Mon, 19 Jun 2023 14:05:44 +0200
Subject: [PATCH 3/5] =?UTF-8?q?Mise=20=C3=A0=20jour=20de=20'countdown/inde?=
 =?UTF-8?q?x.html'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 countdown/index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/countdown/index.html b/countdown/index.html
index 08bc13f..28b21d6 100644
--- a/countdown/index.html
+++ b/countdown/index.html
@@ -3,6 +3,7 @@
 
 <head>
     <meta charset="UTF-8">
+    <meta name=viewport content="width=device-width, initial-scale=1.0">
     <style>
         /* latin */
         @font-face {
-- 
2.43.4


From 9b94836e3e93f1b3aecbae7b52edbf3e20e4e9ac Mon Sep 17 00:00:00 2001
From: Gzod01 <gzod01@gzod01.fr>
Date: Mon, 26 Jun 2023 08:31:01 +0200
Subject: [PATCH 4/5] =?UTF-8?q?modification=20du=20css=20suite=20=C3=A0=20?=
 =?UTF-8?q?la=20modification=20de=20la=20mise=20en=20forme=20+=20le=20css?=
 =?UTF-8?q?=20est=20maintenant=20responsive?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 countdown/index.html | 41 +++++++++++++++++++++++++++++++----------
 1 file changed, 31 insertions(+), 10 deletions(-)

diff --git a/countdown/index.html b/countdown/index.html
index 28b21d6..e3cd71b 100644
--- a/countdown/index.html
+++ b/countdown/index.html
@@ -3,7 +3,7 @@
 
 <head>
     <meta charset="UTF-8">
-    <meta name=viewport content="width=device-width, initial-scale=1.0">
+  <meta name=viewport content="width=device-width, initial-scale=1.0">
     <style>
         /* latin */
         @font-face {
@@ -31,30 +31,37 @@
 
         .decount-center {
             position: relative;
-            padding-top: 120px;
+            height:calc(100% - 20px);
             /*top: calc(50%  - 200px + 40px);
             left: 50%;
             transform: translate(-50%, -50%);*/
-            padding: 20px;
             display: flex;
             align-items: center;
             justify-content: center;
-            flex-direction: column;
+            flex-direction: row;
         }
-
+        .decount-with-title{
+            display:flex;
+            flex-direction:column;
+            text-align:center;
+          flex: 2 0;
+          width:60%;
+        }
+      .decount-with-title * {
+        text-align:center;
+      }
         .decount {
             display: flex;
             align-items: center;
             justify-content: space-around;
             font-size: xx-large;
-            width: 70%;
+            width: 100%;
             color: white;
         }
 
         .decount span {
             /*background-color: blue;*/
             display: inline-block;
-            padding: 20px;
         }
 
         .decount dateseparator {
@@ -69,9 +76,21 @@
             text-align: center;
             color: white;
         }
-
+        
         .logo {
-            height: 200px;
+          position:relative;
+            height: 100%;
+          width:40%;
+        }
+      @media only screen and (max-width: 600px) {
+          .logo{
+            z-index:-1;
+            position:absolute;
+          }
+        .decount-with-title  *{
+          --thecolor:black;
+          text-shadow: -1px -1px 0 var(--thecolor), 1px -1px 0 var(--thecolor), -1px 1px 0 var(--thecolor), 1px 1px 0 var(--thecolor);
+        }
         }
 
         .credits {
@@ -104,7 +123,8 @@
 <body>
     <div class="decount-center">
         <img class="logo" height=20
-            src="https://forge.lefuturiste.fr/etoiledebethleem/website/raw/branch/master/assets/images/all_logos/logo_texte_rectangle_blanc_transparent.svg">
+            src="https://forge.lefuturiste.fr/etoiledebethleem/website/raw/branch/master/assets/images/all_logos/square_notext_white_transparent.svg">
+      <div class=decount-with-title>
         <p class="decount-info">Ouverture du site dans...</p>
         <div class=decount>
             <!-- day et week sont dans .lessprecision, hour dans les deux, min, sec dans .moreprecision-->
@@ -116,6 +136,7 @@
             <dateseparator id="secsep">:</dateseparator>
             <span id=sec></span>
         </div>
+      </div>
     </div>
     <div class="credits">
         <span class="contactus">En attendant retrouvez nous sur
-- 
2.43.4


From 79e3b96c8c50ccc65f44f7260ba28a4fa87b607f Mon Sep 17 00:00:00 2001
From: Gzod01 <gzod01@gzod01.fr>
Date: Mon, 26 Jun 2023 08:34:39 +0200
Subject: [PATCH 5/5] modification du "en attendant retrouvez nous sur" en
 "suivez nous >"

---
 countdown/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/countdown/index.html b/countdown/index.html
index e3cd71b..fa3b3f6 100644
--- a/countdown/index.html
+++ b/countdown/index.html
@@ -139,7 +139,7 @@
       </div>
     </div>
     <div class="credits">
-        <span class="contactus">En attendant retrouvez nous sur
+        <span class="contactus">Suivez nous >
             <span name=tabulation style="display:inline-block; width:20px"></span>
             <a class=facebookbutton href="https://www.facebook.com/letoiledebethleem">
                 <svg xmlns="http://www.w3.org/2000/svg" style="fill:white; height:1.5em;" viewBox="0 0 512 512">
-- 
2.43.4

