new meta and favicon, min changes

layouts/index.html

@@ -37,12 +37,12 @@
         <li>
           <a href="#about" class="icon fa-info-circle"><br><span>about</span></a>
         </li>
-        <li>
+        <!-- <li>
           <a href="#about" class="icon fa-info-circle"><br><span>about</span></a>
         </li>
         <li>
           <a href="#about" class="icon fa-info-circle"><br><span>about</span></a>
-        </li>
+        </li> -->
 
       </ul>
     </nav>

layouts/partials/footer.html

 
 				<!-- Footer -->
 					<footer id="footer">
-						<p class="copyright">Design: <a href="https://html5up.net">HTML5 UP</a>. Powered by <a href="https://www.gohugo.io/">Hugo</a> and <a href="http://themes.gohugo.io/dimension/">dimension</a></p>
+						<p class="copyright">Design: <a href="https://html5up.net">HTML5 UP</a> with <a href="https://git.eigenlab.org/sbiego/hugo-flowinspace">some custom changes</a>. Powered by <a href="https://www.gohugo.io/">Hugo</a> and <a href="http://themes.gohugo.io/dimension/">dimension</a></p>
 					</footer>
 
 			</div>

layouts/partials/header.html

@@ -12,6 +12,36 @@
   <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
   <link rel="stylesheet" href="/css/main.css" />
   <link rel="stylesheet" href="/css/project.css" />
+
+  <!-- Meta Tags -->
+  <meta name="description" content="Flow in space and get lost... Diego Turtulici personal website" />
+
+  <!-- Mobile Specifics -->
+  <meta name="HandheldFriendly" content="true" />
+  <meta name="mobile-web-app-capable" content="yes">
+  <meta name="MobileOptimized" content="320" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="manifest" href="manifest.json">
+
+  <!-- Colors and bars -->
+  <!-- Chrome, Firefox OS and Opera -->
+  <meta name="theme-color" content="#0D1D31">
+
+  <!-- Windows Phone -->
+  <meta name="msapplication-navbutton-color" content="#0D1D31">
+
+  <!-- Apple bar specific -->
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+
+  <!-- Fav Icon -->
+  <link rel="shortcut icon" href="#">
+
+  <link rel="icon" sizes="72x72" href="images/favicon72.png" type="image/x-icon">
+  <link rel="icon" sizes="114x114" href="images/favicon114.png" type="image/x-icon">
+  <link rel="icon" sizes="144x144" href="images/favicon144.png" type="image/x-icon">
+  <link rel="icon" sizes="256x256" href="images/favicon256.png" type="image/x-icon">
+
   <!--[if lte IE 9]><link rel="stylesheet" href="/css/ie9.css" /><![endif]-->
 	<noscript><link rel="stylesheet" href="/css/noscript.css" /></noscript>
 	<link rel="stylesheet" href="/css/flowinspace.min.css" />

static/css/flowinspace.css

+* {
+  transform-origin: 50% 50%;
+}
 body {
   max-width: 100%;
   width: 100%;
@@ -10,7 +13,7 @@ body {
   background-size: cover;
 }
 #bg:before {
-  background: radial-gradient(rgba(20, 20, 20, .3), rgba(20, 20, 20, 0), rgba(255, 255, 255, 0)), url("/images/overlay.png")
+  background: radial-gradient(rgba(20, 20, 20, .1), rgba(20, 20, 20, .3), rgba(255, 255, 255, 0)), url("/images/overlay.png")
 }
 @keyframes zoomout {
   0%   {transform: scale(1.4);}
@@ -18,7 +21,7 @@ body {
 }
 @keyframes zoomy {
   0% {transform: scale(1);}
-  50%   {transform: scale(1.05) rotate(-1deg);;}
+  50%   {transform: scale(1.1) rotate(-1deg);;}
   100% {transform: scale(1);}
 }
 @keyframes zoomin {
@@ -87,6 +90,7 @@ div.inner h1, div.inner p {
   margin: 20px 2px;
   float: left;
   transition: all .8s .1s;
+  box-shadow: 0 6px 30px -18px #000
 }
 #header nav ul li:hover, #header nav ul li:active {
   border-bottom: 1px solid rgba(255, 255, 255, 0);
@@ -149,3 +153,16 @@ div.inner h1, div.inner p {
 #main article h1 {
   letter-spacing: .1em;
 }
+
+#footer {
+  position: relative;
+  height: 4em;
+  bottom: -2.2em;
+  /*background: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.4));*/
+  margin-top: 2em
+  padding-top: 1em;
+  margin-bottom: 0;
+}
+#footer p.copyright {
+  font-size: 12px;
+}

static/css/flowinspace.min.css

