index.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>PolitiScales - Help</title>
  7. <meta
  8. name="description"
  9. content="Welcome to the PolitiScale, the online political test. You will be confronted to a series of affirmations and for each of them you will have to click on the button which corresponds the most to your opinion."
  10. />
  11. <link rel="stylesheet" href="/style.css" type="text/css" media="screen" />
  12. <link rel="shortcut icon" href="/images/favicon.ico" />
  13. <meta property="og:url" content="https://dbhq.github.io/" />
  14. <meta property="og:title" content="PolitiScales, DBHQ Edition" />
  15. <meta property="og:locale" content="en_US" />
  16. <meta
  17. property="og:description"
  18. content="Welcome to the PolitiScale, the online political test. You will be confronted to a series of affirmations and for each of them you will have to click on the button which corresponds the most to your opinion."
  19. />
  20. <meta property="og:image" content="/images/facebook-preview.jpg" />
  21. </head>
  22. <body>
  23. <header>
  24. <div id="header">
  25. <h1><a href="/">PolitiScales</a></h1>
  26. </div>
  27. </header>
  28. <div id="content">
  29. <div id="mainFrame">
  30. <h2>Who are we?</h2>
  31. <p class="simpleText">
  32. PolitiScale is a political test using 8 ideological values to help you
  33. know approximately where you belong to in the political field, or
  34. simply to share your profile with your friends. this internet website
  35. is an initiative of “Radicalisé·e·s sur Internet” which is freely
  36. inspired by <a href="https://8values.github.io/">8values</a>.
  37. </p>
  38. <h3>Constructivism vs. Essentialism</h3>
  39. <div class="description">
  40. <div class="descImg">
  41. <img src="/images/constructivism.png" alt="Constructivism" />
  42. </div>
  43. <div class="descText">
  44. <p>
  45. Why are the people how they are? This axis allows you to situate
  46. yourself between two opposite poles which answer this question.
  47. </p>
  48. <p>
  49. <strong>Constructivists</strong> consider that people build
  50. themselves from their environment (notably social) and that the
  51. characteristics that make them who they are, are acquired.
  52. </p>
  53. <p>
  54. On the contrary, <strong>essentialists</strong> consider that an
  55. individual is by nature how he/she is and that his/her
  56. characteristics which make this person who she/he is, are innate.
  57. </p>
  58. </div>
  59. <div class="descImg">
  60. <img
  61. src="/images/essentialism.png"
  62. alt="Essentialism"
  63. class="descImgRight"
  64. />
  65. </div>
  66. </div>
  67. <h3>Rehabilitative Justice vs. Punitive Justice</h3>
  68. <div class="description">
  69. <div class="descImg">
  70. <img src="/images/justice_soft.png" alt="Rehabilitative justice" />
  71. </div>
  72. <div class="descText">
  73. <p>
  74. Those in favor of <strong>rehabilitative justice</strong> consider
  75. that the role of justice is to put the condemned on the “right
  76. path” again by making them understand why they should not do what
  77. they did and why they were condemned and by accompanying them all
  78. along the process.
  79. </p>
  80. <p>
  81. Conversely those in favor of
  82. <strong>punitive justice</strong> consider that the role of
  83. justice is dissuasive, both for the condemned (to avoid
  84. recidivism) and for the rest of the society (by making them
  85. examples not to follow).
  86. </p>
  87. </div>
  88. <div class="descImg">
  89. <img
  90. src="/images/justice_hard.png"
  91. alt="Punitive justice"
  92. class="descImgRight"
  93. />
  94. </div>
  95. </div>
  96. <h3>Progressive vs. Conservative</h3>
  97. <div class="description">
  98. <div class="descImg">
  99. <img src="/images/progressism.png" alt="Progressism" />
  100. </div>
  101. <div class="descText">
  102. <p>
  103. The <strong>progressives</strong> try to build social progress,
  104. make a better society without caring about traditions. They often
  105. consider the present as better than the past and that it is
  106. necessary to keep on this path.
  107. </p>
  108. <p>
  109. On the contrary the <strong>conservatives</strong> want to keep
  110. the status quo and even to reinsert some values already considered
  111. as disappeared or disappearing. Traditions, among those the
  112. religious heritage, are put forward as a source of wisdom.
  113. </p>
  114. </div>
  115. <div class="descImg">
  116. <img
  117. src="/images/conservatism.png"
  118. alt="Conservatism"
  119. class="descImgRight"
  120. />
  121. </div>
  122. </div>
  123. <h3>Internationalism vs. Nationalism</h3>
  124. <div class="description">
  125. <div class="descImg">
  126. <img src="/images/internationalism.png" alt="Internationalism" />
  127. </div>
  128. <div class="descText">
  129. <p>
  130. <strong>Internationalism</strong> is a set of different ides which
  131. have for common point to stop making a hierarchy between countries
  132. and their inhabitants and to promote as much as possible their
  133. cooperation. Pushed to its maximum the final objective is the
  134. abolitions of borders.
  135. </p>
  136. <p>
  137. On the other hand, <strong>nationalism</strong> is a set of
  138. heterogeneous ideas which, when applied, favor one country and its
  139. citizens over foreigners, it also justifies the idea that each
  140. people has a nation
  141. </p>
  142. </div>
  143. <div class="descImg">
  144. <img
  145. src="/images/nationalism.png"
  146. alt="Nationalism"
  147. class="descImgRight"
  148. />
  149. </div>
  150. </div>
  151. <h3>Communism vs. Capitalism</h3>
  152. <div class="description">
  153. <div class="descImg">
  154. <img src="/images/communism.png" alt="Communism" />
  155. </div>
  156. <div class="descText">
  157. <p>
  158. <strong>Communism</strong> is a vast political doctrine. In this
  159. test a majority for communism simply signifies that you are for a
  160. public property of the means of production.
  161. </p>
  162. <p>
  163. <strong>Capitalism</strong> is as well an ambivalent concept. In
  164. this test a majority for capitalism simply signifies that you are
  165. for a private property of the means of production.
  166. </p>
  167. </div>
  168. <div class="descImg">
  169. <img
  170. src="/images/capitalism.png"
  171. alt="Capitalism"
  172. class="descImgRight"
  173. />
  174. </div>
  175. </div>
  176. <h3>Regulation vs. Laissez-faire</h3>
  177. <div class="description">
  178. <div class="descImg">
  179. <img src="/images/regulation.png" alt="Regulationnism" />
  180. </div>
  181. <div class="descText">
  182. <p>
  183. This axis represents the attitude that a government needs to have
  184. concerning the market economy in which an important part of the
  185. means of production are private. Liberals and Keynesians are
  186. opposed to the method that needs to be adopted without putting
  187. into question capitalism. If you are more capitalist, this axis
  188. represents your goal in terms of economy. If you are more
  189. communist, this axis represents the least bad that you can expect
  190. of the current system.
  191. </p>
  192. <p>
  193. <strong>Regulation</strong> or interventionism is an idea in which
  194. the economical activity should be regulated for the common
  195. interest. It can be through legislation, planning, subventions, a
  196. variable taxation...
  197. </p>
  198. <p>
  199. On the contrary, the <strong>laissez-faire</strong> is the ideas
  200. in which the economical activity should not be regulated because
  201. it would in itself correspond to the common interest. It can be
  202. through a weak legislation, few or no subventions, a fixed
  203. taxation and often weak or even the complete suppression of the
  204. role of the state in the economy.
  205. </p>
  206. </div>
  207. <div class="descImg">
  208. <img
  209. src="/images/laissezfaire.png"
  210. alt="Laissez-faire"
  211. class="descImgRight"
  212. />
  213. </div>
  214. </div>
  215. <h3>Ecology vs. Production</h3>
  216. <div class="description">
  217. <div class="descImg">
  218. <img src="/images/ecology.png" alt="Ecology" />
  219. </div>
  220. <div class="descText">
  221. <p>
  222. <strong>Ecology</strong> in politics privileges the protection of
  223. the environment by limiting as much as possible the impact of
  224. human activities on the biodiversity even if it implies to limit
  225. the these human activities by modifying more or less radically our
  226. current way of life.
  227. </p>
  228. <p>
  229. <strong>Production</strong> privileges human needs notably by
  230. supporting the increase of the production or the use of methods
  231. that have an uncertain impact on the environment.
  232. </p>
  233. </div>
  234. <div class="descImg">
  235. <img
  236. src="/images/productivism.png"
  237. alt="Productivism"
  238. class="descImgRight"
  239. />
  240. </div>
  241. </div>
  242. <h3>Revolution vs. Reform</h3>
  243. <div class="description">
  244. <div class="descImg">
  245. <img src="/images/revolution.png" alt="Revolution" />
  246. </div>
  247. <div class="descText">
  248. <p>
  249. <strong>Revolutionaries</strong> have a tendency to privilege
  250. direct action, often in the margin of legality, to reach their
  251. goal: replace the current political organization for totally
  252. different one.
  253. </p>
  254. <p>
  255. <strong>Reformers</strong> have a tendency to privilege legal
  256. action to reach their goal: reform the political organization step
  257. by step. This can be done through the institutions, via elections,
  258. authorized demonstrations, petitions...
  259. </p>
  260. </div>
  261. <div class="descImg">
  262. <img
  263. src="/images/reformism.png"
  264. alt="Reformism"
  265. class="descImgRight"
  266. />
  267. </div>
  268. </div>
  269. </div>
  270. </div>
  271. <div id="footer">
  272. <p>
  273. This quiz is a slightly modified version of
  274. <a href="https://www.politiscales.net/">PolitiScales</a>, which is based
  275. on <a href="https://8values.github.io/">8values</a>.
  276. </p>
  277. </div>
  278. </body>
  279. </html>