From 6ca2816bbbf3c4be4eb5a8e82b6ab65f7c6e7b8d Mon Sep 17 00:00:00 2001 From: Philipp Jurasic Date: Sun, 15 Sep 2024 02:04:45 +0200 Subject: [PATCH] remove unused assets --- assets/barebones.css | 513 ------------------------------------------- assets/normalize.css | 349 ----------------------------- assets/style.css | 49 ----- 3 files changed, 911 deletions(-) delete mode 100644 assets/barebones.css delete mode 100644 assets/normalize.css delete mode 100644 assets/style.css diff --git a/assets/barebones.css b/assets/barebones.css deleted file mode 100644 index 4acdf13..0000000 --- a/assets/barebones.css +++ /dev/null @@ -1,513 +0,0 @@ -/* -* Barebones V3 -* Copyright 2019 Steve Cochran -* -* Based of Skeleton by Dave Gamache -* -* Free to use under the MIT license. -*/ - -/* Table of contents -–––––––––––––––––––––––––––––––––––––––––––––––––– -- Media Breakpoints -- Variables -- Grid -- Base Styles -- Typography -- Links -- Buttons -- Forms -- Lists -- Code -- Tables -- Spacing -- Utilities -- Clearing -- Media Queries -*/ - -/* ENV Variables -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -/* Media breakpoint variables for use in media queries -* Note: this section is currently commented out pending release of -* final CSS env() spec -* Breakpoints based on -* https://medium.freecodecamp.org/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862 -* -*/ - -/* CSS Variables -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -:root { - - /* default theme: light background, dark text, blue accent */ - --theme-hue: 191; /* blue */ - --accent-hue: 214; /* blue */ - - --text-color-richer: hsl(var(--theme-hue), 0%, 5%); /* #0d0d0d */ - --text-color-normal: hsl(var(--theme-hue), 0%, 13%); /* #222222 text color; button:hover:focus color */ - --text-color-softer: hsl(var(--theme-hue), 0%, 33%); /* #555555 button color; button:hover border */ - - --accent-color: hsl(var(--accent-hue), 80%, 50%); /* #33C3F0 link; button-primary bg+border; textarea,select:focus border */ - --accent-color-hover: hsl(var(--accent-hue), 72%, 37%); /* #1EAEDB link hover; button-primary:hover:focus bg+border */ - - --border-color: hsl(var(--theme-hue), 0%, 73%); /* #bbbbbb button border */ - --border-color-softer: hsl(var(--theme-hue), 0%, 82%); /* #d1d1d1 textarea,select,code,td,hr border */ - - --background-color: white; /* transparent body background; textarea,select background */ - --background-color-softer: hsl(var(--theme-hue), 0%, 92%); - --code-background: hsl(var(--theme-hue), 0%, 95%); /* #f1f1f1 code background*/ - - --button-primary-color: white; - - - /* Note: Skeleton was based off a 1rem font sizing for REM */ - /* 62.5% of typical 16px browser default = 1rem */ - font-size: 62.5%; - - /* Grid Defaults - default to match orig skeleton settings */ - --grid-max-width: calc(50rem + 30vw); -} - -@media (prefers-color-scheme: dark) { - :root { ---theme-hue: 235; /* black */ ---accent-hue: 191; /* blue */ - ---text-color-richer: hsl(var(--theme-hue), 0%, 95%); /* */ ---text-color-normal: hsl(var(--theme-hue), 0%, 90%); /* text color; button:hover:focus color */ ---text-color-softer: hsl(var(--theme-hue), 0%, 77%); /* button color; button:hover border */ - ---accent-color: hsl(var(--accent-hue), 61%, 44%); /* link; button-primary bg+border; textarea,select:focus border */ ---accent-color-hover: hsl(var(--accent-hue), 76%, 57%); /* link hover; button-primary:hover:focus bg+border */ - ---border-color: hsl(var(--theme-hue), 0%, 47%); /* button border */ ---border-color-softer: hsl(var(--theme-hue), 0%, 37%); /* textarea,select,code,td,hr border */ - ---background-color: hsl(var(--theme-hue), 37%, 0%); /* body background; textarea,select background */ ---background-color-softer: hsl(var(--theme-hue), 47%, 15%); ---code-background: hsl(var(--theme-hue), 47%, 8%); /* code background*/ - ---button-primary-color: white; - } -} - -/* Grid -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -/* CSS Grid depends much more on CSS than HTML, so there is less boilerplate - than with skeleton. Only basic 1-4 column grids are included. - Any additional needs should be made using custom CSS directives */ - -.grid-container { - position: relative; - display: grid; - grid-gap: 2rem; - gap: 2rem; - - /* by default use min 20rem wide columns auto-fit into width */ - grid-template-columns: minmax(20rem, 1fr); -} - -/* grids to 3 columns above mobile sizes */ -@media (min-width: 600px) { - .grid-container { - grid-template-columns: repeat(3, 1fr); - } - - /* basic grids */ - .grid-container.fifths { - grid-template-columns: repeat(5, 1fr); - } - .grid-container.quarters { - grid-template-columns: repeat(4, 1fr); - } - .grid-container.thirds { - grid-template-columns: repeat(3, 1fr); - } - .grid-container.halves { - grid-template-columns: repeat(2, 1fr); - } - .grid-container.full { - grid-template-columns: 1fr; - } -} - -/* Base Styles -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -html { - scroll-behavior: smooth; -} -body { - font-size: 2rem; /* changed from 15px in orig skeleton */ - line-height: 1.6; - font-weight: 400; - font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; - color: var(--text-color-normal); - background-color: var(--background-color); -} - -/* Typography -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -h1, -h2, -h3, -h4, -h5, -h6 { - margin-top: 0; - margin-bottom: 2rem; - font-weight: 300; -} -h1 { - font-size: 5rem; - line-height: 1.2; - letter-spacing: -.035rem; -} -h2 { - font-size: 3.6rem; - line-height: 1.25; - letter-spacing: -.02em; -} -h3 { - font-size: 3rem; - line-height: 1.3; - letter-spacing: -.02em; -} -h4 { - font-size: 2.4rem; - line-height: 1.35; -} -h5 { - font-size: 1.8rem; - line-height: 1.5; -} -h6 { - font-size: 1.5rem; - line-height: 1.6; -} - -/* Larger than phablet */ -@media (min-width: 600px) { - h1 { - font-size: 6rem; - } - h2 { - font-size: 4.2rem; - } - h3 { - font-size: 3.6rem; - } - h4 { - font-size: 3rem; - } - h5 { - font-size: 2.4rem; - } - h6 { - font-size: 1.5rem; - } -} - -p { - margin-top: 0; -} - -/* Links -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -a { - color: var(--accent-color); -} -a:hover { - color: var(--accent-color-hover); -} - -/* Buttons -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -.button, -button, -input[type="submit"], -input[type="reset"], -input[type="button"] { - display: inline-block; - padding: .25rem 3rem; - text-transform: uppercase; - - line-height: 3.8rem; - letter-spacing: 0.1rem; - font-size: .9em; - - color: var(--text-color-softer); - text-align: center; - font-weight: 600; - text-decoration: none; - white-space: nowrap; - background-color: transparent; - border-radius: .4rem; - border: 1px solid var(--border-color); - cursor: pointer; - box-sizing: border-box; -} -.button:hover, -button:hover, -input[type="submit"]:hover, -input[type="reset"]:hover, -input[type="button"]:hover, -.button:focus, -button:focus, -input[type="submit"]:focus, -input[type="reset"]:focus, -input[type="button"]:focus { - color: var(--text-color-normal); - border-color: var(--text-color-softer); - outline-color: var(--text-color-softer); -} -.button.button-primary, -button.button-primary, -input[type="submit"].button-primary, -input[type="reset"].button-primary, -input[type="button"].button-primary { - color: var(--button-primary-color); - background-color: var(--accent-color); - border-color: var(--accent-color); -} -.button.button-primary:hover, -button.button-primary:hover, -input[type="submit"].button-primary:hover, -input[type="reset"].button-primary:hover, -input[type="button"].button-primary:hover, -.button.button-primary:focus, -button.button-primary:focus, -input[type="submit"].button-primary:focus, -input[type="reset"].button-primary:focus, -input[type="button"].button-primary:focus { - color: var(--button-primary-color); - background-color: var(--accent-color-hover); - border-color: var(--accent-color-hover); -} - -/* Forms -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -input[type="email"], -input[type="number"], -input[type="search"], -input[type="text"], -input[type="tel"], -input[type="url"], -input[type="password"], -textarea, -select { - height: 3.8rem; - padding: 0.6rem 1rem; /* The 6px vertically centers text on FF, ignored by Webkit */ - background-color: var(--background-color); - border: 1px solid var(--border-color-softer); - border-radius: .4rem; - box-shadow: none; - box-sizing: border-box; -} -/* Removes awkward default styles on some inputs for iOS */ -input[type="email"], -input[type="number"], -input[type="search"], -input[type="text"], -input[type="tel"], -input[type="url"], -input[type="password"], -input[type="button"], -input[type="submit"], -textarea { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} -textarea { - min-height: 6.5rem; - padding-top: 0.6rem; - padding-bottom: 0.6rem; -} -input[type="email"]:focus, -input[type="number"]:focus, -input[type="search"]:focus, -input[type="text"]:focus, -input[type="tel"]:focus, -input[type="url"]:focus, -input[type="password"]:focus, -textarea:focus, -select:focus { - border: 1px solid var(--accent-color); - outline: 0; -} -label, -legend { - display: block; - margin-bottom: 0.5rem; - font-weight: 600; -} -fieldset { - padding: 0; - border-width: 0; -} -input[type="checkbox"], -input[type="radio"] { - display: inline; -} -label > .label-body { - display: inline-block; - margin-left: 0.5rem; - font-weight: normal; -} - -/* Lists -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -ul { - list-style: circle inside; -} -ol { - list-style: decimal inside; -} -ol, -ul { - padding-left: 0; - margin-top: 0; -} -ul ul, -ul ol, -ol ol, -ol ul { - font-size: 100%; - margin: 1rem 0 1rem 3rem; - color: var(--text-color-softer); -} -li { - margin-bottom: 0.5rem; -} - -/* Code -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -code { - padding: 0.2rem 0.5rem; - margin: 0 0.2rem; - font-size: 90%; - white-space: nowrap; - background: var(--code-background); - border: 1px solid var(--border-color-softer); - border-radius: .4rem; -} -pre > code { - display: block; - padding: 1rem 1.5rem; - white-space: pre; - overflow: auto; -} - -/* Tables -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -th, -td { - padding: 1.2rem 1.5rem; - text-align: left; - border-bottom: 1px solid var(--border-color-softer); -} -th:first-child, -td:first-child { - padding-left: 0; -} -th:last-child, -td:last-child { - padding-right: 0; -} - -/* Spacing -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -button, -.button { - margin-bottom: 1rem; -} -input, -textarea, -select, -fieldset { - margin-bottom: 1.5rem; -} -pre, -blockquote, -dl, -figure, -table, -p, -ul, -ol, -form { - margin-bottom: 2.5rem; -} - -/* Utilities -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -.u-full-width { - width: 100%; - box-sizing: border-box; -} -.u-max-full-width { - max-width: 100%; - box-sizing: border-box; -} -.u-pull-right { - float: right; -} -.u-pull-left { - float: left; -} -.u-align-left { - text-align: left; -} -.u-align-right { - text-align: right; -} - -/* Misc -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -hr { - margin-top: 3rem; - margin-bottom: 3.5rem; - border: none; - border-top: 1px solid var(--border-color) !important; -} - -/* Clearing -–––––––––––––––––––––––––––––––––––––––––––––––––– */ - -/* Self Clearing Goodness */ -.container:after, -.row:after, -.u-cf { - content: ""; - display: table; - clear: both; -} - -/* Media Queries -–––––––––––––––––––––––––––––––––––––––––––––––––– */ -/* -Note: The best way to structure the use of media queries is to create the queries -near the relevant code. For example, if you wanted to change the styles for buttons -on small devices, paste the mobile query code up in the buttons section and style it -there. -*/ - -/* Larger than mobile (default point when grid becomes active) */ -@media (min-width: 600px) { -} - -/* Larger than phablet */ -@media (min-width: 900px) { -} - -/* Larger than tablet */ -@media (min-width: 1200px) { -} - -/* Large Desktop */ -@media (min-width: 1800px) { - :root { - font-size: .5vw; - } -} diff --git a/assets/normalize.css b/assets/normalize.css deleted file mode 100644 index b6eb821..0000000 --- a/assets/normalize.css +++ /dev/null @@ -1,349 +0,0 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ - -/* Document - ========================================================================== */ - -/** - * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in iOS. - */ - - html { - line-height: 1.15; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} - -/* Sections - ========================================================================== */ - -/** - * Remove the margin in all browsers. - */ - -body { - margin: 0; -} - -/** - * Render the `main` element consistently in IE. - */ - -main { - display: block; -} - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/* Grouping content - ========================================================================== */ - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ - -hr { - box-sizing: content-box; /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/* Text-level semantics - ========================================================================== */ - -/** - * Remove the gray background on active links in IE 10. - */ - -a { - background-color: transparent; -} - -/** - * 1. Remove the bottom border in Chrome 57- - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ - -abbr[title] { - border-bottom: none; /* 1 */ - text-decoration: underline; /* 2 */ - text-decoration: underline dotted; /* 2 */ -} - -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ - -b, -strong { - font-weight: bolder; -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -code, -kbd, -samp { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/** - * Add the correct font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* Embedded content - ========================================================================== */ - -/** - * Remove the border on images inside links in IE 10. - */ - -img { - border-style: none; -} - -/* Forms - ========================================================================== */ - -/** - * 1. Change the font styles in all browsers. - * 2. Remove the margin in Firefox and Safari. - */ - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ -} - -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ - -button, -input { /* 1 */ - overflow: visible; -} - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ - -button, -select { /* 1 */ - text-transform: none; -} - -/** - * Correct the inability to style clickable types in iOS and Safari. - */ - -button, -[type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; -} - -/** - * Remove the inner border and padding in Firefox. - */ - -button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; -} - -/** - * Restore the focus styles unset by the previous rule. - */ - -button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; -} - -/** - * Correct the padding in Firefox. - */ - -fieldset { - padding: 0.35em 0.75em 0.625em; -} - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ - -legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ -} - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ - -progress { - vertical-align: baseline; -} - -/** - * Remove the default vertical scrollbar in IE 10+. - */ - -textarea { - overflow: auto; -} - -/** - * 1. Add the correct box sizing in IE 10. - * 2. Remove the padding in IE 10. - */ - -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ - -[type="search"] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ -} - -/** - * Remove the inner padding in Chrome and Safari on macOS. - */ - -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ - -::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ -} - -/* Interactive - ========================================================================== */ - -/* - * Add the correct display in Edge, IE 10+, and Firefox. - */ - -details { - display: block; -} - -/* - * Add the correct display in all browsers. - */ - -summary { - display: list-item; -} - -/* Misc - ========================================================================== */ - -/** - * Add the correct display in IE 10+. - */ - -template { - display: none; -} - -/** - * Add the correct display in IE 10. - */ - -[hidden] { - display: none; -} \ No newline at end of file diff --git a/assets/style.css b/assets/style.css deleted file mode 100644 index dcdaba8..0000000 --- a/assets/style.css +++ /dev/null @@ -1,49 +0,0 @@ -body{ - margin: 1rem; -} -.main-container{ - display: grid; - grid-template-columns: 1fr; - grid-gap: 1rem; -} - -.input-container{ - display: grid; - grid-template-columns: 1fr; - row-gap: 1rem; -} - -#plot1-style, #plot2-style{ - display: flex; - justify-content: space-around; -} - -.plot-container svg{ - background: none !important; -} - -.DateInput_input, .dash-input, .Select-menu-outer, .has-value.Select--single > .Select-control .Select-value .Select-value-label{ - color: var(--text-color-normal); -} - -.Select-control, .DateRangePickerInput, .DateInput, .Select-menu-outer{ - background-color: var(--background-color); - border-color: var(--border-color); -} - -.is-open>.Select-control{ - background-color: var(--background-color-softer); - border-color: var(--border-color-softer); -} - -@media (min-width: 900px) { - .input-container{ - grid-template-columns: 1fr 2fr; - } -} - -@media (min-width: 1200px) { - .main-container{ - grid-template-columns: 55rem 1fr; - } -} \ No newline at end of file