index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Firewall</title>
    <link rel="stylesheet" href="index.css" type="text/css">
</head>
<body>
<script src="main.js" type="module"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<pre id="gamescreen" class="gamescreen">
       
    </pre>
<div id="gameover" class="gameover">
    <pre>You Got HACKED</pre>
    <pre class="skull">
                _                  _
              _( )                ( )_
            (_,  |     __ __      | ,_)
                \'\   /  ^  \    /'/
                '\'\,/\      \,/'/'
                  '\| []   [] |/'
                    (_  /^\  _)
                      \  ~  /
                      /HHHHH\
                    /'/{^^^}\'\
                _,/'/'  ^^^ '\'\,_
                (_, |         | ,_)
                  (_)         (_)
</pre>
<pre id="gameovertext"></pre>
<pre>Press Backspace to Return to Start</pre>
<pre>Press  Key To Start Again</pre>

</div>

<div id="enemies" class="enemies">
  <pre>Enemy Types</pre>
  <pre class="skull">
      .--.
      | --\
      | --|    Normal Files: Let this through
      ----

      \~/
      /Ö\      Tracking Cookie: Move straight down
      | |

      \ /
       X       Spyware: Follows player
      / \


    Watch out for PHISHING ATTACKS, they disguse 
            themselves as normal files!
  </pre>
</div>

<div id="startmenu" class="startscreen">
      <pre>
____ _ ____ ____ _ _ _ ____ _    _    
|___ | |__/ |___ | | | |__| |    |    
|    | |  \ |___ |_|_| |  | |___ |___ 

</pre>

    <pre width="30">
Defend your network! Protect your computer by 
intercepting malicous traffic. 

Your heath bar will show your privicy,
let too many cookies through.
________
######## 
########

  ^
  |
Health bar

Score a point for every cookie blocked
</pre>
    <pre id="highscore"> System High Score: 0</pre>
    <pre>Press Any Key To Start</pre>
</div>
</body>
</html>