-
Notifications
You must be signed in to change notification settings - Fork 0
/
result.html
155 lines (133 loc) · 6.37 KB
/
result.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
150
151
152
153
154
155
<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="ko" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="ko" > <!--<![endif]-->
<head>
<meta charset="utf-8" />
<title>정치성향 테스트 - Version 4.0</title>
<link rel="stylesheet" href="css/foundation.css" />
<script src="js/vendor/custom.modernizr.js"></script>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<div class="notice panel"><strong>페이지 제작자의 한마디: </strong> '산업화'는 정중히 사양합니다.</div>
<header id="intro" class="row">
<div class="large-12 columns">
<h1>정치성향 테스트</h1>
<p>Version 4.0</p>
<p>
<a href="index.html">테스트하기</a><br><a href="http://blog.naver.com/cylussss/10170428069">불편사항 문의하기</a>
</p>
</div></header>
<section class="row">
<div class="large-12 columns">
<div id="graph-placeholder">
<h2 class="subheader">결과 그래프</h2>
<!--[if lte IE 8]><script src="r2d3.js" charset="utf-8"></script><![endif]-->
<!--[if gte IE 9]><!-->
<script src="js/d3/d3.v3.min.js" charset="utf-8"></script>
<script src="js/underscore/underscore-min.js" charset="utf-8"></script>
<!--<![endif]-->
<script src="js/result.js" charset="utf-8"></script>
</div>
</div>
</section>
<section class="row">
<div class="large-6 columns">
<h3 class="subheader">문항 분야별 해설</h3>
<p>
4가지 항목중 첫번째는 '얼마나 계급의식화를 하는지?', '얼마나 적자생존관을 가지고 있는지' 알아보는 분야였습니다.
두번째는 '얼마나 자유주의적인지', '얼마나 보수적인지' 알아보는 분야였습니다.
세번째는 '얼마나 비권위적'인지, '조직지향적인지' 알아보는 분야였습니다.
네번째는 '얼마나 급진적인지', '온건적'인지 알아보는 분야였습니다.
</p>
<p>
두가지 질문을 읽으면서 테스트가 매우 극단적인 듯한 인상을 받았을 것입니다.
이런 극단적 선택이 정확한 정치성향을 알아볼 수 있게 합니다.
한편, 자신이 선호하지 않는 정치적 입장 중에서도 어느 하나만을 택하여야만 했는데,
그것은 자신의 정치적 스펙트럼이 얼마나 넓은지 혹은 정치적 협상이 가능한 선이 어느정도인지 알기 위했기 때문입니다.
</p>
</div>
<div class="large-6 columns">
<h3 class="subheader">결과 해석하기</h3>
<p>
대개 네가지 부분(좌상, 우상, 좌하, 우하)에 네개의 꼭지점들이 위치되고 그것을 이은 사각형이 만들어질 것입니다.
네 가지 부분 중 가장 넓은 부분이 자신의 정치적 성향에 가장 가까운 부분입니다.
좌상 부분이 가장 넓다면 좌파 자유주의자, 우상 부분이 가장 넓다면 우파 자유주의자입니다.
좌하 부분이 가장 넓다면 좌파 사회주의자, 우하 부분이 가장 넓다면 우파 보수주의자입니다.
</p>
<p>
기준점 0으로부터 가장 멀리 떨어져있는 꼭지점에 위치한 사상은 자신이 이상향으로 꼽을만한 정치관입니다.
두번째, 세번째, 네번째 넓이의 부분으로 갈수록 자신의 정치적 신념과 타협하기 어려워집니다.</p>
<p>다만 중심을 기준으로 상하좌우 4칸 안에 자신의 사각형이 거의 포함되면 정치적성향이 옅은 '중도'입니다.</p>
</div>
</section>
<section class="row">
<div class="large-6 columns">
<h3 class="subheader">참고자료</h3>
<p>그래프의 자세한 풀이를 보시려면 <a href="http://blog.naver.com/rerinelf/140191215502">여기</a>를 누르세요.</p>
<p>정치사상에 대한 설명을 보시려면 <a href="http://www.soccerline.co.kr/slboard/view.php?uid=1990708293">여기</a>를 누르세요.</p>
</div>
<div class="large-6 columns">
<h3 class="subheader">문의하기</h3>
<p>테스트를 이용하실 때 불편하신 점이 있으신가요?<br>
<a href="http://blog.naver.com/cylussss/10170428069">여기</a>에 의견을 남겨주세요.</p>
</div>
</section>
<section class="row link">
<div class="large-12 columns">
<h3 class="subheader">테스트 결과 링크</h3>
<p>테스트 결과를 공유하실 수 있습니다. </p>
<input type="text"></input>
</div>
</section>
<footer class="row">
<section>
<div class="large-4 columns">
<p>원저작자: 비야르레알 (<a href="http://blog.naver.com/rerinelf/140191251897">원문</a>)<br>
페이지 제작자: cyluss (<a href="http://blog.naver.com/cylussss">블로그</a>)</p>
<p>이 페이지는 인터넷 익스플로러 9 이상이나 사파리, 크롬에서 잘 보입니다.</p>
</div>
<dl id="license" class="large-8 columns">
<dt>저작자표시-비영리-동일조건변경허락</dt>
<dd>이 라이선스는 원저작물의 저작자를 밝히고 2차 저작물에도 동일한 라이선스를 적용하는 한, 저작물을 비상업적 용도로 리믹스, 변형, 활용할 수 있도록 허락합니다.<br>
<a href="http://creativecommons.org/licenses/by-nc-sa/3.0/">자세히 읽기</a><br></dd>
<dd><img src="http://i.creativecommons.org/l/by-nc-sa/3.0/88x31.png" alt="CC BY-NC-SA" /></dd>
</dl>
</section>
<section>
<div class="large-6 columns">
정치성향 테스트 Version 4.0
</div>
<div class="large-6 columns powered-by">
<ul class="inline-list">
<li class="header">powered by:</li>
<li><a href="https://github.com">GitHub</a></li>
<li><a href="http://foundation.zurb.com">Foundation</a></li>
<li><a href="http://d3js.org">D3</a></li>
</ul>
</div>
</section>
</footer>
<script>
document.write('<script src=' +
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
'.js><\/script>')
</script>
<script src="js/foundation.min.js"></script>
<script>
$(document).foundation();
$(".link input[type='text']").val(document.location.toString());
setTimeout(function () {
$(".notice").fadeOut(500);
}, 10000);
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-68383480-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>