liamb27
diff --git a/‎imgs/20240515_DiRAC Portraits Studio_EDIT_MS_0588-XL.jpg‎
177 KB b/‎imgs/20240515_DiRAC Portraits Studio_EDIT_MS_0588-XL.jpg‎
177 KB
diff --git a/‎liam.html‎
Lines changed: 48 additions & 0 deletions b/‎liam.html‎
Lines changed: 48 additions & 0 deletions
diff --git a/‎live_liam_reaction5.png‎
2.68 MB b/‎live_liam_reaction5.png‎
2.68 MB
diff --git a/‎live_reaction (1).png‎
273 KB b/‎live_reaction (1).png‎
273 KB
diff --git a/‎live_reaction.png‎
275 KB b/‎live_reaction.png‎
275 KB
diff --git a/‎styles.css‎
Lines changed: 39 additions & 0 deletions b/‎styles.css‎
Lines changed: 39 additions & 0 deletions
diff --git a/‎tom.html‎
Lines changed: 1210 additions & 0 deletions b/‎tom.html‎
Lines changed: 1210 additions & 0 deletions
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Liam Becker</title>
+    <link rel="stylesheet" href="styles.css">
+  </head>
+  <body>
+    <!-- Header -->
+        <header class="masthead d-flex">
+            <div class="container text-center">
+                <div class="row h-66 align-items-end">
+                    <div class="col">
+                        <h1 class="mt-auto">Liam Becker</h1>
+                        <h5 class="mb-4">Astronomy and Physics Student at the University of Washington</h5>
+                    </div>
+                </div>
+                <div class="row h-33 align-items-end">
+                    <div class="col">
+                        <!-- <a id="findoutmore" class="btn btn-outline-light js-scroll-trigger mb-4" href="#about">Find Out More</a> -->
+                    </div>
+                </div>
+            </div>
+            <div class="overlay"></div>
+        </header>
+
+    
+
+    <!-- <div class="">
+
+    </div>
+    <div class="container">
+      <div class="marker red">
+        <div class="cap"></div>
+        <div class="sleeve"></div>
+      </div>
+      <div class="marker green">
+        <div class="cap"></div>
+        <div class="sleeve"></div>
+      </div>
+      <div class="marker blue">
+        <div class="cap"></div>
+        <div class="sleeve"></div>
+      </div>
+    </div> -->
+  </body>
+</html>
@@ -0,0 +1,39 @@
+header{
+    display: block;
+    text-align: center;
+}
+
+
+.masthead {
+    min-height: 30rem;
+    position: relative;
+    display: table;
+    width: 100%;
+    height: 100vh;
+    background: url(./imgs/20240515_DiRAC\ Portraits\ Studio_EDIT_MS_0588-XL.jpg);
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-attachment: fixed;
+}
+.d-flex {
+    display: -ms-flexbox!important;
+    display: flex !important
+;
+}
+
+h1 {
+  text-align: center;
+}
+
+.container {
+  background-color: rgba(255, 255, 255, 0.04);
+  padding: 10px 0;
+}
+
+html {
+    font-family: sans-serif;
+    line-height: 1.15;
+    -webkit-text-size-adjust: 100%;
+    -webkit-tap-highlight-color: transparent;
+}