char
/
bio.char.lt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add profile picture

main
Charlotte Som 2023-11-17 19:26:13 +00:00
parent 77a5af4b6b
commit 9e9f847a39
3 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/assets/pfp.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 379 KiB

10
public/css/styles.css
View File

@ -31,7 +31,7 @@ h3 {
} }
main { main {
margin: 1em 0; margin: 2em 0;
padding: 1em 1.618em; padding: 1em 1.618em;
border-radius: 1em; border-radius: 1em;
border: 2px solid var(--fg-col); border: 2px solid var(--fg-col);
@ -45,11 +45,19 @@ main > :last-child {
} }
header { header {
display: flex;
padding-bottom: 0.5em; padding-bottom: 0.5em;
margin-bottom: 1em; margin-bottom: 1em;
border-bottom: 1px dashed #444; border-bottom: 1px dashed #444;
} }
header aside img {
height: 6em;
margin-left: 1em;
border-radius: 0.25em;
}
footer { footer {
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;

13
public/index.html
View File

@ -13,10 +13,15 @@
<body> <body>
<main> <main>
<header> <header>
<h1>charlotte ✨</h1> <div>
<p> <h1>charlotte ✨</h1>
multi-specialist interdisciplinary technician. polyglot. silly rabbit <p>
</p> multi-specialist interdisciplinary technician. polyglot. silly rabbit
</p>
</div>
<aside>
<img alt="my profile picture" src="/assets/pfp.jpg">
</aside>
</header> </header>
<section id="intro"> <section id="intro">