Fixed #3 Bug, Added Menu Item Animation, Changed Signature's Font

Thanks to https://ianlunn.github.io/Hover/ for the Animation

Author: r-carissimi

css/fonts.css

@@ -0,0 +1,4 @@
+@font-face {
+    font-family: "Jey";
+    src: url('fonts/jey.ttf');
+}

css/stile.css

@@ -41,9 +41,8 @@ a:hover {
 .menu {
     background: #353535;
     position: fixed;
-    width: 300px;
+    width: 320px;
     height: 100%;
-    padding: 10px;
     box-sizing: content-box;
     -moz-box-sizing: content-box;
     -webkit-box-sizing: content-box;
@@ -83,6 +82,10 @@ a:hover {
     display: none;
     background: #353535;
 }
+.signature {
+    font-family: "Jey", sans-serif;
+    font-size: 70px;
+}
 
 /* IDs */
 
@@ -94,10 +97,55 @@ a:hover {
     bottom: 0px;
     z-index: 999999;
 }
-#logo {
+#mobile_logo {
     display: none;
 }
 
+/* Hover Menu Link [Thanks to Hover.css]*/
+
+.sweep-to-right {
+  display: block;
+  vertical-align: middle;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  -moz-osx-font-smoothing: grayscale;
+  position: relative;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.sweep-to-right:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #616161;
+  -webkit-transform: scaleX(0);
+  transform: scaleX(0);
+  -webkit-transform-origin: 0 50%;
+  transform-origin: 0 50%;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.sweep-to-right:hover, .sweep-to-right:focus, .sweep-to-right:active {
+  color: white;
+}
+.sweep-to-right:hover:before, .sweep-to-right:focus:before, .sweep-to-right:active:before {
+  -webkit-transform: scaleX(1);
+  transform: scaleX(1);
+}
+
 /* Responsive Sets */
 
 @media screen and (min-device-width: 930px) and (max-device-width: 1500px) {

fonts/jey.ttf

@@ -14,6 +14,7 @@
 
 				<link href='https://fonts.googleapis.com/css?family=Oswald:400,700,300|Open+Sans:400,700,400italic,300,300italic,700italic' rel='stylesheet' type='text/css'>
 				<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
+				<link href="css/fonts.css" rel='stylesheet' type='text/css'>
 
 				<!-- Begin Cookie Consent plugin by Silktide - http://silktide.com/cookieconsent -->
 

head.html

@@ -9,13 +9,13 @@
 		<div class="mobile_bottom">
 	 			<a href="policy.pdf" class="link" id="policy">Privacy Policy</a><br />
 	 	</div>
-		<div id="logo">
+		<div id="mobile_logo">
 				<a href="index.php"><img alt="logo" src="img/logo.png" height="150" width="150" style="padding:15px;"/></a>
 		</div>
 
 		<?php include("nav.php"); ?>
 
-		<div class="text" id="home_text">
+		<div class="text long_text" id="home_text">
 			<h1 style="color: #FFA200;">Sito <strong style="color: 	#ff6600;">OpenSource</strong> su <a href="https://github.com/morrolinuxyt/website">GitHub</a>!</h1><br /><br /><br />
 			<?php include("letter.html"); ?>
 		</div>

index.php

@@ -50,5 +50,5 @@ <h2>Conclusioni</h2>
   Come riassumere tutto il sito in una parola? Love.<br />
   Ci siamo affezzionati a questo progetto, lo stiamo portando avanti da un po', con costanti aggiornamenti e, adesso che è su GitHub, potete vedere anche voi quanti aggiornamenti giornalieri
   ci sono sul sito. Purtroppo non è un sito perfetto, ma pieno di <strong>Amore</strong>. Vi invitiamo a partecipare al progetto, contribuendo su GitHub. Per il resto, <br />Grazie di Tutto.
-  <br /><br /><i><b>Morrolinux<br />MrRiky54</b></i><br /><br /><br /><br />
+  <br /><br /><span class="signature"><i><b>Moreno e Riccardo</b></i></span><br /><br /><br /><br />
 </p>

letter.html

@@ -1,15 +1,15 @@
 <div class="menu">
-			<a href="index.php"><img alt="logo" src="img/logo.png" height="150" width="150" style="padding:15px;"/></a>
-			<div class="menu_link">
+			<a href="index.php"><img id="logo" alt="logo" src="img/logo.png" height="150" width="150" style="padding:15px;"/></a>
+			<div class="menu_link sweep-to-right">
 				<a href="http://morrolinux.it:43110" class="link">BLOG</a><br />
 			</div>
-			<div class="menu_link">
+			<div class="menu_link sweep-to-right">
 				<a href="lpi.php" class="link">LPI</a><br />
 			</div>
-      <div class="menu_link">
+      <div class="menu_link sweep-to-right">
 				<a href="chisono.php" class="link">CHI SONO</a><br />
 			</div>
-			<div class="menu_link">
+			<div class="menu_link sweep-to-right">
 				<a href="contatti.php" class="link">CONTATTI</a><br />
 			</div>
 			<div id="bottom">