tweaked about page

clr-li · Jan 16, 2024 · 7486793 · 7486793
1 parent 18ab935
commit 7486793
Showing 1 changed file with 39 additions and 9 deletions.
diff --git a/public/about.html b/public/about.html
@@ -27,16 +27,46 @@
     </head>
     <body>
         <navigation-manager id="navigation">
-            <section>
+            <section style="padding-left: min(3rem, 3vw); padding-right: min(3rem, 3vw);">
                 <h1>Our Team</h1>
-                <img src="/assets/Alex.jpg" style="max-width: 200px" />
-                <img src="/assets/Claire.jpg" style="max-width: 200px" /><br />
-                <a href="https://www.linkedin.com/in/alexander-le-metzger"
-                    ><img src="/assets/linkedin.png" style="max-width: 3rem"
-                /></a>
-                <a href="https://www.linkedin.com/in/claire-li-a8a234253"
-                    ><img src="/assets/linkedin.png" style="max-width: 3rem"
-                /></a>
+                <div style="display: flex; justify-content: center; gap: 1em; flex-wrap: wrap;">
+                    <img src="/assets/Alex.jpg" style="max-width: 200px; align-self: center;" />
+                    <div style="position: relative; text-align: left; max-width: 400px;">
+                        <h2>Alex Metzger</p>
+                        <h3>Cofounder</h3><br>
+                        <p>
+                            Alex is a Computer Science and Math Major at the University of Washington. He is an Undergraduate Researcher at the ICTD Lab, a Tech Lead at Cascade Enrichment, and a Software Engineer at Gooey.AI. He is passionate about backend and fullstack development.
+                        </p>
+                        <div style="position: absolute; top: 0; right: 0">
+                            <a href="https://www.linkedin.com/in/alexander-le-metzger"
+                                ><img src="/assets/linkedin.png" style="width: 3rem"
+                            /></a>
+                            <a href="https://sandergi.github.io/">
+                                <img src="https://sandergi.github.io/images/icons8-coding-64.png" style="width: 3rem"
+                            /></a>
+                        </div>
+                    </div>
+                </div>
+                <br>
+                <div style="display: flex; justify-content: center; gap: 1em; flex-wrap: wrap;">
+                    <div style="position: relative; text-align: left; max-width: 400px;">
+                        <h2>Claire Li</p>
+                        <h3>Cofounder</h3><br>
+                        <p>
+                            Claire is a Computer Science Major at the University of Washington. She is an Undergraduate Researcher at the AIR Lab, a Software Engineer at Gooey.AI, and a Tech Lead at Cascade Enrichment. She is passionate about fullstack development and data analysis.
+                        <p>
+                        <div style="position: absolute; top: 0; right: 0">
+                            <a href="https://www.linkedin.com/in/claire-li-a8a234253"
+                                ><img src="/assets/linkedin.png" style="width: 3rem"
+                            /></a>
+                            <a href="https://github.com/clr-li"
+                                ><img src="https://github.githubassets.com/favicons/favicon.png" style="width: 3rem"
+                            /></a>
+                        </div>
+                    </div>
+                    <img src="/assets/Claire.jpg" style="max-width: 200px" />
+                </div>
+
             </section>
         </navigation-manager>