Skip to content
Snippets Groups Projects
Commit 7a009ee3 authored by betalars's avatar betalars
Browse files

Merge commit '126ef6d6'

parents b72da205 126ef6d6
Branches
No related tags found
No related merge requests found
function loadAndSetFont(font, fontName, setFunc) {
const custom_body_font = new FontFace(fontName, 'url(' + font + ')');
custom_body_font.load().then((loaded) => {
document.fonts.add(loaded);
setFunc();
}).catch((e) => {
alert('Das Laden der Schriftart ist fehlgeschlagen.')
console.log(e);
})
}
function setHeadingFont(fontName) {
const elements = document.querySelectorAll('h1, h2, .mock-h1, .mock-h2');
for (const element of elements) {
element.style.setProperty('font-family', fontName);
}
}
document.addEventListener('DOMContentLoaded', () => {
const styles = getComputedStyle(document.documentElement);
const colorInputs = document.getElementsByClassName('customization-color-input');
for (const colorInput of colorInputs) {
const display = document.getElementById(colorInput.id + '-display');
let initColor = styles.getPropertyValue('--' + colorInput.id);
if (initColor.substr(0, 1) === ' ') {
// Fix chromium setting the value with a leading space
initColor = initColor.substr(1);
}
colorInput.value = initColor;
display.innerText = initColor;
colorInput.addEventListener('change', (e) => {
display.innerText = e.target.value.toUpperCase();
})
}
const bodyFontInput = document.getElementById('body-font');
bodyFontInput.value = 'fonts/Ubuntu-M.ttf'; // TODO: find out if we can get this from the stylesheet
const headerFontInput = document.getElementById('header-font');
headerFontInput.value = 'fonts/Oxanium-VariableFont_wght.ttf';
const logoInputs = document.getElementsByClassName('img-input');
for (const logoInput of logoInputs) {
logoInput.value = document.getElementById(logoInput.id.replace('-input', '')).src;
}
const hr = document.querySelector('hr');
const hrImgInput = document.getElementById('hr-img-input');
hrImgInput.value = getComputedStyle(hr).backgroundImage.replace('url("', '').replace('")', '');
const style = document.documentElement.style;
const applyCustomizationButton = document.getElementById('apply-customization-button');
applyCustomizationButton.addEventListener('click', () => {
for (const colorInput of colorInputs) {
style.setProperty('--' + colorInput.id, colorInput.value);
}
loadAndSetFont(bodyFontInput.value, 'custom_body', () => document.body.style.setProperty('font-family', 'custom_body'));
loadAndSetFont(headerFontInput.value, 'custom_header', () => setHeadingFont('custom_header'));
for (const logoInput of logoInputs) {
const logo = document.getElementById(logoInput.id.replace('-input', ''));
logo.src = logoInput.value;
}
for (const hr of document.getElementsByTagName('hr')) {
hr.style.backgroundImage = 'url("' + hrImgInput.value + '")';
}
});
});
...@@ -30,7 +30,7 @@ body { ...@@ -30,7 +30,7 @@ body {
--text-color: var(--dark-text-color); --text-color: var(--dark-text-color);
--highlight-color: var(--dark-highlight-color); --highlight-color: var(--dark-highlight-color);
--secondary-highlight-color: var(--dark-secondary-highlight-color); --secondary-highlight-color: var(--dark-secondary-highlight-color);
--tertiary-highlight-color: var(--dark-tertiary-highlight-color:); --tertiary-highlight-color: var(--dark-tertiary-highlight-color);
--main-bg-color: var(--dark-main-bg-color); --main-bg-color: var(--dark-main-bg-color);
--secondary-bg-color: var(--dark-secondary-bg-color); --secondary-bg-color: var(--dark-secondary-bg-color);
--tertiary-bg-color: var(--dark-tertiary-bg-color); --tertiary-bg-color: var(--dark-tertiary-bg-color);
...@@ -260,7 +260,7 @@ a { ...@@ -260,7 +260,7 @@ a {
} }
a:not(.ignore-visited):visited, a.always-visited { a:not(.ignore-visited):visited, a.always-visited {
color: var(--secondary-highlight-color); color: var(--tertiary-highlight-color);
} }
input { input {
...@@ -391,6 +391,15 @@ hr::after { ...@@ -391,6 +391,15 @@ hr::after {
} }
} }
#sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
html { html {
/* Works around a bug in chromium that makes the site not full width in small preview sizes*/ /* Works around a bug in chromium that makes the site not full width in small preview sizes*/
position: absolute; position: absolute;
......
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="33.599907mm"
height="43.533573mm"
viewBox="0 0 33.599907 43.533573"
version="1.1"
id="svg62530"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
sodipodi:docname="chaosWestLogoVariation.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="namedview62532"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:document-units="mm"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:zoom="1.5411756"
inkscape:cx="195.9543"
inkscape:cy="31.469483"
inkscape:window-width="849"
inkscape:window-height="1044"
inkscape:window-x="4694"
inkscape:window-y="16"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs62527" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-61.48444,-199.69564)">
<path
sodipodi:type="star"
style="fill:#2a0e1a;fill-opacity:1;stroke:#eb2d83;stroke-width:7.73961;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path147278"
inkscape:flatsided="true"
sodipodi:sides="6"
sodipodi:cx="592.13922"
sodipodi:cy="974.52643"
sodipodi:r1="75.611801"
sodipodi:r2="37.805901"
sodipodi:arg1="1.5707963"
sodipodi:arg2="2.0943951"
inkscape:rounded="0"
inkscape:randomized="0"
transform="matrix(0.24895077,0,0,0.28095147,-68.667912,-51.910234)"
inkscape:transform-center-x="4.6324753e-06"
inkscape:transform-center-y="5.3108232"
d="m 592.13922,1050.1382 -65.48174,-37.8059 0,-75.61177 65.48174,-37.8059 65.48174,37.8059 0,75.61177 z" />
<path
id="path156871"
style="fill:#00ff6e;fill-opacity:1;stroke:none;stroke-width:1.02343;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:transform-center-y="6.2482939"
d="m 71.625533,202.40845 -6.796126,4.42836 v 29.60559 l 6.796126,4.42777 z"
sodipodi:nodetypes="ccccc"
inkscape:transform-center-x="3.6930807e-06" />
<text
xml:space="preserve"
style="font-size:10.4327px;line-height:1.25;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';fill:#2a0e1a;fill-opacity:1;stroke-width:0.698259"
x="-239.23703"
y="71.640175"
id="text161480"
transform="matrix(0,-0.99515535,1.0048682,0,0,0)"><tspan
sodipodi:role="line"
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-family:Oxanium;-inkscape-font-specification:'Oxanium Ultra-Bold';fill:#2a0e1a;fill-opacity:1;stroke-width:0.698259"
x="-239.23703"
y="71.640175"
id="tspan161672">chaos</tspan></text>
<path
id="path173692"
style="fill:#00ff6e;fill-opacity:1;stroke:none;stroke-width:1.02343;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:transform-center-x="-9.6840754e-06"
inkscape:transform-center-y="-6.2483087"
d="m 85.828889,240.87017 6.796115,-4.42835 v -29.6056 l -6.796115,-4.42777 z"
sodipodi:nodetypes="ccccc" />
<text
xml:space="preserve"
style="font-size:10.4327px;line-height:1.25;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';letter-spacing:0.743108px;word-spacing:0px;fill:#2a0e1a;fill-opacity:1;stroke-width:0.698259"
x="-237.44664"
y="92.532814"
id="text173696"
transform="matrix(0,-0.99515535,1.0048682,0,0,0)"><tspan
sodipodi:role="line"
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-family:Oxanium;-inkscape-font-specification:'Oxanium Ultra-Bold';fill:#2a0e1a;fill-opacity:1;stroke-width:0.698259"
x="-237.44664"
y="92.532814"
id="tspan173694"
dx="0"
dy="0">west</tspan></text>
<text
xml:space="preserve"
style="font-size:17.5883px;line-height:0.8;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';fill:#00ff6e;fill-opacity:1;stroke-width:1.5569"
x="78.379845"
y="224.80725"
id="text179454"
transform="scale(1.0052097,0.99481726)"><tspan
sodipodi:role="line"
id="tspan179452"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Oxanium;-inkscape-font-specification:'Oxanium Semi-Bold';text-align:center;text-anchor:middle;fill:#00ff6e;fill-opacity:1;stroke-width:1.5569"
x="78.379845"
y="224.80725">T</tspan><tspan
sodipodi:role="line"
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Oxanium;-inkscape-font-specification:'Oxanium Semi-Bold';text-align:center;text-anchor:middle;fill:#00ff6e;fill-opacity:1;stroke-width:1.5569"
x="78.379845"
y="241.09401"
id="tspan179640">V</tspan></text>
<path
id="path187159"
style="fill:#eb2d83;fill-opacity:1;stroke:none;stroke-width:1.02343;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:transform-center-x="3.3636804e-06"
inkscape:transform-center-y="4.9765694"
d="m 71.625677,200.99758 v 4.7718 l 7.119888,4.64136 7.083437,-4.61728 v -4.77229 l -7.083437,4.61537 z" />
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="27.568893mm"
height="26.15777mm"
viewBox="0 0 27.568893 26.15777"
version="1.1"
id="svg37655"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
sodipodi:docname="colorsDark.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="namedview37657"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="3.0823513"
inkscape:cx="36.01147"
inkscape:cy="25.791998"
inkscape:window-width="849"
inkscape:window-height="1044"
inkscape:window-x="5547"
inkscape:window-y="16"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0" />
<defs
id="defs37652" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-42.868732,-158.7691)">
<rect
style="fill:#061210;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect216924"
width="27.568892"
height="26.15777"
x="42.868732"
y="158.7691" />
<rect
style="fill:#2a0e1a;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect234804"
width="13.805293"
height="26.15777"
x="56.632332"
y="158.7691" />
<rect
style="fill:#00ff6e;fill-opacity:1;stroke:none;stroke-width:0.999999;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect220425"
width="13.660539"
height="13.660539"
x="48.311962"
y="163.11557" />
<rect
style="fill:#eb2d83;fill-opacity:1;stroke:none;stroke-width:0.999999;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect220509"
width="13.660539"
height="13.660539"
x="51.914577"
y="166.71823" />
<path
id="rect232260"
style="fill:#cdffab;fill-opacity:1;stroke:none;stroke-width:0.999999;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 51.914571,166.71815 v 10.0579 h 10.057874 v -10.0579 z" />
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="27.568892mm"
height="26.15777mm"
viewBox="0 0 27.568892 26.15777"
version="1.1"
id="svg37655"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
sodipodi:docname="colorsLight.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="namedview37657"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="3.0823513"
inkscape:cx="45.582085"
inkscape:cy="19.627873"
inkscape:window-width="636"
inkscape:window-height="1044"
inkscape:window-x="5760"
inkscape:window-y="16"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0" />
<defs
id="defs37652" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-60.980583,-146.66591)">
<rect
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect237265"
width="27.568892"
height="26.15777"
x="60.980583"
y="146.66591" />
<rect
style="fill:#fffdbe;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect237267"
width="13.805293"
height="26.15777"
x="74.744179"
y="146.66591" />
<rect
style="fill:#da1884;fill-opacity:1;stroke:none;stroke-width:0.999999;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect237269"
width="13.660539"
height="13.660539"
x="66.423813"
y="151.01237" />
<rect
style="fill:#00a388;fill-opacity:1;stroke:none;stroke-width:0.999999;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect237271"
width="13.660539"
height="13.660539"
x="70.026428"
y="154.61504" />
<path
id="path237273"
style="fill:#1a1a1a;fill-opacity:1;stroke:none;stroke-width:0.999999;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 70.02642,154.61498 v 10.0579 h 10.057875 v -10.0579 z" />
</g>
</svg>
Source diff could not be displayed: it is too large. Options to address this: view the blob.
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="95.79158mm"
height="7.246511mm"
viewBox="0 0 95.79158 7.246511"
version="1.1"
id="svg109582"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
sodipodi:docname="horizontalSeperator.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="namedview109584"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:document-units="mm"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:zoom="0.77058782"
inkscape:cx="181.03063"
inkscape:cy="13.625961"
inkscape:window-width="1276"
inkscape:window-height="1044"
inkscape:window-x="5120"
inkscape:window-y="16"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs109579" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-56.998432,-144.87675)">
<rect
style="fill:#eb2d83;fill-opacity:1;stroke:none;stroke-width:5.77714;stroke-linejoin:round"
id="rect215201"
width="5.5880651"
height="30.741722"
x="197.49973"
y="-224.40082"
transform="matrix(-0.66251151,0.74905173,-1,0,0,0)" />
<path
id="path215203"
style="fill:#00ff6e;fill-opacity:1;stroke:none;stroke-width:0.187843px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 152.79001,151.07908 H 83.465208 l 5.485813,-6.20233 h 57.634549 z" />
<rect
style="fill:#00ff6e;fill-opacity:1;stroke:none;stroke-width:5.77714;stroke-linejoin:round"
id="rect215209"
width="8.2802467"
height="3.9699743"
x="193.4136"
y="-213.11972"
transform="matrix(-0.66251151,0.74905174,-1,0,0,0)" />
<rect
style="fill:#00ff6e;fill-opacity:1;stroke:none;stroke-width:5.77714;stroke-linejoin:round"
id="rect215211"
width="8.2802467"
height="3.9699743"
x="193.4136"
y="-205.17975"
transform="matrix(-0.66251151,0.74905174,-1,0,0,0)" />
<path
id="path215213"
style="fill:#00ff6e;fill-opacity:1;stroke:none;stroke-width:4.99999;stroke-linejoin:round"
d="M 69.101039,144.87677 H 56.998432 v 6.20234 h 6.616782 z"
sodipodi:nodetypes="ccccc" />
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="93.88475mm"
height="19.177406mm"
viewBox="0 0 93.88475 19.177406"
version="1.1"
id="svg62348"
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
sodipodi:docname="logoVariation.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="namedview62350"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:document-units="mm"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:zoom="1.5411756"
inkscape:cx="186.22147"
inkscape:cy="67.156525"
inkscape:window-width="849"
inkscape:window-height="1044"
inkscape:window-x="4694"
inkscape:window-y="16"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs62345" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-37.704098,-99.733292)">
<rect
style="fill:#ffff00;fill-opacity:1;stroke-width:6.13189;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
id="rect130310"
width="94.490562"
height="19.90132"
x="37.704098"
y="99.733292" />
<rect
style="fill:#00ff6e;fill-opacity:1;stroke:none;stroke-width:11.0379;stroke-linejoin:round"
id="rect130430"
width="7.7804322"
height="38.566418"
x="149.46751"
y="-237.65521"
transform="matrix(-0.73897881,0.67372867,-1,0,0,0)" />
<rect
style="fill:#00ff6e;fill-opacity:1;stroke:none;stroke-width:11.0379;stroke-linejoin:round"
id="rect130514"
width="7.7804313"
height="29.514353"
x="167.38298"
y="-207.08643"
transform="matrix(-0.73897881,0.67372867,-1,0,0,0)" />
<rect
style="fill:#00ff6e;fill-opacity:1;stroke:none;stroke-width:11.0379;stroke-linejoin:round"
id="rect130432"
width="25.695904"
height="7.9976163"
x="149.4675"
y="-207.08643"
transform="matrix(-0.73897881,0.67372867,-1,0,0,0)" />
<text
xml:space="preserve"
style="font-size:22.7288px;line-height:1.25;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';fill:#000000;fill-opacity:1;stroke-width:1.52125"
x="38.147594"
y="117.14088"
id="text130286"
transform="scale(1.001052,0.99894911)"><tspan
sodipodi:role="line"
id="tspan130284"
style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-family:Oxanium;-inkscape-font-specification:'Oxanium Semi-Bold';fill:#000000;fill-opacity:1;stroke-width:1.52125"
x="38.147594"
y="117.14088">CYBER</tspan></text>
</g>
</svg>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment