quad
/
site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Hopefully I remember this without testing

This commit is contained in:
Dominik V. Salonen 2018-03-14 14:36:34 +01:00
parent 668ee75594
commit fba096b8e2
2 changed files with 30 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pages/social.html Normal file
View File

@ -0,0 +1,4 @@
<div class="icon-container">
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-envelope"></i></a>
</div>

25
style.css
View File

@ -8,6 +8,7 @@ h1, h2, h3, h4, h5, p {
margin: 0;
}
/* Main IDs forthe site */
#site {
position: absolute;
top: 0;
@ -61,6 +62,7 @@ h1, h2, h3, h4, h5, p {
padding: 15px 5px 8px 5px;
}
/* Core site components */
.title {
font-size: 32pt;
font-weight: 300;
@ -136,7 +138,30 @@ h1, h2, h3, h4, h5, p {
supported by Chrome and Opera */
}
/* Animations */
@keyframes spin {
from { transform:rotate(0deg); }
to { transform:rotate(360deg); }
}
/* Social media icons */
.icon-container {
display: block;
text-align: center;
width: 100%;
font-size: 0;
}
.icon-container a {
display: inline-block;
padding: 20px;
box-sizing: border-box;
font-size: 24pt;
color: #FFFFFF;
transition: color 0.25s ease-in-out;
}
.icon-container a:hover {
color: #FF5555;
transition: color 0.25s ease-in-out;
}