I speed up the website

calendario/Favicon/browserconfig.xml

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>

calendario/Favicon/manifest.json

@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+  {
+   "src": "\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}

calendario/calendario.html

@@ -11,7 +11,7 @@
 
 <!-- File css -->
 
-    <link rel="stylesheet" href="https://1elci.it/style.css" type="text/css" media="all" />
+    <link rel="stylesheet" href="style.css" type="text/css" media="all" />
 
 <!-- Icona nella barra del browser / Favicon -->
 

calendario/function.js

@@ -0,0 +1,35 @@
+var checkbox = document.querySelector('input[name=mode]');
+
+        checkbox.addEventListener('change', function() {
+            if(this.checked) {
+                trans()
+                document.documentElement.setAttribute('data-theme', 'dartheme')
+            } else {
+                trans()
+                document.documentElement.setAttribute('data-theme', 'lighttheme')
+            }
+        })
+
+        let trans = () => {
+            document.documentElement.classList.add('transition');
+            window.setTimeout(() => {
+                document.documentElement.classList.remove('transition');
+            }, 1000)
+        }
+
+        const btn = document.querySelector(".container_toggle");
+
+        const currentTheme = localStorage.getItem("theme");
+        if (currentTheme == "dark") {
+          document.body.classList.add("dark-theme");
+        }
+        
+        btn.addEventListener("click", function () {
+          document.body.classList.toggle("dark-theme");
+        
+          let theme = "light";
+          if (document.body.classList.contains("dark-theme")) {
+            theme = "dark";
+          }
+          localStorage.setItem("theme", theme);
+        });

calendario/style.css

@@ -0,0 +1,136 @@
+a {
+  text-decoration: none;
+  outline: none;
+  display: inline-block;
+  width: 250px;
+  height: 50px;
+  line-height: 45px;
+  border-radius: 45px;
+  margin: 10px 20px;
+  font-family: 'Montserrat', sans-serif;
+  font-size: 11px;
+  text-transform: uppercase;
+  text-align: center;
+  letter-spacing: 3px;
+  font-weight: 600;
+  color: #524f4e;
+  background: white;
+  box-shadow: 0 8px 15px rgba(0,0,0,.1);
+  transition: .3s;
+}
+a:hover {
+  background: #2EE59D;
+  box-shadow: 0 15px 20px rgba(46,229,157,.4);
+  color: white;
+  transform: translateY(-7px);
+}
+
+a:logo {
+  margin-top: 43px;
+  float: left;
+  width: 358px;
+}
+
+  @import url("https://fonts.googleapis.com/css?family=Fredoka+One&display=swap");
+  html {
+    background: var(--backg);
+    --btn: #2ab1ce;
+    --backg: #fff;
+    --colorx: #232323;
+      width: 100%;
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+  
+  html[data-theme='dartheme'] {
+    background: var(--backg);
+    --btn: #ea4b3c;
+    --backg: #232323;
+    --colorx: #fff;
+  }
+  
+  h1 {
+    font-family: 'Fredoka One', cursive;
+    font-weight: 300;
+    color: var(--colorx);
+  }
+  h2 {
+    font-family: 'Fredoka One', cursive;
+    font-weight: 100;
+    color: var(--colorx);
+  }
+  
+  input[type=checkbox] {
+    visibility: hidden;
+    height: 0;
+    width: 0;
+    
+  }
+  
+  label {
+    margin: 0 auto;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 100px;
+    position: relative;
+    cursor: pointer;
+    text-indent: -9999px;
+    width: 60px;
+    height: 30px;
+    background: var(--btn);
+    position : absolute;
+    line-height: 12px;
+    width: 60px;
+    font-size: 50pt;
+    font-family: tahoma;
+    margin-top: 5px;
+    margin-right: 6px;
+    position:absolute;
+    top: 15px;
+    right: 15px;
+  }
+  
+  label:after {
+    border-radius: 50%;
+    position: absolute;
+    content: '';
+    background: #fff;
+    width: 20px;
+    height: 20px;
+    top: 5px;
+    left: 4px;
+    transition: ease-in-out 200ms;
+  }
+  
+  input:checked + label {
+    background: #ea4b3c;
+  }
+  
+  input:checked + label:after {
+    left: calc(100% - 5px);
+    transform: translateX(-100%);
+  }
+  
+  html.transition,
+  html.transition *,
+  html.transition *:before,
+  html.transition *:after {
+    transition: ease-in-out 200ms !important;
+    transition-delay: 0 !important;
+  }
+  
+  #nomeid{
+    position : absolute;
+    left : 20px;
+    right : 20px;
+  }
+  .orarioscuola {max-width: 100%}
+
+.theme-dark {
+  --color-background: #30110d;
+  -color: #f2bc94;
+}

orario/Favicon/browserconfig.xml

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>

orario/Favicon/manifest.json

@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+  {
+   "src": "\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}

orario/function.js

@@ -0,0 +1,35 @@
+var checkbox = document.querySelector('input[name=mode]');
+
+        checkbox.addEventListener('change', function() {
+            if(this.checked) {
+                trans()
+                document.documentElement.setAttribute('data-theme', 'dartheme')
+            } else {
+                trans()
+                document.documentElement.setAttribute('data-theme', 'lighttheme')
+            }
+        })
+
+        let trans = () => {
+            document.documentElement.classList.add('transition');
+            window.setTimeout(() => {
+                document.documentElement.classList.remove('transition');
+            }, 1000)
+        }
+
+        const btn = document.querySelector(".container_toggle");
+
+        const currentTheme = localStorage.getItem("theme");
+        if (currentTheme == "dark") {
+          document.body.classList.add("dark-theme");
+        }
+        
+        btn.addEventListener("click", function () {
+          document.body.classList.toggle("dark-theme");
+        
+          let theme = "light";
+          if (document.body.classList.contains("dark-theme")) {
+            theme = "dark";
+          }
+          localStorage.setItem("theme", theme);
+        });

orario/orario.html

@@ -11,24 +11,24 @@
 
 <!-- File css -->
 
-    <link rel="stylesheet" href="https://1elci.it/style.css" type="text/css" media="all" />
+    <link rel="stylesheet" href="style.css" type="text/css" media="all" />
 
 <!-- Icona nella barra del browser / Favicon -->
 
-    <link rel="apple-touch-icon" sizes="57x57" href="https://1elci.it/Favicon/apple-icon-57x57.png">
+    <link rel="apple-touch-icon" sizes="57x57" href="Favicon/apple-icon-57x57.png">
-    <link rel="apple-touch-icon" sizes="60x60" href="https://1elci.it/Favicon/apple-icon-60x60.png">
+    <link rel="apple-touch-icon" sizes="60x60" href="Favicon/apple-icon-60x60.png">
-    <link rel="apple-touch-icon" sizes="72x72" href="https://1elci.it/Favicon/apple-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="Favicon/apple-icon-72x72.png">
-    <link rel="apple-touch-icon" sizes="76x76" href="https://1elci.it/Favicon/apple-icon-76x76.png">
+    <link rel="apple-touch-icon" sizes="76x76" href="Favicon/apple-icon-76x76.png">
-    <link rel="apple-touch-icon" sizes="114x114" href="https://1elci.it/Favicon/apple-icon-114x114.png">
+    <link rel="apple-touch-icon" sizes="114x114" href="Favicon/apple-icon-114x114.png">
-    <link rel="apple-touch-icon" sizes="120x120" href="https://1elci.it/Favicon/apple-icon-120x120.png">
+    <link rel="apple-touch-icon" sizes="120x120" href="Favicon/apple-icon-120x120.png">
-    <link rel="apple-touch-icon" sizes="144x144" href="https://1elci.it/Favicon/apple-icon-144x144.png">
+    <link rel="apple-touch-icon" sizes="144x144" href="Favicon/apple-icon-144x144.png">
-    <link rel="apple-touch-icon" sizes="152x152" href="https://1elci.it/Favicon/apple-icon-152x152.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="Favicon/apple-icon-152x152.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="https://1elci.it/Favicon/apple-icon-180x180.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="Favicon/apple-icon-180x180.png">
-    <link rel="icon" type="image/png" sizes="192x192"  href="https://1elci.it/Favicon/android-icon-192x192.png">
+    <link rel="icon" type="image/png" sizes="192x192"  href="Favicon/android-icon-192x192.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="https://1elci.it/Favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="Favicon/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="96x96" href="https://1elci.it/Favicon/favicon-96x96.png">
+    <link rel="icon" type="image/png" sizes="96x96" href="Favicon/favicon-96x96.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="https://1elci.it/Favicon/favicon-16x16.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="avicon/favicon-16x16.png">
-    <link rel="manifest" href="https://1elci.it/Favicon/manifest.json">
+    <link rel="manifest" href="Favicon/manifest.json">
     <meta name="msapplication-TileColor" content="#ffffff">
     <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
     <meta name="theme-color" content="#ffffff">
@@ -55,11 +55,11 @@
 
 <!-- Immagine orario -->
 
-    <center><img class="orarioscuola" src="https://1elci.it/orario/orario.png"></center>
+    <center><img class="orarioscuola" src="orario.png"></center>
 
 <!-- Script per riadattare l'immagine in base al dispositivo -->
 
-<script src="https:/1elci.it/responsiveimgs.js"></script>
+<script src="responsiveimgs.js"></script>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 <!-- Pulsante per switchare alla dark mode o light mode -->
@@ -74,7 +74,7 @@
     </center>
 <!-- Script per far funzionare l'animazione e per far funzionare lo switch light e dark -->
 
-<script src="https://1elci.it/function.js"></script>
+<script src="function.js"></script>
 
 </div>
 </body>

orario/responsiveimgs.js

@@ -0,0 +1,3 @@
+var rwd_images = {
+    widthBreakPoint: 600
+    };

orario/style.css

@@ -0,0 +1,136 @@
+a {
+  text-decoration: none;
+  outline: none;
+  display: inline-block;
+  width: 250px;
+  height: 50px;
+  line-height: 45px;
+  border-radius: 45px;
+  margin: 10px 20px;
+  font-family: 'Montserrat', sans-serif;
+  font-size: 11px;
+  text-transform: uppercase;
+  text-align: center;
+  letter-spacing: 3px;
+  font-weight: 600;
+  color: #524f4e;
+  background: white;
+  box-shadow: 0 8px 15px rgba(0,0,0,.1);
+  transition: .3s;
+}
+a:hover {
+  background: #2EE59D;
+  box-shadow: 0 15px 20px rgba(46,229,157,.4);
+  color: white;
+  transform: translateY(-7px);
+}
+
+a:logo {
+  margin-top: 43px;
+  float: left;
+  width: 358px;
+}
+
+  @import url("https://fonts.googleapis.com/css?family=Fredoka+One&display=swap");
+  html {
+    background: var(--backg);
+    --btn: #2ab1ce;
+    --backg: #fff;
+    --colorx: #232323;
+      width: 100%;
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+  
+  html[data-theme='dartheme'] {
+    background: var(--backg);
+    --btn: #ea4b3c;
+    --backg: #232323;
+    --colorx: #fff;
+  }
+  
+  h1 {
+    font-family: 'Fredoka One', cursive;
+    font-weight: 300;
+    color: var(--colorx);
+  }
+  h2 {
+    font-family: 'Fredoka One', cursive;
+    font-weight: 100;
+    color: var(--colorx);
+  }
+  
+  input[type=checkbox] {
+    visibility: hidden;
+    height: 0;
+    width: 0;
+    
+  }
+  
+  label {
+    margin: 0 auto;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 100px;
+    position: relative;
+    cursor: pointer;
+    text-indent: -9999px;
+    width: 60px;
+    height: 30px;
+    background: var(--btn);
+    position : absolute;
+    line-height: 12px;
+    width: 60px;
+    font-size: 50pt;
+    font-family: tahoma;
+    margin-top: 5px;
+    margin-right: 6px;
+    position:absolute;
+    top: 15px;
+    right: 15px;
+  }
+  
+  label:after {
+    border-radius: 50%;
+    position: absolute;
+    content: '';
+    background: #fff;
+    width: 20px;
+    height: 20px;
+    top: 5px;
+    left: 4px;
+    transition: ease-in-out 200ms;
+  }
+  
+  input:checked + label {
+    background: #ea4b3c;
+  }
+  
+  input:checked + label:after {
+    left: calc(100% - 5px);
+    transform: translateX(-100%);
+  }
+  
+  html.transition,
+  html.transition *,
+  html.transition *:before,
+  html.transition *:after {
+    transition: ease-in-out 200ms !important;
+    transition-delay: 0 !important;
+  }
+  
+  #nomeid{
+    position : absolute;
+    left : 20px;
+    right : 20px;
+  }
+  .orarioscuola {max-width: 100%}
+
+.theme-dark {
+  --color-background: #30110d;
+  -color: #f2bc94;
+}