From 250d9cf713f74cc9933fb1449cb8b1a1af211f52 Mon Sep 17 00:00:00 2001
From: Ambulance Clerc <ambulance.clerc@outlook.com>
Date: Wed, 12 Oct 2022 19:00:43 +0200
Subject: [PATCH] Adaptation sync caldav task

---
 mycaldav/templates/reskreen.html | 52 +++++++++++++++++++++-----------
 1 file changed, 34 insertions(+), 18 deletions(-)
diff --git a/mycaldav/templates/reskreen.html b/mycaldav/templates/reskreen.html
index 6cb9fd8..34eee20 100644
--- a/mycaldav/templates/reskreen.html
+++ b/mycaldav/templates/reskreen.html
@@ -1,47 +1,63 @@
 <html>
+<style>
+    .div_container{
+        border: 1px solid #1e1e1e;
+    }
+    .main_div{
+        height: 500px;
+        padding: 10px;
+        width: 30%;
+    }
+    .main_div p{
+        color: red;
+        font-weight: bold;
+        font-size: 18pt;
+    }
+</style>
 <body style="background-color:black">
-    <div style="width: 100%; border: 1px solid white">
+    <div style="width: 100%;" class="div_container">
         <div style="float:left; width:50%"><iframe src="https://www.zeitverschiebung.net/clock-widget-iframe-v2?language=fr&size=medium&timezone=Europe%2FZurich" width="100%" height="115" frameborder="0" scrolling="no" seamless ></iframe></div>
         <div style="float:right; width:50%"><a class="weatherwidget-io" href="https://forecast7.com/fr/46d256d95/monthey/" data-label_1="MONTHEY" data-label_2="METEO" data-days="3" data-theme="dark" >MONTHEY METEO</a>
-<script>
-!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
-</script></div>
+            <script>
+            !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
+            </script>
+        </div>
 <div style="clear: both"></div>
     </div>
     <div>
-        <div style="float:left;width: 33%;border: 1px solid white; height: 500px">
-            <p style="color: white">Équipage</p>
+        <div style="float:left;" class="div_container main_div">
+            <p style="">Équipage</p>
             <iframe style="border:0;width:100%;height:100%;color:white" src="https://rh.ambulance-clerc.ch/caldav/team"></iframe>
         </div>
-        <div style="float:left;width: 33%;;border: 1px solid white;  height: 500px">
+        <div style="float:left;" class="div_container main_div">
             <div style="height: 50%">
-                <p style="color: white">Restrictions routières</p>
+                <p style="">Restrictions routières</p>
                 <iframe scrolling="no" style="border:0;width:100%;height:100%" src="https://rh.ambulance-clerc.ch/caldav/road"></iframe>
             </div>
             <div style="height: 50%">
-                <p style="color: white">Communications importantes</p>
+                <p style="">Communications importantes</p>
                 <iframe scrolling="no" style="border:0;width:100%;height:100%" src="https://rh.ambulance-clerc.ch/caldav/road"></iframe>
             </div>
 
         </div>
-        <div style="float:left;width: 33%;border: 1px solid white;  height: 500px">
-            <p style="color: white">Agenda véhicules</p>
+        <div style="float:left;" class="div_container main_div">
+            <p style="">Agenda véhicules</p>
            <iframe style="border:0;width:100%;height:100%" src="https://rh.ambulance-clerc.ch/caldav/vhc"></iframe>
         </div>
     </div>
 <div style="clear: both"></div>
  <div>
-        <div style="float:left;width: 33%;border: 1px solid white; height: 500px">
-            <p style="color: white">Acceuil</p>
+        <div style="float:left;" class="div_container main_div">
+            <p style="">Acceuil</p>
             <iframe scrolling="no" style="border:0;width:100%;height:100%" src="https://rh.ambulance-clerc.ch/caldav/rh"></iframe>
         </div>
-        <div style="float:left;width: 33%;;border: 1px solid white;  height: 500px">
-            <p style="color: white">Tâches à faire</p>
+        <div style="float:left;" class="div_container main_div">
+            <p style="">Tâches à faire</p>
             <iframe scrolling="no" style="border:0;width:100%;height:100%" src="https://rh.ambulance-clerc.ch/caldav/task"></iframe>
         </div>
-        <div style="float:left;width: 33%;border: 1px solid white;  height: 500px">
-            <p style="color: white">Manifestations</p>
-            <iframe scrolling="no" style="border:0;width:100%;height:100%" src="https://rh.ambulance-clerc.ch/caldav/road"></iframe>
+        <div style="float:left;" class="div_container main_div">
+            <p style="">Manifestations</p>
+            <iframe style="border:0;width:100%;height:100%;color:white" src="https://rh.ambulance-clerc.ch/caldav/team"></iframe>
         </div>
     </div>
 <div style="clear: both"></div>
