dbhq.github.io/index.html

53 lines
2.5 KiB
HTML
Raw Normal View History

2018-10-27 16:55:46 +00:00
<!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 - Index</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="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
2018-10-27 17:26:03 +00:00
<meta property="og:url" content="https://dbhq.github.io/" />
2018-10-27 16:55:46 +00:00
<meta property="og:title" content="PolitiScales" />
<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." />
2018-10-27 17:26:03 +00:00
<meta property="og:image" content="/images/facebook-preview.png" />
2018-10-27 16:55:46 +00:00
</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 ltr">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 ltr"><i class="fa fa-bell" aria-hidden="true"></i> The questions assume that your are a citizen of a multi-parti political system and a market economy.</p>
<p class="simpleText ltr"><i class="fa fa-bell" aria-hidden="true"></i> 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 ltr"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> 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">
2018-10-28 04:34:15 +00:00
<button class="button" href="/quiz">Start the test</button>
2018-10-27 16:55:46 +00:00
</div>
</div>
</div>
<div id="footer">
2018-10-28 04:23:15 +00:00
<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>
2018-10-27 16:55:46 +00:00
</div>
2018-10-27 17:26:03 +00:00
</body>
</html>