forked from afunhumaninter/conservavalues
-
Notifications
You must be signed in to change notification settings - Fork 0
/
results.html
68 lines (68 loc) · 4.71 KB
/
results.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
<!DOCTYPE html>
<html lang="en-US">
<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'>
<link rel="icon" type="x-icon" href="assets/icon.png">
<link rel="shortcut icon" type="x-icon" href="assets/icon.png">
<title>ConservaValues</title>
<meta property="og:ttl" content="600">
<meta property="og:site_name" content="ConservaValues.github.io">
<meta property="og:title" content="ConservaValues">
<meta property="og:type" content="website">
<meta property="og:description" content="ConservaValues is a political quiz aimed at cultural conservatives">
<meta property="og:url" content="https://afunhumaninter.github.io/conservavalues/">
<meta property="og:image" content="https://afunhumaninter.github.io/conservavalues/assets/previcon.png">
<meta property="og:image:width" content="1024">
<meta property="og:image:height" content="1024">
<meta name="theme-color" content="#000000" data-react-helmet="true">
<meta charset="utf-8">
</head>
<body>
<h1>ConservaValues</h1>
<hr>
<h1>Results</h1>
<h2>Radicality Axis: <span class="weight-300" id="radicality-label"></span></h2>
<div class="axis">
<img id="img-moderate" src="assets/values/moderate.svg" height="128pt"/>
<div class="bar moderate" id="bar-moderate"><div class="text-wrapper" id="moderate"></div></div>
<div class="bar radical" id="bar-radical"><div class="text-wrapper" id="radical"></div></div>
<img id="img-radical" src="assets/values/radical.svg" height="128pt"/>
</div>
<h2>Economics Axis: <span class="weight-300" id="economics-label"></span></h2>
<div class="axis">
<img id="img-socialist" src="assets/values/socialist.svg" height="128pt"/>
<div class="bar socialist" id="bar-socialist"><div class="text-wrapper" id="socialist"></div></div>
<div class="bar capitalist" id="bar-capitalist"><div class="text-wrapper" id="capitalist"></div></div>
<img id="img-capitalist" src="assets/values/capitalist.svg" height="128pt"/>
</div>
<h2>Civics Axis: <span class="weight-300" id="statism-label"></span></h2>
<div class="axis">
<img id="img-authoritarian" src="assets/values/authoritarian.svg" height="128pt"/>
<div class="bar authoritarian" id="bar-authoritarian"><div class="text-wrapper" id="authoritarian"></div></div>
<div class="bar libertarian" id="bar-libertarian"><div class="text-wrapper" id="libertarian"></div></div>
<img id="img-libertarian" src="assets/values/libertarian.svg" height="128pt"/>
</div>
<h2>Nation Axis: <span class="weight-300" id="nation-label"></span></h2>
<div class="axis">
<img id="img-nationalist" src="assets/values/nationalist.svg" height="128pt"/>
<div class="bar nationalist" id="bar-nationalist"><div class="text-wrapper" id="nationalist"></div></div>
<div class="bar globalist" id="bar-globalist"><div class="text-wrapper" id="globalist"></div></div>
<img id="img-globalist" src="assets/values/globalist.svg" height="128pt"/>
</div>
<h2>Conventionalism Axis: <span class="weight-300" id="conventionalism-label"></span></h2>
<div class="axis">
<img id="img-conventionalist" src="assets/values/conventionalist.svg" height="128pt"/>
<div class="bar conventionalist" id="bar-conventionalist"><div class="text-wrapper" id="conventionalist"></div></div>
<div class="bar conspiratorialist" id="bar-conspiratorialist"><div class="text-wrapper" id="conspiratorialist"></div></div>
<img id="img-conspiratorialist" src="assets/values/conspiratorialist.svg" height="128pt"/>
</div>
<h2>Closest Match: <span class="weight-300" id="ideology-label"></span></h2>
<p>Ideological matching is a work in progress, and is much less accurate than the values and axes.</p>
<p>You can send these results by copying and pasting the URL at the top of the page or using the image below. Think your matched ideology was wrong? Want to help us calibrate the test? Send the results along with your political ideology to afunhumaninter#9121 on Discord (or u/afunhumaninter on Reddit) or any other comments, questions, or criticism. </p>
<hr/>
<img src="" id="banner">
<button class="button" onclick="location.href='index.html';" style="background-color: #2196f3;">Back</button> <br>
<script type="module" src="scripts/results.js"></script>
</body>
</html>