footer & palettes

This commit is contained in:
Kyle
2020-04-23 11:52:43 -07:00
parent a86c0970ea
commit aa05825ac9
6 changed files with 82 additions and 70 deletions

View File

@@ -53,28 +53,31 @@
</body> </body>
<footer class='footer'> <footer class='footer'>
<div> <div>
Card Conjurer by Kyle Burton<br> <div>Card Conjurer by Kyle Burton</div>
<div>
<select id='inputColorPalette' onchange='loadScript("data/scripts/palettes/" + this.value + ".js")'> <select id='inputColorPalette' onchange='loadScript("data/scripts/palettes/" + 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='dayRave'>Day Rave</option> <option value='dayRave'>Day Rave</option>
<option value='nightRave'>Night Rave</option> <option value='nightRave'>Night Rave</option>
<option value='scholarMode'>Scholar Mode</option> <option value='scholarMode'>Scholar Mode</option>
</select> </select>
<script> </div>
document.getElementById('inputColorPalette').value = getCookie('colorPalette')
</script>
</div> </div>
<div> <div>
Navigation<br> <div>Navigation</div>
<a href='index.html'>Card Creator</a><br> <div>
<a href='life.html'>Life Counter</a><br> <a href='index.html'>Card Creator</a><br>
<a href='askscryfall.html'>Ask Scryfall</a> <a href='life.html'>Life Counter</a><br>
<a href='askscryfall.html'>Ask Scryfall</a>
</div>
</div> </div>
<div> <div>
Legal<br> <div>Legal</div>
<a href='termsofuse.html'>Terms of Use</a><br> <div>
<a href='disclaimer.html'>Disclaimer</a> <a href='termsofuse.html'>Terms of Use</a><br>
<a href='disclaimer.html'>Disclaimer</a>
</div>
</div> </div>
<script defer src="data/scripts/animations.js"></script> <script defer src="data/scripts/animations.js"></script>
</footer> </footer>

View File

@@ -55,28 +55,31 @@
</body> </body>
<footer class='footer'> <footer class='footer'>
<div> <div>
Card Conjurer by Kyle Burton<br> <div>Card Conjurer by Kyle Burton</div>
<div>
<select id='inputColorPalette' onchange='loadScript("data/scripts/palettes/" + this.value + ".js")'> <select id='inputColorPalette' onchange='loadScript("data/scripts/palettes/" + 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='dayRave'>Day Rave</option> <option value='dayRave'>Day Rave</option>
<option value='nightRave'>Night Rave</option> <option value='nightRave'>Night Rave</option>
<option value='scholarMode'>Scholar Mode</option> <option value='scholarMode'>Scholar Mode</option>
</select> </select>
<script> </div>
document.getElementById('inputColorPalette').value = getCookie('colorPalette')
</script>
</div> </div>
<div> <div>
Navigation<br> <div>Navigation</div>
<a href='index.html'>Card Creator</a><br> <div>
<a href='life.html'>Life Counter</a><br> <a href='index.html'>Card Creator</a><br>
<a href='askscryfall.html'>Ask Scryfall</a> <a href='life.html'>Life Counter</a><br>
<a href='askscryfall.html'>Ask Scryfall</a>
</div>
</div> </div>
<div> <div>
Legal<br> <div>Legal</div>
<a href='termsofuse.html'>Terms of Use</a><br> <div>
<a href='disclaimer.html'>Disclaimer</a> <a href='termsofuse.html'>Terms of Use</a><br>
<a href='disclaimer.html'>Disclaimer</a>
</div>
</div> </div>
<script defer src="data/scripts/animations.js"></script> <script defer src="data/scripts/animations.js"></script>
</footer> </footer>

View File

@@ -1,4 +1,4 @@
rootStyles.setProperty('--background-color', '#151515') rootStyles.setProperty('--background-color', '#141315')
rootStyles.setProperty('--background-color-contrast', '#0a0a0a') rootStyles.setProperty('--background-color-contrast', '#0a0a0a')
rootStyles.setProperty('--interactable-color', '#202020') rootStyles.setProperty('--interactable-color', '#202020')
rootStyles.setProperty('--interactable-selected-color', '#2f2f2f') rootStyles.setProperty('--interactable-selected-color', '#2f2f2f')

