Tidies up aesthetic, ticks off to-do list things
This commit is contained in:
Effie
parent
5a2ff83bea
commit
361e595ae1
4
app.py
4
app.py
@ -147,6 +147,10 @@ def motifindex():
|
|||||||
category.id
|
category.id
|
||||||
''').fetchall()
|
''').fetchall()
|
||||||
|
|
||||||
|
category_info.append(
|
||||||
|
('', 'Misc.')
|
||||||
|
)
|
||||||
|
|
||||||
motif_info = db.execute('''
|
motif_info = db.execute('''
|
||||||
select
|
select
|
||||||
id, name, category, count(clip.motif_id)
|
id, name, category, count(clip.motif_id)
|
||||||
|
|||||||
60
static/albumicons/1.0.svg
Normal file
60
static/albumicons/1.0.svg
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
width="11.213148mm"
|
||||||
|
height="6.1305523mm"
|
||||||
|
viewBox="0 0 11.213148 6.1305523"
|
||||||
|
version="1.1"
|
||||||
|
id="svg5"
|
||||||
|
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||||
|
sodipodi:docname="album icons.svg"
|
||||||
|
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="namedview7"
|
||||||
|
pagecolor="#505050"
|
||||||
|
bordercolor="#eeeeee"
|
||||||
|
borderopacity="1"
|
||||||
|
inkscape:showpageshadow="0"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pagecheckerboard="0"
|
||||||
|
inkscape:deskcolor="#505050"
|
||||||
|
inkscape:document-units="mm"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:zoom="3.5705387"
|
||||||
|
inkscape:cx="11.062756"
|
||||||
|
inkscape:cy="103.06568"
|
||||||
|
inkscape:window-width="2560"
|
||||||
|
inkscape:window-height="1377"
|
||||||
|
inkscape:window-x="1912"
|
||||||
|
inkscape:window-y="-8"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="layer1" />
|
||||||
|
<defs
|
||||||
|
id="defs2" />
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(17.134108,-0.05239776)">
|
||||||
|
<path
|
||||||
|
id="rect1491"
|
||||||
|
style="fill:#009db1;stroke-width:0.264583"
|
||||||
|
d="m -15.134108,0.05239776 h 7.2131476 c 1.108,0 2,0.892 2,2.00000004 V 4.18295 c 0,1.108 -0.892,2 -2,2 h -7.2131476 c -1.108,0 -2,-0.892 -2,-2 V 2.0523978 c 0,-1.10800004 0.892,-2.00000004 2,-2.00000004 z" />
|
||||||
|
<path
|
||||||
|
d="m -13.444384,1.0630206 v 4.0404049 h -0.868163 V 2.044183 q -0.07166,0.06339 -0.170877,0.1212673 -0.09646,0.055122 -0.206705,0.1019747 -0.110243,0.044097 -0.228754,0.07717 -0.118511,0.030317 -0.234267,0.044097 V 1.6555765 q 0.338998,-0.099219 0.63941,-0.2535588 0.300412,-0.1543401 0.542946,-0.3389971 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11800" />
|
||||||
|
<path
|
||||||
|
d="m -11.735618,5.1723274 q -0.214973,0 -0.358289,-0.1322916 -0.143316,-0.1322916 -0.143316,-0.3252168 0,-0.1984373 0.146072,-0.3252167 0.148828,-0.1267795 0.369314,-0.1267795 0.223242,0 0.363802,0.1295355 0.143315,0.1267795 0.143315,0.3224607 0,0.2011935 -0.146071,0.3307289 -0.143316,0.1267795 -0.374827,0.1267795 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11802" />
|
||||||
|
<path
|
||||||
|
d="m -9.3571255,5.1723274 q -1.4111105,0 -1.4111105,-1.9816175 0,-1.0280157 0.380339,-1.5654502 0.383094,-0.5401905 1.1079415,-0.5401905 1.3780372,0 1.3780372,2.0146903 0,1.003211 -0.3775822,1.5378894 -0.3748261,0.5346785 -1.077625,0.5346785 z m 0.038585,-3.4230443 q -0.5649952,0 -0.5649952,1.4193782 0,1.3366961 0.5539709,1.3366961 0.5401906,0 0.5401906,-1.3780372 0,-1.3780371 -0.5291663,-1.3780371 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11804" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.2 KiB |
60
static/albumicons/2.0.svg
Normal file
60
static/albumicons/2.0.svg
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
width="11.213148mm"
|
||||||
|
height="6.1305513mm"
|
||||||
|
viewBox="0 0 11.213148 6.1305513"
|
||||||
|
version="1.1"
|
||||||
|
id="svg5"
|
||||||
|
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||||
|
sodipodi:docname="album icons.svg"
|
||||||
|
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="namedview7"
|
||||||
|
pagecolor="#505050"
|
||||||
|
bordercolor="#eeeeee"
|
||||||
|
borderopacity="1"
|
||||||
|
inkscape:showpageshadow="0"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pagecheckerboard="0"
|
||||||
|
inkscape:deskcolor="#505050"
|
||||||
|
inkscape:document-units="mm"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:zoom="3.5705387"
|
||||||
|
inkscape:cx="11.062756"
|
||||||
|
inkscape:cy="103.06568"
|
||||||
|
inkscape:window-width="2560"
|
||||||
|
inkscape:window-height="1377"
|
||||||
|
inkscape:window-x="1912"
|
||||||
|
inkscape:window-y="-8"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="layer1" />
|
||||||
|
<defs
|
||||||
|
id="defs2" />
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(17.134108,-7.2047088)">
|
||||||
|
<path
|
||||||
|
id="rect1497"
|
||||||
|
style="fill:#002bce;stroke-width:0.264583"
|
||||||
|
d="m -15.134108,7.2047091 h 7.2131476 c 1.108,0 2,0.892 2,2 v 2.1305519 c 0,1.108 -0.892,2 -2,2 h -7.2131476 c -1.108,0 -2,-0.892 -2,-2 V 9.2047091 c 0,-1.108 0.892,-2 2,-2 z" />
|
||||||
|
<path
|
||||||
|
d="m -14.377315,11.533645 h 1.675693 v 0.722091 h -2.629294 V 11.95808 q 0,-0.303168 0.101974,-0.542946 0.101975,-0.242535 0.256315,-0.432704 0.15434,-0.192925 0.336241,-0.338997 0.184657,-0.148828 0.350022,-0.267339 0.173632,-0.124024 0.303168,-0.237023 0.132291,-0.112999 0.220486,-0.2232417 0.09095,-0.1129991 0.135048,-0.2259981 0.0441,-0.1157551 0.0441,-0.2452906 0,-0.2535589 -0.143316,-0.3830944 -0.143316,-0.1295355 -0.438216,-0.1295355 -0.509874,0 -0.97565,0.405143 V 8.570865 q 0.515386,-0.333485 1.163063,-0.333485 0.300412,0 0.537435,0.079926 0.239778,0.07717 0.405142,0.223242 0.165365,0.1460719 0.250803,0.3555336 0.0882,0.2067055 0.0882,0.4630205 0,0.2728513 -0.08544,0.485069 -0.08268,0.2122179 -0.223242,0.3858509 -0.137803,0.173632 -0.319704,0.319704 -0.181901,0.143316 -0.377582,0.278364 -0.132292,0.09371 -0.256315,0.187413 -0.121268,0.09095 -0.214974,0.181901 -0.09371,0.08819 -0.148828,0.173632 -0.05512,0.08544 -0.05512,0.162609 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11858" />
|
||||||
|
<path
|
||||||
|
d="m -11.557851,12.324638 q -0.214974,0 -0.358289,-0.132291 -0.143316,-0.132292 -0.143316,-0.325217 0,-0.198437 0.146072,-0.325217 0.148828,-0.126779 0.369314,-0.126779 0.223242,0 0.363801,0.129535 0.143316,0.12678 0.143316,0.322461 0,0.201193 -0.146072,0.330729 -0.143316,0.126779 -0.374826,0.126779 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11860" />
|
||||||
|
<path
|
||||||
|
d="m -9.1793587,12.324638 q -1.4111103,0 -1.4111103,-1.981617 0,-1.0280159 0.380338,-1.5654504 0.3830948,-0.5401906 1.1079423,-0.5401906 1.3780372,0 1.3780372,2.01469 0,1.003211 -0.3775822,1.53789 -0.3748261,0.534678 -1.077625,0.534678 z m 0.038585,-3.4230441 q -0.5649952,0 -0.5649952,1.4193781 0,1.336696 0.5539709,1.336696 0.5401906,0 0.5401906,-1.378037 0,-1.3780371 -0.5291663,-1.3780371 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11862" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.8 KiB |
60
static/albumicons/2.5.svg
Normal file
60
static/albumicons/2.5.svg
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
width="11.213148mm"
|
||||||
|
height="6.1305513mm"
|
||||||
|
viewBox="0 0 11.213148 6.1305513"
|
||||||
|
version="1.1"
|
||||||
|
id="svg5"
|
||||||
|
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||||
|
sodipodi:docname="album icons.svg"
|
||||||
|
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="namedview7"
|
||||||
|
pagecolor="#505050"
|
||||||
|
bordercolor="#eeeeee"
|
||||||
|
borderopacity="1"
|
||||||
|
inkscape:showpageshadow="0"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pagecheckerboard="0"
|
||||||
|
inkscape:deskcolor="#505050"
|
||||||
|
inkscape:document-units="mm"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:zoom="3.5705387"
|
||||||
|
inkscape:cx="11.062756"
|
||||||
|
inkscape:cy="103.06568"
|
||||||
|
inkscape:window-width="2560"
|
||||||
|
inkscape:window-height="1377"
|
||||||
|
inkscape:window-x="1912"
|
||||||
|
inkscape:window-y="-8"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="layer1" />
|
||||||
|
<defs
|
||||||
|
id="defs2" />
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(17.134108,-14.226025)">
|
||||||
|
<path
|
||||||
|
id="rect1503"
|
||||||
|
style="fill:#5c812b;stroke-width:0.264583"
|
||||||
|
d="m -15.134108,14.226025 h 7.2131476 c 1.108,0 2,0.892 2,2 v 2.130552 c 0,1.108 -0.892,2 -2,2 h -7.2131476 c -1.108,0 -2,-0.892 -2,-2 v -2.130552 c 0,-1.108 0.892,-2 2,-2 z" />
|
||||||
|
<path
|
||||||
|
d="m -14.284987,18.55496 h 1.675694 v 0.722092 h -2.629295 v -0.297656 q 0,-0.303168 0.101974,-0.542947 0.101975,-0.242534 0.256315,-0.432703 0.15434,-0.192926 0.336241,-0.338998 0.184657,-0.148828 0.350022,-0.267339 0.173633,-0.124023 0.303168,-0.237022 0.132292,-0.112999 0.220486,-0.223242 0.09095,-0.112999 0.135048,-0.225998 0.0441,-0.115755 0.0441,-0.245291 0,-0.253559 -0.143316,-0.383094 -0.143316,-0.129536 -0.438216,-0.129536 -0.509874,0 -0.97565,0.405143 v -0.766188 q 0.515386,-0.333485 1.163063,-0.333485 0.300412,0 0.537435,0.07993 0.239778,0.07717 0.405143,0.223242 0.165364,0.146072 0.250802,0.355533 0.0882,0.206706 0.0882,0.463021 0,0.272851 -0.08544,0.485069 -0.08268,0.212218 -0.223242,0.38585 -0.137803,0.173633 -0.319704,0.319705 -0.181901,0.143316 -0.377582,0.278363 -0.132292,0.09371 -0.256315,0.187413 -0.121268,0.09095 -0.214974,0.181901 -0.09371,0.08819 -0.148828,0.173633 -0.05512,0.08544 -0.05512,0.162608 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11866" />
|
||||||
|
<path
|
||||||
|
d="m -11.465523,19.345954 q -0.214973,0 -0.358289,-0.132292 -0.143316,-0.132291 -0.143316,-0.325217 0,-0.198437 0.146072,-0.325216 0.148828,-0.12678 0.369314,-0.12678 0.223242,0 0.363802,0.129536 0.143315,0.126779 0.143315,0.32246 0,0.201194 -0.146072,0.330729 -0.143315,0.12678 -0.374826,0.12678 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11868" />
|
||||||
|
<path
|
||||||
|
d="m -10.299703,19.175077 v -0.74414 q 0.4051426,0.248047 0.8626509,0.248047 0.3445093,0 0.5374345,-0.162609 0.1956813,-0.165364 0.1956813,-0.446484 0,-0.587043 -0.8295784,-0.587043 -0.3059243,0 -0.7055553,0.04685 l 0.148828,-2.20486 h 2.0918607 v 0.711068 h -1.4276465 l -0.055122,0.790993 q 0.2122177,-0.01654 0.3665579,-0.01654 0.6090924,0 0.9536017,0.319705 0.3445093,0.319705 0.3445093,0.859895 0,0.598068 -0.4106551,0.978407 -0.4106551,0.377582 -1.113454,0.377582 -0.5705074,0 -0.959114,-0.170877 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11870" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.9 KiB |
60
static/albumicons/3.0.svg
Normal file
60
static/albumicons/3.0.svg
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
width="11.213148mm"
|
||||||
|
height="6.1305504mm"
|
||||||
|
viewBox="0 0 11.213148 6.1305504"
|
||||||
|
version="1.1"
|
||||||
|
id="svg5"
|
||||||
|
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||||
|
sodipodi:docname="album icons.svg"
|
||||||
|
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="namedview7"
|
||||||
|
pagecolor="#505050"
|
||||||
|
bordercolor="#eeeeee"
|
||||||
|
borderopacity="1"
|
||||||
|
inkscape:showpageshadow="0"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pagecheckerboard="0"
|
||||||
|
inkscape:deskcolor="#505050"
|
||||||
|
inkscape:document-units="mm"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:zoom="3.5705387"
|
||||||
|
inkscape:cx="11.062756"
|
||||||
|
inkscape:cy="103.06568"
|
||||||
|
inkscape:window-width="2560"
|
||||||
|
inkscape:window-height="1377"
|
||||||
|
inkscape:window-x="1912"
|
||||||
|
inkscape:window-y="-8"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="layer1" />
|
||||||
|
<defs
|
||||||
|
id="defs2" />
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(17.134108,-21.509332)">
|
||||||
|
<path
|
||||||
|
id="rect1509"
|
||||||
|
style="fill:#be9e10;stroke-width:0.264583"
|
||||||
|
d="m -15.134108,21.509331 h 7.2131476 c 1.108,0 2,0.892 2,2 v 2.130552 c 0,1.108 -0.892,2 -2,2 h -7.2131476 c -1.108,0 -2,-0.892 -2,-2 v -2.130552 c 0,-1.108 0.892,-2 2,-2 z" />
|
||||||
|
<path
|
||||||
|
d="m -15.284064,26.430823 v -0.757921 q 0.396875,0.289388 0.926041,0.289388 0.333485,0 0.518142,-0.143316 0.187413,-0.143316 0.187413,-0.399631 0,-0.264583 -0.23151,-0.407899 -0.228754,-0.143316 -0.631141,-0.143316 h -0.366558 v -0.66697 h 0.338997 q 0.771701,0 0.771701,-0.512629 0,-0.482313 -0.592556,-0.482313 -0.396875,0 -0.771701,0.256315 v -0.711068 q 0.416167,-0.209461 0.970138,-0.209461 0.606337,0 0.942578,0.272851 0.338997,0.272851 0.338997,0.708311 0,0.774457 -0.785481,0.970138 v 0.01378 q 0.418923,0.05236 0.661457,0.305924 0.242535,0.250803 0.242535,0.617361 0,0.553971 -0.405143,0.876431 -0.405143,0.322461 -1.118966,0.322461 -0.611849,0 -0.994943,-0.198437 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11874" />
|
||||||
|
<path
|
||||||
|
d="m -11.604705,26.62926 q -0.214974,0 -0.358289,-0.132292 -0.143316,-0.132291 -0.143316,-0.325216 0,-0.198438 0.146072,-0.325217 0.148828,-0.12678 0.369314,-0.12678 0.223242,0 0.363801,0.129536 0.143316,0.126779 0.143316,0.322461 0,0.201193 -0.146072,0.330728 -0.143316,0.12678 -0.374826,0.12678 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11876" />
|
||||||
|
<path
|
||||||
|
d="m -9.2262128,26.62926 q -1.4111102,0 -1.4111102,-1.981618 0,-1.028015 0.380338,-1.56545 0.3830948,-0.54019 1.1079423,-0.54019 1.3780372,0 1.3780372,2.01469 0,1.003211 -0.3775822,1.537889 -0.3748261,0.534679 -1.0776251,0.534679 z m 0.038585,-3.423044 q -0.5649952,0 -0.5649952,1.419378 0,1.336696 0.5539709,1.336696 0.5401905,0 0.5401905,-1.378037 0,-1.378037 -0.5291662,-1.378037 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11878" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.5 KiB |
60
static/albumicons/3.5.svg
Normal file
60
static/albumicons/3.5.svg
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
width="11.213148mm"
|
||||||
|
height="6.1305523mm"
|
||||||
|
viewBox="0 0 11.213148 6.1305523"
|
||||||
|
version="1.1"
|
||||||
|
id="svg5"
|
||||||
|
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||||
|
sodipodi:docname="album icons.svg"
|
||||||
|
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="namedview7"
|
||||||
|
pagecolor="#505050"
|
||||||
|
bordercolor="#eeeeee"
|
||||||
|
borderopacity="1"
|
||||||
|
inkscape:showpageshadow="0"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pagecheckerboard="0"
|
||||||
|
inkscape:deskcolor="#505050"
|
||||||
|
inkscape:document-units="mm"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:zoom="3.5705387"
|
||||||
|
inkscape:cx="11.062756"
|
||||||
|
inkscape:cy="103.06568"
|
||||||
|
inkscape:window-width="2560"
|
||||||
|
inkscape:window-height="1377"
|
||||||
|
inkscape:window-x="1912"
|
||||||
|
inkscape:window-y="-8"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="layer1" />
|
||||||
|
<defs
|
||||||
|
id="defs2" />
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(17.134108,-28.845033)">
|
||||||
|
<path
|
||||||
|
id="rect1515"
|
||||||
|
style="fill:#9f6800;stroke-width:0.264583"
|
||||||
|
d="m -15.134108,28.845034 h 7.2131476 c 1.108,0 2,0.892 2,2 v 2.130552 c 0,1.108 -0.892,2 -2,2 h -7.2131476 c -1.108,0 -2,-0.892 -2,-2 v -2.130552 c 0,-1.108 0.892,-2 2,-2 z" />
|
||||||
|
<path
|
||||||
|
d="m -15.191735,33.766525 v -0.75792 q 0.396875,0.289388 0.926041,0.289388 0.333485,0 0.518142,-0.143316 0.187413,-0.143316 0.187413,-0.399631 0,-0.264583 -0.23151,-0.407899 -0.228754,-0.143316 -0.631141,-0.143316 h -0.366558 v -0.66697 h 0.338997 q 0.771701,0 0.771701,-0.512629 0,-0.482313 -0.592556,-0.482313 -0.396875,0 -0.771701,0.256314 v -0.711067 q 0.416167,-0.209461 0.970138,-0.209461 0.606337,0 0.942578,0.272851 0.338997,0.272851 0.338997,0.708311 0,0.774457 -0.785481,0.970138 v 0.01378 q 0.418923,0.05236 0.661458,0.305924 0.242534,0.250803 0.242534,0.61736 0,0.553971 -0.405143,0.876432 -0.405143,0.322461 -1.118966,0.322461 -0.611849,0 -0.994943,-0.198438 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11882" />
|
||||||
|
<path
|
||||||
|
d="m -11.512376,33.964963 q -0.214974,0 -0.358289,-0.132292 -0.143316,-0.132291 -0.143316,-0.325217 0,-0.198437 0.146072,-0.325216 0.148828,-0.12678 0.369314,-0.12678 0.223242,0 0.363801,0.129536 0.143316,0.126779 0.143316,0.32246 0,0.201194 -0.146072,0.330729 -0.143316,0.12678 -0.374826,0.12678 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11884" />
|
||||||
|
<path
|
||||||
|
d="m -10.346556,33.794086 v -0.74414 q 0.4051425,0.248047 0.8626508,0.248047 0.3445093,0 0.5374345,-0.162609 0.1956813,-0.165364 0.1956813,-0.446484 0,-0.587043 -0.8295784,-0.587043 -0.3059242,0 -0.7055552,0.04685 l 0.148828,-2.20486 h 2.0918606 v 0.711068 h -1.4276465 l -0.055122,0.790993 q 0.2122178,-0.01654 0.3665579,-0.01654 0.6090924,0 0.9536017,0.319705 0.3445093,0.319705 0.3445093,0.859895 0,0.598068 -0.410655,0.978407 -0.4106551,0.377582 -1.1134541,0.377582 -0.5705073,0 -0.9591139,-0.170877 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11886" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.7 KiB |
60
static/albumicons/4.0.svg
Normal file
60
static/albumicons/4.0.svg
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
width="11.213148mm"
|
||||||
|
height="6.1305542mm"
|
||||||
|
viewBox="0 0 11.213148 6.1305542"
|
||||||
|
version="1.1"
|
||||||
|
id="svg5"
|
||||||
|
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||||
|
sodipodi:docname="album icons.svg"
|
||||||
|
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="namedview7"
|
||||||
|
pagecolor="#505050"
|
||||||
|
bordercolor="#eeeeee"
|
||||||
|
borderopacity="1"
|
||||||
|
inkscape:showpageshadow="0"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pagecheckerboard="0"
|
||||||
|
inkscape:deskcolor="#505050"
|
||||||
|
inkscape:document-units="mm"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:zoom="3.5705387"
|
||||||
|
inkscape:cx="11.062756"
|
||||||
|
inkscape:cy="103.06568"
|
||||||
|
inkscape:window-width="2560"
|
||||||
|
inkscape:window-height="1377"
|
||||||
|
inkscape:window-x="1912"
|
||||||
|
inkscape:window-y="-8"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="layer1" />
|
||||||
|
<defs
|
||||||
|
id="defs2" />
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(17.134108,-36.023543)">
|
||||||
|
<path
|
||||||
|
id="rect1521"
|
||||||
|
style="fill:#910009;stroke-width:0.264583"
|
||||||
|
d="m -15.134108,36.023544 h 7.2131476 c 1.108,0 2,0.892 2,2 v 2.130553 c 0,1.108 -0.892,2 -2,2 h -7.2131476 c -1.108,0 -2,-0.892 -2,-2 v -2.130553 c 0,-1.108 0.892,-2 2,-2 z" />
|
||||||
|
<path
|
||||||
|
d="m -12.875254,37.122359 v 2.491491 h 0.474045 v 0.650434 h -0.474045 v 0.810286 h -0.79375 v -0.810286 h -1.722546 v -0.68075 q 0.228754,-0.256315 0.474045,-0.559484 0.24529,-0.305924 0.474045,-0.628385 0.228754,-0.32246 0.424435,-0.647677 0.198437,-0.327973 0.336241,-0.625629 z m -1.736327,2.491491 h 0.942577 v -1.380793 q -0.09646,0.179145 -0.209461,0.363802 -0.112999,0.181901 -0.237023,0.361046 -0.124023,0.176388 -0.250802,0.344509 -0.12678,0.165364 -0.245291,0.311436 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11890" />
|
||||||
|
<path
|
||||||
|
d="m -11.497217,41.143472 q -0.214974,0 -0.35829,-0.132292 -0.143316,-0.132292 -0.143316,-0.325217 0,-0.198437 0.146072,-0.325217 0.148828,-0.126779 0.369314,-0.126779 0.223242,0 0.363802,0.129536 0.143316,0.126779 0.143316,0.32246 0,0.201194 -0.146072,0.330729 -0.143316,0.12678 -0.374826,0.12678 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11892" />
|
||||||
|
<path
|
||||||
|
d="m -9.1187251,41.143472 q -1.4111099,0 -1.4111099,-1.981618 0,-1.028016 0.380338,-1.56545 0.3830945,-0.540191 1.107942,-0.540191 1.3780372,0 1.3780372,2.014691 0,1.003211 -0.3775822,1.537889 -0.3748261,0.534679 -1.0776251,0.534679 z m 0.038585,-3.423045 q -0.5649953,0 -0.5649953,1.419379 0,1.336696 0.553971,1.336696 0.5401905,0 0.5401905,-1.378038 0,-1.378037 -0.5291662,-1.378037 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11894" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.4 KiB |
60
static/albumicons/5.0.svg
Normal file
60
static/albumicons/5.0.svg
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
width="11.213148mm"
|
||||||
|
height="6.1305504mm"
|
||||||
|
viewBox="0 0 11.213148 6.1305504"
|
||||||
|
version="1.1"
|
||||||
|
id="svg5"
|
||||||
|
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||||
|
sodipodi:docname="album icons.svg"
|
||||||
|
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="namedview7"
|
||||||
|
pagecolor="#505050"
|
||||||
|
bordercolor="#eeeeee"
|
||||||
|
borderopacity="1"
|
||||||
|
inkscape:showpageshadow="0"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pagecheckerboard="0"
|
||||||
|
inkscape:deskcolor="#505050"
|
||||||
|
inkscape:document-units="mm"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:zoom="3.5705387"
|
||||||
|
inkscape:cx="11.062756"
|
||||||
|
inkscape:cy="103.06568"
|
||||||
|
inkscape:window-width="2560"
|
||||||
|
inkscape:window-height="1377"
|
||||||
|
inkscape:window-x="1912"
|
||||||
|
inkscape:window-y="-8"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="layer1" />
|
||||||
|
<defs
|
||||||
|
id="defs2" />
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(17.134108,-43.778434)">
|
||||||
|
<path
|
||||||
|
id="rect1527"
|
||||||
|
style="fill:#3f0097;stroke-width:0.264583"
|
||||||
|
d="m -15.134108,43.778431 h 7.2131476 c 1.108,0 2,0.892 2,2 v 2.130552 c 0,1.108 -0.892,2 -2,2 h -7.2131476 c -1.108,0 -2,-0.892 -2,-2 v -2.130552 c 0,-1.108 0.892,-2 2,-2 z" />
|
||||||
|
<path
|
||||||
|
d="m -15.249613,48.727482 v -0.74414 q 0.405143,0.248046 0.862652,0.248046 0.344509,0 0.537434,-0.162608 0.195681,-0.165365 0.195681,-0.446484 0,-0.587044 -0.829578,-0.587044 -0.305924,0 -0.705555,0.04685 l 0.148828,-2.204859 h 2.09186 v 0.711067 h -1.427646 l -0.05512,0.790993 q 0.212218,-0.01654 0.366558,-0.01654 0.609093,0 0.953602,0.319704 0.344509,0.319705 0.344509,0.859896 0,0.598068 -0.410655,0.978406 -0.410655,0.377582 -1.113454,0.377582 -0.570507,0 -0.959114,-0.170876 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11898" />
|
||||||
|
<path
|
||||||
|
d="m -11.639155,48.898358 q -0.214974,0 -0.35829,-0.132291 -0.143316,-0.132292 -0.143316,-0.325217 0,-0.198437 0.146072,-0.325217 0.148828,-0.126779 0.369314,-0.126779 0.223242,0 0.363802,0.129535 0.143316,0.12678 0.143316,0.322461 0,0.201193 -0.146072,0.330729 -0.143316,0.126779 -0.374826,0.126779 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11900" />
|
||||||
|
<path
|
||||||
|
d="m -9.2606633,48.898358 q -1.4111097,0 -1.4111097,-1.981617 0,-1.028016 0.380338,-1.56545 0.3830943,-0.540191 1.1079418,-0.540191 1.3780371,0 1.3780371,2.01469 0,1.003211 -0.3775821,1.53789 -0.3748261,0.534678 -1.0776251,0.534678 z m 0.038585,-3.423044 q -0.5649953,0 -0.5649953,1.419378 0,1.336696 0.553971,1.336696 0.5401905,0 0.5401905,-1.378037 0,-1.378037 -0.5291662,-1.378037 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11902" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.4 KiB |
60
static/albumicons/5.5.svg
Normal file
60
static/albumicons/5.5.svg
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
width="11.213148mm"
|
||||||
|
height="6.1305542mm"
|
||||||
|
viewBox="0 0 11.213148 6.1305542"
|
||||||
|
version="1.1"
|
||||||
|
id="svg5"
|
||||||
|
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||||
|
sodipodi:docname="album icons.svg"
|
||||||
|
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="namedview7"
|
||||||
|
pagecolor="#505050"
|
||||||
|
bordercolor="#eeeeee"
|
||||||
|
borderopacity="1"
|
||||||
|
inkscape:showpageshadow="0"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pagecheckerboard="0"
|
||||||
|
inkscape:deskcolor="#505050"
|
||||||
|
inkscape:document-units="mm"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:zoom="3.5705387"
|
||||||
|
inkscape:cx="11.062756"
|
||||||
|
inkscape:cy="103.06568"
|
||||||
|
inkscape:window-width="2560"
|
||||||
|
inkscape:window-height="1377"
|
||||||
|
inkscape:window-x="1912"
|
||||||
|
inkscape:window-y="-8"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="layer1" />
|
||||||
|
<defs
|
||||||
|
id="defs2" />
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(17.134108,-50.485358)">
|
||||||
|
<path
|
||||||
|
id="rect1533"
|
||||||
|
style="fill:#3b5676;stroke-width:0.264583"
|
||||||
|
d="m -15.134108,50.485359 h 7.2131476 c 1.108,0 2,0.892 2,2 v 2.130552 c 0,1.108 -0.892,2 -2,2 h -7.2131476 c -1.108,0 -2,-0.892 -2,-2 v -2.130552 c 0,-1.108 0.892,-2 2,-2 z" />
|
||||||
|
<path
|
||||||
|
d="m -15.157284,55.43441 v -0.74414 q 0.405142,0.248046 0.862651,0.248046 0.344509,0 0.537434,-0.162608 0.195682,-0.165364 0.195682,-0.446484 0,-0.587044 -0.829579,-0.587044 -0.305924,0 -0.705555,0.04685 l 0.148828,-2.204859 h 2.091861 v 0.711067 h -1.427647 l -0.05512,0.790994 q 0.212217,-0.01654 0.366557,-0.01654 0.609093,0 0.953602,0.319705 0.344509,0.319704 0.344509,0.859895 0,0.598068 -0.410655,0.978406 -0.410655,0.377582 -1.113454,0.377582 -0.570507,0 -0.959113,-0.170876 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11906" />
|
||||||
|
<path
|
||||||
|
d="m -11.546827,55.605286 q -0.214974,0 -0.35829,-0.132291 -0.143316,-0.132292 -0.143316,-0.325217 0,-0.198437 0.146072,-0.325217 0.148828,-0.126779 0.369314,-0.126779 0.223242,0 0.363802,0.129535 0.143316,0.12678 0.143316,0.322461 0,0.201194 -0.146072,0.330729 -0.143316,0.126779 -0.374826,0.126779 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11908" />
|
||||||
|
<path
|
||||||
|
d="m -10.381008,55.43441 v -0.74414 q 0.405143,0.248046 0.8626513,0.248046 0.3445093,0 0.5374345,-0.162608 0.1956813,-0.165364 0.1956813,-0.446484 0,-0.587044 -0.8295784,-0.587044 -0.3059242,0 -0.7055547,0.04685 l 0.148828,-2.204859 h 2.0918601 v 0.711067 h -1.4276465 l -0.055121,0.790994 q 0.2122177,-0.01654 0.3665578,-0.01654 0.6090925,0 0.9536017,0.319705 0.3445093,0.319704 0.3445093,0.859895 0,0.598068 -0.410655,0.978406 -0.4106551,0.377582 -1.1134541,0.377582 -0.5705073,0 -0.9591143,-0.170876 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11910" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.5 KiB |
60
static/albumicons/6.0.svg
Normal file
60
static/albumicons/6.0.svg
Normal file
@ -0,0 +1,60 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
width="11.213148mm"
|
||||||
|
height="6.1305542mm"
|
||||||
|
viewBox="0 0 11.213148 6.1305542"
|
||||||
|
version="1.1"
|
||||||
|
id="svg5"
|
||||||
|
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||||
|
sodipodi:docname="album icons.svg"
|
||||||
|
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="namedview7"
|
||||||
|
pagecolor="#505050"
|
||||||
|
bordercolor="#eeeeee"
|
||||||
|
borderopacity="1"
|
||||||
|
inkscape:showpageshadow="0"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pagecheckerboard="0"
|
||||||
|
inkscape:deskcolor="#505050"
|
||||||
|
inkscape:document-units="mm"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:zoom="3.5705387"
|
||||||
|
inkscape:cx="11.062756"
|
||||||
|
inkscape:cy="103.06568"
|
||||||
|
inkscape:window-width="2560"
|
||||||
|
inkscape:window-height="1377"
|
||||||
|
inkscape:window-x="1912"
|
||||||
|
inkscape:window-y="-8"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="layer1" />
|
||||||
|
<defs
|
||||||
|
id="defs2" />
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(17.134108,-57.506678)">
|
||||||
|
<path
|
||||||
|
id="rect1539"
|
||||||
|
style="fill:#5a5a5a;stroke-width:0.264583"
|
||||||
|
d="m -15.134108,57.506676 h 7.2131476 c 1.108,0 2,0.892 2,2 v 2.130552 c 0,1.108 -0.892,2 -2,2 h -7.2131476 c -1.108,0 -2,-0.892 -2,-2 v -2.130552 c 0,-1.108 0.892,-2 2,-2 z" />
|
||||||
|
<path
|
||||||
|
d="m -12.523855,61.243054 q 0,0.292144 -0.101975,0.545702 -0.101975,0.253559 -0.283876,0.440972 -0.1819,0.184657 -0.432703,0.292144 -0.250803,0.104731 -0.548459,0.104731 -0.333485,0 -0.598068,-0.124023 -0.261827,-0.124024 -0.443728,-0.35829 -0.181901,-0.237022 -0.278364,-0.578776 -0.09646,-0.341753 -0.09646,-0.774457 0,-0.509873 0.124023,-0.923284 0.12678,-0.416168 0.35829,-0.711068 0.234266,-0.2949 0.564995,-0.454752 0.330729,-0.162608 0.74414,-0.162608 0.457508,0 0.711067,0.107487 v 0.727603 q -0.300412,-0.170876 -0.655945,-0.170876 -0.220486,0 -0.399631,0.08544 -0.179145,0.08544 -0.30868,0.242535 -0.12678,0.157096 -0.201194,0.380338 -0.07166,0.220486 -0.07717,0.493337 h 0.01654 q 0.28112,-0.388606 0.829579,-0.388606 0.24529,0 0.443728,0.08819 0.198437,0.08819 0.338997,0.250803 0.14056,0.159852 0.21773,0.38585 0.07717,0.225998 0.07717,0.501606 z m -0.851627,0.05512 q 0,-0.636653 -0.520898,-0.636653 -0.118511,0 -0.214974,0.0441 -0.09646,0.0441 -0.165364,0.124024 -0.0689,0.07993 -0.107487,0.190169 -0.03583,0.107487 -0.03583,0.239778 0,0.146072 0.03858,0.272851 0.03858,0.12678 0.107487,0.223242 0.07166,0.09371 0.16812,0.148829 0.09646,0.05512 0.214974,0.05512 0.118511,0 0.212218,-0.04685 0.09646,-0.04961 0.162608,-0.135048 0.0689,-0.08819 0.104731,-0.209462 0.03583,-0.124023 0.03583,-0.270095 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11914" />
|
||||||
|
<path
|
||||||
|
d="m -11.581278,62.626603 q -0.214974,0 -0.358289,-0.132292 -0.143316,-0.132291 -0.143316,-0.325216 0,-0.198438 0.146072,-0.325217 0.148828,-0.12678 0.369314,-0.12678 0.223242,0 0.363801,0.129536 0.143316,0.126779 0.143316,0.322461 0,0.201193 -0.146072,0.330729 -0.143316,0.126779 -0.374826,0.126779 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11916" />
|
||||||
|
<path
|
||||||
|
d="m -9.2027857,62.626603 q -1.4111103,0 -1.4111103,-1.981617 0,-1.028016 0.380338,-1.565451 0.3830948,-0.54019 1.1079423,-0.54019 1.3780372,0 1.3780372,2.01469 0,1.003211 -0.3775822,1.53789 -0.3748261,0.534678 -1.077625,0.534678 z m 0.038585,-3.423044 q -0.5649952,0 -0.5649952,1.419378 0,1.336696 0.5539709,1.336696 0.5401906,0 0.5401906,-1.378037 0,-1.378037 -0.5291663,-1.378037 z"
|
||||||
|
style="font-weight:bold;font-size:5.64444px;font-family:Ebrima;-inkscape-font-specification:'Ebrima Bold';text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:0.581085"
|
||||||
|
id="path11918" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 4.2 KiB |
7
static/motifbuttonpressed.css
Normal file
7
static/motifbuttonpressed.css
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
.top-buttons a:last-child{
|
||||||
|
background-color: var(--light-border);
|
||||||
|
border-style: inset;
|
||||||
|
border-color: var(--light-border);
|
||||||
|
border-radius: 1.2rem;
|
||||||
|
border-width: 0.3rem;
|
||||||
|
}
|
||||||
25
static/script.js
Normal file
25
static/script.js
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
function getAnchor() {
|
||||||
|
return (document.URL.split('#').length > 1) ? document.URL.split('#')[1] : null;
|
||||||
|
}
|
||||||
|
|
||||||
|
window.addEventListener('load', (event) => {
|
||||||
|
preclicked = getAnchor();
|
||||||
|
console.log(preclicked);
|
||||||
|
const radiobutton = document.getElementById(preclicked);
|
||||||
|
console.log(radiobutton);
|
||||||
|
if (radiobutton){
|
||||||
|
radiobutton.checked = true;
|
||||||
|
|
||||||
|
}
|
||||||
|
label = document.getElementById(`${preclicked}_label`)
|
||||||
|
label.scrollIntoView();
|
||||||
|
});
|
||||||
|
|
||||||
|
function collapse(clickevent){
|
||||||
|
const radiobutton = document.getElementById(clickevent.target.htmlFor);
|
||||||
|
if (radiobutton.checked){
|
||||||
|
radiobutton.checked = false;
|
||||||
|
clickevent.preventDefault();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
7
static/songbuttonpressed.css
Normal file
7
static/songbuttonpressed.css
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
.top-buttons a:first-child{
|
||||||
|
background-color: var(--light-border);
|
||||||
|
border-style: inset;
|
||||||
|
border-color: var(--light-border);
|
||||||
|
border-radius: 1.2rem;
|
||||||
|
border-width: 0.3rem;
|
||||||
|
}
|
||||||
295
static/style.css
295
static/style.css
@ -1,12 +1,13 @@
|
|||||||
/* body{
|
|
||||||
max-width:50rem;margin-left:auto;margin-right:auto;
|
|
||||||
} */
|
|
||||||
|
|
||||||
:root{
|
:root{
|
||||||
--light-block: lch(90% 25 85);
|
--light-block: lch(90% 25 85);
|
||||||
--light-box: lch(100% 0 90);
|
--light-box: lch(100% 0 90);
|
||||||
--light-back: linear-gradient(90deg, lch(95% 20 260), white 25%, white 75%, lch(95% 20 260));
|
--light-back: linear-gradient(90deg, lch(95% 20 260), white 25%, white 75%, lch(95% 20 260));
|
||||||
--light-border: lch(80% 45 85);
|
--light-border: lch(80% 45 85);
|
||||||
|
font-family: "Zen Maru Gothic", sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6{
|
||||||
|
font-family: "Shippori Mincho", serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
body{
|
body{
|
||||||
@ -39,11 +40,12 @@ footer{
|
|||||||
.top-buttons{
|
.top-buttons{
|
||||||
display: flex;
|
display: flex;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 1rem;
|
padding: 1.2rem;
|
||||||
column-gap: 1rem;
|
column-gap: .6rem;
|
||||||
max-height: fit-content;
|
max-height: fit-content;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-buttons a{
|
.top-buttons a{
|
||||||
flex: auto;
|
flex: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -51,21 +53,28 @@ footer{
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
border-style: outset;
|
||||||
|
border-color: var(--light-border);
|
||||||
|
border-radius: 1.2rem;
|
||||||
|
border-width: 0.3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.top-buttons a:nth-child(2){
|
.top-buttons a:nth-child(2){
|
||||||
flex: none;
|
flex: none;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-buttons a::before{
|
.top-buttons a:nth-child(2):before{
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
border-style: outset;
|
border-style: outset;
|
||||||
border-color: var(--light-border);
|
border-color: var(--light-border);
|
||||||
border-radius: 1rem;
|
border-radius: 1.2rem;
|
||||||
|
border-width: 0.3rem;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
@ -73,6 +82,22 @@ footer{
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* .top-buttons a::before{
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
border-style: outset;
|
||||||
|
border-color: var(--light-border);
|
||||||
|
border-radius: 1.2rem;
|
||||||
|
border-width: 0.3rem;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
} */
|
||||||
|
|
||||||
.top-buttons li{
|
.top-buttons li{
|
||||||
vertical-align: center;
|
vertical-align: center;
|
||||||
}
|
}
|
||||||
@ -81,8 +106,10 @@ footer{
|
|||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* SEARCH BAR */
|
||||||
|
|
||||||
.search-bar{
|
.search-bar{
|
||||||
max-width: 50rem;
|
max-width: 64rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
@ -108,7 +135,7 @@ footer{
|
|||||||
all: unset;
|
all: unset;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 1rem;
|
height: 1.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
#search-results{
|
#search-results{
|
||||||
@ -133,7 +160,7 @@ footer{
|
|||||||
|
|
||||||
main{
|
main{
|
||||||
background-color: var(--light-block);
|
background-color: var(--light-block);
|
||||||
max-width: 50rem;
|
max-width: 64rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
@ -152,6 +179,7 @@ h1{
|
|||||||
|
|
||||||
h2{
|
h2{
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
font-
|
||||||
}
|
}
|
||||||
|
|
||||||
h3{
|
h3{
|
||||||
@ -162,6 +190,37 @@ a{
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* HOME BUTTONS */
|
||||||
|
|
||||||
|
.home-title{
|
||||||
|
padding: 4.8rem;
|
||||||
|
text-align: center;
|
||||||
|
border-style: solid;
|
||||||
|
border-top: 0; border-left: 0; border-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-nav{
|
||||||
|
display: flex;
|
||||||
|
flex: auto;
|
||||||
|
justify-content: space-around;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-button{
|
||||||
|
border-style: outset;
|
||||||
|
border-color: var(--light-border);
|
||||||
|
border-radius: 1.2rem;
|
||||||
|
flex: auto;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
list-style: none;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* INDEX LISTS */
|
||||||
|
|
||||||
.album-list{
|
.album-list{
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -174,17 +233,22 @@ a{
|
|||||||
flex-basis: 51%;
|
flex-basis: 51%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.album-info{
|
.album-icon{
|
||||||
display: flex;
|
display: inline-block;
|
||||||
align-items: baseline;
|
align-self: center;
|
||||||
/* border-style: solid;
|
}
|
||||||
border-top: 0; border-left: 0; border-right: 0; */
|
|
||||||
margin: 1rem;
|
.date{
|
||||||
margin-bottom: 0.5rem;
|
margin-top: .3rem; margin-left: 2.4rem;
|
||||||
background: var(--light-box);
|
}
|
||||||
position: sticky;
|
|
||||||
top: 0px;
|
/* INDEX ENTRIES */
|
||||||
gap: 1rem;
|
|
||||||
|
.sort-box{
|
||||||
|
border-style: solid;
|
||||||
|
border-left: 0; border-right: 0; border-top: 0;
|
||||||
|
border-color: black;
|
||||||
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sort-box h2{
|
.sort-box h2{
|
||||||
@ -192,42 +256,52 @@ a{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.sort-box.album{
|
.sort-box.album{
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1.2rem;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
border-style: solid;
|
||||||
|
border-top: 0; border-left: 0; border-right: 0;
|
||||||
|
border-width: 1px;
|
||||||
|
margin: 1.2rem; margin-bottom: 0;
|
||||||
|
background: var(--light-block);
|
||||||
|
position: sticky;
|
||||||
|
top: 0;
|
||||||
|
gap: .6rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.date{
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sort-box.category{
|
||||||
|
gap: 1.2rem;
|
||||||
|
margin-left: auto; margin-right: auto; margin-bottom: 1.2rem;
|
||||||
|
width: 24rem;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.sort-box.category{
|
.sort-box.category{
|
||||||
gap: 1rem;
|
margin: 1.2rem;
|
||||||
margin-left: auto; margin-right: auto;
|
|
||||||
width: 24rem;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sort-box.category h2{
|
|
||||||
margin: 1rem;
|
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
border-style: solid;
|
background: var(--light-block);
|
||||||
border-color: var(--light-box);
|
|
||||||
background: var(--light-box);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry-box{
|
.entry-box{
|
||||||
list-style: none;
|
list-style: none;
|
||||||
min-height: 1.5rem;
|
min-height: 1.8rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
border-radius: 1rem 0% 0% 1rem;
|
border-radius: 1.2rem 0% 0% 1.2rem;
|
||||||
background: linear-gradient(90deg, var(--light-box) 90%, rgba(255, 255, 255, 0) 100%);
|
background: linear-gradient(90deg, var(--light-box) 90%, rgba(255, 255, 255, 0) 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry-box.song{
|
.entry-box.song{
|
||||||
margin-top: 0.5rem; margin-bottom: 0.5rem; margin-left: 1rem; margin-right: 1rem;
|
margin-top: .6rem; margin-bottom: .6rem; margin-left: 1.2rem; margin-right: 1.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry-box.motif{
|
.entry-box.motif{
|
||||||
margin: 1rem;
|
margin: 1.2rem; margin-bottom: 0;
|
||||||
margin-bottom: 0;
|
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: baseline;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry-box.song li{
|
.entry-box.song li{
|
||||||
@ -235,11 +309,12 @@ a{
|
|||||||
flex: auto;
|
flex: auto;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
justify-content: left;
|
justify-content: left;
|
||||||
column-gap: 1rem;
|
/* align-content: bottom; */
|
||||||
align-content: bottom;
|
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
height: 1.5rem;
|
text-overflow: ellipsis;
|
||||||
|
height: 1.8rem;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry-box.song span{
|
.entry-box.song span{
|
||||||
@ -247,18 +322,10 @@ a{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.entry-box.song.empty{
|
.entry-box.song.empty{
|
||||||
margin-top: 0; margin-bottom: 0;
|
margin-top: 0; margin-bottom: 0; margin-right: 2.4rem;
|
||||||
background: none;
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry-box.song.full li span{
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.entry-box.song.empty li span{
|
|
||||||
color: gray;
|
|
||||||
}
|
|
||||||
|
|
||||||
.entry-box.motif span{
|
.entry-box.motif span{
|
||||||
color: black;
|
color: black;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
@ -267,32 +334,53 @@ a{
|
|||||||
|
|
||||||
.entry-box.motif::before{
|
.entry-box.motif::before{
|
||||||
content: "b";
|
content: "b";
|
||||||
min-width: 4rem;
|
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.motif-name{
|
.motif-name{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.track-number{
|
||||||
|
min-width: 2.4rem;
|
||||||
|
margin-left: .6rem;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.track-name{
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
.track-name-jp{
|
||||||
|
margin-left: 1.2rem;
|
||||||
|
color: gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty{
|
||||||
|
color: gray;
|
||||||
}
|
}
|
||||||
|
|
||||||
.clip-count{
|
.clip-count{
|
||||||
color: black;
|
color: black;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
display: inline;
|
display: inline;
|
||||||
align-self: center;
|
|
||||||
text-align: right;
|
text-align: right;
|
||||||
min-width: 1.5rem;
|
min-width: 0;
|
||||||
margin-right: 1rem;
|
margin-right: 1.2rem;
|
||||||
|
min-width: 1.6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.count-icon{
|
.count-icon{
|
||||||
width: 1rem; height: 1rem;
|
width: 1.2rem; height: 1.2rem;
|
||||||
margin-left: auto; margin-right: 0.2rem;
|
margin-left: auto;
|
||||||
display: block;
|
display: block;
|
||||||
align-self: center;
|
align-self: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* SONG INDEX ALBUM DROPDOWNS */
|
||||||
|
|
||||||
.sort-box.album label{
|
.sort-box.album label{
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
@ -302,82 +390,91 @@ a{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.sort-list{
|
.sort-list{
|
||||||
visibility: collapse;
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sort-box.album > *{
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sort-box.album::after{
|
||||||
|
content: "▼";
|
||||||
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.collapse:checked ~ .sort-list{
|
.collapse:checked ~ .sort-list{
|
||||||
visibility: visible;
|
display:initial
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.collapse:checked ~ .sort-box.album::after{
|
||||||
|
content: "▲";
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ENTRY PAGE TITLES */
|
||||||
|
|
||||||
.title-box{
|
.title-box{
|
||||||
margin: 1rem;
|
margin: 1.2rem; margin-bottom: 1.2rem;
|
||||||
border-style: solid;
|
|
||||||
border-color: var(--light-box);
|
|
||||||
background: var(--light-box);
|
background: var(--light-box);
|
||||||
|
}
|
||||||
|
|
||||||
|
.eng-title{
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
/* margin-bottom: .6rem; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-box img{
|
.title-box img{
|
||||||
vertical-align: bottom;
|
align-self: center;
|
||||||
|
margin-left: .6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-box h1{
|
.title-box h1{
|
||||||
margin-left: .5rem;
|
margin-left: .6rem;
|
||||||
max-width: 65%;
|
min-width: 0;
|
||||||
|
font-size: calc(1.2rem + .6vw);
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-jp{
|
.title-jp{
|
||||||
margin-left: 2rem;
|
color: gray;
|
||||||
max-width: 65%;
|
margin-right: 1.2rem; padding-bottom: .6rem;
|
||||||
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-album{
|
.title-album{
|
||||||
margin-left: auto;
|
margin-left: auto; margin-right: .7rem; margin-top: .7rem;
|
||||||
min-width: 2rem;
|
align-self: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.title-album img{
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ENTRY PAGE DETAILS */
|
||||||
|
|
||||||
.track-info{
|
.track-info{
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: center;
|
justify-content: space-around;
|
||||||
row-gap: 1rem;
|
gap: 1.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.track-info li{
|
.track-info li{
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.songpage-artist{
|
.songpage-detail{
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
width: 23rem;
|
min-width: 16rem;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.songpage-artist ul{
|
.songpage-detail ul{
|
||||||
gap: 0.5rem;
|
gap: .6rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.songpage-artist h2{
|
.songpage-detail h2{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1.2rem;
|
||||||
}
|
|
||||||
|
|
||||||
.songpage-album{
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
width: 23rem;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.songpage-album ul{
|
|
||||||
gap: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.songpage-album h2{
|
|
||||||
text-align: center;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.entrypage-connections{
|
.entrypage-connections{
|
||||||
@ -388,11 +485,11 @@ a{
|
|||||||
}
|
}
|
||||||
.entrypage-connections h2{
|
.entrypage-connections h2{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entrypage-clip{
|
.entrypage-clip{
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1.2rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap-reverse;
|
flex-wrap: wrap-reverse;
|
||||||
column-gap: 2rem;
|
column-gap: 2rem;
|
||||||
@ -401,8 +498,8 @@ a{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.clip-pointer{
|
.clip-pointer{
|
||||||
width: 12rem;
|
width: 18rem;
|
||||||
white-space: nowrap;
|
/* white-space: nowrap; */
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -5,9 +5,12 @@
|
|||||||
<title>{% block title required %}{% endblock %} - Eorzea Songbook</title>
|
<title>{% block title required %}{% endblock %} - Eorzea Songbook</title>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1" />
|
||||||
<meta name="description" content="Listen to the motifs of Final Fantasy XIV's soundtrack." />
|
<meta name="description" content="Listen to the motifs of Final Fantasy XIV's soundtrack." />
|
||||||
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Shippori+Mincho|Shippori+Mincho:bold|Zen+Maru+Gothic|Zen+Maru+Gothic:bold" />
|
||||||
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" />
|
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" />
|
||||||
|
{%block sheet %}{% endblock %}
|
||||||
<link rel="icon" sizes="16x16 32x32 48x48" type="image/png" href="" />
|
<link rel="icon" sizes="16x16 32x32 48x48" type="image/png" href="" />
|
||||||
<script src="https://unpkg.com/htmx.org@1.9.2" integrity="sha384-L6OqL9pRWyyFU3+/bjdSri+iIphTN/bvYyM37tICVyOJkWZLpP2vGn6VUEXgzg6h" crossorigin="anonymous"></script>
|
<script src="https://unpkg.com/htmx.org@1.9.2" integrity="sha384-L6OqL9pRWyyFU3+/bjdSri+iIphTN/bvYyM37tICVyOJkWZLpP2vGn6VUEXgzg6h" crossorigin="anonymous"></script>
|
||||||
|
<script src="{{ url_for('static', filename='script.js') }}"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
@ -3,11 +3,20 @@
|
|||||||
{% block nav %}{% endblock %}
|
{% block nav %}{% endblock %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
|
||||||
<h1>The Eorzea Songbook</h1>
|
<h1 class="home-title">The Eorzea Songbook</h1>
|
||||||
|
|
||||||
<a href="{{ url_for('songindex') }}">View Songs</a>
|
<p> Explore the music of Final Fantasy XIV! Discover the recurring melodies in your favorite songs, or take a closer look at the motifs and their appearances. </p>
|
||||||
|
|
||||||
<a href="{{ url_for('motifindex') }}">View Motifs</a>
|
<div class="home-nav">
|
||||||
|
<a href="{{ url_for('songindex') }}" class="home-button">
|
||||||
|
<img src="/static/songicon.png" alt="Song Index" />
|
||||||
|
<h2>Songs</h2>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="{{ url_for('motifindex') }}" class="home-button">
|
||||||
|
<img src="/static/motificon.png" alt="Motif Index" />
|
||||||
|
<h2>Motifs</h2>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
{% block footer %}{% endblock %}
|
{% block footer %}{% endblock %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
@ -2,14 +2,16 @@
|
|||||||
|
|
||||||
{% block title %}{{ name }}{% endblock %}
|
{% block title %}{{ name }}{% endblock %}
|
||||||
|
|
||||||
|
{% block sheet %}<link rel="stylesheet" href="{{ url_for('static', filename='motifbuttonpressed.css') }}" />{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<hgroup class="title-box">
|
<hgroup class="title-box eng-title">
|
||||||
<h1> <img src="/static/motificon.png" alt="Motif Icon" class="title-icon"/> {{ name }} </h1>
|
<img src="/static/motificon.png" alt="Motif Icon" class="title-icon"/><h1> {{ name }} </h1>
|
||||||
</hgroup>
|
</hgroup>
|
||||||
<!-- Clips -->
|
<!-- Clips -->
|
||||||
|
|
||||||
<div class="entrypage-connections">
|
<div class="entrypage-connections">
|
||||||
<h2>Songs Featured:</h2>
|
<h2>Featured In:</h2>
|
||||||
<ul>
|
<ul>
|
||||||
{% for song_id, motif_id, song in clip_info %}
|
{% for song_id, motif_id, song in clip_info %}
|
||||||
<li class="entrypage-clip">
|
<li class="entrypage-clip">
|
||||||
|
|||||||
@ -1,39 +1,25 @@
|
|||||||
{% extends 'base.html' %}
|
{% extends 'base.html' %}
|
||||||
{% block title %}Motif Index{% endblock %}
|
{% block title %}Motif Index{% endblock %}
|
||||||
|
|
||||||
|
{% block sheet %}<link rel="stylesheet" href="{{ url_for('static', filename='motifbuttonpressed.css') }}" />{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<section class="category-list">
|
<section class="category-list">
|
||||||
{% for category_id, name in category_info %}
|
{% for category_id, name in category_info %}
|
||||||
<div class="sort-box category">
|
<div>
|
||||||
<h2>{{ name }}</h2>
|
<h2 class="sort-box category">{{ name }}</h2>
|
||||||
<ul>
|
<ul>
|
||||||
{% for motif_id, motif, category, count in motif_info if category == category_id %}
|
{% for motif_id, motif, category, count in motif_info if category == category_id %}
|
||||||
<a href="{{ url_for('motifpage', id=motif_id) }}" class="entry-box motif">
|
<a href="{{ url_for('motifpage', id=motif_id) }}" class="entry-box motif">
|
||||||
<li>
|
<li>
|
||||||
<span class="motif-name">{{ motif }}</span>
|
<div class="motif-name">{{ motif }}</div>
|
||||||
</li>
|
</li>
|
||||||
<img src="/static/songicon.png" alt="Song Icon" class="count-icon"/>
|
<img src="/static/songicon.png" alt="Song Icon" class="count-icon"/>
|
||||||
{% if count %}<span class="clip-count">x {{ count }}</span>{% endif %}
|
{% if count %}<div class="clip-count">⨯{{ count }}</div>{% endif %}
|
||||||
</a>
|
</a>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
<div class="sort-box category">
|
|
||||||
<h2>Misc.</h2>
|
|
||||||
<ul>
|
|
||||||
{% for motif_id, motif, category, count in motif_info if category == '' %}
|
|
||||||
<a href="{{ url_for('motifpage', id=motif_id) }}" class="entry-box motif">
|
|
||||||
<li>
|
|
||||||
<span class="motif-name">{{ motif }}</span>
|
|
||||||
</li>
|
|
||||||
<img src="/static/songicon.png" alt="Song Icon" class="count-icon"/>
|
|
||||||
{% if count %}<span class="clip-count">x {{ count }} {% endif %}</span>
|
|
||||||
</a>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
@ -3,24 +3,33 @@
|
|||||||
{% for name, _ in song_info %}{{ name }}{% endfor %}
|
{% for name, _ in song_info %}{{ name }}{% endfor %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
{% block sheet %}<link rel="stylesheet" href="{{ url_for('static', filename='songbuttonpressed.css') }}" />{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<hgroup class="title-box">
|
<hgroup class="title-box">
|
||||||
<img src="/static/songicon.png" alt="Song Icon" class="title-icon"/>
|
<div class="eng-title">
|
||||||
|
<img src="/static/songicon.png" alt="Song Icon" />
|
||||||
{% for name, name_jp in song_info %}
|
{% for name, name_jp in song_info %}
|
||||||
<h1>{{ name }}</h1>
|
<h1>{{ name }}</h1>
|
||||||
|
{% endfor %}
|
||||||
|
<h3 class="title-album">
|
||||||
|
{% for track, _, _, album_code in album_info %}
|
||||||
|
<img src="{{ url_for('static', filename='albumicons/') }}{{ album_code }}.svg" alt="{{ album_code }}" />{% if not loop.last %}{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
{% for name, name_jp in song_info %}
|
||||||
{% if name_jp %}
|
{% if name_jp %}
|
||||||
<h2 class="title-jp">{{name_jp}}</h2>
|
<h2 class="title-jp">{{name_jp}}</h2>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
{% for track, _, _, album_code in album_info %}
|
|
||||||
<h3 class="title-album">{{ album_code }}{% if not loop.last %}, {% endif %}</h3>
|
|
||||||
{% endfor %}
|
|
||||||
</hgroup>
|
</hgroup>
|
||||||
|
|
||||||
|
|
||||||
<!-- Artist info -->
|
<!-- Artist info -->
|
||||||
|
|
||||||
<div class="track-info">
|
<div class="track-info">
|
||||||
<div class="songpage-artist">
|
<div class="songpage-detail">
|
||||||
<h2 >Artist: </h2>
|
<h2 >Artist: </h2>
|
||||||
<ul>
|
<ul>
|
||||||
{% for name, name_rm, credit in artist_info %}
|
{% for name, name_rm, credit in artist_info %}
|
||||||
@ -31,11 +40,11 @@
|
|||||||
|
|
||||||
<!-- Album info -->
|
<!-- Album info -->
|
||||||
|
|
||||||
<div class="songpage-album">
|
<div class="songpage-detail">
|
||||||
<h2>Album: </h2>
|
<h2>Album: </h2>
|
||||||
<ul>
|
<ul>
|
||||||
{% for album_id, track, album_name, album_code in album_info %}
|
{% for album_id, track, album_name, album_code in album_info %}
|
||||||
<li><a href="{{ url_for('albumpage', id=album_id) }}">{{ album_name }}</a> - #{{ track }}</li>
|
<li><a href="{{ url_for('songindex', _anchor='') }}{{ album_code }}">{{ album_name }}</a> - #{{ track }}</li>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -4,40 +4,40 @@
|
|||||||
|
|
||||||
{% block title %}Song Index{% endblock %}
|
{% block title %}Song Index{% endblock %}
|
||||||
|
|
||||||
|
{% block sheet %}<link rel="stylesheet" href="{{ url_for('static', filename='songbuttonpressed.css') }}" />{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<section class="album-list">
|
<section class="album-list">
|
||||||
{% for album_id, name, date, code in album_info %}
|
{% for album_id, name, date, code in album_info %}
|
||||||
<div class="sort-box album">
|
|
||||||
<input type="radio" name="album" id="{{ code }}" class="collapse">
|
<input type="radio" name="album" id="{{ code }}" class="collapse">
|
||||||
<label for="{{ code }}" class="album-info">
|
<label for="{{ code }}" id="{{ code }}" class="sort-box album" onclick="collapse(event)">
|
||||||
|
<img src="{{ url_for('static', filename='albumicons/') }}{{ code }}.svg" alt="{{ code }}" class="album-icon"/>
|
||||||
<h2>{{ name }}</h2>
|
<h2>{{ name }}</h2>
|
||||||
<span class="code">{{ code }}</span>
|
|
||||||
<span class="date">{{ date }}</span>
|
|
||||||
</label>
|
</label>
|
||||||
<ul class="sort-list">
|
<ul class="sort-list">
|
||||||
|
<span class="date">Released: {{ date }}</span>
|
||||||
{% for song_id, album, track, name, name_jp, count in song_info if album_id == album %}
|
{% for song_id, album, track, name, name_jp, count in song_info if album_id == album %}
|
||||||
{% if count > 0 %}
|
{% if count > 0 %}
|
||||||
<a href="{{ url_for('songpage', id=song_id) }}" class="entry-box song full">
|
<a href="{{ url_for('songpage', id=song_id) }}" class="entry-box song full">
|
||||||
<li>
|
<li>
|
||||||
<span class="track-number">#{{ track }}: </span>
|
<span class="track-number full">#{{ track }}: </span>
|
||||||
<span class="track-name">{{ name }}</span>
|
<span class="track-name full">{{ name }}</span>
|
||||||
{% if name_jp %}<span class="track-name-jp">{{ name_jp }}</span>{% endif %}
|
{% if name_jp %}<span class="track-name-jp full">{{ name_jp }}</span>{% endif %}
|
||||||
</li>
|
</li>
|
||||||
<img src="/static/motificon.png" alt="Motif Icon" class="count-icon"/>
|
<img src="/static/motificon.png" alt="Motif Icon" class="count-icon"/>
|
||||||
<span class="clip-count">x {{ count }} </span>
|
<span class="clip-count">⨯ {{ count }} </span>
|
||||||
</a>
|
</a>
|
||||||
{% else %}
|
{% else %}
|
||||||
<a href="{{ url_for('songpage', id=song_id) }}" class="entry-box song empty">
|
<a href="{{ url_for('songpage', id=song_id) }}" class="entry-box song empty">
|
||||||
<li>
|
<li>
|
||||||
<span class="track-number">#{{ track }}: </span>
|
<span class="track-number empty">#{{ track }}: </span>
|
||||||
<span class="track-name">{{ name }}</span>
|
<span class="track-name empty">{{ name }}</span>
|
||||||
{% if name_jp %}<span class="track-name-jp">{{ name_jp }}</span>{% endif %}
|
{% if name_jp %}<span class="track-name-jp empty">{{ name_jp }}</span>{% endif %}
|
||||||
</li>
|
</li>
|
||||||
</a>
|
</a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user