index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>The Political Triangle</title>
        <link rel="icon" type="image/svg+xml" href="favicon.svg">
        <link rel='stylesheet' type='text/css' href='assets/style/main.css'/>
    </head>
    <body>
        <script src="assets/js/header.js"></script>

        <div id="content">
            <h1>About the Political Triangle</h1>

            <p>The Political Triangle is a political test, inspired by the <a href="https://www.politicalcompass.org" target="_blank">Political Compass,</a> that plots you on a triangular axis between Libertarianism on the top, Leftism on the bottom-left, and Rightism on the bottom-right. It's based on the belief that Libertarianism is an inherently individualist ideology, mutually exclusive with both the left and right.</p>

            <p>Those with higher "Libertarian" scores value individual liberty and free market Capitalism. Those with higher "Left" scores value equality and a socialist, command economy. Those with higher "Right" scores value moral purity and Nationalism.</p>
            <div class="centered"><img src="assets/images/diagram.svg"></img></div>
        </div>

        <script src="assets/js/footer.js"></script>
    </body>
</html>