index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <title>Critical Computation</title>

    <!-- import the webpage's stylesheet -->
    <link rel="stylesheet" href="style.css" />

    <!-- import the webpage's javascript file -->
    <script src="/script.js" defer></script>
    <!-- import Google Font-->
    <link
      href="https://fonts.googleapis.com/css?family=Inconsolata&display=swap"
      rel="stylesheet"
    />
  </head>
  <body style="background-color:black">
    <div class="nav-container">
      <div style="font-size: 24px">
        Critical Computation
      </div>
      <div><a href="syllabus/">syllabus</a></div>
      <div>
        <a
          href="https://docs.google.com/document/d/1l0HaO8BubWrRw_8l3BBMbN8OaBlGHP2dmz74r9hjXS4/edit?usp=sharing"
          target="blank"
          >schedule</a
        >
      </div>
      <div><a href="assignment/">assignments</a></div>
      <div><a href="resource/">resources</a></div>
      <div><a href="people/">people</a></div>
      <div><a href="faq/">faq</a></div>
    </div>

    <div class="main-container">
      <div id="home-panel" style="background-color:black">
        <div class="blackBox">
          <div class="splash">
  
            This Week: <br /><br />

 <a
  href="https://www.youtube.com/watch?v=b1ou7ipFO7I&feature=youtu.be">Modularity, Reusability, and Utilitarianism</a>
          </div>
        </div>
        <div class="falling-leaves">
          <img src="dracaena.png"/>
          <img src="globosus.png"/>
          <img src="Musaceae.png"/>
          <img src="oxalis.png"/>
          <img src="peperomia.png"/>
          <img src="pilea.png"/>
          <img src="stapelia.png"/>
          <img src="spider.png"/>
          <img src="yucca.png"/>
          <img src="tradescantia.png"/>
        </div>
      </div>


    </div>
  </body>
</html>