forked from 8values/8values.github.io
-
Notifications
You must be signed in to change notification settings - Fork 15
/
Copy pathindex.html
137 lines (134 loc) · 10.2 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
<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">
<meta name="viewport" content="width=device-width, user-scalable=no">
<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-ko/8values-ko.github.io" class="github-corner" aria-label="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>
<center><img src="values.svg" style="margin:auto; max-width:100%; height:auto; display:block"></center><br>
<button class="button" id="start" onclick="location.href='instructions.html';">시작하려면 여기를 누르세요</button>
<h2>8values란 무엇인가요?</h2>
<p>8values는 여덟 가지 정치적 가치를 백분율로 측정하는 정치 성향 테스트입니다. 여러분은 자신의 의견에 따라 <b>적극 동의</b>부터 <b>적극 비동의</b>까지의 선택지를 통해 설문지에 답할 것이고, 각 답변은 여러분의 점수에 약간씩 영향을 미칠 것입니다. 테스트가 끝나면 각 값의 최댓값과 답변을 비교해 백분율을 산출합니다. 정직하게 답하세요! <br /><br />
8values에는 <b><u><span id="numOfQuestions"></span></u></b>개의 문항이 있습니다.</p>
<h2><a id="anchor">여덟 가지 가치가 무엇인가요?</a></h2>
<p>경제, 외교, 국가, 사회까지 네 개의 독립적인 축이 있으며 각각 두 개의 상반된 가치가 있습니다.</p>
<div class="explanation_bg">
<div class="spacer">
<div class="explanation_blurb_left">
<p class="value"><b style="color:#d32f2f;">평등</b></p>
<p class="blurb-text">
평등 점수가 높은 사람들은 경제가 대중들에게 가치를 균등하게 분배해야 한다고 믿습니다. 그들은 진보적인 세법과 사회 프로그램을 중요시하는 경향이 있으며, 이 수치가 높으면 사회주의를 지지할 가능성이 높습니다.
</p>
</div>
<div class="explanation_axis">
<p class="axis_name">경제</p>
<img class="arrow" src="double_arrow.svg"></img>
</div>
<div class="explanation_blurb_right">
<p class="value"><b style="color:#00796b;">시장</b></p>
<p class="blurb-text">
시장 점수가 높은 사람들은 경제가 빠른 성장에 초점을 맞춰야 한다고 생각합니다. 그들은 낮은 세금, 민영화, 규제 완화를 중요시하는 경향이 있으며, 이 수치가 높으면 자유방임주의 자본주의를 지지할 가능성이 높습니다.
</p>
</div>
</div>
<div class="spacer">
<div class="explanation_blurb_left">
<p class="value"><b style="color:#f57c00;">국가</b></p>
<p class="blurb-text">
국가 점수가 높은 사람들은 애국주의적이고 민족주의적입니다. 그들은 주로 군사력, 힘, 주권을 중요시하는 경향이 있으며, 이 수치가 높으면 영토 확장을 중시하는 공격적인 외교 정책을 지지할 가능성이 높습니다.
</p>
</div>
<div class="explanation_axis">
<p class="axis_name">외교</p>
<img class="arrow" src="double_arrow.svg"></img>
</div>
<div class="explanation_blurb_right">
<p class="value"><b style="color:#0288d1;">국제</b></p>
<p class="blurb-text">
국제 점수가 높은 사람들은 세계주의적이고 국제주의적입니다. 그들은 주로 외교, 협력, 통합을 강조합니다. 이 수치가 높으면 세계 정부를 강조하는 평화적인 외교 정책을 지지할 가능성이 높습니다.
</p>
</div>
</div>
<div class="spacer">
<div class="explanation_blurb_left">
<p class="value"><b style="color:#fbc02d;">자유</b></p>
<p class="blurb-text">
자유 점수가 높은 사람들은 강력한 시민 자유를 지지합니다. 그들은 민주주의를 지지하고 국가가 사생활에 개입하는 것을 반대하는 경향이 있습니다. 이는 경제적 자유가 아니라 사회적 자유를 의미한다는 것을 주목하세요.
</p>
</div>
<div class="explanation_axis">
<p class="axis_name">국가</p>
<img class="arrow" src="double_arrow.svg"></img>
</div>
<div class="explanation_blurb_right">
<p class="value"><b style="color:#303f9f;">권위</b></p>
<p class="blurb-text">
권위 점수가 높은 사람들은 강력한 국가 권력을 믿습니다. 그들은 개인 생활에 대한 국가의 개입이나 정부 감시를 중요시하는 경향이 있으며, 이 수치가 높으면 검열 또는 독재를 지지할 가능성이 높습니다.
</p>
</div>
</div>
<div class="spacer">
<div class="explanation_blurb_left">
<p class="value"><b style="color:#689f38;">전통</b></p>
<p class="blurb-text">
전통 점수가 높은 사람들은 전통적인 가치와 도덕률의 엄격한 준수를 믿습니다. 늘 그렇지는 않지만, 그들은 보통 종교적이고, 보수적 가치 혹은 수구적 가치를 지지할 가능성이 높습니다.
</p>
</div>
<div class="explanation_axis">
<p class="axis_name">사회</p>
<img class="arrow" src="double_arrow.svg"></img>
</div>
<div class="explanation_blurb_right">
<p class="value"><b style="color:#7b1fa2;">진보</b></p>
<p class="blurb-text">
진보 점수가 높은 사람들은 사회 변화와 합리주의를 믿습니다. 늘 그렇지는 않지만, 그들은 대개 세속적이거나 무신론자이며 환경 운동과 과학/기술 연구를 지지합니다.
</p>
</div>
</div>
<br/>
</div>
<h2>결과 아래의 '가장 가까운 성향'은 무엇인가요?</h2>
<p>테스트는 여덟 가지 가치를 계산하는 것 외에도 당신을 정치적 이념 또한 제시합니다. 이는 진행 중인 작업이며, 테스트의 값과 축보다 부정확하니 너무 진지하게 받아들이지 마세요. 측정된 이념에 동의하지 않을 경우 <a href="mailto:[email protected]">[email protected]</a>으로 점수, 측정된 이념 및 선호하는 이념을 이메일로 보내주시면 시스템 조정을 검토해 보겠습니다. 감사합니다!</p>
<h2>제 점수가 마음에 들지 않아요!</h2>
<p>¯\_(ツ)_/¯<br/><br/>
<p>8values 한국어판 개발자 일동: 제안이나 건설적인 비판은 <a href="mailto:[email protected]">[email protected]</a> 혹은 GitHub 페이지에서 열린 문제제기를 해 주세요: <a href="https://github.com/8values-ko/8values-ko.github.io">GitHub 페이지</a></p>
<br/><br/>
<footer>
<p>2022년 11월 30일, 원판의 최신 이데올로기 <a href="https://github.com/8values/8values.github.io/commit/d3ce91c70921ad0dc2ee6a263849eb1b1709f029">d3ce91c</a>와 최신 질문 <a href="https://github.com/8values/8values.github.io/commit/32657b46d2af01bf3a69266bc51e9bf16341c5b8">32657b4</a>을 반영했습니다.</p></footer>
<!-- 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").innerText = questions.length;
</script>
</body>