You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
1.4 KiB
63 lines
1.4 KiB
var dreamBGGradients = [
|
|
[],
|
|
// From https://uigradients.com
|
|
['#bdc3c7', '#2c3e50'], // Grade Grey
|
|
['#ee9ca7', '#ffdde1'], // Piggy Pink
|
|
['#1c92d2', '#f2fcfe'], // Telegram
|
|
// Custom
|
|
['#acb6e5'] // Lan
|
|
]
|
|
|
|
var dreamBody = $('body')
|
|
var dreamFront = $('.flip-container .front')
|
|
var dreamBack = $('.flip-container .back')
|
|
|
|
var dreamPrevBgIndex = 0
|
|
var dreamBodyBgSwitch = []
|
|
var dreamBodyBgSwitchIndex = 0
|
|
|
|
var dreamBg = dreamBGGradients[getRandomInt(0, dreamBGGradients.length)]
|
|
dreamBodyBgSwitch.push(dreamBg)
|
|
setBackground(dreamFront, dreamBg)
|
|
|
|
setBackground(dreamBody, dreamBg)
|
|
|
|
dreamBg = dreamBGGradients[getRandomInt(0, dreamBGGradients.length)]
|
|
dreamBodyBgSwitch.push(dreamBg)
|
|
setBackground(dreamBack, dreamBg)
|
|
|
|
function connect(arr) {
|
|
var str = ''
|
|
for (var i = 0; i < arr.length; i++) {
|
|
if (i !== arr.length - 1) {
|
|
str += arr[i] + ', '
|
|
} else {
|
|
str += arr[i]
|
|
}
|
|
}
|
|
return str
|
|
}
|
|
|
|
function getRandomInt(min, max) {
|
|
min = Math.ceil(min)
|
|
max = Math.floor(max)
|
|
var random
|
|
while (1) {
|
|
random = Math.floor(Math.random() * (max - min)) + min
|
|
if (random !== dreamPrevBgIndex) {
|
|
dreamPrevBgIndex = random
|
|
break
|
|
}
|
|
}
|
|
return random
|
|
}
|
|
|
|
function setBackground(target, gradient) {
|
|
target.css({
|
|
background: gradient[0]
|
|
})
|
|
target.css({
|
|
background: 'linear-gradient(to right, ' + connect(gradient) + ')'
|
|
})
|
|
}
|