diff --git a/css/themes.css b/css/themes.css index f3cecff..4c7d8c1 100755 --- a/css/themes.css +++ b/css/themes.css @@ -42,4 +42,13 @@ body[theme=sky] { --color-2: #2ab9f2; --color-3: #3188bd; --color-4: #23588a; +} +body[theme=xmas] { + --text-color: #dcffab; + --bg-1: #a00000; + --bg-2: #400000; + --color-1: #dcffab; + --color-2: #a32a2a; + --color-3: #000000; + --color-4: #630000; } \ No newline at end of file diff --git a/index.html b/index.html index 2480884..25852a2 100755 --- a/index.html +++ b/index.html @@ -241,7 +241,7 @@

your device is not supported!

please rotate your screen for the best experience.

we are loading your game!

please allow us to fetch the data first, this should only take a second.

 - + diff --git a/js/christmas-particlesjs-config.json b/js/christmas-particlesjs-config.json new file mode 100755 index 0000000..3e3328c --- /dev/null +++ b/js/christmas-particlesjs-config.json @@ -0,0 +1,110 @@ +{ + "particles": { + "number": { + "value": 94, + "density": { + "enable": true, + "value_area": 800 + } + }, + "color": { + "value": "#fff" + }, + "shape": { + "type": "circle", + "stroke": { + "width": 0, + "color": "#000000" + }, + "polygon": { + "nb_sides": 5 + }, + "image": { + "src": "img/github.svg", + "width": 100, + "height": 100 + } + }, + "opacity": { + "value": 0.5, + "random": true, + "anim": { + "enable": false, + "speed": 1, + "opacity_min": 0.1, + "sync": false + } + }, + "size": { + "value": 10, + "random": true, + "anim": { + "enable": false, + "speed": 40, + "size_min": 0.1, + "sync": false + } + }, + "line_linked": { + "enable": false, + "distance": 500, + "color": "#ffffff", + "opacity": 0.4, + "width": 2 + }, + "move": { + "enable": true, + "speed": 9.590256299599611, + "direction": "bottom", + "random": false, + "straight": false, + "out_mode": "out", + "bounce": false, + "attract": { + "enable": false, + "rotateX": 1678.2948524299318, + "rotateY": 3196.752099866537 + } + } + }, + "interactivity": { + "detect_on": "window", + "events": { + "onhover": { + "enable": true, + "mode": "bubble" + }, + "onclick": { + "enable": true, + "mode": "repulse" + }, + "resize": true + }, + "modes": { + "grab": { + "distance": 400, + "line_linked": { + "opacity": 0.5 + } + }, + "bubble": { + "distance": 400, + "size": 4, + "duration": 0.3, + "opacity": 1, + "speed": 3 + }, + "repulse": { + "distance": 79.60199004975124, + "duration": 0.4 + }, + "push": { + "particles_nb": 4 + }, + "remove": { + "particles_nb": 2 + } + } + }, + "retina_detect": true +} \ No newline at end of file diff --git a/js/particlesjs-config.json b/js/main-particlesjs-config.json similarity index 100% rename from js/particlesjs-config.json rename to js/main-particlesjs-config.json diff --git a/js/main.js b/js/main.js index 7333a06..e549e0e 100755 --- a/js/main.js +++ b/js/main.js @@ -13,7 +13,7 @@ function loadPJS() { script.src = "https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"; document.head.appendChild(script); script.addEventListener("load", ()=>{ - particlesJS.load('pjs', "/js/particlesjs-config.json", ()=>{}); + particlesJS.load('pjs', "/js/christmas-particlesjs-config.json", ()=>{}); }); } diff --git a/loader.html b/loader.html index e5a049d..8b49159 100755 --- a/loader.html +++ b/loader.html @@ -59,7 +59,7 @@ - +

Selenite

diff --git a/settings.html b/settings.html index cfa76cd..30ce151 100755 --- a/settings.html +++ b/settings.html @@ -204,6 +204,7 @@

themes