diff --git a/calendario/Favicon/android-icon-144x144.png b/calendario/Favicon/android-icon-144x144.png new file mode 100644 index 0000000..c954c92 Binary files /dev/null and b/calendario/Favicon/android-icon-144x144.png differ diff --git a/calendario/Favicon/android-icon-192x192.png b/calendario/Favicon/android-icon-192x192.png new file mode 100644 index 0000000..12248e2 Binary files /dev/null and b/calendario/Favicon/android-icon-192x192.png differ diff --git a/calendario/Favicon/android-icon-36x36.png b/calendario/Favicon/android-icon-36x36.png new file mode 100644 index 0000000..b136b8a Binary files /dev/null and b/calendario/Favicon/android-icon-36x36.png differ diff --git a/calendario/Favicon/android-icon-48x48.png b/calendario/Favicon/android-icon-48x48.png new file mode 100644 index 0000000..205dee9 Binary files /dev/null and b/calendario/Favicon/android-icon-48x48.png differ diff --git a/calendario/Favicon/android-icon-72x72.png b/calendario/Favicon/android-icon-72x72.png new file mode 100644 index 0000000..79894af Binary files /dev/null and b/calendario/Favicon/android-icon-72x72.png differ diff --git a/calendario/Favicon/android-icon-96x96.png b/calendario/Favicon/android-icon-96x96.png new file mode 100644 index 0000000..273858d Binary files /dev/null and b/calendario/Favicon/android-icon-96x96.png differ diff --git a/calendario/Favicon/apple-icon-114x114.png b/calendario/Favicon/apple-icon-114x114.png new file mode 100644 index 0000000..8161a4a Binary files /dev/null and b/calendario/Favicon/apple-icon-114x114.png differ diff --git a/calendario/Favicon/apple-icon-120x120.png b/calendario/Favicon/apple-icon-120x120.png new file mode 100644 index 0000000..1872e2c Binary files /dev/null and b/calendario/Favicon/apple-icon-120x120.png differ diff --git a/calendario/Favicon/apple-icon-144x144.png b/calendario/Favicon/apple-icon-144x144.png new file mode 100644 index 0000000..c954c92 Binary files /dev/null and b/calendario/Favicon/apple-icon-144x144.png differ diff --git a/calendario/Favicon/apple-icon-152x152.png b/calendario/Favicon/apple-icon-152x152.png new file mode 100644 index 0000000..97fa27f Binary files /dev/null and b/calendario/Favicon/apple-icon-152x152.png differ diff --git a/calendario/Favicon/apple-icon-180x180.png b/calendario/Favicon/apple-icon-180x180.png new file mode 100644 index 0000000..b9e1585 Binary files /dev/null and b/calendario/Favicon/apple-icon-180x180.png differ diff --git a/calendario/Favicon/apple-icon-57x57.png b/calendario/Favicon/apple-icon-57x57.png new file mode 100644 index 0000000..2ace2fa Binary files /dev/null and b/calendario/Favicon/apple-icon-57x57.png differ diff --git a/calendario/Favicon/apple-icon-60x60.png b/calendario/Favicon/apple-icon-60x60.png new file mode 100644 index 0000000..4487f6a Binary files /dev/null and b/calendario/Favicon/apple-icon-60x60.png differ diff --git a/calendario/Favicon/apple-icon-72x72.png b/calendario/Favicon/apple-icon-72x72.png new file mode 100644 index 0000000..79894af Binary files /dev/null and b/calendario/Favicon/apple-icon-72x72.png differ diff --git a/calendario/Favicon/apple-icon-76x76.png b/calendario/Favicon/apple-icon-76x76.png new file mode 100644 index 0000000..853c32c Binary files /dev/null and b/calendario/Favicon/apple-icon-76x76.png differ diff --git a/calendario/Favicon/apple-icon-precomposed.png b/calendario/Favicon/apple-icon-precomposed.png new file mode 100644 index 0000000..54939c5 Binary files /dev/null and b/calendario/Favicon/apple-icon-precomposed.png differ diff --git a/calendario/Favicon/apple-icon.png b/calendario/Favicon/apple-icon.png new file mode 100644 index 0000000..54939c5 Binary files /dev/null and b/calendario/Favicon/apple-icon.png differ diff --git a/calendario/Favicon/browserconfig.xml b/calendario/Favicon/browserconfig.xml new file mode 100644 index 0000000..c554148 --- /dev/null +++ b/calendario/Favicon/browserconfig.xml @@ -0,0 +1,2 @@ + +#ffffff \ No newline at end of file diff --git a/calendario/Favicon/favicon-16x16.png b/calendario/Favicon/favicon-16x16.png new file mode 100644 index 0000000..1b2e1f4 Binary files /dev/null and b/calendario/Favicon/favicon-16x16.png differ diff --git a/calendario/Favicon/favicon-32x32.png b/calendario/Favicon/favicon-32x32.png new file mode 100644 index 0000000..0b7a455 Binary files /dev/null and b/calendario/Favicon/favicon-32x32.png differ diff --git a/calendario/Favicon/favicon-96x96.png b/calendario/Favicon/favicon-96x96.png new file mode 100644 index 0000000..273858d Binary files /dev/null and b/calendario/Favicon/favicon-96x96.png differ diff --git a/calendario/Favicon/favicon.ico b/calendario/Favicon/favicon.ico new file mode 100644 index 0000000..605034d Binary files /dev/null and b/calendario/Favicon/favicon.ico differ diff --git a/calendario/Favicon/manifest.json b/calendario/Favicon/manifest.json new file mode 100644 index 0000000..013d4a6 --- /dev/null +++ b/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" + } + ] +} \ No newline at end of file diff --git a/calendario/Favicon/ms-icon-144x144.png b/calendario/Favicon/ms-icon-144x144.png new file mode 100644 index 0000000..c954c92 Binary files /dev/null and b/calendario/Favicon/ms-icon-144x144.png differ diff --git a/calendario/Favicon/ms-icon-150x150.png b/calendario/Favicon/ms-icon-150x150.png new file mode 100644 index 0000000..cad5a38 Binary files /dev/null and b/calendario/Favicon/ms-icon-150x150.png differ diff --git a/calendario/Favicon/ms-icon-310x310.png b/calendario/Favicon/ms-icon-310x310.png new file mode 100644 index 0000000..c110f1c Binary files /dev/null and b/calendario/Favicon/ms-icon-310x310.png differ diff --git a/calendario/Favicon/ms-icon-70x70.png b/calendario/Favicon/ms-icon-70x70.png new file mode 100644 index 0000000..749fab2 Binary files /dev/null and b/calendario/Favicon/ms-icon-70x70.png differ diff --git a/calendario/calendario.html b/calendario/calendario.html index 522c9e1..a0463d8 100644 --- a/calendario/calendario.html +++ b/calendario/calendario.html @@ -11,7 +11,7 @@ - + diff --git a/calendario/function.js b/calendario/function.js new file mode 100644 index 0000000..b8d0c26 --- /dev/null +++ b/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); + }); diff --git a/calendario/style.css b/calendario/style.css new file mode 100644 index 0000000..00a03f5 --- /dev/null +++ b/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; +} diff --git a/orario/Favicon/android-icon-144x144.png b/orario/Favicon/android-icon-144x144.png new file mode 100644 index 0000000..c954c92 Binary files /dev/null and b/orario/Favicon/android-icon-144x144.png differ diff --git a/orario/Favicon/android-icon-192x192.png b/orario/Favicon/android-icon-192x192.png new file mode 100644 index 0000000..12248e2 Binary files /dev/null and b/orario/Favicon/android-icon-192x192.png differ diff --git a/orario/Favicon/android-icon-36x36.png b/orario/Favicon/android-icon-36x36.png new file mode 100644 index 0000000..b136b8a Binary files /dev/null and b/orario/Favicon/android-icon-36x36.png differ diff --git a/orario/Favicon/android-icon-48x48.png b/orario/Favicon/android-icon-48x48.png new file mode 100644 index 0000000..205dee9 Binary files /dev/null and b/orario/Favicon/android-icon-48x48.png differ diff --git a/orario/Favicon/android-icon-72x72.png b/orario/Favicon/android-icon-72x72.png new file mode 100644 index 0000000..79894af Binary files /dev/null and b/orario/Favicon/android-icon-72x72.png differ diff --git a/orario/Favicon/android-icon-96x96.png b/orario/Favicon/android-icon-96x96.png new file mode 100644 index 0000000..273858d Binary files /dev/null and b/orario/Favicon/android-icon-96x96.png differ diff --git a/orario/Favicon/apple-icon-114x114.png b/orario/Favicon/apple-icon-114x114.png new file mode 100644 index 0000000..8161a4a Binary files /dev/null and b/orario/Favicon/apple-icon-114x114.png differ diff --git a/orario/Favicon/apple-icon-120x120.png b/orario/Favicon/apple-icon-120x120.png new file mode 100644 index 0000000..1872e2c Binary files /dev/null and b/orario/Favicon/apple-icon-120x120.png differ diff --git a/orario/Favicon/apple-icon-144x144.png b/orario/Favicon/apple-icon-144x144.png new file mode 100644 index 0000000..c954c92 Binary files /dev/null and b/orario/Favicon/apple-icon-144x144.png differ diff --git a/orario/Favicon/apple-icon-152x152.png b/orario/Favicon/apple-icon-152x152.png new file mode 100644 index 0000000..97fa27f Binary files /dev/null and b/orario/Favicon/apple-icon-152x152.png differ diff --git a/orario/Favicon/apple-icon-180x180.png b/orario/Favicon/apple-icon-180x180.png new file mode 100644 index 0000000..b9e1585 Binary files /dev/null and b/orario/Favicon/apple-icon-180x180.png differ diff --git a/orario/Favicon/apple-icon-57x57.png b/orario/Favicon/apple-icon-57x57.png new file mode 100644 index 0000000..2ace2fa Binary files /dev/null and b/orario/Favicon/apple-icon-57x57.png differ diff --git a/orario/Favicon/apple-icon-60x60.png b/orario/Favicon/apple-icon-60x60.png new file mode 100644 index 0000000..4487f6a Binary files /dev/null and b/orario/Favicon/apple-icon-60x60.png differ diff --git a/orario/Favicon/apple-icon-72x72.png b/orario/Favicon/apple-icon-72x72.png new file mode 100644 index 0000000..79894af Binary files /dev/null and b/orario/Favicon/apple-icon-72x72.png differ diff --git a/orario/Favicon/apple-icon-76x76.png b/orario/Favicon/apple-icon-76x76.png new file mode 100644 index 0000000..853c32c Binary files /dev/null and b/orario/Favicon/apple-icon-76x76.png differ diff --git a/orario/Favicon/apple-icon-precomposed.png b/orario/Favicon/apple-icon-precomposed.png new file mode 100644 index 0000000..54939c5 Binary files /dev/null and b/orario/Favicon/apple-icon-precomposed.png differ diff --git a/orario/Favicon/apple-icon.png b/orario/Favicon/apple-icon.png new file mode 100644 index 0000000..54939c5 Binary files /dev/null and b/orario/Favicon/apple-icon.png differ diff --git a/orario/Favicon/browserconfig.xml b/orario/Favicon/browserconfig.xml new file mode 100644 index 0000000..c554148 --- /dev/null +++ b/orario/Favicon/browserconfig.xml @@ -0,0 +1,2 @@ + +#ffffff \ No newline at end of file diff --git a/orario/Favicon/favicon-16x16.png b/orario/Favicon/favicon-16x16.png new file mode 100644 index 0000000..1b2e1f4 Binary files /dev/null and b/orario/Favicon/favicon-16x16.png differ diff --git a/orario/Favicon/favicon-32x32.png b/orario/Favicon/favicon-32x32.png new file mode 100644 index 0000000..0b7a455 Binary files /dev/null and b/orario/Favicon/favicon-32x32.png differ diff --git a/orario/Favicon/favicon-96x96.png b/orario/Favicon/favicon-96x96.png new file mode 100644 index 0000000..273858d Binary files /dev/null and b/orario/Favicon/favicon-96x96.png differ diff --git a/orario/Favicon/favicon.ico b/orario/Favicon/favicon.ico new file mode 100644 index 0000000..605034d Binary files /dev/null and b/orario/Favicon/favicon.ico differ diff --git a/orario/Favicon/manifest.json b/orario/Favicon/manifest.json new file mode 100644 index 0000000..013d4a6 --- /dev/null +++ b/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" + } + ] +} \ No newline at end of file diff --git a/orario/Favicon/ms-icon-144x144.png b/orario/Favicon/ms-icon-144x144.png new file mode 100644 index 0000000..c954c92 Binary files /dev/null and b/orario/Favicon/ms-icon-144x144.png differ diff --git a/orario/Favicon/ms-icon-150x150.png b/orario/Favicon/ms-icon-150x150.png new file mode 100644 index 0000000..cad5a38 Binary files /dev/null and b/orario/Favicon/ms-icon-150x150.png differ diff --git a/orario/Favicon/ms-icon-310x310.png b/orario/Favicon/ms-icon-310x310.png new file mode 100644 index 0000000..c110f1c Binary files /dev/null and b/orario/Favicon/ms-icon-310x310.png differ diff --git a/orario/Favicon/ms-icon-70x70.png b/orario/Favicon/ms-icon-70x70.png new file mode 100644 index 0000000..749fab2 Binary files /dev/null and b/orario/Favicon/ms-icon-70x70.png differ diff --git a/orario/function.js b/orario/function.js new file mode 100644 index 0000000..b8d0c26 --- /dev/null +++ b/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); + }); diff --git a/orario/orario.html b/orario/orario.html index 527eba8..8d83aad 100644 --- a/orario/orario.html +++ b/orario/orario.html @@ -11,24 +11,24 @@ - + - - - - - - - - - - - - - - + + + + + + + + + + + + + + @@ -55,11 +55,11 @@ -
+
- + @@ -74,7 +74,7 @@ - + diff --git a/orario/responsiveimgs.js b/orario/responsiveimgs.js new file mode 100644 index 0000000..df269ca --- /dev/null +++ b/orario/responsiveimgs.js @@ -0,0 +1,3 @@ +var rwd_images = { + widthBreakPoint: 600 + }; \ No newline at end of file diff --git a/orario/style.css b/orario/style.css new file mode 100644 index 0000000..00a03f5 --- /dev/null +++ b/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; +}