From faec6e73db047b5e32bdfd2df9e8967bfbb0f7c8 Mon Sep 17 00:00:00 2001
From: ChaseWelsh <fseusb@gmail.com>
Date: Tue, 26 Jul 2022 18:17:23 -0600
Subject: [PATCH] add about me

---
 index.html | 11 ++++++++++-
 style.css  | 16 +++++++++++++++-
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index e185d57..07953c2 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,16 @@
     <div id="NameBanner"><h1>F53</h1></div>
     <script src="script.js"></script>
 
-    <div id="links-contact">
+    <div id="about" class="panel">
+      <h2>About Me</h2>
+      <p>
+        19-year-old studying software development at FlatIron Denver. <br>
+        I spend most of my free time in an IDE either developing mods or making utilities to automate repetitive tasks. <br>
+        Fluent in Java and Python, learning HTML + CSS + JavaScript. <br>
+        I mainly socialize on Discord, but try check my Email at-least twice daily. <br>
+      </p>
+    </div>
+    <div id="links-contact" class="panel">
         <h2>Links and Contact</h2>
         <a href="mailto:fseusb@gmail.com" class="button">
             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M464 64C490.5 64 512 85.49 512 112C512 127.1 504.9 141.3 492.8 150.4L275.2 313.6C263.8 322.1 248.2 322.1 236.8 313.6L19.2 150.4C7.113 141.3 0 127.1 0 112C0 85.49 21.49 64 48 64H464zM217.6 339.2C240.4 356.3 271.6 356.3 294.4 339.2L512 176V384C512 419.3 483.3 448 448 448H64C28.65 448 0 419.3 0 384V176L217.6 339.2z"/></svg>
diff --git a/style.css b/style.css
index 82d97d7..88e1057 100644
--- a/style.css
+++ b/style.css
@@ -27,13 +27,17 @@ h1 {
 h2 {
     font-size: 2.5em;
 }
+p {
+    font-size: 1em;
+    text-align: left;
+}
 
 #NameBanner {
     margin-left:auto;
     margin-right:auto;
 }
 
-#links-contact {
+.panel {
     margin-left:auto;
     margin-right:auto;  
     background: rgba(255,255,255, 0.05);
@@ -44,8 +48,18 @@ h2 {
     text-align: center;
     z-index: 1;
     backdrop-filter: blur(5px);
+    margin-top: 1em;
+    margin-bottom: 1em;
+    max-width: 70%;
 }
 
+/*#about {
+
+}
+#links-contact {
+
+}*/
+
 .button {
     background: rgba(255,255,255, 0.05);
     border-radius: 20px;