Fluffy/WebsiteArchive
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/Fluffys-website.git synced 2025-05-29 06:43:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Layout mostly done?

Browse source
This commit is contained in:
Michał Gdula 2022-12-28 18:45:26 +00:00
parent 3bc730970d
commit c1559307b6
16 changed files with 228 additions and 131 deletions
Download patch file Download diff file Expand all files Collapse all files

32
templates/layout.html
View file

@ -24,12 +24,12 @@
Home
<i class="ph-arrow-right"></i>
</a>
<a href="/#contact" class="aside-item">
Social Media
<i class="ph-arrow-right"></i>
<a href="/thankies" class="aside-item">
Thankies
<i class="ph-heart"></i>
</a>
<a href="/#about" class="aside-item">
About
<a href="/funny" class="aside-item">
lol
<i class="ph-arrow-right"></i>
</a>
@ -43,17 +43,6 @@
Server Status
<i class="ph-cpu"></i>
</a>
<a href="/" class="aside-item">
Gwa Gwa
<i class="ph-package"></i>
</a>
<hr>
<a href="/funny" class="aside-item">
lol
<i class="ph-arrow-right"></i>
</a>
</div>
</div>
@ -67,19 +56,8 @@
<script>
let btnColours = [ 'red', 'yellow', 'green', 'blue', 'purple']
let btnElements = document.querySelectorAll('.btn');
let asideElements = document.querySelectorAll('.aside-item');
for (let i = 0; i < btnElements.length; i++) {
btnElements[i].addEventListener("mouseover", function() {
let randomColour = Math.floor(Math.random() * btnColours.length);
this.style.color = `var(--${btnColours[randomColour]})`;
});
btnElements[i].addEventListener("mouseout", function() {
this.style.color = '';
});
}
for (let i = 0; i < asideElements.length; i++) {
asideElements[i].addEventListener("mouseover", function() {
let randomColour = Math.floor(Math.random() * btnColours.length);