forked from 8values/8values.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (144 loc) · 10.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<head>
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700|Roboto:400,700" rel="stylesheet">
<link href='style.css' rel='stylesheet' type='text/css'>
<title>8values</title>
<link rel="icon" type="x-icon" href="icon.png">
<link rel="shortcut icon" type="x-icon" href="icon.png">
<meta charset="utf-8">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-6511426299019766",
enable_page_level_ads: true
});
</script>
</head>
<body>
<a href="https://github.com/8values/8values.github.io" class="github-corner" aria-label="View source on Github"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
<h1>8values</h1>
<hr>
<div class="center">
<div class="axis_name quadcolumn">WIRTSCHAFT</div>
<div class="axis_name quadcolumn">DIPLOMATIE</div>
<div class="axis_name quadcolumn">ZIVIL</div>
<div class="axis_name quadcolumn">GESELLSCHAFT</div>
<a href="#anchor"><img src="value_images/equality.svg" class="quadcolumn"></a>
<a href="#anchor"><img src="value_images/nation.svg" class="quadcolumn"></a>
<a href="#anchor"><img src="value_images/liberty.svg" class="quadcolumn"></a>
<a href="#anchor"><img src="value_images/tradition.svg" class="quadcolumn"></a>
<a href="#anchor"><img src="value_images/markets.svg" class="quadcolumn"></a>
<a href="#anchor"><img src="value_images/globe.svg" class="quadcolumn"></a>
<a href="#anchor"><img src="value_images/authority.svg" class="quadcolumn"></a>
<a href="#anchor"><img src="value_images/progress.svg" class="quadcolumn"></a>
</div>
<br>
<button class="button" onclick="location.href='instructions.html';" style="font-size:36pt;">Klicke hier zum starten!</button>
<br><hr>
<h2>Was ist 8werte(8values)?</h2>
<p>8values ist im Wesentlichen ein politisches Quiz, das versucht, Prozentsätze für acht verschiedene politische Werte zu bestimmen. Es wird eine Aussage präsentiert, beantworte diese mit eigener Meinung über die Aussage, von <b>Starke Zustimmung</b> bis <b> Starke Ablehnung</b>, wobei jede Antwort die Punktzahl geringfügig beeinflusst. Am Ende des Quiz werden die Antworten mit den maximal möglichen Werten verglichen, so dass ein Prozentsatz für das Ergebnis berechnet wird. Beantworte die Fragen aufrichtig!<br /><br />
Es gibt <b><u><span id="numOfQuestions"></span></u></b> Fragen in diesem Test.</p>
<h2><a id="anchor">Was sind diese 8 Werte?</a></h2>
<p>Es gibt vier unabhängige Achsen - die wirtschaftliche, die diplomatische, die zivile und die gesellschaftliche -, denen jeweils zwei gegensätzliche Werte zugewiesen sind. Sie sind:</p>
<div class="explanation_bg">
<div class="spacer">
<div class="explanation_blurb_left">
<p class="value"><b style="color:#d32f2f;">GLEICHBERECHTIGUNG</b></p>
<p class="blurb-text">
Diejenigen mit höheren Gleichheitswerten glauben, dass die Wirtschaft den Wert gleichmäßig unter der Bevölkerung verteilen sollte. Sie neigen dazu, progressive Steuervorschriften, Sozialprogramme und bei hohen Werten auch den Sozialismus zu unterstützen.
</p>
</div>
<div class="explanation_axis">
<p class="axis_name">WIRTSCHAFT</p>
<img class="arrow" src="double_arrow.svg"></img>
</div>
<div class="explanation_blurb_right">
<p class="value"><b style="color:#00796b;">MÄRKTE</b></p>
<p class="blurb-text">
Diejenigen mit höheren Marktwerten glauben, dass die Wirtschaft auf schnelles Wachstum ausgerichtet sein sollte. Sie neigen dazu, niedrigere Steuern, Privatisierung, Deregulierung und - bei hohen Werten - Laissez-faire-Kapitalismus zu unterstützen.
</p>
</div>
</div>
<div class="spacer">
<div class="explanation_blurb_left">
<p class="value"><b style="color:#f57c00;">NATIONAL</b></p>
<p class="blurb-text">
Menschen mit höheren National-Werten sind patriotisch und nationalistisch. Sie glauben oft an eine aggressive Außenpolitik und schätzen Militär, Stärke, Souveränität und - bei hohen Werten - territoriale Expansion.
</p>
</div>
<div class="explanation_axis">
<p class="axis_name">DIPLOMATIC</p>
<img class="arrow" src="double_arrow.svg"></img>
</div>
<div class="explanation_blurb_right">
<p class="value"><b style="color:#0288d1;">GLOBAL</b></p>
<p class="blurb-text">
Diejenigen mit höheren Global-Werten sind kosmopolitisch und globalistisch. Sie glauben oft an eine friedliche Außenpolitik und betonen Diplomatie, Kooperation, Integration und bei hohen Werten eine Weltregierung.
</p>
</div>
</div>
<div class="spacer">
<div class="explanation_blurb_left">
<p class="value"><b style="color:#fbc02d;">FREIHEIT</b></p>
<p class="blurb-text">
Diejenigen mit höheren Werten für Freiheit glauben an starke bürgerliche Freiheiten. Sie neigen dazu, die Demokratie zu unterstützen und lehnen staatliche Eingriffe in das persönliche Leben ab. Beachten Sie, dass sich dies auf bürgerliche Freiheiten und nicht auf wirtschaftliche Freiheiten bezieht.
</p>
</div>
<div class="explanation_axis">
<p class="axis_name">ZIVIL</p>
<img class="arrow" src="double_arrow.svg"></img>
</div>
<div class="explanation_blurb_right">
<p class="value"><b style="color:#303f9f;">AUTORITÄT</b></p>
<p class="blurb-text">
Personen mit höheren Autoritätswerten glauben an eine starke staatliche Macht. Sie neigen dazu, staatliche Eingriffe in das persönliche Leben, staatliche Überwachung und bei hohen Werten Zensur oder Autokratie zu unterstützen.
</p>
</div>
</div>
<div class="spacer">
<div class="explanation_blurb_left">
<p class="value"><b style="color:#689f38;">TRADITION</b></p>
<p class="blurb-text">
Diejenigen mit einem höheren Wert für Tradition glauben an traditionelle Werte und die strikte Einhaltung eines Moralkodex. Wenn auch nicht immer, so sind sie doch in der Regel religiös und unterstützen den Status quo oder den Status quo ante.
</p>
</div>
<div class="explanation_axis">
<p class="axis_name">GESELLSCHAFT</p>
<img class="arrow" src="double_arrow.svg"></img>
</div>
<div class="explanation_blurb_right">
<p class="value"><b style="color:#7b1fa2;">FORTSCHRITT</b></p>
<p class="blurb-text">
Diejenigen mit höheren Fortschritt-Werten glauben an sozialen Wandel und Rationalität. Sie sind in der Regel säkular oder atheistisch und unterstützen Umweltschutzmaßnahmen und wissenschaftliche oder technologische Forschung, wenn auch nicht immer.
</p>
</div>
</div>
<br/>
</div>
<h2 style="margin-top: 17pt;">Was bedeutet die "engste Übereinstimmung" am Ende der Ergebnisse?</h2>
<p>Neben der Zuordnung zu den acht Werten versucht das Quiz auch, Sie einer politischen Ideologie zuzuordnen. Diese ist noch in Arbeit und viel ungenauer als die Werte und Achsen, nehmen Sie sie also nicht zu ernst. Wenn Sie mit der Ihnen zugewiesenen Ideologie nicht einverstanden sind, senden Sie uns bitte eine E-Mail an [email protected] mit Ihren Ergebnissen, der zugewiesenen Ideologie und der bevorzugten Ideologie, damit wir das System anpassen können. Vielen Dank!</p>
<h2>Ich mag meine Ergebnisse nicht!</h2>
<p>¯\_(ツ)_/¯<br/>
Wenn Sie Vorschläge oder konstruktive Kritik haben, senden Sie diese bitte an <a href="mailto:[email protected]">[email protected]</a> or open an issue on the GitHub page here: <a href="https://github.com/8values/8values.github.io">GitHub Page</a></p>
<br>
<!-- Website visit statistics - no personal information is collected! -->
<script type="text/javascript">
var sc_project=11325211;
var sc_invisible=1;
var sc_security="fd9f0659";
var scJsHost = (("https:" == document.location.protocol) ?
"https://secure." : "http://www.");
document.write("<sc"+"ript type='text/javascript' src='" +
scJsHost+
"statcounter.com/counter/counter.js'></"+"script>");
</script>
<noscript><div class="statcounter"><a title="web stats"
href="http://statcounter.com/" target="_blank"><img
class="statcounter"
src="//c.statcounter.com/11325211/0/fd9f0659/1/" alt="web
stats"></a></div></noscript>
<!-- This is the script for the page itself -->
<script type="application/javascript"src="questions.js"></script>
<script type="text/javascript">
document.getElementById("numOfQuestions").innerHTML = questions.length;
</script>
</body>