This commit is contained in:
Kyle
2019-10-21 09:14:43 -07:00
parent b188c7af40
commit 452e08b900
4 changed files with 24 additions and 24 deletions

View File

@@ -1,15 +1,15 @@
//Cycles through a rainbow!
setInterval(changeColor, 100)
var regularAdjust = -60
var regularAdjust = 60
var lightAdjust = 100
var lightLead = 100
var lightLead = 128
var currentColorIndex = 0
function changeColor() {
var colors = indexToColor(currentColorIndex)
document.documentElement.style.setProperty("--shifting-color-1", "rgb(" + parseInt(colors[0] + regularAdjust) + "," + parseInt(colors[1] + regularAdjust) + "," + parseInt(colors[2] + regularAdjust) + ")")
var lightColors = indexToColor(currentColorIndex + lightLead)
document.documentElement.style.setProperty("--shifting-color-1-light", "rgb(" + parseInt(lightColors[0] + lightAdjust) + "," + parseInt(lightColors[1] + lightAdjust) + "," + parseInt(lightColors[2] + lightAdjust) + ")")
currentColorIndex += colorJumpSize = 153 / 60 //The second number is how many seconds it takes to do a full loop
currentColorIndex += colorJumpSize = 153 / 120 //The second number is how many seconds it takes to do a full loop
}
function indexToColor(colorIndex) {
var red = 0, green = 0, blue = 0
@@ -42,4 +42,4 @@ function indexToColor(colorIndex) {
break
}
return [red, green, blue]
}
}

View File

@@ -372,9 +372,9 @@ CanvasRenderingContext2D.prototype.writeText = function(text = "", textX = 0, te
//It may be a code
wordToWrite = ""
possibleCodeLower = splitString[i].toLowerCase().replace("{", "").replace("}", "")
if (possibleCodeLower == "line" && !oneline) {
if (possibleCodeLower == "line" && !oneLine) {
finishLine = true
} else if (possibleCodeLower == "linenospace" && ! oneline) {
} else if (possibleCodeLower == "linenospace" && ! oneLine) {
finishLine = true
} else if (possibleCodeLower == "bar" || possibleCodeLower == "flavor") {
finishLine = true
@@ -716,4 +716,4 @@ watermarks
possibly border color?
*/
*/

View File

@@ -40,6 +40,7 @@
--shifting-color-1-light: #c8ff64;
--light-color: #eee;
--dark-color: #333;
--clear-light: #1111;
}
footer {
background-color: var(--dark-color);
@@ -192,8 +193,9 @@ footer a:hover {
color: black;
font-size: 2em;
text-align: center;
margin: 3em 0px;
}
.layer:nth-child(even) {
.layer { /*:nth-child(even)*/
background-color: var(--light-color);
background-image: url(images/layerBackground.png);
background-position: center;
@@ -221,7 +223,7 @@ footer a:hover {
text-decoration: underline;
}
.donate > div {
background-color: #1111;
background-color: var(--clear-light);
border-radius: 2em;
font: 2em belerenbsc;
}
@@ -273,4 +275,4 @@ footer a:hover {
grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));
grid-gap: 1em;
}
}
}