Commit 077e7ce8 authored by sbiego's avatar sbiego

new logo, minor improv look

parent f9900944
......@@ -37,6 +37,12 @@
<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>
<a href="#about" class="icon fa-info-circle"><br><span>about</span></a>
</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></p>
<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>
</footer>
</div>
......
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, .7), rgba(20, 20, 20, 0), rgba(255, 255, 255, 0)), url("/images/overlay.png")
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);}
......@@ -16,7 +29,8 @@
transform: none;
/*transform: scale(1.4);*/
/*animation: zoomout 4s 1s cubic-bezier(.63,.52,.17,1.21);*/
animation: zoomout 3s cubic-bezier(.63,.52,.19,.89);
animation: zoomy 10s cubic-bezier(.36,.01,.35,.98);
/*animation: zoomout 3s cubic-bezier(.63,.52,.19,.89);*/
/*-webkit-transform: none;*/
}
#header > *:before {
......@@ -27,6 +41,8 @@
}
#header div.logo {
border: none;
width: 8em;
margin: 1.5em 0 2em 0;
/*box-shadow: 0 8px 40px -10px rgba(0,0,0,0.8);*/
}
#header div.logo img {
......@@ -42,6 +58,9 @@ div.inner h1, div.inner p {
margin: 0;
}
#header .content {
box-shadow: 0 33px 70px -50px #000;
}
#header .content p {
font-size: 1.2em;
font-weight: 400;
......@@ -65,19 +84,22 @@ div.inner h1, div.inner p {
#header nav ul li {
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
margin: 2px;
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;
transition: all .8s .1s;
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;
......@@ -86,9 +108,20 @@ div.inner h1, div.inner p {
#header nav ul li a:hover {
transition: all .4s;
transform: translateY(-1em);
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;
......@@ -106,3 +139,13 @@ div.inner h1, div.inner p {
background-size: cover;
margin: 0 20px;
}
#main article {
text-align: center;
}
#main article.active {
padding-top: 40px;
}
#main article h1 {
letter-spacing: .1em;
}
#wrapper{background-size:cover}#bg:before{background:radial-gradient(rgba(20,20,20,.7),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 zoomin{0%{transform:scale(1)}100%{transform:scale(1.4)}}#bg:after{transform:none;animation:zoomout 3s cubic-bezier(.63,.52,.19,.89)}#header>*:before{background:0}#header{background-image:none}#header div.logo{border: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 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:2px;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;transition:all .8s .1s;font-size:1.5em;text-shadow:0 2px 12px rgba(0,0,0,.6)}#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(-1em);background-color:inherit}#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}
\ No newline at end of file
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
This source diff could not be displayed because it is too large. You can view the blob instead.
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