index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <!--<meta
    http-equiv="Content-Security-Policy"
    content="default-src 'self'; script-src 'self'"
    />
    <meta
      http-equiv="X-Content-Security-Policy"
      content="default-src 'self'; script-src 'self'"
    /> -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
    <div id="book">
        <div id="state_buttons">
            <button title="Save" id="save">Save</button>
            <button title="Load" id="load">Load</button>
            <button title="Minimize" id="minimize">Minimize</button>
            <button title="Close" id="close">Close</button>
        </div>
        <div id="header">Loading...</div>
        <div id="textbox" contenteditable="true" rows="14" cols="22" spellcheck="false"></div> <!-- i hate textarea!!! -->
        <div id="arrows">
            <button title="Previous Page" id="left">Previous Page</button>
            <button title="Next Page" id="right">Next Page</button>
        </div>
    </div>
    <script src="./renderer.js"></script>
</body>
</html>