add about me

This commit is contained in:
ChaseWelsh 2022-07-26 18:17:23 -06:00
parent 6c7f88c7f6
commit faec6e73db
2 changed files with 25 additions and 2 deletions

View file

@ -14,7 +14,16 @@
<div id="NameBanner"><h1>F53</h1></div> <div id="NameBanner"><h1>F53</h1></div>
<script src="script.js"></script> <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> <h2>Links and Contact</h2>
<a href="mailto:fseusb@gmail.com" class="button"> <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> <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>

View file

@ -27,13 +27,17 @@ h1 {
h2 { h2 {
font-size: 2.5em; font-size: 2.5em;
} }
p {
font-size: 1em;
text-align: left;
}
#NameBanner { #NameBanner {
margin-left:auto; margin-left:auto;
margin-right:auto; margin-right:auto;
} }
#links-contact { .panel {
margin-left:auto; margin-left:auto;
margin-right:auto; margin-right:auto;
background: rgba(255,255,255, 0.05); background: rgba(255,255,255, 0.05);
@ -44,8 +48,18 @@ h2 {
text-align: center; text-align: center;
z-index: 1; z-index: 1;
backdrop-filter: blur(5px); backdrop-filter: blur(5px);
margin-top: 1em;
margin-bottom: 1em;
max-width: 70%;
} }
/*#about {
}
#links-contact {
}*/
.button { .button {
background: rgba(255,255,255, 0.05); background: rgba(255,255,255, 0.05);
border-radius: 20px; border-radius: 20px;