Commit 305c2a42 authored by sbiego's avatar sbiego

new meta and favicon, min changes

parent 077e7ce8
......@@ -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>
......
<!-- 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>
......
......@@ -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" />
......
* {
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;
}
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
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment