1
0
Fork 0
mirror of https://github.com/voltbonn/diversity.volt.link.git synced 2024-06-24 23:10:57 +00:00
diversity.volt.link/frontend/index.html
2022-11-22 01:22:30 +01:00

210 lines
10 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta property="og:title" data-translation-key="website_title" data-translation-dest="attr-content" content="Volt — Internal Diversity Survey">
<meta property="og:description" data-translation-key="website_description" data-translation-dest="attr-content" content="Im Grundsatzprogramm von Volt Deutschland fordern wir „Diversität als Selbstverständlichkeit“ (S.74)! Wir können aber nicht davon ausgehen, dass Volt automatisch diese Diversität erreicht. Tatsächlich wissen wir längst über die ungleiche Gender-Verteilung in Volt bescheit. (Gemessen an den Kategorien Frau und Mann des binären Gender-Systems.)">
<meta property="og:url" content="https://diversity.volt.link/">
<meta property="og:site_name" content="Volt Europa">
<meta property="og:type" content="website">
<meta property="og:image" content="http://diversity.volt.link/thumbnail_2.png">
<meta property="og:image:url" content="http://diversity.volt.link/thumbnail_2.png">
<meta property="og:image:secure_url" content="https://diversity.volt.link/thumbnail_2.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1334">
<meta property="og:image:height" content="750">
<meta name="twitter:title" data-translation-key="website_title" data-translation-dest="attr-content" content="Volt — Internal Diversity Survey">
<meta name="twitter:description" data-translation-key="website_description" data-translation-dest="attr-content" content="Im Grundsatzprogramm von Volt Deutschland fordern wir „Diversität als Selbstverständlichkeit“ (S.74)! Wir können aber nicht davon ausgehen, dass Volt automatisch diese Diversität erreicht. Tatsächlich wissen wir längst über die ungleiche Gender-Verteilung in Volt bescheit. (Gemessen an den Kategorien Frau und Mann des binären Gender-Systems.)">
<meta name="twitter:site" content="@VoltEuropa">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://diversity.volt.link/thumbnail_2.png">
<meta name="twitter:image:alt" content="Volt — Internal Diversity Survey. Im Grundsatzprogramm von Volt Deutschland fordern wir „Diversität als Selbstverständlichkeit“!">
<title id="websiteTitle" data-translation-key="website_title">Volt — Internal Diversity Survey</title>
<meta name="description" data-translation-key="website_description" data-translation-dest="attr-content" content="Im Grundsatzprogramm von Volt Deutschland fordern wir „Diversität als Selbstverständlichkeit“ (S.74)! Wir können aber nicht davon ausgehen, dass Volt automatisch diese Diversität erreicht. Tatsächlich wissen wir längst über die ungleiche Gender-Verteilung in Volt bescheit. (Gemessen an den Kategorien Frau und Mann des binären Gender-Systems.)">
<script
async defer
data-website-id="1331508f-202c-4c87-9a1b-f8572c401af1"
data-domains="diversity.volt.link"
src="https://umami.volteuropa.org/umami.js"
></script>
<script type="text/javascript" src="./jsSHA/src/sha3.js" defer></script>
<script type="text/javascript" src="./scripts/async.min.js" defer></script>
<script type="text/javascript" src="./scripts/css_browser_selector.js" defer></script>
<link href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=" rel="icon" type="image/x-icon" />
<link rel="stylesheet" href="./Ubuntu/index.css" type="text/css" />
<link rel="stylesheet" href="./index.css" type="text/css" />
</head>
<body show="intro">
<div class="page violet_bg" page="intro">
<div class="pageContent" style="padding-top:0;">
<h1 class="voltLogo">
<svg style="width:120px;" version="1.1" viewBox="0 0 10433 4346.4" xml:space="preserve"
xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<metadata>
<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 transform="matrix(1.3333 0 0 -1.3333 0 4346.4)">
<g transform="scale(.1)">
<g transform="scale(4.8003)">
<path
d="m14379 2218.8v1776.9h1315.8v1191h-1315.8v1604.1l-1431.2-226.68v-4364.6c0-326.56 30.3-624.34 91.2-893.28 60.8-268.94 168.1-497.97 321.8-686.77 153.7-188.95 358.6-336.16 614.7-441.82 256.1-105.66 579.5-158.49 970.2-158.49 307.3 0 566.7 25.665 778 76.828 211.3 51.184 403.4 111.97 576.3 182.51l-201.7 1114.2c-134.5-51.33-283.4-91.24-446.7-120.07-163.3-28.81-321.7-43.21-475.4-43.21-320.3 0-533.1 89.58-638.7 268.94-105.7 179.2-158.5 419.31-158.5 720.38"
fill="white" />
</g>
<g transform="scale(1.9999)">
<path
d="m9820.1 322.77c633.3 1336.1 1257.6 2726.6 1872.1 4171.6 614.6 1444.9 1198.2 2874.3 1751.5 4288.6 553.4 1414 1062.7 2765.6 1528.5 4054.9 465.8 1288.9 877.5 2443.1 1235.6 3462.2h-3828.9c-300.5-930.1-633.7-1928.3-999.7-2994.6-366-1066.7-738.5-2129.8-1118.2-3188.9-379.69-1059.4-747.87-2074.2-1103.7-3044.3-355.92-970.46-684.09-1806.3-984.21-2507.3-318.42 705.69-651.64 1543.6-999.66 2514.1-347.97 970.46-711.79 1985.3-1091.5 3044.8-379.67 1059-752.89 2122.1-1118.9 3188.8-366 1066.3-698.5 2062.3-997.5 2987.4h-3965.5c339.34-1014 742.81-2166.8 1209.7-3458.6 466.87-1291.8 978.4-2644.2 1535.3-4056.7 556.57-1412.8 1144.1-2840.8 1763-4284 618.54-1443.4 1245.7-2836.1 1881.9-4178h3430.2"
fill="white" />
</g>
<g transform="scale(3.674)">
<path d="m16300 8872.8-1869.9-296.16v-8400.9h1869.9v8697" fill="white" />
</g>
<g transform="scale(3.1347)">
<path
d="m14312 3971.5c0-1085.8-880.3-1966.1-1966.1-1966.1-1085.9 0-1966.1 880.25-1966.1 1966.1 0 1085.8 880.2 1966.1 1966.1 1966.1 1085.8 0 1966.1-880.24 1966.1-1966.1m1988.5 0c0 2193.4-1778.1 3971.5-3971.5 3971.5-904.2 0-1737.8-302.23-2405.4-811.12-185.82-496.16-380.96-1005.6-585.58-1528.5-295.34-754.93-604.3-1516.7-926.94-2285.2 311.61-1882.5 1947.1-3318.1 3917.9-3318.1 2193.4 0 3971.5 1778.1 3971.5 3971.5"
fill="white" />
</g>
</g>
</g>
</svg>
</h1>
<h1 class="website_heading" data-translation-key="website_heading"></h1>
<div class="block_wrapper">
<div class="block_left">
<p class="website_description" data-translation-key="website_description"></p>
<label class="languageChooserWrapper" for="languageChooserSelect">
<div class="labelText">Language:</div>
<select class="not_showingAllOptions" style="border-width:0;" id="languageChooserSelect">
<option value="en">English</option>
<option value="de">German (Deutsch)</option>
</select>
</label>
</div>
</div>
<button to-page="privacy"><span data-translation-key="button_to_privacy"></span> <span class="arrow"></span></button>
<br />
<br />
<a href="https://github.com/voltbonn/diversity.volt.link" target="_blank" data-translation-key="button_sourcecode"></a>
<br />
<a href="https://www.volteuropa.org/legal" target="_blank" data-translation-key="button_imprint"></a>
</div>
</div>
<div class="page red_bg" page="privacy">
<div class="pageContent">
<h1 class="website_heading" data-translation-key="heading_privacy"></h1>
<div class="block_wrapper">
<div class="block_left">
<p>
<h2 data-translation-key="heading_optional" style="margin-top:-48px;"></h2><br>
<strong data-translation-key="optional_info"></strong>
</p>
<p>
<h2 data-translation-key="heading_anonymous"></h2><br>
<strong data-translation-key="anonymous_info"></strong>
</p>
</div>
<div class="block_right">
<p data-translation-key="privacy_details"></p>
</div>
</div>
<button to-page="metadata" style="margin-top:64px;"><span data-translation-key="button_to_metadata"></span>
<span class="arrow"></span></button>
</div>
</div>
<div class="page blue_bg" page="metadata">
<div class="pageContent">
<h1 class="website_heading" data-translation-key="metadata_heading"></h1>
<div class="block_wrapper">
<div class="block_left">
<p data-translation-key="metadata_description"></p>
</div>
<div class="block_right">
<h2 data-translation-key="metadata_team_search_heading" style="margin-block-start: -35px;"></h2><br>
<p>
<strong data-translation-key="metadata_team_search_description"></strong>
</p>
<input
type="text"
id="team_suggestions_input"
placeholder="Bonn"
style="border-color: currentColor;"
oninput="renderTeamSuggestions()"
/>
<div
id="team_suggestions"
class="chip_box"
style="
white-space: nowrap;
overflow: auto;
padding-bottom: 16px;
margin: 4px 0 -4px 0;
"
></div>
<div id="selected_teams_wrapper">
<br />
<h3 data-translation-key="metadata_selected_teams"></h3>
<div class="chip_box">
<span id="teams_selected"></span><!--
--><span id="teams_selected_automatically"></span>
</div>
</div>
</div>
</div>
<button to-page="questions" style="margin-top:64px;"><span data-translation-key="button_to_questions"></span>
<span class="arrow"></span></button>
</div>
</div>
<div class="page white_bg" page="questions">
<div class="pageContent" style="padding-top:0;">
<div id="inputs"></div>
<div style="margin-bottom: 128px;">
<div class="submitWrapper">
<button class="green" id="submitButton"><span data-translation-key="button_send_to_volt"></span><span class="arrow"></span></button>
</div>
<p class="message saving" data-translation-key="saving"></p>
<p class="message success" data-translation-key="success"></p>
<p class="message error" data-translation-key="error"></p>
</div>
</div>
</div>
<script type="text/javascript" src="./index.js"></script>
<script type="text/javascript" src="./_DATA_.js"></script> <!-- needs to be loaded after index.js -->
</body>
</html>