View File

@@ -39,28 +39,31 @@
</body> </body>
<footer class='footer'> <footer class='footer'>
<div> <div>
Card Conjurer by Kyle Burton<br> <div>Card Conjurer by Kyle Burton</div>
<div>
<select id='inputColorPalette' onchange='loadScript("data/scripts/palettes/" + this.value + ".js")'> <select id='inputColorPalette' onchange='loadScript("data/scripts/palettes/" + 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='dayRave'>Day Rave</option> <option value='dayRave'>Day Rave</option>
<option value='nightRave'>Night Rave</option> <option value='nightRave'>Night Rave</option>
<option value='scholarMode'>Scholar Mode</option> <option value='scholarMode'>Scholar Mode</option>
</select> </select>
<script> </div>
document.getElementById('inputColorPalette').value = getCookie('colorPalette')
</script>
</div> </div>
<div> <div>
Navigation<br> <div>Navigation</div>
<a href='index.html'>Card Creator</a><br> <div>
<a href='life.html'>Life Counter</a><br> <a href='index.html'>Card Creator</a><br>
<a href='askscryfall.html'>Ask Scryfall</a> <a href='life.html'>Life Counter</a><br>
<a href='askscryfall.html'>Ask Scryfall</a>
</div>
</div> </div>
<div> <div>
Legal<br> <div>Legal</div>
<a href='termsofuse.html'>Terms of Use</a><br> <div>
<a href='disclaimer.html'>Disclaimer</a> <a href='termsofuse.html'>Terms of Use</a><br>
<a href='disclaimer.html'>Disclaimer</a>
</div>
</div> </div>
<script defer src="data/scripts/animations.js"></script> <script defer src="data/scripts/animations.js"></script>
</footer> </footer>

View File

@@ -269,7 +269,7 @@
<script defer src="data/scripts/sortable.js"></script> <script defer src="data/scripts/sortable.js"></script>
<script defer src="data/scripts/main.js"></script> <script defer src="data/scripts/main.js"></script>
<script defer src="data/scripts/versions/m15/version.js"></script> <script defer src="data/scripts/versions/m15/version.js"></script>
<!-- <script async src="data/scripts/palettes/darkMode.js"></script> --> <script async src="data/scripts/palettes/darkMode.js"></script>
</body> </body>
<footer class='footer'> <footer class='footer'>
<div> <div>

View File

@@ -31,28 +31,31 @@
</body> </body>
<footer class='footer'> <footer class='footer'>
<div> <div>
Card Conjurer by Kyle Burton<br> <div>Card Conjurer by Kyle Burton</div>
<div>
<select id='inputColorPalette' onchange='loadScript("data/scripts/palettes/" + this.value + ".js")'> <select id='inputColorPalette' onchange='loadScript("data/scripts/palettes/" + 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='dayRave'>Day Rave</option> <option value='dayRave'>Day Rave</option>
<option value='nightRave'>Night Rave</option> <option value='nightRave'>Night Rave</option>
<option value='scholarMode'>Scholar Mode</option> <option value='scholarMode'>Scholar Mode</option>
</select> </select>
<script> </div>
document.getElementById('inputColorPalette').value = getCookie('colorPalette')
</script>
</div> </div>
<div> <div>
Navigation<br> <div>Navigation</div>
<a href='index.html'>Card Creator</a><br> <div>
<a href='life.html'>Life Counter</a><br> <a href='index.html'>Card Creator</a><br>
<a href='askscryfall.html'>Ask Scryfall</a> <a href='life.html'>Life Counter</a><br>
<a href='askscryfall.html'>Ask Scryfall</a>
</div>
</div> </div>
<div> <div>
Legal<br> <div>Legal</div>
<a href='termsofuse.html'>Terms of Use</a><br> <div>
<a href='disclaimer.html'>Disclaimer</a> <a href='termsofuse.html'>Terms of Use</a><br>
<a href='disclaimer.html'>Disclaimer</a>
</div>
</div> </div>
<script defer src="data/scripts/animations.js"></script> <script defer src="data/scripts/animations.js"></script>
</footer> </footer>