CodeDevMLH/Seasonals-Snowflakes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

working

Browse Source
This commit is contained in:
MLH
2024-11-24 23:22:53 +01:00
parent 077302e181
commit bd5f6c104c
2 changed files with 19 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
add_to_index_html.html
View File

@ -1,18 +1,16 @@
<script src="seasonal/snowflakes.js"></script> <script src="seasonal/snowflakes.js"></script>
<link rel="stylesheet" href="seasonal/snowflakes.css"> <link rel="stylesheet" href="seasonal/snowflakes.css">
<snowflake> <div class="snowflakes" aria-hidden="true">
<div class="snowflakes" aria-hidden="true"> <div class="snowflake"> ❅ </div>
<div class="snowflake"> ❅ </div> <div class="snowflake"> ❆ </div>
<div class="snowflake"> ❆ </div> <div class="snowflake"> ❅ </div>
<div class="snowflake"> ❅ </div> <div class="snowflake"> ❆ </div>
<div class="snowflake"> ❆ </div> <div class="snowflake"> ❅ </div>
<div class="snowflake"> ❅ </div> <div class="snowflake"> ❆ </div>
<div class="snowflake"> ❆ </div> <div class="snowflake"> ❅ </div>
<div class="snowflake"> ❅ </div> <div class="snowflake"> ❆ </div>
<div class="snowflake"> ❆ </div> <div class="snowflake"> ❅ </div>
<div class="snowflake"> ❅ </div> <div class="snowflake"> ❆ </div>
<div class="snowflake"> ❆ </div> <div class="snowflake"> ❅ </div>
<div class="snowflake"> ❅ </div> <div class="snowflake"> ❆ </div>
<div class="snowflake"> ❆ </div> </div>
</div>
</snowflake>

6
snowflakes.js
View File

@ -1,4 +1,4 @@
const randomSnowflakes = flase; // enable random Snowflakes const randomSnowflakes = false; // enable random Snowflakes
const snowflakeCount = 50; // count of random extra snowflakes const snowflakeCount = 50; // count of random extra snowflakes
@ -14,8 +14,10 @@ function toggleSnowflakes() {
// hide snowflakes if video player is active or dashboard is visible // hide snowflakes if video player is active or dashboard is visible
if (videoPlayer || isDashboard || hasUserMenu) { if (videoPlayer || isDashboard || hasUserMenu) {
snowflakeContainer.style.display = 'none'; // hide snowflakes snowflakeContainer.style.display = 'none'; // hide snowflakes
console.log('Snowflakes hidden');
} else { } else {
snowflakeContainer.style.display = 'block'; // show snowflakes snowflakeContainer.style.display = 'block'; // show snowflakes
console.log('Snowflakes visible');
} }
} }
@ -33,6 +35,8 @@ function addRandomSnowflakes(count) {
const snowflakeContainer = document.querySelector('.snowflakes'); // get the snowflake container const snowflakeContainer = document.querySelector('.snowflakes'); // get the snowflake container
if (!snowflakeContainer) return; // exit if snowflake container is not found if (!snowflakeContainer) return; // exit if snowflake container is not found
console.log('Adding random snowflakes');
const snowflakeSymbols = ['❅', '❆', '❄']; // some snowflake symbols const snowflakeSymbols = ['❅', '❆', '❄']; // some snowflake symbols
for (let i = 0; i < count; i++) { for (let i = 0; i < count; i++) {