assenzostefano
/
class-website
mirror of https://github.com/assenzostefano/class-website.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Clean code - index.html

This commit is contained in:
stef-devs 2022-04-12 18:54:33 +02:00
parent 694ebfd789
commit 47ff673014
2 changed files with 59 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
index.html
View File

@ -1,9 +1,20 @@
<!DOCTYPE html> <!DOCTYPE html>
<!DOCTYPE html> <!DOCTYPE html>
<head> <head>
<!-- Animazione pulsanti -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<!-- File css -->
<link rel="stylesheet" href="https://1elci.it/style.css" type="text/css" media="all" /> <link rel="stylesheet" href="https://1elci.it/style.css" type="text/css" media="all" />
<meta name="viewport" content="width=device-width" >
<!-- Per rendere la pagina responsive -->
<meta name="viewport" content="width=device-width" >
<!-- Icona nella barra del browser / Favicon -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="apple-touch-icon" sizes="57x57" href="https://1elci.it/Favicon/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="57x57" href="https://1elci.it/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="https://1elci.it/Favicon/apple-icon-60x60.png">
@ -24,29 +35,46 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
</head> </head>
<body> <body>
<header> <header>
<title>1 Elci - Homepage</title>
<div align='center'><h1>1 Elci</h1></div>
<div align='center' style='padding:4px;'>
<link rel="icon" href="https://1elci.it/orario.png">
<span style="padding:4px; width:150px"><a href='https://1elci.it'>HOME</a></span>
<span style="border:2px; padding:4px; width:150px"><a href='https://1elci.it/orario/orario.html'>ORARIO</a></span>
<span style="padding:4px; width:150px"><a href='https://1elci.it/calendario/calendario.html'>CALENDARIO</a></span>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div class="container"> <!-- Titolo nella barra del browser -->
<input class="container_toggle" type="checkbox" id="switch" name="mode">
<label for="switch">Toggle</label> <title>1 Elci - Homepage</title>
</div>
<script src="https://1elci.it/function.js"></script> <!-- Titolo centrale del sito -->
<div align='center'><h1>1 Elci</h1></div>
<div align='center' style='padding:4px;'>
<!-- Immagine orario classe -->
<link rel="icon" href="https://1elci.it/orario.png">
<span style="padding:4px; width:150px"><a href='https://1elci.it'>HOME</a></span>
<span style="border:2px; padding:4px; width:150px"><a href='https://1elci.it/orario/orario.html'>ORARIO</a></span>
<span style="padding:4px; width:150px"><a href='https://1elci.it/calendario/calendario.html'>CALENDARIO</a></span>
</div>
<!-- Numerosi spazi -->
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<!-- Pulsante per switchare alla dark mode o light mode -->
<div class="container">
<input class="container_toggle" type="checkbox" id="switch" name="mode">
<label for="switch">Toggle</label>
<!-- Script per far funzionare l'animazione e per far funzionare lo switch light e dark -->
<script src="/function.js"></script>
</body> </body>

7
style.css
View File

@ -128,4 +128,9 @@ a:logo {
left : 20px; left : 20px;
right : 20px; right : 20px;
} }
.orarioscuola {max-width: 100%} .orarioscuola {max-width: 100%}
.theme-dark {
--color-background: #30110d;
-color: #f2bc94;
}