Website theming
Some styling & theming, including a new icon. Probably not the final color scheme, but better than the "this looks like default Bootstrap" blue color.
This commit is contained in:
Sybren A. Stüvel
parent
9939e43b63
commit
37db10481e
31
web/flamenco-io-site/static/brand.svg
Normal file
31
web/flamenco-io-site/static/brand.svg
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
width="549.52301"
|
||||||
|
height="549.52301"
|
||||||
|
id="svg2"
|
||||||
|
version="1.1"
|
||||||
|
xml:space="preserve"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"><defs
|
||||||
|
id="defs4" /><metadata
|
||||||
|
id="metadata7"><rdf:RDF><cc:Work
|
||||||
|
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><g
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(-40.037735,57.600667)"><g
|
||||||
|
id="g2995"
|
||||||
|
transform="matrix(0.66925035,0,0,0.66925035,371.3471,-72.927844)"
|
||||||
|
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"><g
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:708.355px;line-height:125%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000"
|
||||||
|
id="text2984"><path
|
||||||
|
style="color:#000000;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.47105;stroke-linecap:round"
|
||||||
|
id="path1158"
|
||||||
|
d="M -80.252426,22.923923 A 410.55118,410.55118 0 0 1 326.03894,437.29024 410.55118,410.55118 0 0 1 -87.926529,843.99002 410.55118,410.55118 0 0 1 -495.03432,430.4258 410.55118,410.55118 0 0 1 -81.871764,22.910384" /><path
|
||||||
|
d="m -48.041991,633.10581 c -5.667221,-0.47221 -11.570172,-2.36115 -17.708869,-5.66684 -6.139439,-3.77785 -11.334035,-7.79186 -15.583804,-12.04203 -5.194952,-6.61126 -8.97284,-14.40315 -11.333676,-23.37571 -2.361524,-8.97241 -2.597642,-17.70878 -0.708354,-26.20912 2.360836,-9.91686 7.319314,-18.65323 14.875449,-26.20913 8.027654,-8.02788 17.000138,-12.98636 26.91748,-14.87545 3.777503,-0.94433 8.972099,-1.18045 15.583804,-0.70835 7.08314,1.4e-4 12.513854,0.70849 16.292159,2.12506 8.499831,3.30579 15.5833716,8.26427 21.2506423,14.87545 6.1386298,6.13919 10.3887537,13.69497 12.7503857,22.66735 1.416256,4.25023 1.888492,9.91706 1.416709,17.00052 -4.53e-4,7.08362 -0.708807,12.51434 -2.125064,16.29216 -2.361631,6.61137 -6.1395189,12.75044 -11.3336759,18.41722 -4.7227994,5.19464 -10.3896316,9.44477 -17.0005141,12.75038 -10.86185,5.19464 -21.959397,6.84746 -33.292672,4.95849 M -386.63556,599.81313 c -0.47228,-0.9444 -0.23616,-11.09748 0.70836,-30.45925 -0.94452,23.6119 0.23607,-10.86133 3.54177,-103.41979 -5e-5,-6.13887 0.23607,-17.47253 0.70836,-34.00103 l 1.41671,-41.08457 c 0.94441,-29.7506 2.36112,-51.70957 4.25013,-65.87699 1.88888,-14.63898 4.7223,-25.26429 8.50025,-31.87597 1.41664,-2.83304 5.66677,-9.44434 12.75039,-19.83393 7.55569,-10.3888 14.167,-19.12517 19.83393,-26.20912 7.55567,-10.38878 15.11145,-19.59738 22.66735,-27.62584 8.02789,-8.02757 19.83379,-18.41676 35.41774,-31.16761 12.75021,-10.86095 21.48658,-17.70837 26.20912,-20.54229 4.72218,-3.30515 9.91677,-5.43021 15.58381,-6.37519 14.16688,-2.83291 40.37598,3.07004 78.62737,17.70887 38.72308,14.6398 92.321865,38.95996 160.7965293,72.96054 73.1961417,37.30706 131.9895307,69.41911 176.3803307,96.33624 13.69423,8.50057 23.13895,15.11187 28.33419,19.83394 5.66618,4.72265 9.91631,9.91725 12.75038,15.5838 0.94382,2.36146 1.41605,4.25041 1.41671,5.66684 0.47158,0.94475 0.47158,2.36145 0,4.25013 l -2.12506,5.66683 c -1.41737,2.36145 -9.6815,11.57005 -24.79242,27.62584 -15.11218,15.58403 -27.62644,27.86216 -37.5428,36.83444 -12.27873,11.33387 -20.77898,18.65353 -25.50077,21.959 -4.25069,3.30583 -8.73694,4.95866 -13.45874,4.95848 -6.61186,1.8e-4 -13.93152,-1.65265 -21.958996,-4.95848 -7.556311,-3.30547 -20.778919,-10.62513 -39.667865,-21.959 -39.66832,-24.08383 -89.253102,-51.00128 -148.754494,-80.75244 -41.557115,-21.25033 -80.516585,-39.90366 -116.878535,-55.96002 -35.41793,-16.05569 -53.3629,-22.90311 -53.83496,-20.54229 l -3.54177,148.7545 c -0.47241,12.27834 -1.41688,20.77859 -2.83342,25.50077 -0.4724,2.36136 -2.36135,6.61149 -5.66684,12.75038 -9.91712,20.77856 -25.97314,42.2653 -48.16812,64.46028 -13.22272,12.75048 -25.73698,23.3758 -37.5428,31.87597 -11.80598,8.50032 -20.07011,12.75045 -24.79242,12.75038 -1.41676,7e-5 -2.36123,-0.94441 -2.83342,-2.83342"
|
||||||
|
style="fill:#513c6b;fill-opacity:1"
|
||||||
|
id="path2986" /></g></g></g></svg>
|
||||||
|
After Width: | Height: | Size: 4.4 KiB |
154
web/flamenco-io-site/static/custom.css
Normal file
154
web/flamenco-io-site/static/custom.css
Normal file
@ -0,0 +1,154 @@
|
|||||||
|
/* Global customization */
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--code-max-height: 60rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Light mode theming */
|
||||||
|
:root,
|
||||||
|
:root[color-theme="light"] {
|
||||||
|
--header-background: #513c6b;
|
||||||
|
--header-font-color: #ffffff;
|
||||||
|
|
||||||
|
--body-background: #ffffff;
|
||||||
|
--body-font-color: #343a40;
|
||||||
|
|
||||||
|
--mark-color: #ffab00;
|
||||||
|
|
||||||
|
--button-background: #7d6897;
|
||||||
|
--button-border-color: #513c6b;
|
||||||
|
|
||||||
|
--link-color: #513c6b;
|
||||||
|
--link-color-visited: #c54e8a;
|
||||||
|
|
||||||
|
--code-background: #f5f6f8;
|
||||||
|
--code-accent-color: #e3e7eb;
|
||||||
|
--code-accent-color-lite: #eff1f3;
|
||||||
|
--code-font-color: #5f5f5f;
|
||||||
|
|
||||||
|
--code-copy-background: #f5f6f8;
|
||||||
|
--code-copy-font-color: #6b7784;
|
||||||
|
--code-copy-border-color: #adb4bc;
|
||||||
|
--code-copy-success-color: #a170e2;
|
||||||
|
|
||||||
|
--accent-color: #e9ecef;
|
||||||
|
--accent-color-lite: #f8f9fa;
|
||||||
|
|
||||||
|
--control-icons: #b2bac1;
|
||||||
|
|
||||||
|
--footer-background: #2f333e;
|
||||||
|
--footer-font-color: #ffffff;
|
||||||
|
--footer-link-color: #ffcc5c;
|
||||||
|
--footer-link-color-visited: #ffcc5c;
|
||||||
|
}
|
||||||
|
@media (prefers-color-scheme: light) {
|
||||||
|
:root {
|
||||||
|
--header-background: #513c6b;
|
||||||
|
--header-font-color: #ffffff;
|
||||||
|
|
||||||
|
--body-background: #ffffff;
|
||||||
|
--body-font-color: #343a40;
|
||||||
|
|
||||||
|
--mark-color: #ffab00;
|
||||||
|
|
||||||
|
--button-background: #7d6897;
|
||||||
|
--button-border-color: #513c6b;
|
||||||
|
|
||||||
|
--link-color: #518169;
|
||||||
|
--link-color-visited: #c54e8a;
|
||||||
|
|
||||||
|
--code-background: #f5f6f8;
|
||||||
|
--code-accent-color: #e3e7eb;
|
||||||
|
--code-accent-color-lite: #eff1f3;
|
||||||
|
--code-font-color: #5f5f5f;
|
||||||
|
|
||||||
|
--code-copy-background: #f5f6f8;
|
||||||
|
--code-copy-font-color: #6b7784;
|
||||||
|
--code-copy-border-color: #adb4bc;
|
||||||
|
--code-copy-success-color: #a170e2;
|
||||||
|
|
||||||
|
--accent-color: #e9ecef;
|
||||||
|
--accent-color-lite: #f8f9fa;
|
||||||
|
|
||||||
|
--control-icons: #b2bac1;
|
||||||
|
|
||||||
|
--footer-background: #2f333e;
|
||||||
|
--footer-font-color: #ffffff;
|
||||||
|
--footer-link-color: #ffcc5c;
|
||||||
|
--footer-link-color-visited: #ffcc5c;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Dark mode theming */
|
||||||
|
:root[color-theme="dark"] {
|
||||||
|
--header-background: #513c6b;
|
||||||
|
--header-font-color: #ffffff;
|
||||||
|
|
||||||
|
--body-background: #343a40;
|
||||||
|
--body-font-color: #ced3d8;
|
||||||
|
|
||||||
|
--mark-color: #ffab00;
|
||||||
|
|
||||||
|
--button-background: #7d6897;
|
||||||
|
--button-border-color: #513c6b;
|
||||||
|
|
||||||
|
--link-color: #a170e2;
|
||||||
|
--link-color-visited: #c27a9e;
|
||||||
|
|
||||||
|
--code-background: #2f353a;
|
||||||
|
--code-accent-color: #262b2f;
|
||||||
|
--code-accent-color-lite: #2b3035;
|
||||||
|
--code-font-color: #b9b9b9;
|
||||||
|
|
||||||
|
--code-copy-background: #343a40;
|
||||||
|
--code-copy-font-color: #6b7784;
|
||||||
|
--code-copy-border-color: #6b7784;
|
||||||
|
--code-copy-success-color: #37905c;
|
||||||
|
|
||||||
|
--accent-color: #2b3035;
|
||||||
|
--accent-color-lite: #2f353a;
|
||||||
|
|
||||||
|
--control-icons: #b2bac1;
|
||||||
|
|
||||||
|
--footer-background: #2f333e;
|
||||||
|
--footer-font-color: #ffffff;
|
||||||
|
--footer-link-color: #ffcc5c;
|
||||||
|
--footer-link-color-visited: #ffcc5c;
|
||||||
|
}
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
:root {
|
||||||
|
--header-background: #513c6b;
|
||||||
|
--header-font-color: #ffffff;
|
||||||
|
|
||||||
|
--body-background: #343a40;
|
||||||
|
--body-font-color: #ced3d8;
|
||||||
|
|
||||||
|
--mark-color: #ffab00;
|
||||||
|
|
||||||
|
--button-background: #7d6897;
|
||||||
|
--button-border-color: #513c6b;
|
||||||
|
|
||||||
|
--link-color: #a170e2;
|
||||||
|
--link-color-visited: #c27a9e;
|
||||||
|
|
||||||
|
--code-background: #2f353a;
|
||||||
|
--code-accent-color: #262b2f;
|
||||||
|
--code-accent-color-lite: #2b3035;
|
||||||
|
--code-font-color: #b9b9b9;
|
||||||
|
|
||||||
|
--code-copy-background: #343a40;
|
||||||
|
--code-copy-font-color: #6b7784;
|
||||||
|
--code-copy-border-color: #6b7784;
|
||||||
|
--code-copy-success-color: #37905c;
|
||||||
|
|
||||||
|
--accent-color: #2b3035;
|
||||||
|
--accent-color-lite: #2f353a;
|
||||||
|
|
||||||
|
--control-icons: #b2bac1;
|
||||||
|
|
||||||
|
--footer-background: #2f333e;
|
||||||
|
--footer-font-color: #ffffff;
|
||||||
|
--footer-link-color: #ffcc5c;
|
||||||
|
--footer-link-color-visited: #ffcc5c;
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
web/flamenco-io-site/static/favicon/favicon-16x16.png
Normal file
BIN
web/flamenco-io-site/static/favicon/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 802 B |
BIN
web/flamenco-io-site/static/favicon/favicon-32x32.png
Normal file
BIN
web/flamenco-io-site/static/favicon/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
31
web/flamenco-io-site/static/favicon/favicon.svg
Normal file
31
web/flamenco-io-site/static/favicon/favicon.svg
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
width="549.52301"
|
||||||
|
height="549.52301"
|
||||||
|
id="svg2"
|
||||||
|
version="1.1"
|
||||||
|
xml:space="preserve"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/"><defs
|
||||||
|
id="defs4" /><metadata
|
||||||
|
id="metadata7"><rdf:RDF><cc:Work
|
||||||
|
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||||
|
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><g
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(-40.037735,57.600667)"><g
|
||||||
|
id="g2995"
|
||||||
|
transform="matrix(0.66925035,0,0,0.66925035,371.3471,-72.927844)"
|
||||||
|
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"><g
|
||||||
|
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:708.355px;line-height:125%;font-family:'Open Sans';-inkscape-font-specification:'Open Sans';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#000000"
|
||||||
|
id="text2984"><path
|
||||||
|
style="color:#000000;overflow:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.47105;stroke-linecap:round"
|
||||||
|
id="path1158"
|
||||||
|
d="M -80.252426,22.923923 A 410.55118,410.55118 0 0 1 326.03894,437.29024 410.55118,410.55118 0 0 1 -87.926529,843.99002 410.55118,410.55118 0 0 1 -495.03432,430.4258 410.55118,410.55118 0 0 1 -81.871764,22.910384" /><path
|
||||||
|
d="m -48.041991,633.10581 c -5.667221,-0.47221 -11.570172,-2.36115 -17.708869,-5.66684 -6.139439,-3.77785 -11.334035,-7.79186 -15.583804,-12.04203 -5.194952,-6.61126 -8.97284,-14.40315 -11.333676,-23.37571 -2.361524,-8.97241 -2.597642,-17.70878 -0.708354,-26.20912 2.360836,-9.91686 7.319314,-18.65323 14.875449,-26.20913 8.027654,-8.02788 17.000138,-12.98636 26.91748,-14.87545 3.777503,-0.94433 8.972099,-1.18045 15.583804,-0.70835 7.08314,1.4e-4 12.513854,0.70849 16.292159,2.12506 8.499831,3.30579 15.5833716,8.26427 21.2506423,14.87545 6.1386298,6.13919 10.3887537,13.69497 12.7503857,22.66735 1.416256,4.25023 1.888492,9.91706 1.416709,17.00052 -4.53e-4,7.08362 -0.708807,12.51434 -2.125064,16.29216 -2.361631,6.61137 -6.1395189,12.75044 -11.3336759,18.41722 -4.7227994,5.19464 -10.3896316,9.44477 -17.0005141,12.75038 -10.86185,5.19464 -21.959397,6.84746 -33.292672,4.95849 M -386.63556,599.81313 c -0.47228,-0.9444 -0.23616,-11.09748 0.70836,-30.45925 -0.94452,23.6119 0.23607,-10.86133 3.54177,-103.41979 -5e-5,-6.13887 0.23607,-17.47253 0.70836,-34.00103 l 1.41671,-41.08457 c 0.94441,-29.7506 2.36112,-51.70957 4.25013,-65.87699 1.88888,-14.63898 4.7223,-25.26429 8.50025,-31.87597 1.41664,-2.83304 5.66677,-9.44434 12.75039,-19.83393 7.55569,-10.3888 14.167,-19.12517 19.83393,-26.20912 7.55567,-10.38878 15.11145,-19.59738 22.66735,-27.62584 8.02789,-8.02757 19.83379,-18.41676 35.41774,-31.16761 12.75021,-10.86095 21.48658,-17.70837 26.20912,-20.54229 4.72218,-3.30515 9.91677,-5.43021 15.58381,-6.37519 14.16688,-2.83291 40.37598,3.07004 78.62737,17.70887 38.72308,14.6398 92.321865,38.95996 160.7965293,72.96054 73.1961417,37.30706 131.9895307,69.41911 176.3803307,96.33624 13.69423,8.50057 23.13895,15.11187 28.33419,19.83394 5.66618,4.72265 9.91631,9.91725 12.75038,15.5838 0.94382,2.36146 1.41605,4.25041 1.41671,5.66684 0.47158,0.94475 0.47158,2.36145 0,4.25013 l -2.12506,5.66683 c -1.41737,2.36145 -9.6815,11.57005 -24.79242,27.62584 -15.11218,15.58403 -27.62644,27.86216 -37.5428,36.83444 -12.27873,11.33387 -20.77898,18.65353 -25.50077,21.959 -4.25069,3.30583 -8.73694,4.95866 -13.45874,4.95848 -6.61186,1.8e-4 -13.93152,-1.65265 -21.958996,-4.95848 -7.556311,-3.30547 -20.778919,-10.62513 -39.667865,-21.959 -39.66832,-24.08383 -89.253102,-51.00128 -148.754494,-80.75244 -41.557115,-21.25033 -80.516585,-39.90366 -116.878535,-55.96002 -35.41793,-16.05569 -53.3629,-22.90311 -53.83496,-20.54229 l -3.54177,148.7545 c -0.47241,12.27834 -1.41688,20.77859 -2.83342,25.50077 -0.4724,2.36136 -2.36135,6.61149 -5.66684,12.75038 -9.91712,20.77856 -25.97314,42.2653 -48.16812,64.46028 -13.22272,12.75048 -25.73698,23.3758 -37.5428,31.87597 -11.80598,8.50032 -20.07011,12.75045 -24.79242,12.75038 -1.41676,7e-5 -2.36123,-0.94441 -2.83342,-2.83342"
|
||||||
|
style="fill:#513c6b;fill-opacity:1"
|
||||||
|
id="path2986" /></g></g></g></svg>
|
||||||
|
After Width: | Height: | Size: 4.4 KiB |
Loading…
x
Reference in New Issue
Block a user