73 lines
2.6 KiB
HTML
73 lines
2.6 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 - Quiz</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 id="question-number">Loading...</h2>
|
|
<div class="questionBox"><p id="question-text"></p></div>
|
|
<div class="navButtons questionButtons">
|
|
<button onclick="next_question(1)" class="strong-agree">
|
|
Absolutely agree
|
|
</button>
|
|
<button onclick="next_question(2/3)" class="agree">
|
|
Somewhat agree
|
|
</button>
|
|
<button onclick="next_question(0)" class="neutral">
|
|
Neutral or hesitant
|
|
</button>
|
|
<button onclick="next_question(-2/3)" class="disagree">
|
|
Rather disagree
|
|
</button>
|
|
<button onclick="next_question(-1)" class="strong-disagree">
|
|
Absolutely disagree
|
|
</button>
|
|
|
|
<a href="#" class="button" onclick="prev_question()" id="back_button">
|
|
Return to the previous question
|
|
</a>
|
|
<a class="button" href="/" id="back_button_off">
|
|
Go back to home page
|
|
</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>
|
|
|
|
<script src="/quiz.js"></script>
|
|
</body>
|
|
</html>
|