commit a5de26d8665e972f315dd39e4c327f804777cefa
parent 4885d8ed125d819f475951e613213ac8af113df4
Author: Nathan Randecker <nathan.randecker@gmail.com>
Date: Wed, 18 Jan 2017 13:34:14 -0600
Updated css ,moved devicons
Diffstat:
3 files changed, 16 insertions(+), 16 deletions(-)
diff --git a/_includes/about.html b/_includes/about.html
@@ -6,27 +6,27 @@
<div class="row user">
<div class="four columns">
<h4>Design</h4>
+ <i class="devicon-html5-plain-wordmark"></i>
+ <i class="devicon-bootstrap-plain-wordmark colored"></i>
+ <i class="devicon-sass-original colored"></i>
<p>Mumblecore hexagon kombucha, pitchfork four loko raclette intelligentsia master cleanse.
Vinyl XOXO lumbersexual</p>
- <i class="devicon-html5-plain-wordmark"></i>
- <i class="devicon-bootstrap-plain-wordmark colored"></i>
- <i class="devicon-sass-original colored"></i>
</div>
<div class="four columns">
<h4>Code</h4>
- <p>Mumblecore hexagon kombucha, pitchfork four loko raclette intelligentsia master cleanse.
- Vinyl XOXO lumbersexual</p>
<i class="devicon-javascript-plain colored"></i>
<i class="devicon-react-original-wordmark colored"></i>
<i class="devicon-nodejs-plain-wordmark"></i>
+ <p>Mumblecore hexagon kombucha, pitchfork four loko raclette intelligentsia master cleanse.
+ Vinyl XOXO lumbersexual</p>
</div>
<div class="four columns">
<h4>Tools</h4>
- <p>Mumblecore hexagon kombucha, pitchfork four loko raclette intelligentsia master cleanse.
- Vinyl XOXO lumbersexual</p>
<i class="devicon-git-plain"></i>
<i class="devicon-gulp-plain colored"></i>
<i class="devicon-atom-original-wordmark"></i>
+ <p>Mumblecore hexagon kombucha, pitchfork four loko raclette intelligentsia master cleanse.
+ Vinyl XOXO lumbersexual</p>
</div>
</div>
</div>
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -1 +1 @@
-@import url(https://fonts.googleapis.com/css?family=Montserrat);body{margin:0;font-family:'Montserrat',sans-serif}@-webkit-keyframes pulse{0%,to{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);opacity:.4;top:0}50%{-ms-filter:none;-webkit-filter:none;filter:none;opacity:1;top:-10px}}@keyframes pulse{0%,to{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);opacity:.4;top:0}50%{-ms-filter:none;-webkit-filter:none;filter:none;opacity:1;top:-10px}}#particles-js{background:#1a222c;display:block;vertical-align:bottom;width:100vw;min-height:100vh;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}#particles-js .particles-js-canvas-el{width:100vw!important;height:100vh!important}.content{z-index:1;text-align:center;color:#fff;position:absolute;top:50%;left:50%;margin:0 auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.content .site-title{font-size:50px;display:block;line-height:1}@media only screen and (min-width:768px){.content .site-title{margin:0;font-size:100px}}.content .site-description{font-size:20px;display:block;line-height:1;margin:5px 0 10px}@media only screen and (min-width:768px){.content .site-description{font-size:40px}}.content .link{color:#fff;display:inline-flex;justify-content:space-between;text-decoration:none;font-size:15px;margin:10px}@media only screen and (min-width:768px){.content .link{font-size:20px}}.icons-header{display:flex;justify-content:center;text-align:center}.icons-header .icon{text-align:center;color:#fff;width:20px;height:20px;font-size:20px;padding:10px;margin:2px;border-radius:50%;border:2px solid #fff;transition:all .7s}.icons-header .icon:focus{color:#1a222c;background:#fff}.icons-header .icon:active{color:#1a222c;background:#fff}@media only screen and (min-width:768px){.icons-header .icon{width:35px;height:35px;font-size:35px}}.down{color:#fff;position:absolute;bottom:25px;width:100%;margin:0 auto;display:block;text-align:center;font-size:30px;cursor:pointer}.down .icon{position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100px;height:100px;fill:#fff;-webkit-animation:pulse 1.3s infinite;animation:pulse 1.3s infinite}.down .icon:focus,.footer a:focus{color:#4b5664}.down .icon:active,.footer a:active{color:#4b5664}.user{text-align:center;margin:10px;font-size:60px}.user p{font-size:16px}@media only screen and (min-width:768px){.user{font-size:75px}}.user-details{text-align:center;margin:10px}.user-projects{margin:10px}.user-projects img{max-width:100%;height:auto;border-radius:5px}.user-projects h5{margin:0}.user-projects li{color:#1a222c;font-size:1.1rem}.user-projects p{margin-right:5px}@media only screen and (min-width:768px){.images{float:right}}.project-link{display:block;width:100px;margin:10px 0;padding:5px;color:#1a222c;background-color:transparent;border:1px solid #1a222c;border-radius:10px;text-align:center;outline:none;text-decoration:none;cursor:pointer;transition:color .3s ease-out,background-color .3s ease-out,border-color .3s ease-out}.project-link:focus{background-color:#54516a;border-color:#54516a;color:#fff;transition:color .3s ease-in,background-color .3s ease-in,border-color .3s ease-in}.project-link:active{background-color:#54516a;border-color:#54516a;color:#fff;transition:color .3s ease-in,background-color .3s ease-in,border-color .3s ease-in}.footer{background:#1a222c;padding:10px 0;margin-top:100px;text-align:center;color:#fff}.footer .love{color:red}.footer a{text-decoration:none;margin:0;color:#fff}
-\ No newline at end of file
+@import url(https://fonts.googleapis.com/css?family=Montserrat);body{font-family:'Montserrat',sans-serif}@-webkit-keyframes pulse{0%,to{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);opacity:.4;top:0}50%{-ms-filter:none;-webkit-filter:none;filter:none;opacity:1;top:-10px}}@keyframes pulse{0%,to{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);opacity:.4;top:0}50%{-ms-filter:none;-webkit-filter:none;filter:none;opacity:1;top:-10px}}#particles-js{background:#1a222c;display:block;vertical-align:bottom;width:100vw;min-height:100vh;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}#particles-js .particles-js-canvas-el{width:100vw!important;height:100vh!important}.content{z-index:1;text-align:center;color:#fff;position:absolute;top:50%;left:50%;margin:0 auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.content .site-title{font-size:50px;display:block;line-height:1}@media only screen and (min-width:768px){.content .site-title{margin:0;font-size:100px}}.content .site-description{font-size:20px;display:block;line-height:1;margin:5px 0 10px}@media only screen and (min-width:768px){.content .site-description{font-size:40px}}.content .link{color:#fff;display:inline-flex;justify-content:space-between;text-decoration:none;font-size:15px;margin:10px}@media only screen and (min-width:768px){.content .link{font-size:20px}}.icons-header{display:flex;justify-content:center}.icons-header .icon{text-align:center;color:#fff;width:20px;height:20px;font-size:20px;padding:10px;margin:2px;border-radius:50%;border:2px solid #fff;transition:all .7s}.icons-header .icon:active,.icons-header .icon:hover{color:#1a222c;background:#fff}@media only screen and (min-width:768px){.icons-header .icon{width:35px;height:35px;font-size:35px}}.down,.icons-header,.user{text-align:center}.down{color:#fff;position:absolute;bottom:25px;width:100%;display:block;cursor:pointer;margin:0 auto;font-size:30px}.down .icon{position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100px;height:100px;fill:#fff;-webkit-animation:pulse 1.3s infinite;animation:pulse 1.3s infinite}.down .icon:active,.down .icon:hover,.footer a:active,.footer a:hover{color:#4b5664}.user{margin:10px;font-size:60px}.user p{font-size:16px}@media only screen and (min-width:768px){.user{font-size:75px}}.user-details{text-align:center;margin:10px}.user-projects{margin:10px}.user-projects img{max-width:100%;height:auto;border-radius:5px}.user-projects h5,body{margin:0}.user-projects li{color:#1a222c;font-size:1.1rem}.user-projects p{margin-right:5px}@media only screen and (min-width:768px){.images{float:right}}.project-link{display:block;width:100px;margin:10px 0;padding:5px;color:#1a222c;background-color:transparent;border:1px solid #1a222c;border-radius:10px;text-align:center;outline:none;text-decoration:none;cursor:pointer;transition:color .3s ease-out,background-color .3s ease-out,border-color .3s ease-out}.project-link:active,.project-link:hover{background-color:#54516a;border-color:#54516a;color:#fff;transition:color .3s ease-in,background-color .3s ease-in,border-color .3s ease-in}.footer{background:#1a222c;padding:10px 0;margin-top:100px;text-align:center;color:#fff}.footer .love{color:red}.footer a{text-decoration:none;margin:0;color:#fff}
+\ No newline at end of file
diff --git a/src/styles/main.scss b/src/styles/main.scss
@@ -15,20 +15,20 @@ body {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
opacity: .4;
- top: 0
+ top: 0;
}
50% {
-ms-filter: none;
-webkit-filter: none;
filter: none;
opacity: 1;
- top: -10px
+ top: -10px;
}
to {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
opacity: .4;
- top: 0
+ top: 0;
}
}
@@ -125,7 +125,7 @@ body {
border-radius: 50%;
border: 2px solid #FFF;
transition: all .7s;
- &:focus {
+ &:hover {
color: $main;
background: #FFF;
}
@@ -164,7 +164,7 @@ body {
fill: #fff;
-webkit-animation: pulse 1.3s infinite;
animation: pulse 1.3s infinite;
- &:focus {
+ &:hover {
color: $sec;
}
&:active {
@@ -231,7 +231,7 @@ body {
transition: color 0.3s ease-out,
background-color 0.3s ease-out,
border-color 0.3s ease-out;
- &:focus {
+ &:hover {
background-color: $purple;
border-color: $purple;
color: #fff;
@@ -262,7 +262,7 @@ body {
text-decoration: none;
margin: 0;
color: #FFF;
- &:focus{
+ &:hover{
color: $sec;
}
&:active {
