blob: d37f45af6894cc8a73a317c1b3c5fac67c252b83 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
|
"use strict";
var blob = document.querySelector('#blob');
var blobData = blob.dataset.forceForm;
function loadScript(src) {
var script = document.createElement('script');
script.src = src;
document.body.appendChild(script);
}
function getRandomColor() {
var letters = '0123456789ABCDEF';
var color = '#';
for (var i = 0; i < 6; i++) {
color += letters[Math.floor(Math.random() * 16)];
}
return color;
}
function generateGradient() {
var gradient = 'conic-gradient(';
var firstTimeInter = true;
var colorCount = Math.floor(Math.random() * 5) + 2;
for (var i = 0; i < colorCount; i++) {
if (firstTimeInter === true) {
gradient += getRandomColor();
firstTimeInter = false;
} else {
gradient += ', ' + getRandomColor();
}
}
gradient += ')';
return gradient;
}
blob.style.background = "radial-gradient(circle, lime), ".concat(generateGradient());
var blobItem;
if (blobData) {
blobItem = blobData;
} else {
if (navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i) || window.orientation > 1) {
blobItem = "random";
} else {
blobItem = "mouse";
}
}
if (blobItem == "mouse") {
loadScript('/js/mouseblob.js');
} else if (blobItem == "random") {
loadScript('/js/randomblob.js');
} else {
throw new Error("Unknown blob type");
}
|
