mirror of
https://github.com/CodeF53/personal-site.git
synced 2024-09-20 06:10:34 +00:00
add about me
This commit is contained in:
parent
6c7f88c7f6
commit
faec6e73db
2 changed files with 25 additions and 2 deletions
11
index.html
11
index.html
|
@ -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>
|
||||||
|
|
16
style.css
16
style.css
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue