index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Astronomy Calculator</title>
        <meta http-equiv="Content-Security-Policy" content="script-src 'self'  'unsafe-inline';"/>
    
        <link rel="stylesheet" type="text/css" href="fonts.css">
        <link rel="stylesheet" type="text/css" href="index.css">
        <script src="index.js"></script>
    </head>

    <body>
        <div id="sidebar">
            <ul>
                <li><a onclick="getFormulaPage('circular-velocity')">Circular Velocity</a></li>
                <div class="divider"></div>
                <li><a onclick="getFormulaPage('relativistic-doppler-shift')">Relativistic Doppler Shift</a></li>
                <div class="divider"></div>
                <li><a onclick="getFormulaPage('parallax')">Parallax</a></li>
                <div class="divider"></div>
                <li><a onclick="getFormulaPage('wiens-law')">Wien's Law</a></li>
                <div class="divider"></div>
                <li><a onclick="getFormulaPage('distance-modulus')">Distance Modulus</a></li>
            </ul>
        </div>
        <div id="main">
            
        </div>
        <img id="settings-icon" src="./settings-icon.png" alt="settings" onclick="getSettings()">
    </body>
</html>