GithubMirrors/cardconjurer
1
0
Fork 1
mirror of https://github.com/Investigamer/cardconjurer.git synced 2025-07-27 05:14:53 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

upgrayedd

Browse Source
This commit is contained in:
Kyle
2020-03-27 13:30:22 -07:00
parent 73b1de2b74
commit 583c617392
15 changed files with 144 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
OLDdisclaimer.html
View File

@@ -1,63 +0,0 @@
<!DOCTYPE html5>
<html>
<head>
<title>CC — Disclaimer</title>
<!-- Other things -->
<link rel="stylesheet" href="data/site/styles.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="mainDiv">
<div class="layer">
<div class="title">
Disclaimer:
</div>
</div>
<div class="layer">
<div class="paragraph indent">
Card Conjurer is in no way affiliated with, sponsored by, or endorsed by Wizards of the Coast. Fonts, Mana symbols, and other related images are trademarks and copyrights of Wizards of the Coast, LLC, a subsidiary of Hasbro, Inc.
</div>
</div>
<div class="layer">
<div class="paragraph">
Most of the card frames were created by the following:<br>
Kentu, Narb777, CXA26843, FPM, Xander, Chrome Kaldra, CBG, Trancebam, Larme, RoblinTheGoblin, White Dragon, and Timmy XD69.
</div>
</div>
<div class="layer">
<div class="paragraph">
Some fonts and/or images used in this program have been gathered from the following sources under the <a target="blank" href="https://creativecommons.org/licenses/by-nc-sa/2.5/">Creative Commons BY-NC-SA 2.5 License</a>:<br>
<a target="blank" href="https://mtg.gamepedia.com/Main_Page" class="leftMargin">MTG Gamepedia</a><br>
<a target="blank" href="http://magicseteditor.boards.net/" class="leftMargin">Magic Set Editor</a><br>
Changes have been made to some of the images. Card Conjurer is not endorsed by these sources.
</div>
</div>
<div class="layer">
<div class="paragraph">
Any other uploaded artwork is property of the original artist, and it is at the discretion of the users that these images are properly credited.
</div>
</div>
</div>
</body>
<footer>
<div class="footerGrid">
<div>
<div class="visitorCountTrigger">Card Conjurer By Kyle Burton</div>
<div class="visitorCount"></div>
</div>
<div>
Navigation:<br>
<a href="index.html">Card Creator</a><br>
<a href="life.html">Life Counter</a><br>
<a href="askscryfall.html">Ask Scryfall</a>
</div>
<div>
Legal:<br>
<a href="disclaimer.html">Disclaimer</a><br>
<a href="termsofuse.html">Terms of Use</a>
</div>
</div>
</footer>
<script src="data/scripts/colors.js"></script>
<html>

105
askscryfall.html
View File

