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>

27
style.css
View File

@ -7,7 +7,8 @@ html, body {
h1, h2, h3, h4, h5, p { h1, h2, h3, h4, h5, p {
margin: 0; margin: 0;
} }
/* Main IDs forthe site */
#site { #site {
position: absolute; position: absolute;
top: 0; top: 0;
@ -61,6 +62,7 @@ h1, h2, h3, h4, h5, p {
padding: 15px 5px 8px 5px; padding: 15px 5px 8px 5px;
} }
/* Core site components */
.title { .title {
font-size: 32pt; font-size: 32pt;
font-weight: 300; font-weight: 300;
@ -136,7 +138,30 @@ h1, h2, h3, h4, h5, p {
supported by Chrome and Opera */ supported by Chrome and Opera */
} }
/* Animations */
@keyframes spin { @keyframes spin {
from { transform:rotate(0deg); } from { transform:rotate(0deg); }
to { transform:rotate(360deg); } 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;
} }