simplify and use css grids

[~bandali/bndl.org] / index.html
diff --git a/index.html b/index.html

index 3df0293..e0efc13 100644 (file)
--- a/index.html
+++ b/index.html
@@ -11,13 +11,13 @@
      <link rel="stylesheet" href="/style.css" />
    </head>
    <body>
      <link rel="stylesheet" href="/style.css" />
    </head>
    <body>
-    <header>
-      <h1 id="title">bandali's</h1>
-      <h2 id="subtitle">corner on the interwebs</h2>
-    </header>
-    <section>
+    <main>
+      <header>
+        <h1 id="title">bandali's</h1>
+        <h2 id="subtitle">corner on the interwebs</h2>
+      </header>
        <h3>academia</h3>
        <h3>academia</h3>
-      <div class="section">
+      <section>
          <nav>
            <ul id="academia">
              <li><a href="cv">cv</a></li>
          <nav>
            <ul id="academia">
              <li><a href="cv">cv</a></li>
@@ -25,11 +25,9 @@
              <li><a href="research-interests">research interests</a></li>
            </ul>
          </nav>
              <li><a href="research-interests">research interests</a></li>
            </ul>
          </nav>
-      </div>
-    </section>
-    <section>
+      </section>
        <h3>personal</h3>
        <h3>personal</h3>
-      <div class="section">
+      <section>
          <nav>
            <ul id="personal">
              <li><a href="blog">blog</a></li>
          <nav>
            <ul id="personal">
              <li><a href="blog">blog</a></li>
@@ -38,7 +36,7 @@
              <li><a href="contact">contact</a></li>
            </ul>
          </nav>
              <li><a href="contact">contact</a></li>
            </ul>
          </nav>
-      </div>
-    </section>
+      </section>
+    </main>
    </body>
  </html>
    </body>
  </html>