first backend frontend split
with docker compose file nextjs something something also includes migrations
This commit is contained in:
@@ -0,0 +1,7 @@
|
||||
Copyright 2020 Jordan Scales
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.2 KiB |
@@ -0,0 +1,51 @@
|
||||
/* Based on https://codepen.io/agalliat/pen/mdedZYK */
|
||||
.window {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body {
|
||||
display: block;
|
||||
background-color: #000084;
|
||||
font-family: "Pixelated MS Sans Serif", Arial;
|
||||
color: #bbb;
|
||||
font-size: 1rem;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#bsod {
|
||||
display: block !important;
|
||||
width: max(70vw, 400px);
|
||||
max-width: 800px;
|
||||
flex-shrink: 1;
|
||||
gap: 1rem;
|
||||
display: flex;
|
||||
flex-flow: column nowrap;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
|
||||
#bsod h1 {
|
||||
font-size: 1rem;
|
||||
background-color: #bbb;
|
||||
color: #000084;
|
||||
padding: 1rem;
|
||||
box-shadow: 1rem 1rem black;
|
||||
margin: 2rem;
|
||||
text-align: center;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
#bsod div {
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
#bsod .continue {
|
||||
text-align: center;
|
||||
font-size: 1.5rem;
|
||||
margin: 2rem;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 556 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
Binary file not shown.
@@ -0,0 +1,68 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="64mm"
|
||||
height="64mm"
|
||||
viewBox="0 0 64 64"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
inkscape:export-filename="prev.svg"
|
||||
inkscape:export-xdpi="25.4"
|
||||
inkscape:export-ydpi="25.4"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm" />
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<path
|
||||
sodipodi:type="star"
|
||||
style="fill:#808080;stroke-width:0.264583"
|
||||
id="path1"
|
||||
inkscape:flatsided="true"
|
||||
sodipodi:sides="3"
|
||||
sodipodi:cx="2.6995511"
|
||||
sodipodi:cy="31.154797"
|
||||
sodipodi:r1="21.559158"
|
||||
sodipodi:r2="10.779579"
|
||||
sodipodi:arg1="0"
|
||||
sodipodi:arg2="1.0471976"
|
||||
inkscape:rounded="0"
|
||||
inkscape:randomized="0"
|
||||
d="m 24.258709,31.154797 -32.3387371,18.670778 0,-37.341557 z"
|
||||
inkscape:transform-center-x="3.9999988"
|
||||
transform="matrix(-0.742144,0,0,1.2854311,26.003456,-8.0473449)" />
|
||||
<path
|
||||
sodipodi:type="star"
|
||||
style="fill:#808080;stroke-width:0.264583"
|
||||
id="path1-5"
|
||||
inkscape:flatsided="true"
|
||||
sodipodi:sides="3"
|
||||
sodipodi:cx="2.6995511"
|
||||
sodipodi:cy="31.154797"
|
||||
sodipodi:r1="21.559158"
|
||||
sodipodi:r2="10.779579"
|
||||
sodipodi:arg1="0"
|
||||
sodipodi:arg2="1.0471976"
|
||||
inkscape:rounded="0"
|
||||
inkscape:randomized="0"
|
||||
d="m 24.258709,31.154797 -32.3387371,18.670778 0,-37.341557 z"
|
||||
inkscape:transform-center-x="3.9999988"
|
||||
transform="matrix(-0.742144,0,0,1.2854311,50.003456,-8.0473447)" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 462 B |
Binary file not shown.
|
After Width: | Height: | Size: 419 B |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
@@ -0,0 +1,58 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="64mm"
|
||||
height="64mm"
|
||||
viewBox="0 0 64 64"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
inkscape:export-filename="back.svg"
|
||||
inkscape:export-xdpi="25.4"
|
||||
inkscape:export-ydpi="25.4"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm" />
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<path
|
||||
sodipodi:type="star"
|
||||
style="fill:#808080;stroke-width:0.264583"
|
||||
id="path1"
|
||||
inkscape:flatsided="true"
|
||||
sodipodi:sides="3"
|
||||
sodipodi:cx="9.8473034"
|
||||
sodipodi:cy="6.337101"
|
||||
sodipodi:r1="31.498077"
|
||||
sodipodi:r2="15.749038"
|
||||
sodipodi:arg1="0.52359878"
|
||||
sodipodi:arg2="1.5707963"
|
||||
inkscape:rounded="0"
|
||||
inkscape:randomized="0"
|
||||
d="m 37.125439,22.08614 -54.556271,0 27.2781355,-47.247116 z"
|
||||
inkscape:transform-center-y="-5.3333328"
|
||||
transform="matrix(0.87982554,0,0,0.67729001,23.336091,21.041278)" />
|
||||
<rect
|
||||
style="fill:#808080;stroke-width:0.295996"
|
||||
id="rect1"
|
||||
width="48"
|
||||
height="16"
|
||||
x="8"
|
||||
y="42" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 451 B |
@@ -0,0 +1,68 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="64mm"
|
||||
height="64mm"
|
||||
viewBox="0 0 64 64"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
inkscape:export-filename="next.svg"
|
||||
inkscape:export-xdpi="25.4"
|
||||
inkscape:export-ydpi="25.4"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm" />
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<path
|
||||
sodipodi:type="star"
|
||||
style="fill:#808080;stroke-width:0.264583"
|
||||
id="path1"
|
||||
inkscape:flatsided="true"
|
||||
sodipodi:sides="3"
|
||||
sodipodi:cx="2.6995511"
|
||||
sodipodi:cy="31.154797"
|
||||
sodipodi:r1="21.559158"
|
||||
sodipodi:r2="10.779579"
|
||||
sodipodi:arg1="0"
|
||||
sodipodi:arg2="1.0471976"
|
||||
inkscape:rounded="0"
|
||||
inkscape:randomized="0"
|
||||
d="m 24.258709,31.154797 -32.3387371,18.670778 0,-37.341557 z"
|
||||
inkscape:transform-center-x="-3.9999985"
|
||||
transform="matrix(0.742144,0,0,1.2854311,37.996544,-8.0473449)" />
|
||||
<path
|
||||
sodipodi:type="star"
|
||||
style="fill:#808080;stroke-width:0.264583"
|
||||
id="path1-5"
|
||||
inkscape:flatsided="true"
|
||||
sodipodi:sides="3"
|
||||
sodipodi:cx="2.6995511"
|
||||
sodipodi:cy="31.154797"
|
||||
sodipodi:r1="21.559158"
|
||||
sodipodi:r2="10.779579"
|
||||
sodipodi:arg1="0"
|
||||
sodipodi:arg2="1.0471976"
|
||||
inkscape:rounded="0"
|
||||
inkscape:randomized="0"
|
||||
d="m 24.258709,31.154797 -32.3387371,18.670778 0,-37.341557 z"
|
||||
inkscape:transform-center-x="-3.9999988"
|
||||
transform="matrix(0.742144,0,0,1.2854311,13.996544,-8.0473447)" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 498 B |
Binary file not shown.
|
After Width: | Height: | Size: 749 B |
Binary file not shown.
|
After Width: | Height: | Size: 411 B |
@@ -0,0 +1,76 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="64mm"
|
||||
height="64mm"
|
||||
viewBox="0 0 64 64"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
inkscape:export-filename="prev.svg"
|
||||
inkscape:export-xdpi="25.4"
|
||||
inkscape:export-ydpi="25.4"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm" />
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<path
|
||||
sodipodi:type="star"
|
||||
style="fill:#808080;stroke-width:0.264583"
|
||||
id="path1"
|
||||
inkscape:flatsided="true"
|
||||
sodipodi:sides="3"
|
||||
sodipodi:cx="2.6995511"
|
||||
sodipodi:cy="31.154797"
|
||||
sodipodi:r1="21.559158"
|
||||
sodipodi:r2="10.779579"
|
||||
sodipodi:arg1="0"
|
||||
sodipodi:arg2="1.0471976"
|
||||
inkscape:rounded="0"
|
||||
inkscape:randomized="0"
|
||||
d="m 24.258709,31.154797 -32.3387371,18.670778 0,-37.341557 z"
|
||||
inkscape:transform-center-x="-3.9999985"
|
||||
transform="matrix(0.742144,0,0,1.2854311,37.996544,-8.0473449)" />
|
||||
<path
|
||||
sodipodi:type="star"
|
||||
style="fill:#808080;stroke-width:0.264583"
|
||||
id="path1-5"
|
||||
inkscape:flatsided="true"
|
||||
sodipodi:sides="3"
|
||||
sodipodi:cx="2.6995511"
|
||||
sodipodi:cy="31.154797"
|
||||
sodipodi:r1="21.559158"
|
||||
sodipodi:r2="10.779579"
|
||||
sodipodi:arg1="0"
|
||||
sodipodi:arg2="1.0471976"
|
||||
inkscape:rounded="0"
|
||||
inkscape:randomized="0"
|
||||
d="m 24.258709,31.154797 -32.3387371,18.670778 0,-37.341557 z"
|
||||
inkscape:transform-center-x="-3.9999988"
|
||||
transform="matrix(0.742144,0,0,1.2854311,13.996544,-8.0473447)" />
|
||||
<rect
|
||||
style="fill:#808080;stroke-width:0.223385"
|
||||
id="rect1"
|
||||
width="8"
|
||||
height="48"
|
||||
x="-59.999992"
|
||||
y="8"
|
||||
transform="scale(-1,1)" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
@@ -0,0 +1,48 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="64mm"
|
||||
height="64mm"
|
||||
viewBox="0 0 64 64"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
inkscape:export-filename="pause.svg"
|
||||
inkscape:export-xdpi="12.7"
|
||||
inkscape:export-ydpi="12.7"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm" />
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<rect
|
||||
id="rect2"
|
||||
width="16"
|
||||
height="48"
|
||||
x="8"
|
||||
y="8"
|
||||
style="fill:#808080;stroke-width:0.304549" />
|
||||
<rect
|
||||
id="rect2-5"
|
||||
width="16"
|
||||
height="48"
|
||||
x="40"
|
||||
y="8"
|
||||
style="fill:#808080;stroke-width:0.304549" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@@ -0,0 +1,48 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="64mm"
|
||||
height="64mm"
|
||||
viewBox="0 0 64 64"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
inkscape:export-filename="play.svg"
|
||||
inkscape:export-xdpi="12.7"
|
||||
inkscape:export-ydpi="12.7"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm" />
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<rect
|
||||
id="rect2"
|
||||
width="16"
|
||||
height="48"
|
||||
x="8"
|
||||
y="8"
|
||||
style="stroke-width:0.304549" />
|
||||
<rect
|
||||
id="rect2-5"
|
||||
width="16"
|
||||
height="48"
|
||||
x="40"
|
||||
y="8"
|
||||
style="stroke-width:0.304549" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1,51 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="64mm"
|
||||
height="64mm"
|
||||
viewBox="0 0 64 64"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
inkscape:export-filename="play.svg"
|
||||
inkscape:export-xdpi="12.7"
|
||||
inkscape:export-ydpi="12.7"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm" />
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<path
|
||||
sodipodi:type="star"
|
||||
id="path2"
|
||||
inkscape:flatsided="true"
|
||||
sodipodi:sides="3"
|
||||
sodipodi:cx="3.9214177"
|
||||
sodipodi:cy="28.775017"
|
||||
sodipodi:r1="30.64756"
|
||||
sodipodi:r2="15.32378"
|
||||
sodipodi:arg1="0"
|
||||
sodipodi:arg2="1.0471976"
|
||||
inkscape:rounded="0"
|
||||
inkscape:randomized="0"
|
||||
d="m 34.568978,28.775017 -45.97134,26.541565 0,-53.0831308 z"
|
||||
inkscape:transform-center-x="-8.0000004"
|
||||
style="fill:#808080;stroke-width:0.264583"
|
||||
transform="matrix(1.0441288,0,0,0.90424206,19.905535,5.9804195)" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1,48 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="64mm"
|
||||
height="64mm"
|
||||
viewBox="0 0 64 64"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm" />
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<path
|
||||
sodipodi:type="star"
|
||||
id="path2"
|
||||
inkscape:flatsided="true"
|
||||
sodipodi:sides="3"
|
||||
sodipodi:cx="3.9214177"
|
||||
sodipodi:cy="28.775017"
|
||||
sodipodi:r1="30.64756"
|
||||
sodipodi:r2="15.32378"
|
||||
sodipodi:arg1="0"
|
||||
sodipodi:arg2="1.0471976"
|
||||
inkscape:rounded="0"
|
||||
inkscape:randomized="0"
|
||||
d="m 34.568978,28.775017 -45.97134,26.541565 0,-53.0831308 z"
|
||||
inkscape:transform-center-x="-8.0000004"
|
||||
style="stroke-width:0.264583"
|
||||
transform="matrix(1.0441288,0,0,0.90424206,19.905535,5.9804195)" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
@@ -0,0 +1,75 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="64mm"
|
||||
height="64mm"
|
||||
viewBox="0 0 64 64"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
inkscape:export-filename="back.svg"
|
||||
inkscape:export-xdpi="25.4"
|
||||
inkscape:export-ydpi="25.4"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm" />
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<path
|
||||
sodipodi:type="star"
|
||||
style="fill:#808080;stroke-width:0.264583"
|
||||
id="path1"
|
||||
inkscape:flatsided="true"
|
||||
sodipodi:sides="3"
|
||||
sodipodi:cx="2.6995511"
|
||||
sodipodi:cy="31.154797"
|
||||
sodipodi:r1="21.559158"
|
||||
sodipodi:r2="10.779579"
|
||||
sodipodi:arg1="0"
|
||||
sodipodi:arg2="1.0471976"
|
||||
inkscape:rounded="0"
|
||||
inkscape:randomized="0"
|
||||
d="m 24.258709,31.154797 -32.3387371,18.670778 0,-37.341557 z"
|
||||
inkscape:transform-center-x="3.9999988"
|
||||
transform="matrix(-0.742144,0,0,1.2854311,26.003456,-8.0473449)" />
|
||||
<path
|
||||
sodipodi:type="star"
|
||||
style="fill:#808080;stroke-width:0.264583"
|
||||
id="path1-5"
|
||||
inkscape:flatsided="true"
|
||||
sodipodi:sides="3"
|
||||
sodipodi:cx="2.6995511"
|
||||
sodipodi:cy="31.154797"
|
||||
sodipodi:r1="21.559158"
|
||||
sodipodi:r2="10.779579"
|
||||
sodipodi:arg1="0"
|
||||
sodipodi:arg2="1.0471976"
|
||||
inkscape:rounded="0"
|
||||
inkscape:randomized="0"
|
||||
d="m 24.258709,31.154797 -32.3387371,18.670778 0,-37.341557 z"
|
||||
inkscape:transform-center-x="3.9999988"
|
||||
transform="matrix(-0.742144,0,0,1.2854311,50.003456,-8.0473447)" />
|
||||
<rect
|
||||
style="fill:#808080;stroke-width:0.223385"
|
||||
id="rect1"
|
||||
width="8"
|
||||
height="48"
|
||||
x="4"
|
||||
y="8" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
@@ -0,0 +1,47 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="21"
|
||||
height="21"
|
||||
fill="none"
|
||||
version="1.1"
|
||||
id="svg4"
|
||||
sodipodi:docname="svg.svg"
|
||||
inkscape:export-filename="seek.svg"
|
||||
inkscape:export-xdpi="96"
|
||||
inkscape:export-ydpi="96"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs4" />
|
||||
<sodipodi:namedview
|
||||
id="namedview4"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="true"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
showgrid="false" />
|
||||
<path
|
||||
d="M 0,0 V 1 H 20 V 20 H 0 v 1 H 21 V 0 Z"
|
||||
style="fill:#000000;stroke-width:1.48889"
|
||||
id="path10" />
|
||||
<path
|
||||
d="M 0,1 V 20 H 20 V 1 Z M 5,5 H 17 V 17 H 5 Z"
|
||||
style="fill:#87888f;stroke-width:4.57988"
|
||||
id="path11"
|
||||
sodipodi:nodetypes="cccccccccc" />
|
||||
<path
|
||||
d="M 0,0 V 19 H 1 V 1 H 20 V 0 Z"
|
||||
style="fill:#ffffff;stroke-width:1.3985"
|
||||
id="path9"
|
||||
sodipodi:nodetypes="ccccccc" />
|
||||
<path
|
||||
d="M 1,1 V 19 H 19 V 1 Z M 4,4 H 16 V 16 H 4 Z"
|
||||
style="fill:#c0c7c8;stroke-width:1.49631"
|
||||
id="path8"
|
||||
sodipodi:nodetypes="cccccccccc" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
@@ -0,0 +1,39 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="120mm"
|
||||
height="18.999998mm"
|
||||
viewBox="0 0 120 18.999998"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
inkscape:export-filename="slider.svg"
|
||||
inkscape:export-xdpi="25.4"
|
||||
inkscape:export-ydpi="25.4"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="true"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm" />
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<path
|
||||
style="fill:none;stroke:#000000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 0,19 120,0"
|
||||
id="path18"
|
||||
sodipodi:nodetypes="cc" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 394 B |
Binary file not shown.
|
After Width: | Height: | Size: 378 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 524 B |
Binary file not shown.
|
After Width: | Height: | Size: 683 B |
@@ -0,0 +1,41 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="64mm"
|
||||
height="64mm"
|
||||
viewBox="0 0 64 64"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
inkscape:export-filename="stop.svg"
|
||||
inkscape:export-xdpi="12.7"
|
||||
inkscape:export-ydpi="12.7"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm" />
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<rect
|
||||
id="rect2"
|
||||
width="48"
|
||||
height="49.048836"
|
||||
x="8"
|
||||
y="8"
|
||||
style="fill:#808080;stroke-width:0.533226" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
@@ -0,0 +1,48 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="64mm"
|
||||
height="64mm"
|
||||
viewBox="0 0 64 64"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
inkscape:export-filename="pause.svg"
|
||||
inkscape:export-xdpi="12.7"
|
||||
inkscape:export-ydpi="12.7"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:document-units="mm" />
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<rect
|
||||
id="rect2"
|
||||
width="48"
|
||||
height="49.048836"
|
||||
x="8"
|
||||
y="8"
|
||||
style="stroke-width:0.533226" />
|
||||
<rect
|
||||
id="rect2-5"
|
||||
width="16"
|
||||
height="48"
|
||||
x="40"
|
||||
y="8"
|
||||
style="stroke-width:0.304549" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 239 B |
@@ -0,0 +1,63 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="11"
|
||||
height="21"
|
||||
fill="none"
|
||||
version="1.1"
|
||||
id="svg4"
|
||||
sodipodi:docname="svg.svg"
|
||||
inkscape:export-filename="vol-select.svg"
|
||||
inkscape:export-xdpi="96"
|
||||
inkscape:export-ydpi="96"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs4" />
|
||||
<sodipodi:namedview
|
||||
id="namedview4"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="true"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
showgrid="false" />
|
||||
<rect
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:1.07758"
|
||||
id="rect7"
|
||||
width="11"
|
||||
height="21"
|
||||
x="0"
|
||||
y="0" />
|
||||
<rect
|
||||
style="fill:#87888f;fill-opacity:1;stroke-width:3.23846"
|
||||
id="rect4"
|
||||
width="10"
|
||||
height="19"
|
||||
x="0"
|
||||
y="1" />
|
||||
<rect
|
||||
style="fill:#ffffff;fill-opacity:1;stroke-width:0.962516"
|
||||
id="rect6"
|
||||
width="9"
|
||||
height="19"
|
||||
x="0"
|
||||
y="0" />
|
||||
<rect
|
||||
style="fill:#c0c7c8;fill-opacity:1;stroke-width:0.997539"
|
||||
id="rect5"
|
||||
width="8"
|
||||
height="18"
|
||||
x="1"
|
||||
y="1" />
|
||||
<rect
|
||||
style="fill:#ffffff;fill-opacity:1;stroke-width:1.24518"
|
||||
id="rect8"
|
||||
width="1.3213186"
|
||||
height="1"
|
||||
x="8.6786814"
|
||||
y="0" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 393 B |
Binary file not shown.
|
After Width: | Height: | Size: 458 B |
@@ -0,0 +1,38 @@
|
||||
// Thanks to https://codepen.io/rebelchris/pen/abZRpqM
|
||||
let timer = null;
|
||||
function startCountdown(dateString) {
|
||||
if (timer) clearInterval(timer);
|
||||
let cd = document.getElementById("countdown")
|
||||
if (cd) {
|
||||
cd.classList.remove("hide");
|
||||
if (dateString == "None") cd.classList.add("hide");
|
||||
}
|
||||
const end = new Date(dateString).getTime();
|
||||
const daysEl = document.getElementById('days');
|
||||
const hoursEl = document.getElementById('hours');
|
||||
const minutesEl = document.getElementById('minutes');
|
||||
const secondsEl = document.getElementById('seconds');
|
||||
const seconds = 1000;
|
||||
const minutes = seconds * 60;
|
||||
const hours = minutes * 60;
|
||||
const days = hours * 24;
|
||||
timer = setInterval(updateTime, seconds);
|
||||
function updateTime() {
|
||||
if (daysEl) {
|
||||
let now = new Date().getTime();
|
||||
const difference = end - now;
|
||||
|
||||
if (difference < 0) {
|
||||
if (timer) clearInterval(timer);
|
||||
cd.classList.add("hide");
|
||||
return;
|
||||
}
|
||||
|
||||
daysEl.innerText = Math.floor(difference / days);
|
||||
hoursEl.innerText = Math.floor( (difference % days) / hours );
|
||||
minutesEl.innerText = Math.floor( (difference % hours) / minutes );
|
||||
secondsEl.innerText = Math.floor( (difference % minutes) / seconds );
|
||||
}
|
||||
}
|
||||
updateTime();
|
||||
}
|
||||
+1
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
@@ -0,0 +1 @@
|
||||
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
|
||||
Binary file not shown.
@@ -0,0 +1,549 @@
|
||||
body {
|
||||
background-color: #01817F;
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background-position: 50% 50%;
|
||||
}
|
||||
|
||||
#main-window {
|
||||
position: fixed;
|
||||
z-index:99;
|
||||
min-height: 520px;
|
||||
width:560px;
|
||||
overflow:hidden;
|
||||
display: flex;
|
||||
flex-flow: column nowrap;
|
||||
justify-content: space-between;
|
||||
margin: 10px;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
#main-window {
|
||||
margin: 0;
|
||||
transform: none !important;
|
||||
left: 0;
|
||||
width: calc(100% - 6px);
|
||||
}
|
||||
|
||||
#main-window > .window-body {
|
||||
min-height: calc(100vh - 42px);
|
||||
}
|
||||
}
|
||||
|
||||
input[type=submit] {
|
||||
filter: contrast(1);
|
||||
}
|
||||
|
||||
input#spotify-input {
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
input#spotify-input + input[type=submit]{
|
||||
background-image: url(img/sound.png);
|
||||
background-repeat:no-repeat;
|
||||
padding: 4px 8px 4px 24px;
|
||||
height: 16px;
|
||||
min-width: 0;
|
||||
background-position: 4px 50%;
|
||||
font-weight: bold;
|
||||
|
||||
}
|
||||
|
||||
.tree-view.overview {
|
||||
height: 384px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
#bsod, .hide {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.offscreen {
|
||||
clip: rect(0 0 0 0);
|
||||
clip-path: inset(50%);
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
.window.popup {
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
top: calc(50% - 75px);
|
||||
left: calc(50% - 150px);
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.window.popup .title-bar-text {
|
||||
height: 13px;
|
||||
overflow:hidden;
|
||||
text-overflow:ellipsis;
|
||||
white-space:nowrap;
|
||||
}
|
||||
|
||||
.window.popup.login {
|
||||
width: 380px;
|
||||
left: calc(50% - 190px);
|
||||
}
|
||||
|
||||
.window.popup .window-body {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
}
|
||||
.window.popup .window-body .text {
|
||||
display: flex;
|
||||
flex-flow: column nowrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.window.popup .window-body .icon {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
padding: 16px;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url('img/check.png');
|
||||
}
|
||||
|
||||
.window.popup .window-body .icon.login {
|
||||
background-image: url('img/login.png');
|
||||
background-attachment:unset;
|
||||
}
|
||||
|
||||
.window.popup .window-body .icon.error {
|
||||
background-image: url('img/error.png');
|
||||
}
|
||||
|
||||
.window.popup .window-body .icon.warning {
|
||||
background-image: url('img/warning.png');
|
||||
}
|
||||
|
||||
|
||||
.window {
|
||||
flex-grow: 1;
|
||||
flex-shrink: 0;
|
||||
max-width:calc(100% - 5px);
|
||||
}
|
||||
|
||||
.window.hide {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.window form {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.window-body {
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
flex-flow: column nowrap;
|
||||
}
|
||||
|
||||
/* tab menu fix */
|
||||
menu[role="tablist"] > li > a {
|
||||
padding: 6px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
iframe {
|
||||
opacity: 0;
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
iframe.hide {
|
||||
left: 100%;
|
||||
|
||||
}
|
||||
|
||||
/* Media player */
|
||||
|
||||
#album {
|
||||
background: black;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-flow: column nowrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#album h1, #album h2 {
|
||||
color: white;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
max-width: 100%;
|
||||
white-space: nowrap;
|
||||
text-overflow:ellipsis;
|
||||
}
|
||||
|
||||
#album h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
#album h2 {
|
||||
font-size: 1.5rem;
|
||||
font-weight: normal;
|
||||
}
|
||||
#album img {
|
||||
width: 256px;
|
||||
}
|
||||
|
||||
#seek {
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
#seek::-moz-range-thumb {
|
||||
background:transparent;
|
||||
background-image: url(img/seek.svg);
|
||||
width: 21px;
|
||||
transform: none;
|
||||
}
|
||||
input[type="range"]#seek::-webkit-slider-thumb {
|
||||
background:transparent;
|
||||
background-image: url(img/seek.svg);
|
||||
width: 21px;
|
||||
transform: translateX(-5px) translateY(-4px);
|
||||
}
|
||||
|
||||
input[type="range"]#seek::-webkit-slider-runnable-track{
|
||||
height: 11px;
|
||||
background: transparent;
|
||||
box-shadow: 1px 0 0 white, 1px 1px 0 white, 0 1px 0 white, -1px 0 0 #461c1c, -1px -1px 0 #333, -1px 1px black, 1px -1px #a460a4
|
||||
}
|
||||
|
||||
#seek::-moz-range-track {
|
||||
height: 11px;
|
||||
background: transparent;
|
||||
box-shadow: 1px 0 0 white, 1px 1px 0 white, 0 1px 0 white, -1px 0 0 #461c1c, -1px -1px 0 #333, -1px 1px black, 1px -1px #a460a4
|
||||
}
|
||||
|
||||
|
||||
#media-control {
|
||||
display:flex;
|
||||
}
|
||||
|
||||
|
||||
#media-control button {
|
||||
min-width: 0;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background-size: 50%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
box-shadow:none;
|
||||
}
|
||||
|
||||
#media-control:not(.waiting) button:not(.dummy):hover {
|
||||
box-shadow: inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf
|
||||
}
|
||||
|
||||
#media-control .spacer {
|
||||
display: inline-block;
|
||||
height: 24px;
|
||||
width: 1px;
|
||||
margin: 4px 5px;
|
||||
background: gray;
|
||||
}
|
||||
|
||||
#media-control button#play {
|
||||
background-image:url(img/play.svg);
|
||||
}
|
||||
|
||||
#media-control button#pause {
|
||||
background-image:url(img/pause.svg);
|
||||
}
|
||||
|
||||
#media-control button#stop {
|
||||
background-image:url(img/stop.svg);
|
||||
}
|
||||
|
||||
#media-control.waiting button#play {
|
||||
background-image:url(img/play-inactive.svg);
|
||||
}
|
||||
#media-control.waiting button#pause {
|
||||
background-image:url(img/pause-inactive.svg);
|
||||
}
|
||||
#media-control.waiting button#stop {
|
||||
background-image:url(img/stop-inactive.svg);
|
||||
}
|
||||
|
||||
#media-control button#prev {
|
||||
background-image:url(img/prev.svg);
|
||||
}
|
||||
#media-control button#back {
|
||||
background-image:url(img/back.svg);
|
||||
}
|
||||
#media-control button#forward {
|
||||
background-image:url(img/forward.svg);
|
||||
}
|
||||
#media-control button#next {
|
||||
background-image:url(img/next.svg);
|
||||
}
|
||||
#media-control button#eject {
|
||||
background-image:url(img/eject.svg);
|
||||
}
|
||||
|
||||
#media-control #volume {
|
||||
background-image:url(img/volume.png);
|
||||
background-repeat:no-repeat;
|
||||
padding-left: 24px;
|
||||
background-position: 0 50%;
|
||||
max-width: 120px;
|
||||
}
|
||||
|
||||
#media-control #volume.playing {
|
||||
background-image:url(img/pawel.png);
|
||||
}
|
||||
#media-control #volume.muted {
|
||||
background-image:url(img/muted.png);
|
||||
}
|
||||
|
||||
#volume::-moz-range-thumb {
|
||||
background: transparent;
|
||||
background-image:url(img/vol-select.svg);
|
||||
}
|
||||
|
||||
|
||||
input[type="range"]#volume::-webkit-slider-thumb {
|
||||
background: transparent;
|
||||
-webkit-appearance: none;
|
||||
background-image:url(img/vol-select.svg);
|
||||
transform: translateY(1px);
|
||||
}
|
||||
|
||||
#volume::-moz-range-track {
|
||||
background: none;
|
||||
background-image: url(img/slider.svg);
|
||||
background-position: 0 50%;
|
||||
background-size: contain;
|
||||
background-repeat:no-repeat;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
border-bottom: 1px solid white;
|
||||
border-right: 1px solid white;
|
||||
height: 19px;
|
||||
}
|
||||
|
||||
#volume::-webkit-slider-runnable-track {
|
||||
background: none;
|
||||
background-image: url(img/slider.svg);
|
||||
background-position: 0 50%;
|
||||
background-size: contain;
|
||||
background-repeat:no-repeat;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
border-bottom: 1px solid white;
|
||||
border-right: 1px solid white;
|
||||
height: 19px;
|
||||
}
|
||||
|
||||
/* Clippy */
|
||||
#clippy {
|
||||
position: fixed;
|
||||
z-index:99;
|
||||
display: flex;
|
||||
flex-flow: column nowrap;
|
||||
align-items: flex-end;
|
||||
width: 256px;
|
||||
left: 580px;
|
||||
top: 0;
|
||||
height:580px;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
#clippy .body {
|
||||
background: #ffffe0;
|
||||
color: black;
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid black;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#clippy .body .content {
|
||||
max-height: 375px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
#clippy {
|
||||
width: calc(100vw - 10px);
|
||||
top: unset;
|
||||
left: unset;
|
||||
transform: none !important;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
height: unset;
|
||||
}
|
||||
#clippy .body.hide {
|
||||
display: none;
|
||||
}
|
||||
.body.hide ~ img {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
#clippy .body.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#clippy .body::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: -13px;
|
||||
right: 128px;
|
||||
border-width: 13px 17px 0;
|
||||
border-style: solid;
|
||||
border-color: lightyellow transparent;
|
||||
display: block;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
#clippy .body::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: -14px;
|
||||
right: 127px;
|
||||
border-width: 14px 19px 0;
|
||||
border-style: solid;
|
||||
border-color: black transparent;
|
||||
display: block;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
#clippy .body button {
|
||||
background: lightyellow;
|
||||
border: 1px #999 solid;
|
||||
border-radius: 2px;
|
||||
box-shadow: none;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
#clippy img {
|
||||
width: 128px;
|
||||
}
|
||||
|
||||
#vote-stars {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#vote-stars .star-wrapper {
|
||||
height: 31px;
|
||||
width:160px;
|
||||
}
|
||||
|
||||
#vote-stars a {
|
||||
cursor:pointer;
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin-right: -2px;
|
||||
background-image: url(img/star-inactive.png);
|
||||
}
|
||||
#vote-stars .star-wrapper:hover a {
|
||||
background-image: url(img/star.png);
|
||||
}
|
||||
|
||||
#vote-stars a:hover {
|
||||
background-image: url(img/star.png);
|
||||
}
|
||||
|
||||
#vote-stars a:hover ~ a {
|
||||
background-image: url(img/star-inactive.png) !important;
|
||||
}
|
||||
|
||||
#average-stars {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#average-stars .stars {
|
||||
background-image: url(img/star-inactive.png);
|
||||
background-repeat: repeat-x;
|
||||
height: 32px;
|
||||
width: 160px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#average-stars .stars-overlay {
|
||||
background-image: url(img/star.png);
|
||||
background-repeat: repeat-x;
|
||||
height: 32px;
|
||||
width: 160px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.undo-wrapper {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
justify-content: center;
|
||||
flex-grow: 1;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.undo-wrapper p {
|
||||
flex-grow: 1;
|
||||
padding: 0 5px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.undo {
|
||||
background-image: url(img/undo.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 0;
|
||||
padding: 32px 0 4px 0;
|
||||
height: 50px;
|
||||
min-width: 40px;
|
||||
}
|
||||
|
||||
.skip {
|
||||
background-image: url(img/download.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 20%;
|
||||
padding: 32px 0 4px 0;
|
||||
height: 50px;
|
||||
min-width: 40px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.progress-indicator {
|
||||
height: 26px;
|
||||
padding: 4px 3px;
|
||||
width: 340px;
|
||||
}
|
||||
|
||||
.field-row.settings label {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.field-row.settings {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.settings .icon {
|
||||
height: 40px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
width: 40px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.settings .admin-panel {
|
||||
background-image: url(img/gears.png);
|
||||
}
|
||||
|
||||
.settings .spotify {
|
||||
background-image: url(img/spotify.png);
|
||||
background-size: 32px;
|
||||
}
|
||||
|
||||
.settings #spotify-cancel {
|
||||
background-image: url(img/spotify-cancel.png);
|
||||
background-size: 16px;
|
||||
background-position: 50% 50%;
|
||||
background-repeat: no-repeat;
|
||||
min-width: 0;
|
||||
}
|
||||
Reference in New Issue
Block a user