more pictures, fix footer and planets position

This commit is contained in:
ktyl 2021-10-15 00:33:17 +01:00
parent 7108a624b9
commit 33285e3145
11 changed files with 44 additions and 32 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 582 KiB

After

Width:  |  Height:  |  Size: 500 KiB

BIN
img/lsd.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 498 KiB

BIN
img/revival.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 322 KiB

7
src/inc_css/footer.css Normal file
View File

@ -0,0 +1,7 @@
.footer {
position: fixed;
right: 0;
bottom: 0;
padding: 0 10px 10px;
}

View File

@ -1,6 +1,6 @@
.planets { .planets {
overflow: hidden; overflow: hidden;
position: absolute; position: fixed;
height: 80vmax; height: 80vmax;
width: 80vmax; width: 80vmax;
right: 0; right: 0;

22
src/inc_css/socials.css Normal file
View File

@ -0,0 +1,22 @@
.socials {
margin-top: 16px;
margin-left: 10px;
background-color:var(--background);
}
.socials i {
font-size: 2em;
margin-left: 4px;
color: var(--foreground-inactive);
transition: transform 0.3s, color 0.3s;
}
.socials i:hover {
color: var(--accent);
transform: translateY(-20%);
}
.socials a {
text-decoration: none;
transition: color 0.3s;
}

3
src/inc_html/footer.html Normal file
View File

@ -0,0 +1,3 @@
<div class="footer">
#include socials.html
</div>

View File

@ -8,13 +8,5 @@
<li><a href="blog.html" class="fsText">/blog</a></li> <li><a href="blog.html" class="fsText">/blog</a></li>
<li><a href="contact.html" class="fsText">/contact</a></li> <li><a href="contact.html" class="fsText">/contact</a></li>
</ul> </ul>
<div class="socials">
<a href="https://github.com/ktyldev/"><i class="fab fa-github"></i></a>
<a href="https://ktyl.itch.io/"><i class="fab fa-itch-io"></i></a>
<a href="https://instragram.com/ktyldev"><i class="fab fa-instagram"></i></a>
<a href="https://discord.gg/fshnCe67bX"><i class="fab fa-discord"></i></a>
</div>
</div> </div>
</div> </div>

View File

@ -0,0 +1,6 @@
<div class="socials">
<a href="https://github.com/ktyldev/"><i class="fab fa-github"></i></a>
<a href="https://ktyl.itch.io/"><i class="fab fa-itch-io"></i></a>
<a href="https://instragram.com/ktyldev"><i class="fab fa-instagram"></i></a>
<a href="https://discord.gg/fshnCe67bX"><i class="fab fa-discord"></i></a>
</div>

View File

@ -21,6 +21,8 @@
<img src="relanoise.png"></img> <img src="relanoise.png"></img>
<img src="skeinring.png"></img> <img src="skeinring.png"></img>
<img src="membrain.png"></img> <img src="membrain.png"></img>
<img src="revival.png"></img>
<img src="lsd.png"></img>
</div> </div>
</div> </div>
@ -28,5 +30,6 @@
#include planets.html #include planets.html
#include footer.html
</body> </body>
</html> </html>

View File

@ -139,28 +139,7 @@ a.fsText:hover {
margin-left: -20px; margin-left: -20px;
} }
.socials { #include socials.css
margin-top: 16px;
margin-left: 10px;
background-color:var(--background);
}
.socials i {
font-size: 2em;
margin-left: 4px;
color: var(--foreground-inactive);
transition: transform 0.3s, color 0.3s;
}
.socials i:hover {
color: var(--accent);
transform: translateY(-20%);
}
.socials a {
text-decoration: none;
transition: color 0.3s;
}
#include portfolio.css #include portfolio.css
#include planets.css #include planets.css
#include footer.css