Fix Favicon + responsive website + useless files

2022-04-12 15:46:18 +02:00 · 2022-04-12 15:46:18 +02:00 · 62293e0af7
parent f9818746e7
commit 62293e0af7
34 changed files with 91 additions and 14 deletions
--- a/1
+++ b/1
@ -1 +0,0 @@
-1elci.it
--- a/calendario/calendario.html
+++ b/calendario/calendario.html
@ -1,11 +1,12 @@
 <!DOCTYPE html>
 <head>
+    <meta name="viewport" content="width=device-width" > 
    <body>
        <br>
        <br>
        <title>1 Elci - Calendario</title>
        <link rel="stylesheet" href="https://1elci.it/flaticon.css" type="text/css" media="all" />
-        <center><a href="http://1elci.it/index.html">Home</a></center>
+        <center><a href="http://1elci.it">Home</a></center>
        <br>
        <br>
        <br>
--- a/favicon/android-icon-144x144.png
+++ b/favicon/android-icon-144x144.png
--- a/favicon/android-icon-192x192.png
+++ b/favicon/android-icon-192x192.png
--- a/favicon/android-icon-36x36.png
+++ b/favicon/android-icon-36x36.png
--- a/favicon/android-icon-48x48.png
+++ b/favicon/android-icon-48x48.png
--- a/favicon/android-icon-72x72.png
+++ b/favicon/android-icon-72x72.png
--- a/favicon/android-icon-96x96.png
+++ b/favicon/android-icon-96x96.png
--- a/favicon/apple-icon-114x114.png
+++ b/favicon/apple-icon-114x114.png
--- a/favicon/apple-icon-120x120.png
+++ b/favicon/apple-icon-120x120.png
--- a/favicon/apple-icon-144x144.png
+++ b/favicon/apple-icon-144x144.png
--- a/favicon/apple-icon-152x152.png
+++ b/favicon/apple-icon-152x152.png
--- a/favicon/apple-icon-180x180.png
+++ b/favicon/apple-icon-180x180.png
--- a/favicon/apple-icon-57x57.png
+++ b/favicon/apple-icon-57x57.png
--- a/favicon/apple-icon-60x60.png
+++ b/favicon/apple-icon-60x60.png
--- a/favicon/apple-icon-72x72.png
+++ b/favicon/apple-icon-72x72.png
--- a/favicon/apple-icon-76x76.png
+++ b/favicon/apple-icon-76x76.png
--- a/favicon/apple-icon-precomposed.png
+++ b/favicon/apple-icon-precomposed.png
--- a/favicon/apple-icon.png
+++ b/favicon/apple-icon.png
--- a/favicon/browserconfig.xml
+++ b/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>
--- a/favicon/favicon-16x16.png
+++ b/favicon/favicon-16x16.png
--- a/favicon/favicon-32x32.png
+++ b/favicon/favicon-32x32.png
--- a/favicon/favicon-96x96.png
+++ b/favicon/favicon-96x96.png
--- a/favicon/favicon.ico
+++ b/favicon/favicon.ico
--- a/favicon/manifest.json
+++ b/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"
+  }
+ ]
+}
--- a/favicon/ms-icon-144x144.png
+++ b/favicon/ms-icon-144x144.png
--- a/favicon/ms-icon-150x150.png
+++ b/favicon/ms-icon-150x150.png
--- a/favicon/ms-icon-310x310.png
+++ b/favicon/ms-icon-310x310.png
--- a/favicon/ms-icon-70x70.png
+++ b/favicon/ms-icon-70x70.png
--- a/flaticon.css
+++ b/flaticon.css
@ -23,4 +23,10 @@ a {
    box-shadow: 0 15px 20px rgba(46,229,157,.4);
    color: white;
    transform: translateY(-7px);
+  }
+
+a:logo {
+    margin-top: 43px;
+    float: left;
+    width: 358px;
  }
--- a/images/orario.png
+++ b/images/orario.png
--- a/index.html
+++ b/index.html
@ -3,22 +3,47 @@
 <head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
    <link rel="stylesheet" href="https://1elci.it/flaticon.css" type="text/css" media="all" />
+    <meta name="viewport" content="width=device-width" > 
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
+    <link rel="stylesheet" href="https://1elci.it/flaticon.css" type="text/css" media="all" />
+    <link rel="apple-touch-icon" sizes="57x57" href="http://1elci.it/Favicon/apple-icon-57x57.png">
+    <link rel="apple-touch-icon" sizes="60x60" href="http://1elci.it/Favicon/apple-icon-60x60.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="http://1elci.it/Favicon/apple-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="76x76" href="http://1elci.it/Favicon/apple-icon-76x76.png">
+    <link rel="apple-touch-icon" sizes="114x114" href="http://1elci.it/Favicon/apple-icon-114x114.png">
+    <link rel="apple-touch-icon" sizes="120x120" href="http://1elci.it/Favicon/apple-icon-120x120.png">
+    <link rel="apple-touch-icon" sizes="144x144" href="http://1elci.it/Favicon/apple-icon-144x144.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="http://1elci.it/Favicon/apple-icon-152x152.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="http://1elci.it/Favicon/apple-icon-180x180.png">
+    <link rel="icon" type="image/png" sizes="192x192"  href="http://1elci.it/Favicon/android-icon-192x192.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="http://1elci.it/Favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="96x96" href="http://1elci.it/Favicon/favicon-96x96.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="http://1elci.it/Favicon/favicon-16x16.png">
+    <link rel="manifest" href="http://1elci.it/Favicon/manifest.json">
+    <meta name="msapplication-TileColor" content="#ffffff">
+    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
+    <meta name="theme-color" content="#ffffff">

 </head>
 <body>
    <header>
        <title>1 Elci - Homepage</title>
-        <br>
-        <br>
-        <font face="candara"><center><h1 class="animated bounceInDown">Cosa desideri fare?</h1></center></font>
-        <span class="animated bounce"></span>
-        </header>
-        <br>
-        <br>
-        <center><a href="http://1elci.it/orario/orario.html">Orario</a></center>
+        <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>
-        <center><a href="http://1elci.it/calendario/calendario.html">Calendario</a></center>
-
-</body>
+        <br>
+        <br>
+        <br>
+        <br>
+        <br>
+        <br>
+        <br>
+        
+</body>
--- a/orario/orario.html
+++ b/orario/orario.html
@ -1,4 +1,7 @@
 <!DOCTYPE html>
+<head>
+    <meta name="viewport" content="width=device-width" > 
+</head>
 <body>
    <br>
    <br>
@ -9,7 +12,7 @@
    <br>
    <br>
    <br>
-    <center><img class="u-image u-image-default u-image-1" src="http://1elci.it/images/orario.png" alt="" data-image-width="948" data-image-height="610"></center>
+    <center><img class="u-image u-image-default u-image-1" src="https://1elci.it/orario/orario.png" alt="" data-image-width="948" data-image-height="610"></center>
 </body>
 </html>
 </body>
--- a/orario/orario.png
+++ b/orario/orario.png