Updated emphasis page, added logos, i18n updates

This commit is contained in:
Moritz Kröger 2017-08-13 15:44:03 +02:00
parent cb4d15aa3c
commit f76af977c7
25 changed files with 575 additions and 42 deletions

View file

@ -75,6 +75,8 @@
@import "~styles/colors";
@import "~styles/layout";
$app-width: 850px;
* {
padding: 0;
margin: 0;
@ -94,9 +96,10 @@
background: $background-primary;
color: $text-color-base;
font-family: 'Avenir', Helvetica, Arial, sans-serif;
font-size: 16px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
overflow-x: hidden;
}
h1 {
@ -111,12 +114,12 @@
}
#app {
max-width: 750px;
max-width: $app-width;
width: 95vw;
display: flex;
align-items: flex-start;
position: relative;
margin-top: $base-gap * 3;
margin: $base-gap * 3 0;
}
main {

View file

@ -0,0 +1,73 @@
<template>
<section>
<h1>{{ $t('euromat.emphasis.headline') }}</h1>
<p>{{ $t('euromat.emphasis.content') }}</p>
<ol class="thesis-list">
<li v-for="thesis of theses">
<label :for="`thesis-${thesis.id}`">
{{ thesis.thesis }}
</label>
<input :name="`thesis-${thesis.id}`" :id="`thesis-${thesis.id}`" type="checkbox" />
</li>
</ol>
<div class="emphasis-controls">
<router-link class="btn" :to="{ path: '/thesen/ergebnis' }">
{{ $t('euromat.emphasis.button') }}
</router-link>
</div>
</section>
</template>
<script>
import { getAllTheses } from '@/utils/data'
export default {
name: 'Emphasis',
data () {
return {
theses: getAllTheses()
}
}
}
</script>
<style lang="scss" scoped>
@import "~styles/colors";
@import "~styles/layout";
h1, p {
margin-bottom: $base-gap;
}
.thesis-list {
margin-top: $base-gap;
list-style: decimal;
li {
padding-bottom: $base-gap / 2;
display: flex;
justify-content: space-between;
}
li:not(:last-child) {
margin-bottom: $base-gap / 2;
border-bottom: 4px solid $dark-blue;
}
label {
cursor: pointer;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 90%;
}
}
.emphasis-controls {
margin-top: $base-gap;
display: flex;
justify-content: flex-end;
}
</style>

View file

@ -39,7 +39,6 @@
return {
currentThesis: 0,
thesesCount: getThesesCount(),
options: getAllOptions(),
answers: []
}
},
@ -51,6 +50,12 @@
}
return getThesis(this.currentThesis).thesis
},
options () {
return getAllOptions().map(option =>
Object.assign({}, option, {
label: this.$t(`euromat.options.${option.position}`)
}))
},
optionSkip () {
return this.options[this.options.length - 1]
}
@ -105,7 +110,7 @@
.controls-skip {
font-style: italic;
margin-top: $base-gap / 2;
margin-top: $base-gap;
}
.euromat-btns {

View file

@ -1,15 +1,13 @@
<template>
<section>
<header class="results-header">
<router-link :to="{ path: '/' }">
Zurück
</router-link>
<h1>Dein Ergebnis</h1>
<h1>{{ $t('euromat.results.headline') }}</h1>
</header>
<ul class="party-results">
<li v-for="party in parties">
<h2>{{ party.token }}</h2>
<svgicon :name="getPartyLogoName(party.token)" width="50" height="50" />
<party-percentage :value="getPartyMatch(party)" :max="thesesCount" />
</li>
</ul>
@ -19,6 +17,7 @@
<script>
import { getParties, getParty, getThesesCount } from '@/utils/data'
import Progress from '@/components/progress'
import '@/assets/icons'
export default {
name: 'Results',
@ -29,7 +28,7 @@
data () {
return {
results: {},
results: [],
thesesCount: getThesesCount(),
parties: getParties()
}
@ -42,6 +41,9 @@
.filter(answer =>
answer.option.position === positions[answer.thesis.id].position)
.length
},
getPartyLogoName (token) {
return `${token.toLowerCase()}-logo`
}
},

View file

@ -1,16 +0,0 @@
<template>
<section>
<h1>Gewichtung deiner Antworten</h1>
<router-link :to="{ path: '/thesen/ergebnis' }">
Weiter
</router-link>
</section>
</template>
<script>
export default {
name: 'Weighting'
}
</script>
<style lang="scss" scoped></style>

View file

@ -1,8 +1,38 @@
export default {
de: {
euromat: {
options: {
positive: '👍🏻 Ich stimme zu',
neutral: '🖐🏻 Neutral',
negative: '👎🏻 Ich bin dagegen',
skipped: 'These überspringen'
},
results: {
headline: 'Dein Ergebnis'
},
emphasis: {
headline: 'Welche Thesen sind dir wichtig?',
content: 'Markiere Thesen die doppelt gewertet sollen.',
button: 'Weiter'
}
}
},
en: {
euromat: {
options: {
positive: '👍🏻 I agree',
neutral: '🖐🏻 Neutral',
negative: '👎🏻 I disagree',
skipped: 'Skip thesis'
},
results: {
headline: 'Your results'
},
emphasis: {
headline: 'Which theses are important for you?',
content: 'Mark the theses which should count double.',
button: 'Continue'
}
}
}
}

View file

@ -1,6 +1,6 @@
import Index from './components/index'
import EuroMat from './components/euromat'
import Weighting from './components/weighting'
import Emphasis from './components/emphasis'
import Results from './components/results'
export default [
@ -15,8 +15,8 @@ export default [
},
{
path: 'gewichtung',
name: 'weighting',
component: Weighting
name: 'emphasis',
component: Emphasis
},
{
path: 'ergebnis',

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,11 @@
/* eslint-disable */
var icon = require('vue-svgicon')
icon.register({
'cdu-logo': {
width: 750,
height: 230,
viewBox: '0, 0, 230, 750',
data: '<path pid="0" d="M218 64l8-49C-59-55-69 278 201 211l7-49C8 206 59 9 218 64zM259 10l-32 207h144c114 0 155-207 12-207zm62 45h44c61 0 42 117-14 117h-47z"/><path pid="1" d="M511 10h73l-18 117c-9 52 73 69 86-1l17-116h71l-19 124c-25 127-250 109-226-10z"/>'
}
})

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,2 +1,8 @@
/* eslint-disable */
require('./afd-logo')
require('./cdu-logo')
require('./european-stars')
require('./fdp-logo')
require('./grüne-logo')
require('./linke-logo')
require('./spd-logo')

View file

@ -0,0 +1,11 @@
/* eslint-disable */
var icon = require('vue-svgicon')
icon.register({
'linke-logo': {
width: 566.929,
height: 127.057,
viewBox: '0, 0, 127.057, 566.929',
data: '<g fill-rule="evenodd"><path pid="0" d="M547.424 127.057c9.143 0 17.836-7.231 19.285-16.341 1.54-9.687-5.171-16.773-14.602-16.773-8.563 0-17.158 7.52-18.56 16.34-1.472 9.255 4.587 16.774 13.877 16.774zm-80.358-1.592h52.248l3.888-25.737h-24.127l2.512-16.629h21.644l3.888-25.737h-21.646l2.292-15.184h24.127l3.887-25.737h-52.25l-16.463 109.024zm-5.44 0l-16.574-56.392 30.42-52.632h-29.639l-22.45 46.415 6.871-46.415h-28.122l-16.465 109.024h28.125l7.553-50.028 10.092 50.028h30.189zm-160.443 0h27.02l4.826-31.954c1.55-10.269 1.839-20.39 2.7-30.655l11.776 62.61h27.019L390.989 16.44h-27.02l-4.193 27.762c-1.9 12.579-1.71 25.013-2.508 37.594L344.393 16.44h-26.745l-16.465 109.024zm-49.619 0l3.885-25.737h-21.093l12.578-83.287h-28.122l-16.465 109.024h49.217zm-132.04 0h52.248l3.887-25.737h-24.125l2.512-16.629h21.644l3.887-25.737H157.93l2.294-15.184h24.125l3.888-25.737h-52.249l-16.465 109.024zm-11.197 0L124.79 16.441H96.667L80.202 125.465h28.125zm-67.843-81.84c12.82 0 12.537 16.484 10.747 28.341-1.55 10.266-6.29 27.039-19.132 27.182l8.385-55.522zM0 125.466h24.54c17.095 0 47.985-4.626 55.584-54.946 4.977-32.968-9.067-54.078-41.05-54.078H16.466L0 125.465zm289.809 0l13.87-89.067h-28.122l-13.873 89.067h28.125z"/><path pid="1" d="M309.336 0l-54.314 16.418 49.508 14.55z"/></g>'
}
})

View file

@ -0,0 +1,11 @@
/* eslint-disable */
var icon = require('vue-svgicon')
icon.register({
'spd-logo': {
width: 500,
height: 500,
viewBox: '0 0 340 340',
data: '<path pid="0" d="M0 0h340v340H0z"/><path pid="1" d="M87 239l13-20c-72-40-106 47-41 58 32 5 4 32-26 6l-13 22c74 49 122-49 46-56-16-1-17-26 21-10z"/><path pid="2" d="M110 210v105h30v-35h23c37 0 38-71 0-70h-53zm30 23h12c13 0 13 25 0 25h-12v-25z" fill-rule="evenodd"/><path pid="3" d="M198 210v105h46c59 1 59-105 1-105h-47zm29 25h5c37 0 37 56 0 56h-5v-56z" fill-rule="evenodd"/>'
}
})

237
src/assets/svg/afd-logo.svg Normal file
View file

@ -0,0 +1,237 @@
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="270.94965mm"
height="124.74815mm"
viewBox="0 0 960.0578 442.02099"
id="svg2"
version="1.1"
inkscape:version="0.91 r13725"
sodipodi:docname="Alternative-fuer-Deutschland-Logo-2013.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.35"
inkscape:cx="247.9485"
inkscape:cy="441.95185"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="1366"
inkscape:window-height="705"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1" />
<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" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(517.17175,-677.066)">
<g
id="g3369"
transform="translate(-549.17176,642.10877)">
<path
style="fill:#009ee0;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2438"
d="m 32.000008,81.947477 886.918392,0 0,371.141223 -886.918392,0 0,-371.141223 z"
inkscape:connector-curvature="0" />
<path
style="fill:#e2001a;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2440"
d="m 212.46757,424.95862 c 25.44856,55.84637 117.04488,68.63326 250.00464,27.52028 C 526.75516,432.60027 664.46543,380.35557 743.97449,324.49015 845.43662,253.20527 890.86182,214.7439 903.12875,198.49417 L 955.49867,264.31796 991.6597,53.931733 775.80698,35.362557 827.30302,102.27257 c 0,0 -69.90188,70.30207 -183.46215,120.09664 -86.20605,37.79984 -224.15861,83.26592 -262.27157,63.99165 -64.15499,-32.43957 25.92226,-119.18193 25.92226,-119.18193 -107.42953,24.53658 -186.16001,74.73129 -203.77364,174.87313 -4.33671,24.65635 -3.18787,56.71207 8.74965,82.90656"
inkscape:connector-curvature="0" />
<path
style="fill:none;stroke:#ed1c24;stroke-width:0.68058848;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path2442"
d="m 212.46757,424.95862 c 25.44856,55.84637 117.04488,68.63326 250.00464,27.52028 C 526.75516,432.60027 664.46543,380.35557 743.97449,324.49015 845.43662,253.20527 890.86182,214.7439 903.12875,198.49417 L 955.49867,264.31796 991.6597,53.931733 775.80698,35.362557 827.30302,102.27257 c 0,0 -69.90188,70.30207 -183.46215,120.09664 -86.20605,37.79984 -224.15861,83.26592 -262.27157,63.99165 -64.15499,-32.43957 25.92226,-119.18193 25.92226,-119.18193 -107.42953,24.53658 -186.16001,74.73129 -203.77364,174.87313 -4.33671,24.65635 -3.18787,56.71207 8.74965,82.90656 z"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2446"
d="m 627.58298,130.35637 0,22.34781 -8.51825,0 0,21.48481 8.39574,0 0,52.10309 26.05293,0 0,-52.22832 15.06278,0 0,-21.6046 -15.06278,0 0,-22.22529 -25.93042,0.1225"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2448"
d="m 228.7418,130.39176 0,22.34781 -8.51824,0 0,21.48209 8.39576,0 0,52.10309 26.05292,0 0,-52.22559 15.06277,0 0,-21.60733 -15.06277,0 0,-22.22257 -25.93044,0.1225"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2450"
d="m 555.5141,372.18307 0,12.2887 -4.68517,0 0,11.81774 4.61711,0 0,28.6555 14.32775,0 0,-28.72083 8.28685,0 0,-11.8858 -8.28685,0 0,-12.22337 -14.25969,0.0681"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2452"
d="m 397.16839,315.09803 0,3.15793 -3.27771,0 0,8.27323 3.23143,0 0,20.05831 10.02915,0 0,-20.10731 7.05362,-0.0653 0,-8.11805 -7.02095,0.0463 -0.14156,-6.11169 c -0.0381,-2.78224 1.85392,-3.52817 2.94014,-3.63434 2.96464,-0.28857 4.08353,1.44557 4.08353,1.44557 l 0.0436,-8.55368 c -11.98653,-2.10434 -17.19167,4.77505 -16.94121,13.60909"
inkscape:connector-curvature="0" />
<path
style="fill:none;stroke:#ffffff;stroke-width:0.68058848;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path2454"
d="m 397.16839,315.09803 0,3.15793 -3.27771,0 0,8.27323 3.23143,0 0,20.05831 10.02915,0 0,-20.10731 7.05362,-0.0653 0,-8.11805 -7.02095,0.0463 -0.14156,-6.11169 c -0.0381,-2.78224 1.85392,-3.52817 2.94014,-3.63434 2.96464,-0.28857 4.08353,1.44557 4.08353,1.44557 l 0.0436,-8.55368 c -11.98653,-2.10434 -17.19167,4.77505 -16.94121,13.60909 z"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2456"
d="m 677.5899,152.7069 -0.12251,73.46272 25.92498,0 0,-73.58523 -25.80247,0.12251"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2458"
d="m 703.39509,123.93979 c 0,7.22512 -5.85851,13.08635 -13.08908,13.08635 -7.22785,0 -13.08635,-5.86123 -13.08635,-13.08635 0,-7.23058 5.8585,-13.08908 13.08635,-13.08908 7.23057,0 13.08908,5.8585 13.08908,13.08908"
inkscape:connector-curvature="0" />
<path
style="fill:none;stroke:#ffffff;stroke-width:2.72235394;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path2460"
d="m 703.39509,123.93979 c 0,7.22512 -5.85851,13.08635 -13.08908,13.08635 -7.22785,0 -13.08635,-5.86123 -13.08635,-13.08635 0,-7.23058 5.8585,-13.08908 13.08635,-13.08908 7.23057,0 13.08908,5.8585 13.08908,13.08908 z"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2462"
d="m 710.18464,152.58439 38.52403,73.58791 17.15899,0 38.2763,-73.95815 -29.51032,0 -17.16171,37.5331 -17.9022,-37.40787 -29.38509,0.24501"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2464"
d="m 182.84836,106.78079 26.42317,0 0,119.26904 -26.42317,0 0,-119.26904 z"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2466"
d="m 713.50591,359.30089 14.53737,0 0,65.60056 -14.53737,0 0,-65.60056 z"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2468"
d="m 106.14876,185.75355 11.71701,-34.57934 11.374,34.57934 -23.09101,0 z m 27.22354,-68.12418 -30.78438,0.22868 -41.932415,108.21629 30.212683,0 7.467417,-18.61006 38.597535,0 7.23874,18.72439 30.32702,0 -41.1266,-108.5593"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2470"
d="m 366.34862,152.46189 0.11434,73.61245 26.07743,0 c 0,0 -0.22868,-14.02013 -0.11434,-27.8633 -0.91743,-34.85974 29.40959,-21.64815 29.40959,-21.64815 l 0,-25.27434 c -24.23984,-1.37751 -29.40959,13.61177 -29.40959,13.61177 l 0,-12.43843 -26.07743,0"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2472"
d="m 454.02747,318.38936 0.0463,28.15458 9.97199,0 c 0,0 -0.0871,-5.36032 -0.0436,-10.65529 -0.35119,-13.33409 11.24876,-8.27868 11.24876,-8.27868 l 0,-9.66708 c -9.27233,-0.52814 -11.24876,5.20514 -11.24876,5.20514 l 0,-4.75867 -9.97471,0"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2474"
d="m 832.17876,178.51481 c 0,0 1.95193,-11.60267 15.27785,-11.60267 13.32592,0 14.82049,11.60267 14.82049,11.60267 l -30.09834,0 z m 14.70343,-28.60377 c -42.86618,0 -41.35527,38.82893 -41.35527,38.82893 -0.11434,8.61353 2.29766,40.20645 41.81535,40.09207 34.81619,-0.10069 38.54037,-25.15995 38.54037,-25.15995 l -25.55746,0 c 0,0 -2.96465,6.89023 -13.21159,6.66427 -10.3395,-0.2314 -15.50925,-5.62978 -15.50925,-16.65804 l 55.25834,-0.11433 c 0,0 2.86936,-43.65295 -39.98049,-43.65295"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2476"
d="m 466.26718,398.56268 c 0,0 1.0726,-6.3812 8.40118,-6.3812 7.3313,0 8.15345,6.3812 8.15345,6.3812 l -16.55463,0 z m 8.08539,-15.73249 c -23.57559,0 -22.74527,21.35415 -22.74527,21.35415 -0.0626,4.73962 1.26589,22.11368 22.99845,22.05106 19.14903,-0.0544 21.19897,-13.83772 21.19897,-13.83772 l -14.05824,0 c 0,0 -1.63069,3.79224 -7.26596,3.66701 -5.687,-0.12795 -8.4393,-3.29405 -8.4393,-9.36217 l 30.2998,0.13339 c 0,0 1.57896,-24.00572 -21.98845,-24.00572"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2478"
d="m 299.50669,178.52026 c 0,0 1.9519,-11.60267 15.27783,-11.60267 13.32592,0 14.82049,11.60267 14.82049,11.60267 l -30.09832,0 z m 14.70341,-28.60377 c -42.86616,0 -41.35526,38.82893 -41.35526,38.82893 -0.11433,8.61625 2.29765,40.20644 41.81534,40.0921 34.81618,-0.10072 38.54036,-25.15727 38.54036,-25.15727 l -25.55746,0 c 0,0 -2.96464,6.89028 -13.21158,6.66156 -10.3395,-0.22868 -15.50925,-5.62979 -15.50925,-16.65532 l 55.25834,-0.11706 c 0,0 2.86936,-43.65294 -39.98049,-43.65294"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2480"
d="m 431.80218,152.54083 0,73.58795 26.00392,0 0,-40.57124 c 0,0 0.32396,-15.21251 13.38037,-14.99744 13.05369,0.21506 12.08453,14.99744 12.08453,14.99744 l 0,40.68014 26.21899,-0.0681 c 0,0 0,-34.88424 0,-40.30445 0,-5.42021 1.93831,-35.74179 -26.11282,-35.74179 -19.43216,0 -25.4649,12.19343 -25.4649,12.19343 l -0.10617,-9.77598 -26.00392,0"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2482"
d="m 791.06033,384.39827 0,40.47323 14.2978,0 0,-22.31241 c 0,0 0.1824,-8.36851 7.36124,-8.25145 7.18157,0.11706 6.64799,8.25145 6.64799,8.25145 l 0,22.37231 14.42031,-0.0381 c 0,0 0,-19.18442 0,-22.16812 0,-2.97826 1.06444,-19.6554 -14.36314,-19.6554 -10.68796,0 -14.00379,6.70244 -14.00379,6.70244 l -0.0626,-5.37393 -14.2978,0"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2484"
d="m 661.66413,359.88347 0,64.97442 14.2978,0 0,-22.31241 c 0,0 0.17967,-8.36852 7.36124,-8.24873 7.18157,0.11706 6.64527,8.24873 6.64527,8.24873 l 0,22.3723 14.42031,-0.0381 c 0,0 0,-19.18443 0,-22.16813 0,-2.97825 1.06716,-19.65539 -14.36042,-19.65539 -10.68796,0 -14.00651,6.70516 -14.00651,6.70516 l -0.0599,-29.87784 -14.2978,0"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2486"
d="m 565.49425,206.91713 c -9.59085,0 -17.36589,-7.77504 -17.36589,-17.36317 0,-9.58813 7.77504,-17.36317 17.36589,-17.36317 9.58813,0 17.36318,7.77504 17.36318,17.36317 0,9.58813 -7.77505,17.36317 -17.36318,17.36317 z m 16.0755,-54.58864 0,7.76688 c 0,0 -6.58265,-9.92571 -22.55198,-9.92571 -19.63634,-0.21506 -37.44053,14.13447 -37.54942,39.70826 1.07805,31.50576 26.43405,39.06029 37.0104,38.95139 15.96932,0.10618 23.091,-10.79136 23.091,-10.79136 l 0,8.30862 26.32789,0 0,-74.01808 -26.32789,0"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2488"
d="m 758.36758,414.31149 c -5.27048,0 -9.5473,-4.27681 -9.5473,-9.55274 0,-5.27047 4.27682,-9.54457 9.5473,-9.54457 5.27592,0 9.55274,4.2741 9.55274,9.54457 0,5.27593 -4.27682,9.55274 -9.55274,9.55274 z m 8.84221,-30.02484 0,4.27138 c 0,0 -3.61801,-5.46105 -12.40033,-5.46105 -10.8023,-0.11706 -20.59188,7.77777 -20.6545,21.84145 0.5962,17.32778 14.54282,21.48209 20.35777,21.4222 8.78231,0.0572 12.69706,-5.93473 12.69706,-5.93473 l 0,4.57083 14.48292,0 0,-40.71008 -14.48292,0"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2490"
d="m 864.48221,414.25977 c -5.27592,0 -9.55002,-4.27954 -9.55002,-9.55002 0,-5.27592 4.2741,-9.55002 9.55002,-9.55002 5.2732,0 9.55002,4.2741 9.55002,9.55002 0,5.27048 -4.27682,9.55002 -9.55002,9.55002 z m 8.84221,-54.52875 0,28.778 c 0,0 -3.62073,-5.46104 -12.40577,-5.46104 -10.79686,-0.11978 -20.58916,7.77232 -20.65178,21.836 0.5962,17.32779 14.5401,21.48754 20.35777,21.42221 8.78231,0.0626 12.69978,-5.93201 12.69978,-5.93201 l 0,4.57083 14.4802,0 0,-65.21399 -14.4802,0"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2492"
d="m 411.50431,411.94577 0,-32.73086 c 0,0 20.16719,-2.25683 20.36048,16.75336 0.18784,18.55285 -20.36048,15.9775 -20.36048,15.9775 z m 4.4456,-45.80905 c -0.6452,0.005 -19.45666,0 -19.45666,0 l 0,58.69395 c 0,0 9.83586,0.0245 19.56555,-0.0299 11.40394,-0.0681 31.91416,-4.60894 31.65553,-29.41231 -0.22051,-21.19897 -18.55556,-29.38236 -31.76442,-29.25169"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2494"
d="m 502.95089,384.37649 13.66078,0 0.12795,23.25979 c 0,8.44202 14.55915,8.50464 14.55915,0 l 0,-23.32513 13.85405,-0.0653 0,25.13005 c 0,0 2.12616,16.4294 -20.87501,16.4294 -23.00116,0 -21.32692,-16.55735 -21.32692,-16.55735 l 0,-24.87143"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2496"
d="m 417.40092,318.52003 9.56363,0 0.0898,16.2824 c 0,5.9075 10.18977,5.95106 10.18977,0 l 0,-16.32868 9.69975,-0.049 0,17.59185 c 0,0 1.48913,11.50194 -14.6136,11.50194 -16.1,0 -14.92939,-11.58906 -14.92939,-11.58906 l 0,-17.40945"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2498"
d="m 609.82234,394.35936 c -1.68514,-1.60619 -12.08181,-3.81129 -12.37038,0.96916 -0.38929,6.37303 19.06465,0.29946 18.16899,15.9775 -0.64247,11.27054 -9.34856,14.49381 -18.04103,14.49381 -5.57266,0 -13.40215,-1.99821 -16.94666,-4.63617 l 4.96285,-9.86037 c 2.51001,2.12616 15.09273,7.19518 16.17079,1.22778 1.09438,-6.06268 -18.84958,-0.89293 -18.10366,-15.46569 1.03177,-20.16992 25.83786,-14.3713 30.66732,-11.3386 l -4.50822,8.63258"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2500"
d="m 652.53607,385.4001 c -7.40752,-4.63889 -31.31523,-3.02998 -31.63647,18.49295 -0.36207,24.41679 26.67634,23.25979 31.76442,19.522 l -0.12795,-11.85586 c 0,0 -6.75688,4.85941 -12.95023,1.22506 -6.69972,-3.93108 -4.60895,-13.87856 -0.32396,-16.55735 7.73148,-4.8349 13.33953,1.28767 13.33953,1.28767 l -0.0653,-12.11447"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2502"
d="m 430.15787,308.0063 c 0,2.76046 -2.23505,4.99552 -4.99552,4.99552 -2.76046,0 -4.99824,-2.23506 -4.99824,-4.99552 0,-2.76047 2.23778,-4.99824 4.99824,-4.99824 2.76047,0 4.99552,2.23777 4.99552,4.99824"
inkscape:connector-curvature="0" />
<path
style="fill:none;stroke:#ffffff;stroke-width:0.68058848;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path2504"
d="m 430.15787,308.0063 c 0,2.76046 -2.23505,4.99552 -4.99552,4.99552 -2.76046,0 -4.99824,-2.23506 -4.99824,-4.99552 0,-2.76047 2.23778,-4.99824 4.99824,-4.99824 2.76047,0 4.99552,2.23777 4.99552,4.99824 z"
inkscape:connector-curvature="0" />
<path
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path2506"
d="m 444.04732,308.0063 c 0,2.76046 -2.23505,4.99552 -4.99552,4.99552 -2.76046,0 -4.99551,-2.23506 -4.99551,-4.99552 0,-2.76047 2.23505,-4.99824 4.99551,-4.99824 2.76047,0 4.99552,2.23777 4.99552,4.99824"
inkscape:connector-curvature="0" />
<path
style="fill:none;stroke:#ffffff;stroke-width:0.68058848;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
id="path2508"
d="m 444.04732,308.0063 c 0,2.76046 -2.23505,4.99552 -4.99552,4.99552 -2.76046,0 -4.99551,-2.23506 -4.99551,-4.99552 0,-2.76047 2.23505,-4.99824 4.99551,-4.99824 2.76047,0 4.99552,2.23777 4.99552,4.99824 z"
inkscape:connector-curvature="0" />
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 18 KiB

View file

@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="750px" height="230px">
<rect x="0" y="0" width="750px" height="230px" style="fill:white; stroke:none; opacity:0;"/>
<!-- C -->
<path d="M 218,64 l 8,-49 c -285,-70 -295,263 -25,196 l 7,-49 c -200,44 -149,-153 10,-98 z" style="fill:#ba261d; stroke:none;"/>
<!-- D -->
<path d="M 259,10 l -32,207 h 144 c 114,0 155,-207 12,-207 z M 321,55 h 44 c 61,0 42,117 -14,117 h -47 z" style="fill:#ba261d; stroke:none;"/>
<!-- U -->
<path d="M 511,10 h 73 l -18,117 c -9,52 73,69 86,-1 l 17,-116 h 71 l -19,124 c -25,127 -250,109 -226,-10 z" style="fill:#ba261d; stroke:none;"/>
</svg>

After

Width:  |  Height:  |  Size: 642 B

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 9.1 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 12 KiB

View file

@ -0,0 +1,76 @@
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.0"
width="566.92944"
height="127.05661"
id="svg1983"
inkscape:version="0.47 r22583"
sodipodi:docname="Z2Z.svg">
<metadata
id="metadata11">
<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>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1280"
inkscape:window-height="1004"
id="namedview9"
showgrid="false"
inkscape:zoom="0.89647062"
inkscape:cx="283.46472"
inkscape:cy="57.499599"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="svg1983" />
<defs
id="defs1985">
<inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 81.248032 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="602.36218 : 81.248032 : 1"
inkscape:persp3d-origin="301.18109 : 54.165354 : 1"
id="perspective13" />
</defs>
<g
id="layer1"
transform="translate(-17.716373,-11.69102)">
<g
transform="matrix(3.543307e-5,0,0,3.543307e-5,5.462343e-4,-6.025515)"
style="fill-rule:evenodd"
id="Layer_x0020_1">
<g
id="_89729424">
<path
d="m 15949500,4085820 c 258030,0 503370,-204070 544270,-461180 43470,-273390 -145940,-473350 -412100,-473350 -241680,0 -484250,212200 -523830,461150 -41530,261180 129490,473380 391660,473380 z m -2267880,-44910 1474550,0 109730,-726370 -680900,0 70890,-469300 610840,0 109730,-726350 -610910,0 64700,-428540 680900,0 109700,-726340 -1474580,0 -464650,3076900 z m -153530,0 -467740,-1591510 858520,-1485390 -836490,0 -633570,1309940 193900,-1309940 -793680,0 -464680,3076900 793750,0 213180,-1411920 284800,1411920 852010,0 z m -4528050,0 762580,0 136180,-901820 c 43760,-289810 51890,-575430 76180,-865140 l 332350,1766960 762550,0 464680,-3076900 -762580,0 -118310,783490 c -53610,355010 -48280,705940 -70790,1060990 l -363360,-1844480 -754800,0 -464680,3076900 z m -1400360,0 109640,-726370 -595290,0 354980,-2350530 -793680,0 -464680,3076900 1389030,0 z m -3726490,0 1474580,0 109700,-726370 -680860,0 70880,-469300 610840,0 109700,-726350 -610910,0 64730,-428540 680870,0 109730,-726340 -1474580,0 -464680,3076900 z m -315970,0 464610,-3076900 -793680,0 -464680,3076900 793750,0 z M 1642530,1731210 c 361800,0 353830,465190 303310,799840 -43750,289710 -177520,763090 -539960,767140 l 236650,-1566980 0,0 z m -1142550,2309700 692590,0 c 482430,0 1354240,-130570 1568700,-1550720 C 2901720,1559780 2505370,964010 1602750,964010 l -638090,0 -464680,3076900 0,0 z m 8179050,0 391470,-2513670 -793680,0 -391540,2513670 793750,0 z"
style="fill:#000000;fill-opacity:1"
id="_47141144" />
<polygon
points="9230140,500000 9230140,500000 7697260,963340 9094490,1374000 "
style="fill:#dc0000;fill-opacity:1"
id="_48064328" />
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="500" height="500" viewBox="0 0 340 340">
<rect width="340" height="340" fill="#E2001A"/>
<path id="S" d="M 87,239 L 100,219 C 28,179 -6,266 59,277 C 91,282 63,309 33,283 L 20,305 C 94,354 142,256 66,249 C 50,248 49,223 87,239 z" style="fill:#ffffff;stroke:none"/>
<path id="P" d="M 110,210 V 315 H 140 V 280 H 163 C 200,280 201,209 163,210 H 110 z M 140,233 H 152 C 165,233 165,258 152,258 H 140 V 233 z" style="fill:#ffffff;fill-rule:evenodd;stroke:none"/>
<path id="D" d="M 198,210 V 315 H 244 C 303,316 303,210 245,210 H 198 z M 227,235 H 232 C 269,235 269,291 232,291 H 227 V 235 z" style="fill:#ffffff;fill-rule:evenodd;stroke:none"/>
</svg>

After

Width:  |  Height:  |  Size: 717 B

View file

@ -58,8 +58,9 @@
.menu {
margin-right: $base-gap * 2;
position: relative;
flex-grow: 1;
width: 140px;
flex-basis: 140px;
flex-grow: 0;
flex-shrink: 0;
ul {
list-style: none;
@ -107,6 +108,7 @@
button {
padding: 10px;
font-size: 25px;
}
}
</style>

View file

@ -23,6 +23,10 @@
appearance: none;
width: 100%;
height: 20px;
background: $dark-blue;
color: $yellow;
border: none;
border-radius: $border-radius;
&::-webkit-progress-bar {
background: $dark-blue;

View file

@ -1,22 +1,18 @@
[
{
"position": "positive",
"id": 0,
"label": "👍🏻 Ich stimme zu"
"id": 0
},
{
"position": "neutral",
"id": 1,
"label": "🖐🏻 Neutral"
"id": 1
},
{
"position": "negative",
"id": 2,
"label": "👎🏻 Ich bin dagegen"
"id": 2
},
{
"position": "skipped",
"id": 3,
"label": "These überspringen"
"id": 3
}
]

View file

@ -5,6 +5,7 @@ button, .btn {
display: inline-block;
text-decoration: none;
padding: 10px 20px;
font-weight: 600;
background: $button-background;
color: $button-color;
border-radius: $border-radius;
@ -30,7 +31,7 @@ button, .btn {
border-radius: $border-radius;
opacity: 0;
z-index: -1;
transform: scale3d(0.7, 1, 1);
transform: scale3d(0.5, 1, 1);
transition: transform 0.4s, opacity 0.4s;
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
@ -58,9 +59,12 @@ button, .btn {
}
&.btn-txt {
all: unset;
cursor: pointer;
background: transparent;
color: $text-color-base;
border: none;
font-weight: 400;
&::before, &::after {
content: none;

View file

@ -11,6 +11,9 @@ export const getAllOptions = () =>
export const getThesis = id =>
theses.find(t => t.id === id)
export const getAllTheses = () =>
theses
export const getThesesCount = () =>
theses.length