add profile picture

This commit is contained in:
Charlotte Som 2023-11-17 19:26:13 +00:00
parent 77a5af4b6b
commit 9e9f847a39
3 changed files with 18 additions and 5 deletions

BIN
public/assets/pfp.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 379 KiB

View file

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

View file

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