merge of contact and about

about/About.html

@@ -54,7 +54,18 @@
             <h2>The University</h2>
         </div>
         <div class="aboutMe">
-            <h2>Me</h2>
+            <h2 class="jkillen">Joshua Killen</h2>
+            <img class="profile" src="about_assets/jkillen.png" alt="Profile of Joshua Killen">
+            <article>
+                <details class="bio" open>
+                    <summary class="bioTitle"><b>Bio</b></summary>
+                    <p class="bioContent">Joshua Killen is a Foundation year student at CU Coventry studying Digital Technologies. Interested in computers and physics from a young age, he has been studying the subjects ever since with the hopes of entering a career in cybersecurity.</p>
+                </details>
+            </article>
+            <article>
+                <h3>Contact Details</h3>
+                <a href="mailto:killenj@cu.coventry.ac.uk"><u>@:killenj@cu.coventry.ac.uk</u></a>
+            </article>
         </div>
         
         <footer>

about/about_assets/about.css

@@ -1,3 +1,20 @@
-h1 {
+.jkillen {
-    padding-top: 25px;
+    padding-left: 8px;
 }
+
+.profile {
+    border: 4px solid #f2f2f2;
+}
+
+.bio {
+    font-size: 4vw;
+}
+
+.bioContent {
+    font-size: 0.125em;
+}
+
+.bioTitle {
+    font-family: neon80;
+    font-size: 0.25em;
+}

contact/contact_assets/contact.css

@@ -11,10 +11,10 @@ h1 {
 }
 
 .bioContent {
-    font-size: 0.125em;
+    font-size: 0.25em;
 }
 
 .bioTitle {
     font-family: neon80;
-    font-size: 0.25em;
+    font-size: 0.5em;
 }