-body{max-width:100%;width:100%;height:100%;max-height:100%;overflow-x:hidden}#wrapper{background-size:cover}#bg:before{background:radial-gradient(rgba(20,20,20,.3),rgba(20,20,20,0),rgba(255,255,255,0)),url("/images/overlay.png")}@keyframes zoomout{0%{transform:scale(1.4)}100%{transform:scale(1)}}@keyframes zoomy{0%{transform:scale(1)}50%{transform:scale(1.05) rotate(-1deg)}100%{transform:scale(1)}}@keyframes zoomin{0%{transform:scale(1)}100%{transform:scale(1.4)}}#bg:after{transform:none;animation:zoomy 10s cubic-bezier(.36,.01,.35,.98)}#header>*:before{background:0}#header{background-image:none}#header div.logo{border:0;width:8em;margin:1.5em 0 2em 0}#header div.logo img{width:100%}div.inner{margin:0 3rem;background:radial-gradient(rgba(0,0,0,.7),rgba(0,0,0,0),rgba(0,0,0,0))}div.inner h1,div.inner p{text-shadow:0 3px 16px rgba(0,0,0,1);margin:0}#header .content{box-shadow:0 33px 70px -50px #000}#header .content p{font-size:1.2em;font-weight:400;text-shadow:0 3px 16px rgba(0,0,0,1)}#main article{border-radius:2px;box-shadow:0 8px 50px -10px rgba(0,0,0,.7)}#header nav{margin-top:5em}#header nav ul{border-radius:0;border:0}#header nav ul li{border:0;border-bottom:1px solid rgba(255,255,255,0.5);margin:20px 2px;float:left;transition:all .8s .1s}#header nav ul li:hover,#header nav ul li:active{border-bottom:1px solid rgba(255,255,255,0);transition:all .4s}#header nav ul li a{padding:0;padding-top:.3em;transition:all .6s .1s;font-size:1.5em;text-shadow:0 2px 12px rgba(0,0,0,.6);height:auto;line-height:1em}#header>nav>ul>li>a>span{font-size:.5em;text-shadow:0 1px 10px #000}#header nav ul li a:hover{transition:all .4s;transform:translateY(.4em);background-color:inherit}#header nav ul li a.icon{color:rgba(255,255,255,0.75);transition:.9s .1s}#header nav ul li a.icon:hover{transition:.3s;color:rgba(255,255,255,1)}#header nav ul li a.icon span{color:#fff}#about a>span{padding:10px;text-decoration:none;font-size:20px}#profile_pic{float:right;width:120px;height:120px;border-radius:4px;box-shadow:0 2px 30px -6px #000;background-image:url('../images/io.jpg');background-size:cover;margin:0 20px}#main article{text-align:center}#main article.active{padding-top:40px}#main article h1{letter-spacing:.1em}
\ No newline at end of file
+*{transform-origin:50% 50%}body{max-width:100%;width:100%;height:100%;max-height:100%;overflow-x:hidden}#wrapper{background-size:cover}#bg:before{background:radial-gradient(rgba(20,20,20,.1),rgba(20,20,20,.3),rgba(255,255,255,0)),url("/images/overlay.png")}@keyframes zoomout{0%{transform:scale(1.4)}100%{transform:scale(1)}}@keyframes zoomy{0%{transform:scale(1)}50%{transform:scale(1.1) rotate(-1deg)}100%{transform:scale(1)}}@keyframes zoomin{0%{transform:scale(1)}100%{transform:scale(1.4)}}#bg:after{transform:none;animation:zoomy 10s cubic-bezier(.36,.01,.35,.98)}#header>*:before{background:0}#header{background-image:none}#header div.logo{border:0;width:8em;margin:1.5em 0 2em 0}#header div.logo img{width:100%}div.inner{margin:0 3rem;background:radial-gradient(rgba(0,0,0,.7),rgba(0,0,0,0),rgba(0,0,0,0))}div.inner h1,div.inner p{text-shadow:0 3px 16px rgba(0,0,0,1);margin:0}#header .content{box-shadow:0 33px 70px -50px #000}#header .content p{font-size:1.2em;font-weight:400;text-shadow:0 3px 16px rgba(0,0,0,1)}#main article{border-radius:2px;box-shadow:0 8px 50px -10px rgba(0,0,0,.7)}#header nav{margin-top:5em}#header nav ul{border-radius:0;border:0}#header nav ul li{border:0;border-bottom:1px solid rgba(255,255,255,0.5);margin:20px 2px;float:left;transition:all .8s .1s;box-shadow:0 6px 30px -18px #000}#header nav ul li:hover,#header nav ul li:active{border-bottom:1px solid rgba(255,255,255,0);transition:all .4s}#header nav ul li a{padding:0;padding-top:.3em;transition:all .6s .1s;font-size:1.5em;text-shadow:0 2px 12px rgba(0,0,0,.6);height:auto;line-height:1em}#header>nav>ul>li>a>span{font-size:.5em;text-shadow:0 1px 10px #000}#header nav ul li a:hover{transition:all .4s;transform:translateY(.4em);background-color:inherit}#header nav ul li a.icon{color:rgba(255,255,255,0.75);transition:.9s .1s}#header nav ul li a.icon:hover{transition:.3s;color:rgba(255,255,255,1)}#header nav ul li a.icon span{color:#fff}#about a>span{padding:10px;text-decoration:none;font-size:20px}#profile_pic{float:right;width:120px;height:120px;border-radius:4px;box-shadow:0 2px 30px -6px #000;background-image:url('../images/io.jpg');background-size:cover;margin:0 20px}#main article{text-align:center}#main article.active{padding-top:40px}#main article h1{letter-spacing:.1em}#footer{position:relative;height:4em;bottom:-2.2em;margin-top:2em padding-top:1em;margin-bottom:0}#footer p.copyright{font-size:12px}
\ No newline at end of file