deploy
This commit is contained in:
Oliver-Akins
commit
74f3d069ce
15 changed files with 434 additions and 0 deletions
1
css/app.ac1bc5ef.css
Normal file
1
css/app.ac1bc5ef.css
Normal file
File diff suppressed because one or more lines are too long
BIN
favicon.ico
Normal file
BIN
favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 205 KiB |
3
index.html
Normal file
3
index.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Top Lists For Spotify</title><link rel="shortcut icon" type="image/ico" href="/top-lists/favicon.ico"><meta property="og:title" content="Top Tracks and Artists for Spotify"><meta property="og:description" content="Get your Spotify account's top artists and tracks!"><meta property="og:url" content="https://oliver.akins.me/top-lists"><meta property="og:type" content="website"><meta name="description" content="Get your Spotify account's top artists and tracks!"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Top Tracks and Artists for Spotify"><meta name="twitter:description" content="Get your Spotify account's top artists and tracks!"><link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap" rel="stylesheet"><link href="" id="theme" rel="stylesheet"><script>var default_theme = `dark`
|
||||
var theme = localStorage.getItem(`tl-theme`) || default_theme;
|
||||
document.getElementById(`theme`).href = `static/css/theme/` + theme + `.css`;</script><link href="/top-lists/css/app.ac1bc5ef.css" rel="preload" as="style"><link href="/top-lists/js/app.1dc7f1d6.js" rel="modulepreload" as="script"><link href="/top-lists/js/chunk-vendors.aecc4db1.js" rel="modulepreload" as="script"><link href="/top-lists/css/app.ac1bc5ef.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but this website doesn't work properly without JavaScript enabled. Please enable JavaScript to continue.</strong></noscript><div id="app"></div><script type="module" src="/top-lists/js/chunk-vendors.aecc4db1.js"></script><script type="module" src="/top-lists/js/app.1dc7f1d6.js"></script><script>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script><script src="/top-lists/js/chunk-vendors-legacy.aecc4db1.js" nomodule></script><script src="/top-lists/js/app-legacy.1dc7f1d6.js" nomodule></script></body></html>
|
||||
2
js/app-legacy.1dc7f1d6.js
Normal file
2
js/app-legacy.1dc7f1d6.js
Normal file
File diff suppressed because one or more lines are too long
1
js/app-legacy.1dc7f1d6.js.map
Normal file
1
js/app-legacy.1dc7f1d6.js.map
Normal file
File diff suppressed because one or more lines are too long
2
js/app.1dc7f1d6.js
Normal file
2
js/app.1dc7f1d6.js
Normal file
File diff suppressed because one or more lines are too long
1
js/app.1dc7f1d6.js.map
Normal file
1
js/app.1dc7f1d6.js.map
Normal file
File diff suppressed because one or more lines are too long
53
js/chunk-vendors-legacy.aecc4db1.js
Normal file
53
js/chunk-vendors-legacy.aecc4db1.js
Normal file
File diff suppressed because one or more lines are too long
1
js/chunk-vendors-legacy.aecc4db1.js.map
Normal file
1
js/chunk-vendors-legacy.aecc4db1.js.map
Normal file
File diff suppressed because one or more lines are too long
53
js/chunk-vendors.aecc4db1.js
Normal file
53
js/chunk-vendors.aecc4db1.js
Normal file
File diff suppressed because one or more lines are too long
1
js/chunk-vendors.aecc4db1.js.map
Normal file
1
js/chunk-vendors.aecc4db1.js.map
Normal file
File diff suppressed because one or more lines are too long
79
static/css/theme/dark-high-contrast.css
Normal file
79
static/css/theme/dark-high-contrast.css
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
:root {
|
||||
--spotify-green: #1DB954;
|
||||
--spotify-white: #FFFFFF;
|
||||
--spotify-black: #000000;
|
||||
|
||||
--accent1: #7289da;
|
||||
--accent2: #00aa00;
|
||||
|
||||
--error: #ff0000;
|
||||
--error-background: #ff00005d;
|
||||
--error-text: #FFFFFF;
|
||||
--error-accent: var(--error);
|
||||
|
||||
--success: var(--accent2);
|
||||
--success-background: #00aa002f;
|
||||
--success-text: var(--card-text);
|
||||
--success-accent: #00aa00;
|
||||
|
||||
--background: black;
|
||||
--background-text: white;
|
||||
|
||||
--card-border-colour: white;
|
||||
--card-border-style: solid;
|
||||
--card-border-width: 2px;
|
||||
--card-colour: black;
|
||||
--card-text: white;
|
||||
|
||||
--on-card-colour: black;
|
||||
--on-card-text: white;
|
||||
|
||||
--modal-container-background: #0e0f10eb;
|
||||
--modal-background: var(--card-colour);
|
||||
--modal-close-button: var(--card-text);
|
||||
--modal-text: var(--card-text);
|
||||
|
||||
--fonts: 'Open Sans', sans-serif;
|
||||
|
||||
--corner-rounding: 7px;
|
||||
|
||||
--input-background: var(--spotify-black);
|
||||
--input-text: var(--spotify-green);
|
||||
--input-active-border: var(--accent2);
|
||||
|
||||
--button-hover-background: var(--accent2);
|
||||
--button-background: var(--spotify-green);
|
||||
--button-disabled-background: #09682a;
|
||||
--button-text: var(--spotify-black);
|
||||
--button-disabled-text: var(--spotify-black);
|
||||
|
||||
--textarea-background: var(--spotify-black);
|
||||
--textarea-text-colour: var(--spotify-green);
|
||||
--textarea-border-colour: var(--accent2);
|
||||
|
||||
--missing-picture-background: var(--background);
|
||||
--missing-picture-foreground: var(--accent2);
|
||||
|
||||
--tooltip-colour: white;
|
||||
--tooltip-text: black;
|
||||
|
||||
--percent-filled: var(--accent2);
|
||||
--percent-empty: var(--on-card-colour);
|
||||
--percent-text: var(--on-card-text);
|
||||
|
||||
--scrollbar-background: black;
|
||||
--scrollbar-handle: white;
|
||||
--scrollbar-handle-hover: #cecece;
|
||||
|
||||
--card-bottom-row-text-colour: var(--accent2);
|
||||
--card-bottom-row-background: var(--on-card-colour);
|
||||
--card-bottom-row-hover-background: #1d1d1d;
|
||||
--card-bottom-row-divider-colour: #000000;
|
||||
--card-bottom-row-icon-colour: var(--card-bottom-row-text-colour);
|
||||
|
||||
--icon-primary: var(--accent2);
|
||||
--icon-secondary: var(--accent1);
|
||||
|
||||
--link: #ffed00;
|
||||
--visited-link: #ffed00;
|
||||
}
|
||||
79
static/css/theme/dark.css
Normal file
79
static/css/theme/dark.css
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
:root {
|
||||
--spotify-green: #1DB954;
|
||||
--spotify-white: #FFFFFF;
|
||||
--spotify-black: #000000;
|
||||
|
||||
--accent1: #7289da;
|
||||
--accent2: #00aa00;
|
||||
|
||||
--error: #ff0000;
|
||||
--error-background: #ff00005d;
|
||||
--error-text: #FFFFFF;
|
||||
--error-accent: var(--error);
|
||||
|
||||
--success: var(--accent2);
|
||||
--success-background: #00aa002f;
|
||||
--success-text: var(--card-text);
|
||||
--success-accent: #00aa00;
|
||||
|
||||
--background: #23272A;
|
||||
--background-text: var(--spotify-white);
|
||||
|
||||
--card-border-colour: transparent;
|
||||
--card-border-style: none;
|
||||
--card-border-width: 0px;
|
||||
--card-colour: #2C2F33;
|
||||
--card-text: #ffffff80;
|
||||
|
||||
--on-card-colour: #4c4c4c;
|
||||
--on-card-text: var(--accent2);
|
||||
|
||||
--modal-container-background: #0e0f10eb;
|
||||
--modal-background: var(--card-colour);
|
||||
--modal-close-button: var(--card-text);
|
||||
--modal-text: var(--card-text);
|
||||
|
||||
--fonts: 'Open Sans', sans-serif;
|
||||
|
||||
--corner-rounding: 7px;
|
||||
|
||||
--input-background: var(--spotify-black);
|
||||
--input-text: var(--spotify-green);
|
||||
--input-active-border: var(--accent2);
|
||||
|
||||
--button-hover-background: var(--accent2);
|
||||
--button-background: var(--spotify-green);
|
||||
--button-disabled-background: #09682a;
|
||||
--button-text: var(--spotify-black);
|
||||
--button-disabled-text: var(--spotify-black);
|
||||
|
||||
--textarea-background: var(--spotify-black);
|
||||
--textarea-text-colour: var(--spotify-green);
|
||||
--textarea-border-colour: var(--accent2);
|
||||
|
||||
--missing-picture-background: var(--background);
|
||||
--missing-picture-foreground: var(--accent2);
|
||||
|
||||
--tooltip-colour: #000000;
|
||||
--tooltip-text: var(--spotify-green);
|
||||
|
||||
--percent-filled: var(--accent2);
|
||||
--percent-empty: var(--on-card-colour);
|
||||
--percent-text: var(--on-card-text);
|
||||
|
||||
--scrollbar-background: #0f0f0f;
|
||||
--scrollbar-handle: #4d4d4d;
|
||||
--scrollbar-handle-hover: #5e5e5e;
|
||||
|
||||
--card-bottom-row-text-colour: var(--accent2);
|
||||
--card-bottom-row-background: var(--on-card-colour);
|
||||
--card-bottom-row-hover-background: #414141;
|
||||
--card-bottom-row-divider-colour: #000000;
|
||||
--card-bottom-row-icon-colour: var(--card-bottom-row-text-colour);
|
||||
|
||||
--icon-primary: var(--accent2);
|
||||
--icon-secondary: var(--accent1);
|
||||
|
||||
--link: #00bfff;
|
||||
--visited-link: #c700c7;
|
||||
}
|
||||
79
static/css/theme/halloween.css
Normal file
79
static/css/theme/halloween.css
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
:root {
|
||||
--spotify-green: #1DB954;
|
||||
--spotify-white: #FFFFFF;
|
||||
--spotify-black: #000000;
|
||||
|
||||
--accent1: #7289da;
|
||||
--accent2: #00aa00;
|
||||
|
||||
--error: #ff0000;
|
||||
--error-background: #ff00005d;
|
||||
--error-text: white;
|
||||
--error-accent: var(--error);
|
||||
|
||||
--success: var(--accent2);
|
||||
--success-background: #00aa002f;
|
||||
--success-text: var(--card-text);
|
||||
--success-accent: #00aa00;
|
||||
|
||||
--background: #FF8C00;
|
||||
--background-text: var(--spotify-white);
|
||||
|
||||
--card-border-colour: transparent;
|
||||
--card-border-style: none;
|
||||
--card-border-width: 0px;
|
||||
--card-colour: #794200;
|
||||
--card-text: white;
|
||||
|
||||
--on-card-colour: #bd6800;
|
||||
--on-card-text: white;
|
||||
|
||||
--modal-container-background: #0e0f10e0;
|
||||
--modal-background: var(--background);
|
||||
--modal-close-button: black;
|
||||
--modal-text: black;
|
||||
|
||||
--fonts: 'Open Sans', sans-serif;
|
||||
|
||||
--corner-rounding: 7px;
|
||||
|
||||
--input-background: var(--spotify-black);
|
||||
--input-text: orange;
|
||||
--input-active-border: var(--accent1);
|
||||
|
||||
--button-background: #f09e3c;
|
||||
--button-hover-background: #d6923f;
|
||||
--button-disabled-background: #965200;
|
||||
--button-text: var(--spotify-black);
|
||||
--button-disabled-text: var(--spotify-black);
|
||||
|
||||
--textarea-background: var(--spotify-black);
|
||||
--textarea-text-colour: orange;
|
||||
--textarea-border-colour: var(--accent1);
|
||||
|
||||
--missing-picture-background: var(--on-card-colour);
|
||||
--missing-picture-foreground: white;
|
||||
|
||||
--tooltip-colour: var(--spotify-black);
|
||||
--tooltip-text: orange;
|
||||
|
||||
--percent-filled: black;
|
||||
--percent-empty: white;
|
||||
--percent-text: black;
|
||||
|
||||
--scrollbar-background: #6d3e00;
|
||||
--scrollbar-handle: #e06500;
|
||||
--scrollbar-handle-hover: #e06500c2;
|
||||
|
||||
--card-bottom-row-text-colour: var(--on-card-text);
|
||||
--card-bottom-row-background: var(--on-card-colour);
|
||||
--card-bottom-row-hover-background: #9e5700;
|
||||
--card-bottom-row-divider-colour: white;
|
||||
--card-bottom-row-icon-colour: white;
|
||||
|
||||
--icon-primary: var(--accent2);
|
||||
--icon-secondary: var(--accent1);
|
||||
|
||||
--link: #830083;
|
||||
--visited-link: #000000;
|
||||
}
|
||||
79
static/css/theme/light.css
Normal file
79
static/css/theme/light.css
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
:root {
|
||||
--spotify-green: #1DB954;
|
||||
--spotify-white: #FFFFFF;
|
||||
--spotify-black: #000000;
|
||||
|
||||
--accent1: #7289da;
|
||||
--accent2: #00aa00;
|
||||
|
||||
--error: #ff0000;
|
||||
--error-background: #ff00005d;
|
||||
--error-text: #FFFFFF;
|
||||
--error-accent: var(--error);
|
||||
|
||||
--success: var(--accent2);
|
||||
--success-background: #00aa002f;
|
||||
--success-text: var(--card-text);
|
||||
--success-accent: #00aa00;
|
||||
|
||||
--background: white;
|
||||
--background-text: dimgray;
|
||||
|
||||
--card-border-colour: transparent;
|
||||
--card-border-style: none;
|
||||
--card-border-width: 0px;
|
||||
--card-colour: #dddddd;
|
||||
--card-text: var(--background-text);
|
||||
|
||||
--on-card-colour: #b1afaf;
|
||||
--on-card-text: var(--accent2);
|
||||
|
||||
--modal-container-background: #ffffffb7;
|
||||
--modal-background: var(--card-colour);
|
||||
--modal-close-button: var(--card-text);
|
||||
--modal-text: var(--card-text);
|
||||
|
||||
--fonts: 'Open Sans', sans-serif;
|
||||
|
||||
--corner-rounding: 7px;
|
||||
|
||||
--input-background: white;
|
||||
--input-text: var(--card-text);
|
||||
--input-active-border: var(--accent1);
|
||||
|
||||
--button-background: #aeaeae;
|
||||
--button-hover-background: #939393;
|
||||
--button-disabled-background: #a6a6a6;
|
||||
--button-text: white;
|
||||
--button-disabled-text: #bcbcbc;
|
||||
|
||||
--textarea-background: white;
|
||||
--textarea-text-colour: var(--card-text);
|
||||
--textarea-border-colour: var(--accent1);
|
||||
|
||||
--missing-picture-background: var(--background);
|
||||
--missing-picture-foreground: var(--accent1);
|
||||
|
||||
--tooltip-colour: #858585;
|
||||
--tooltip-text: white;
|
||||
|
||||
--percent-filled: var(--accent2);
|
||||
--percent-empty: var(--on-card-colour);
|
||||
--percent-text: var(--on-card-text);
|
||||
|
||||
--scrollbar-background: #0f0f0f;
|
||||
--scrollbar-handle: #4d4d4d;
|
||||
--scrollbar-handle-hover: #5e5e5e;
|
||||
|
||||
--card-bottom-row-text-colour: black;
|
||||
--card-bottom-row-background: #b1afaf;
|
||||
--card-bottom-row-hover-background: #8d8d8d;
|
||||
--card-bottom-row-divider-colour: #000000;
|
||||
--card-bottom-row-icon-colour: var(--card-bottom-row-text-colour);
|
||||
|
||||
--icon-primary: var(--accent2);
|
||||
--icon-secondary: var(--accent1);
|
||||
|
||||
--link: #000000;
|
||||
--visited-link: #000000;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue