102 lines
3.7 KiB
HTML
102 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<title>PolitiScales, DBHQ Edition</title>
|
|
|
|
<meta
|
|
name="description"
|
|
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."
|
|
/>
|
|
<link rel="stylesheet" href="/style.css" type="text/css" media="screen" />
|
|
<link rel="shortcut icon" href="/images/favicon.ico" />
|
|
<meta property="og:url" content="https://dbhq.github.io/" />
|
|
<meta property="og:title" content="PolitiScales, DBHQ Edition" />
|
|
<meta property="og:locale" content="en_US" />
|
|
<meta
|
|
property="og:description"
|
|
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."
|
|
/>
|
|
<meta property="og:image" content="/images/facebook-preview.jpg" />
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<div id="header">
|
|
<h1><a href="/">PolitiScales</a></h1>
|
|
</div>
|
|
</header>
|
|
|
|
<div id="content">
|
|
<div id="mainFrame">
|
|
<h2>Instructions</h2>
|
|
<p class="simpleText">
|
|
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.
|
|
</p>
|
|
<br />
|
|
|
|
<p class="simpleText">
|
|
<svg
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"
|
|
/>
|
|
</svg>
|
|
The questions assume that you are a citizen of a multi-party
|
|
political system and a market economy.
|
|
</p>
|
|
<p class="simpleText">
|
|
<svg
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"
|
|
/>
|
|
</svg>
|
|
You can always avoid answering a question. But if you do not
|
|
understand the meaning of one of them, try to invert its meaning for a
|
|
better understanding of what is implied.
|
|
</p>
|
|
<p class="simpleText">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path d="M0 0h24v24H0z" fill="none" />
|
|
<path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" />
|
|
</svg>
|
|
This test tries to represent the wider set of ideas as possible and
|
|
contains some phrases that can be shocking, notably concerning racism
|
|
and homosexuality.
|
|
</p>
|
|
|
|
<div class="navButtons">
|
|
<a class="button" href="/quiz">Start the test</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="footer">
|
|
<p>
|
|
This quiz is a slightly modified version of
|
|
<a href="https://www.politiscales.net/">PolitiScales</a>, which is based
|
|
on <a href="https://8values.github.io/">8values</a>.
|
|
</p>
|
|
</div>
|
|
</body>
|
|
</html>
|