@@ -1,20 +1,11 @@
<!DOCTYPE html5> <!DOCTYPE html5>
<html> <html>
<script async src="data/scripts/cookies.js"></script>
<head> <head>
<!-- Global site tag (gtag.js) - Google Analytics --> <title>CC - Ask Scryfall</title>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-158949995-1"></script> <link rel="stylesheet" href="data/site/styles.css">
<script> <meta charset="UTF-8">
window.dataLayer = window.dataLayer || []; <meta name="viewport" content="width=device-width, initial-scale=1">
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-158949995-1');
</script>
<title>CC — Ask Scryfall</title>
<!-- Other things -->
<link rel="stylesheet" href="data/site/styles.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style> <style>
.askScryfallGrid { .askScryfallGrid {
display: grid; display: grid;
@@ -24,13 +15,20 @@
justify-items: center; justify-items: center;
} }
.urzaCard { .urzaCard {
width: 360pt;
text-align: center; text-align: center;
grid-column: 1 / span 3; grid-column: 1 / span 3;
} }
.urzaCard > img { .urzaCard > img {
position: relative;
left: -2rem;
width: 360pt; width: 360pt;
height: auto; height: auto;
} }
img {
position: relative;
left: -1rem;
}
.askScryfallGrid > * { .askScryfallGrid > * {
/*border: 1px solid red;*/ /*border: 1px solid red;*/
} }
@@ -47,12 +45,16 @@
} }
#askScryfallResult { #askScryfallResult {
grid-column: 1 / span 3; grid-column: 1 / span 3;
padding: 12pt; padding: 2rem;
font: 32pt belerenb; margin: 1rem;
background: var(--background-color-contrast);
color: var(--font-color-contrast);
border-radius: 1rem;
font: 2rem belerenb;
} }
@media screen and (min-width: 864pt) { @media screen and (min-width: 864pt) {
.askScryfallGrid { .askScryfallGrid {
grid-template-columns: calc(360pt + 1rem) 1fr 1fr 1fr !important; grid-template-columns: calc(360pt) 1fr 1fr 1fr !important;
grid-template-rows: 90pt auto !important; grid-template-rows: 90pt auto !important;
} }
.urzaCard { .urzaCard {
@@ -66,15 +68,13 @@
</style> </style>
</head> </head>
<body> <body>
<div class="mainDiv"> <div>
<div class="layer"> <div class="title darkLayer">
<div class="title"> Ask Scryfall
Ask Scryfall </div>
</div> <div class="layer slideFromRight">
</div> <div>
<div class="layer"> <div class="askScryfallGrid">
<div class="paragraph">
<div class="askScryfallGrid">
<div class="urzaCard"> <div class="urzaCard">
<img src="data/site/other/askScryfall/urzaBlank.png"> <img src="data/site/other/askScryfall/urzaBlank.png">
</div> </div>
@@ -91,34 +91,41 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="layer"> <div class="layer darkLayer slideFromLeft">
<div class="paragraph indent"> <div class="paragraph indent">
Ask Scryfall is a replacement for AskUrza.com that periodically compiles all planeswalker abilities (using Scryfall) and sorts them into three categories for use with Urza, Academy Headmaster. This allows for much more unpredictability and, in my opinion, much more fun. To use Ask Scryfall, simply click on the +1, -1, or -6, and let the gods of chaos decide your fate! Ask Scryfall is a replacement for AskUrza.com that periodically compiles all planeswalker abilities (using Scryfall) and sorts them into three categories for use with Urza, Academy Headmaster. This allows for much more unpredictability and, in my opinion, much more fun. To use Ask Scryfall, simply click on the +1, -1, or -6, and let the gods of chaos decide your fate!
</div> </div>
</div> </div>
</div> <div class="layer slideFromRight">
</body> <div class="paragraph indent">
<footer> I hope you have as much fun playing Urza this way as I do!
<div class="footerGrid"> </div>
<div>
<div class="visitorCountTrigger">Card Conjurer By Kyle Burton</div>
<div class="visitorCount"></div>
</div>
<div>
Navigation:<br>
<a href="index.html">Card Creator</a><br>
<a href="life.html">Life Counter</a><br>
<a href="askscryfall.html">Ask Scryfall</a>
</div>
<div>
Legal:<br>
<a href="disclaimer.html">Disclaimer</a><br>
<a href="termsofuse.html">Terms of Use</a>
</div> </div>
</div> </div>
</body>
<footer class='footer'>
<div>
Card Conjurer by Kyle Burton<br>
<select id='inputColorPalette' onchange='loadScript("data/scripts/" + this.value + ".js")'>
<option value='lightMode'>Light Mode</option>
<option value='darkMode'>Dark Mode</option>
<option value='raveMode'>Rave Mode</option>
</select>
</div>
<div>
Navigation<br>
<a href='index.html'>Card Creator</a><br>
<a href='life.html'>Life Counter</a><br>
<a href='askscryfall.html'>Ask Scryfall</a>
</div>
<div>
Legal<br>
<a href='termsofuse.html'>Terms of Use</a><br>
<a href='disclaimer.html'>Disclaimer</a>
</div>
</footer> </footer>
<script src="data/scripts/colors.js"></script> <script defer src="data/scripts/animations.js"></script>
<script src="data/site/other/askScryfall/askScryfall.js"></script> <script defer src="data/site/other/askScryfall/askScryfall.js"></script>
<html> <html>

BIN
data/images/m15/m15MaskNyxCrown.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 40 KiB

BIN
data/images/m15/m15MaskNyxCrownOuter.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 38 KiB

BIN
data/images/m15/m15MaskNyxCrownShadowless.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 36 KiB

BIN
data/images/storybook/mizzium_mortars_by_noahbradley-d5dvmd8.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 312 KiB

11
data/scripts/cookies.js
View File

@@ -1,3 +1,5 @@
let rootStyles = document.documentElement.style
function setCookie(cookieName, cookieValue, cookieTime = (5 * 365 * 24 * 60 * 60 * 1000)) { //years*days*hours*minutes*seconds*milliseconds function setCookie(cookieName, cookieValue, cookieTime = (5 * 365 * 24 * 60 * 60 * 1000)) { //years*days*hours*minutes*seconds*milliseconds
var tempDate = new Date() var tempDate = new Date()
tempDate.setTime(tempDate.getTime() + cookieTime) tempDate.setTime(tempDate.getTime() + cookieTime)
@@ -21,4 +23,13 @@ function checkCookies() {
if (getCookie('colorPalette') != undefined) { if (getCookie('colorPalette') != undefined) {
loadScript('data/scripts/' + getCookie('colorPalette') + '.js') loadScript('data/scripts/' + getCookie('colorPalette') + '.js')
} }
}
function loadScript(scriptPath){
var script = document.createElement('script')
script.setAttribute('type','text/javascript')
script.setAttribute('src', scriptPath)
if (typeof script != 'undefined') {
document.getElementsByTagName('head')[0].appendChild(script)
}
} }

37
data/scripts/main.js
View File

@@ -19,7 +19,6 @@ manaSymbolCodeList.forEach((item, index) => {manaSymbolImageList[index] = new Im
date = new Date() date = new Date()
var cornerCutout = new Image() var cornerCutout = new Image()
cornerCutout.src = 'data/images/cornerCutout.png' cornerCutout.src = 'data/images/cornerCutout.png'
let rootStyles = document.documentElement.style
function newCanvas(name) { function newCanvas(name) {
window[name + 'Canvas'] = document.createElement('canvas') window[name + 'Canvas'] = document.createElement('canvas')
@@ -434,9 +433,11 @@ function writeText(textObjectList, targetContext) {
} else if (possibleCodeLower.includes('right')) { } else if (possibleCodeLower.includes('right')) {
textX += parseInt(possibleCodeLower.replace('right', '')) textX += parseInt(possibleCodeLower.replace('right', ''))
currentLineWidth += parseInt(possibleCodeLower.replace('right', '')) currentLineWidth += parseInt(possibleCodeLower.replace('right', ''))
permanentLineShift += parseInt(possibleCodeLower.replace('right', ''))
} else if (possibleCodeLower.includes('left')) { } else if (possibleCodeLower.includes('left')) {
textX -= parseInt(possibleCodeLower.replace('left', '')) textX -= parseInt(possibleCodeLower.replace('left', ''))
currentLineWidth -= parseInt(possibleCodeLower.replace('left', '')) currentLineWidth -= parseInt(possibleCodeLower.replace('left', ''))
permanentLineShift -= parseInt(possibleCodeLower.replace('left', ''))
} else if (possibleCodeLower.includes('up')) { } else if (possibleCodeLower.includes('up')) {
finishLine = true finishLine = true
paragraphSpace -= parseInt(possibleCodeLower.replace('up', '')) + textSize paragraphSpace -= parseInt(possibleCodeLower.replace('up', '')) + textSize
@@ -685,38 +686,23 @@ function inputCardNameNumberTextImport(index) {
} else { } else {
importText('', 'Power Toughness') importText('', 'Power Toughness')
} }
/* if (importCardTextResponse.includes('"loyalty":"') && currentVersion == 'planeswalker') {
if (importCardTextResponse.includes('"loyalty":"') && version.currentVersion == 'planeswalker') {
importText(beforeAfter(importCardTextResponse, '"loyalty":"', '",'), 'Loyalty') importText(beforeAfter(importCardTextResponse, '"loyalty":"', '",'), 'Loyalty')
var abilityList = beforeAfter(importCardTextResponse, '"oracle_text":"', '",').replace(/ \\"/g, ' \u201C').replace(/\\"/g, '\u201D').split(/\\n/g) var abilityList = beforeAfter(importCardTextResponse, '"oracle_text":"', '",').replace(/ \\"/g, ' \u201C').replace(/\\"/g, '\u201D').split(/\\n/g)
for (var i = 0; i < abilityList.length; i++) { for (var i = 0; i < abilityList.length; i++) {
var stringVersion = ''
switch(i) {
case 3:
stringVersion = 'Fourth'
break;
case 2:
stringVersion = 'Third'
break;
case 1:
stringVersion = 'Second'
break;
default:
stringVersion = 'First'
}
if (abilityList[i].slice(0, 4).includes(':')) { if (abilityList[i].slice(0, 4).includes(':')) {
importText(abilityList[i].split(/: (.+)?/)[1], stringVersion + ' Ability') importText(abilityList[i].split(/: (.+)?/)[1], 'Ability ' + (i+1))
document.getElementById('inputPlaneswalker' + (i + 1) + 'Icon').value = abilityList[i].split(/: (.+)?/)[0] document.getElementById('inputPlaneswalker' + (i + 1) + 'Icon').value = abilityList[i].split(/: (.+)?/)[0]
} else { } else {
importText('{left24}' + abilityList[i], stringVersion + ' Ability') importText('{left' + parseInt(scaleX(24/750)) + '}' + abilityList[i], 'Ability ' + (i+1))
document.getElementById('inputPlaneswalker' + (i + 1) + 'Icon').value = '' document.getElementById('inputPlaneswalker' + (i + 1) + 'Icon').value = ''
} }
if (document.getElementById('inputPlaneswalker' + (i + 1)).value < 1) { if (document.getElementById('inputPlaneswalker' + (i + 1)).value < 1) {
document.getElementById('inputPlaneswalker' + (i + 1)).value = 1 document.getElementById('inputPlaneswalker' + (i + 1)).value = 1
} }
} }
planeswalkerAbilities()
} }
*/
document.getElementById('inputManaCost').value = beforeAfter(importCardTextResponse, '"mana_cost":"', '",') document.getElementById('inputManaCost').value = beforeAfter(importCardTextResponse, '"mana_cost":"', '",')
document.getElementById('inputCardArtName').value = beforeAfter(importCardTextResponse, '"name":"', '",') document.getElementById('inputCardArtName').value = beforeAfter(importCardTextResponse, '"name":"', '",')
document.getElementById('inputSetCode').value = beforeAfter(importCardTextResponse, '"set":"', '",') document.getElementById('inputSetCode').value = beforeAfter(importCardTextResponse, '"set":"', '",')
@@ -752,7 +738,7 @@ function toggleTabs(clickedElement, targetId) {
function downloadCardImage(linkElement) { function downloadCardImage(linkElement) {
if (document.getElementById("inputInfoArtist").value.replace(/ /g, "") != "") { if (document.getElementById("inputInfoArtist").value.replace(/ /g, "") != "") {
linkElement.download = cardTextList[0].name.toLowerCase().replace(/ /g, "_") + ".png" linkElement.download = cardTextList[0].text.toLowerCase().replace(/ /g, "_") + ".png"
if (linkElement.download == ".png") { if (linkElement.download == ".png") {
linkElement.download = "card.png" linkElement.download = "card.png"
} }
@@ -767,15 +753,6 @@ function downloadCardImage(linkElement) {
linkElement.href = cardImageData linkElement.href = cardImageData
} }
function loadScript(scriptPath){
var script = document.createElement('script')
script.setAttribute('type','text/javascript')
script.setAttribute('src', scriptPath)
if (typeof script != 'undefined') {
document.getElementsByTagName('head')[0].appendChild(script)
}
}
function hideFrameImages(frameClass) { function hideFrameImages(frameClass) {
Array.from(document.getElementById('framePicker').children).forEach(element => { Array.from(document.getElementById('framePicker').children).forEach(element => {
if (!element.classList.contains(frameClass)) { if (!element.classList.contains(frameClass)) {

59
data/scripts/raveMode.js Normal file
View File

@@ -0,0 +1,59 @@
rootStyles.setProperty('--background-color', '#1c1c1c')
rootStyles.setProperty('--background-color-contrast', '#111')
rootStyles.setProperty('--interactable-color', '#333')
rootStyles.setProperty('--interactable-selected-color', '#555')
rootStyles.setProperty('--input-color', '#3a3a3a')
rootStyles.setProperty('--font-color', '#fff')
rootStyles.setProperty('--font-color-contrast', '#eee')
rootStyles.setProperty('--body-background', 'url(images/lowpoly.png)')
setCookie('colorPalette', 'darkMode')
//Cycles through a rainbow!
if (currentColorIndex == undefined) {
document.getElementById('inputColorPalette').addEventListener('change', function() {
clearInterval(raveMode)
})
}
var raveMode = setInterval(changeColor, 250)
var regularAdjust = 0//60
var lightAdjust = 64//100
var lightLead = 255
var currentColorIndex = 0
function changeColor() {
var colors = indexToColor(currentColorIndex)
var lightColors = indexToColor(currentColorIndex + lightLead)
rootStyles.setProperty('--background-color', 'linear-gradient(to bottom right, ' + "rgb(" + parseInt(colors[0] + regularAdjust) + "," + parseInt(colors[1] + regularAdjust) + "," + parseInt(colors[2] + regularAdjust) + ")" + ', ' + "rgb(" + parseInt(lightColors[0] + lightAdjust) + "," + parseInt(lightColors[1] + lightAdjust) + "," + parseInt(lightColors[2] + lightAdjust) + ")" + ')')
currentColorIndex += 2.5 * 153 / 180 //The second number is how many seconds it takes to do a full loop
}
function indexToColor(colorIndex) {
var red = 0, green = 0, blue = 0
var realColorIndex = colorIndex - Math.floor(colorIndex / 1530) * 1530
var colorStage = Math.floor(realColorIndex / 255)
switch(colorStage) {
case 0:
green = 255
red = realColorIndex - Math.floor(realColorIndex / 255) * 255
break
case 1:
red = 255
green = 255 - realColorIndex + Math.floor(realColorIndex / 255) * 255
break
case 2:
red = 255
blue = realColorIndex - Math.floor(realColorIndex / 255) * 255
break
case 3:
blue = 255
red = 255 - realColorIndex + Math.floor(realColorIndex / 255) * 255
break
case 4:
blue = 255
green = realColorIndex - Math.floor(realColorIndex / 255) * 255
break
case 5:
green = 255
blue = 255 - realColorIndex + Math.floor(realColorIndex / 255) * 255
break
}
return [red, green, blue]
}

2
data/scripts/versionPlaneswalker.js
View File

@@ -60,6 +60,7 @@ if (!loadedVersions.includes('planeswalker')) {
var lightColor = 'white' var lightColor = 'white'
var planeswalkerLightToDark = new Image() var planeswalkerLightToDark = new Image()
var planeswalkerDarkToLight = new Image() var planeswalkerDarkToLight = new Image()
planeswalkerDarkToLight.onload = function(){planeswalkerAbilities()}
} }
if (currentVersion != 'planeswalker') { if (currentVersion != 'planeswalker') {
@@ -228,5 +229,4 @@ function invertPlaneswalkerColors() {
planeswalkerLightToDark.src = lightToDarkPlaneswalker.src planeswalkerLightToDark.src = lightToDarkPlaneswalker.src
planeswalkerDarkToLight.src = darkToLightPlaneswalker.src planeswalkerDarkToLight.src = darkToLightPlaneswalker.src
} }
planeswalkerAbilities();
} }

BIN
data/site/images/lowpoly.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 195 KiB

7
data/site/styles.css
View File

@@ -48,7 +48,7 @@
} }
html { html {
font: 20pt roboto; font: 20pt georgia;
background: var(--background-color); background: var(--background-color);
color: var(--font-color); color: var(--font-color);
background-attachment: fixed; background-attachment: fixed;
@@ -300,7 +300,7 @@ input[type='checkbox'], select, option, input[type='file'], button {
padding: 2rem; padding: 2rem;
background: var(--background-color-contrast); background: var(--background-color-contrast);
color: var(--font-color-contrast); color: var(--font-color-contrast);
font: 0.6rem 'open sans'; font: 0.6rem arial;
display: grid; display: grid;
grid-template-columns: auto auto auto; grid-template-columns: auto auto auto;
} }
@@ -308,7 +308,8 @@ input[type='checkbox'], select, option, input[type='file'], button {
.fiveSampleCards { .fiveSampleCards {
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
margin: 2rem 0; margin-top: 1rem;
margin-bottom: 3rem;
} }
.fiveSampleCards > div > img { .fiveSampleCards > div > img {
position: relative; position: relative;

1
disclaimer.html
View File

@@ -40,6 +40,7 @@
<select id='inputColorPalette' onchange='loadScript("data/scripts/" + this.value + ".js")'> <select id='inputColorPalette' onchange='loadScript("data/scripts/" + this.value + ".js")'>
<option value='lightMode'>Light Mode</option> <option value='lightMode'>Light Mode</option>
<option value='darkMode'>Dark Mode</option> <option value='darkMode'>Dark Mode</option>
<option value='raveMode'>Rave Mode</option>
</select> </select>
</div> </div>
<div> <div>

7
index.html
View File

@@ -171,17 +171,17 @@
</div> </div>
</div> </div>
<div class='layer fadeIn'> <div class='layer fadeIn'>
<div> <div class='paragraph'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Laoreet suspendisse interdum consectetur libero id faucibus nisl tincidunt. Id volutpat lacus laoreet non curabitur. Adipiscing tristique risus nec feugiat in fermentum. Vulputate mi sit amet mauris. Morbi tincidunt augue interdum velit euismod in. Amet mattis vulputate enim nulla aliquet porttitor lacus luctus accumsan. Sed felis eget velit aliquet sagittis. Neque ornare aenean euismod elementum nisi quis eleifend. Nisl nunc mi ipsum faucibus vitae. Mattis nunc sed blandit libero volutpat sed cras ornare. Sed vulputate mi sit amet mauris commodo quis imperdiet massa. Condimentum mattis pellentesque id nibh tortor. Leo in vitae turpis massa. Dignissim cras tincidunt lobortis feugiat vivamus. Massa ultricies mi quis hendrerit dolor magna eget est. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Laoreet suspendisse interdum consectetur libero id faucibus nisl tincidunt. Id volutpat lacus laoreet non curabitur. Adipiscing tristique risus nec feugiat in fermentum. Vulputate mi sit amet mauris. Morbi tincidunt augue interdum velit euismod in. Amet mattis vulputate enim nulla aliquet porttitor lacus luctus accumsan. Sed felis eget velit aliquet sagittis. Neque ornare aenean euismod elementum nisi quis eleifend. Nisl nunc mi ipsum faucibus vitae. Mattis nunc sed blandit libero volutpat sed cras ornare. Sed vulputate mi sit amet mauris commodo quis imperdiet massa. Condimentum mattis pellentesque id nibh tortor. Leo in vitae turpis massa. Dignissim cras tincidunt lobortis feugiat vivamus. Massa ultricies mi quis hendrerit dolor magna eget est.
</div> </div>
</div> </div>
<div class='layer darkLayer slideFromRight'> <div class='layer darkLayer slideFromRight'>
<div> <div class='paragraph'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vehicula ipsum a arcu cursus vitae. Venenatis tellus in metus vulputate eu. Id diam maecenas ultricies mi. Enim nec dui nunc mattis enim ut tellus elementum. Consectetur libero id faucibus nisl tincidunt eget nullam non. Duis tristique sollicitudin nibh sit amet commodo nulla facilisi. Morbi leo urna molestie at elementum eu facilisis sed odio. Nulla pharetra diam sit amet nisl suscipit. A erat nam at lectus urna duis. Neque viverra justo nec ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vehicula ipsum a arcu cursus vitae. Venenatis tellus in metus vulputate eu. Id diam maecenas ultricies mi. Enim nec dui nunc mattis enim ut tellus elementum. Consectetur libero id faucibus nisl tincidunt eget nullam non. Duis tristique sollicitudin nibh sit amet commodo nulla facilisi. Morbi leo urna molestie at elementum eu facilisis sed odio. Nulla pharetra diam sit amet nisl suscipit. A erat nam at lectus urna duis. Neque viverra justo nec ultrices.
</div> </div>
</div> </div>
<div class='layer slideFromLeft'> <div class='layer slideFromLeft'>
<div> <div class='paragraph'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vehicula ipsum a arcu cursus vitae. Venenatis tellus in metus vulputate eu. Id diam maecenas ultricies mi. Enim nec dui nunc mattis enim ut tellus elementum. Consectetur libero id faucibus nisl tincidunt eget nullam non. Duis tristique sollicitudin nibh sit amet commodo nulla facilisi. Morbi leo urna molestie at elementum eu facilisis sed odio. Nulla pharetra diam sit amet nisl suscipit. A erat nam at lectus urna duis. Neque viverra justo nec ultrices. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vehicula ipsum a arcu cursus vitae. Venenatis tellus in metus vulputate eu. Id diam maecenas ultricies mi. Enim nec dui nunc mattis enim ut tellus elementum. Consectetur libero id faucibus nisl tincidunt eget nullam non. Duis tristique sollicitudin nibh sit amet commodo nulla facilisi. Morbi leo urna molestie at elementum eu facilisis sed odio. Nulla pharetra diam sit amet nisl suscipit. A erat nam at lectus urna duis. Neque viverra justo nec ultrices.
</div> </div>
</div> </div>
@@ -192,6 +192,7 @@
<select id='inputColorPalette' onchange='loadScript("data/scripts/" + this.value + ".js")'> <select id='inputColorPalette' onchange='loadScript("data/scripts/" + this.value + ".js")'>
<option value='lightMode'>Light Mode</option> <option value='lightMode'>Light Mode</option>
<option value='darkMode'>Dark Mode</option> <option value='darkMode'>Dark Mode</option>
<option value='raveMode'>Rave Mode</option>
</select> </select>
</div> </div>
<div> <div>

1
termsofuse.html
View File

@@ -31,6 +31,7 @@
<select id='inputColorPalette' onchange='loadScript("data/scripts/" + this.value + ".js")'> <select id='inputColorPalette' onchange='loadScript("data/scripts/" + this.value + ".js")'>
<option value='lightMode'>Light Mode</option> <option value='lightMode'>Light Mode</option>
<option value='darkMode'>Dark Mode</option> <option value='darkMode'>Dark Mode</option>
<option value='raveMode'>Rave Mode</option>
</select> </select>
</div> </div>
<div> <div>