start main page

clewis7 · clewis7 · commit 4ac3010f2f7a · 2025-12-28T13:50:00.000-05:00
diff --git a/index.html b/index.html
@@ -2,18 +2,29 @@
 <html lang="en">
 <head>
   <meta charset="UTF-8">
-  <title>My Website</title>
-  <style>
-    body {
-      font-family: Arial, sans-serif;
-      text-align: center;
-      margin-top: 100px;
-    }
-  </style>
+  <title>fastplotlib for neuroscience</title>
+  <link rel="stylesheet" href="style.css">
 </head>
+
 <body>
-  <h1>Hello, world!</h1>
-  <p>This is my first website.</p>
+  <div class="page">
+    <main>
+      <header class="title">
+        <h1>fastplotlib for neuroscience</h1>
+    </header>
+
+
+    </main>
+
+  <footer class="footer">
+    <p>&copy; <span id="year"></span> Caitlin Lewis and Kushal Kolar. All rights reserved. Cite design inspired by <a href="https://research.janelia.org/zebrafish/index.html">Janelia</a>.</p>
+  </footer>
+  </div>
+  <script src="script.js"></script>
 </body>
+
+
+
+
 </html>
 
diff --git a/script.js b/script.js
@@ -0,0 +1 @@
+document.getElementById("year").textContent = new Date().getFullYear();
diff --git a/style.css b/style.css
@@ -0,0 +1,33 @@
+
+html, body {
+  height: 100%;
+  margin: 0;
+}
+
+.page {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+main {
+  flex: 1;
+}
+
+.footer {
+  background: #e9e9e9;
+  color: #000000;
+  text-align: left;
+  padding: 1rem;
+}
+
+
+main .title {
+  padding: 3rem 2rem;
+  text-align: center;
+}
+
+main .title h1 {
+  font-size: 3rem;
+  margin: 0;
+}

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+document.getElementById("year").textContent = new Date().getFullYear();`