0ct0pu5
/
dbhq.github.io


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
							<!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>