altvalues.github.io/index.html at master · altvalues/altvalues.github.io · GitHub

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
<head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-99715444-5"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-99715444-5');
    </script>

    <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>AltValues</title>
    <link rel="icon" type="x-icon" href="icon.png">
    <link rel="shortcut icon" type="x-icon" href="icon.png">
    <meta charset="utf-8">
</head>

<body>
<a href="https://github.com/altvalues/altvalues.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>AltValues</h1>
<hr>
<button class="button" onclick="location.href='instructions.html';" style="font-size:36pt;">Click here to start!</button>
<img src="values.svg" class="center">
<h2>What is AltValues?</h2>
<p>AltValues (1.0.0) is a political quiz, running on a modded base of <a href="https://8values.github.io/">8values</a>, that attempts to assign you percentages across multiple axes <del>with a label of what you might be</del>. You will be presented by a statement, and then you will answer with your opinion on the statement, from <b>Strongly Agree</b> to <b>Strongly Disagree</b>, with each answer slightly affecting your scores. At the end of the quiz, your answers will be compared to the maximum possible for each value, thus giving you a percentage. Answer honestly!<br /><br />
    There are <b><u><span id="numOfQuestions"></span></u></b> questions in the test.</p>

<h2>What are the values?</h2>
  <p>There are currently nine axes, each of which has two opposing values. They are:</p><br/>
	<p class="value-description"><b style="color:#009999;">Individualism</b> <b>vs.</b> <b style="color:#DA0000;">Collectivism</b><br/>
        Those with higher Individualism score emphasize personal achievement regardless of the expense of group goals, resulting in a strong sense of competition. Those with higher Collectivism score emphasize family and work group goals above individual needs or desires.</p>
	<p class="value-description"><b style="color:#048CF4;">Market</b> <b>vs.</b> <b style="color:#FF4900;">Planned</b><br/>
        Those with higher Market score support laissez-faire market system as an efficient way to redistribute resources. Those with higher Planned score see free markets as unfairly flawed and support alternative system(s), such as a (state-)planned economy.</p>
	<p class="value-description"><b style="color:#00CC00;">Essentialism</b> <b>vs.</b> <b style="color:#CD0074;">Constructivism</b><br/>
        Those with higher Essentialism score consider that all people have a set of inherent traits, regardless of environmental factors. Those with higher Constructivism score consider the characteristics of a person to be influenced by the environment (socio-economic factors, upbringing).</p>
	<p class="value-description"><b style="color:#A101B3;">Pragmatism</b> <b>vs.</b> <b style="color:#6AB001;">Idealism</b><br/>
        Those with higher Pragmatism score value practical solution, with no concerns over moral dogmas. Those with higher Idealism score tend to adapt a set of moral principles for life and reject challenging views, even if proven superior.</p>
	<p class="value-description"><b style="color:#048CF4;">Universalism</b> <b>vs.</b> <b style="color:#FFBF00;">Particularism</b><br/>
        Those with higher Universalism score see their worldview as adaptable everywhere. Those with higher Particularism score see their worldview as limited to their context and region.</p>
	<p class="value-description"><b style="color:#00CC00;">Ecology</b> <b>vs.</b> <b style="color:#FF7400;">Industrial</b><br/>
        Those with higher Ecology score have higher concerns over nature and are willing to sacrifice industrial output to preserve nature. Those with higher Industrial score have little regards to environmental concerns and value industrial output over nature.</p>
	<p class="value-description"><b style="color:#009999;">Politicized</b> <b>vs.</b> <b style="color:#808080;">Apolitical</b><br/>
        Those with higher Politicized score see politics as important aspect of everyday life (mandated political organizations, ideological advertising). Those with higher Apolitical score think that if there are any politics, it should be dealt with out of their sight. They just want to grill, for god's sake!</p>
	<p class="value-description"><b style="color:#FFBF00;">Religious</b> <b>vs.</b> <b style="color:#A600A6;">Secular</b><br/>
        Those with higher Religious score see religion as an important aspect of society. Those with higher Secular score would rather not have religious affairs in society.</p>
    <p class="value-description"><b style="color:#074FF5;">Futuristic</b> <b>vs.</b> <b style="color:#FF7400;">Historic</b><br/>
        Those with higher Futuristic score prefer futurist (space, acceleration, technology, youth) aesthetics. Those with higher Historic score prefer historic (godly, mighty, strong, ideal) aesthetics.</p>
<h3>What is "Closest Match" in the results?</h3>
    <p>Like 8values, this quiz tries to match you with an ideology. This is highly W.I.P and will get more accurate as more people answer (honestly).</p>
<h3>Contact</h3>
    <p>You can contact me via <a href="mailto:censusbot3@gmail.com">censusbot3@gmail.com</a>, <a
        href="https://discord.gg/vwqk2UZ">Discord</a> or <a href="https://twitter.com/sunkdatadiver">Twitter</a>.</p>
<h3>Privacy</h3>
    <p>This site uses Google Analytics. As well at the end of the test, you will be given the option to fill out general demographic information about yourself.
There will be 3 options. The first will take you to a small survey and will record your answers to that along with the
results. The second will just record your results. The third will not record anything. All information recorded is totally anonymous.</p>
<h3>Licencing</h3>
	<p>Altvalues is licensed under the MIT License, which permits "without restriction" the rights to "use, copy, modify, merge, publish, distribute, sublicense, and/or sell
	copies of the Software". Same as 8values license.</p>

<script type="application/javascript" src="questions.js"></script>
<script type="text/javascript">
    console.log("loaded")
    document.getElementById("numOfQuestions").innerHTML = questions.length;
</script>
</body>