add profile picture

2023-11-17 19:26:13 +00:00 · 2023-11-17 19:26:13 +00:00 · 9e9f847a39
parent 77a5af4b6b
commit 9e9f847a39
3 changed files with 18 additions and 5 deletions
--- a/public/assets/pfp.jpg
+++ b/public/assets/pfp.jpg
--- a/public/css/styles.css
+++ b/public/css/styles.css
@ -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;
--- a/public/index.html
+++ b/public/index.html
@ -13,10 +13,15 @@
  <body>
    <main>
      <header>
+        <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">