diff options
| author | TinWoodman92 <chrhodgden@gmail.com> | 2024-01-13 18:58:07 -0600 |
|---|---|---|
| committer | TinWoodman92 <chrhodgden@gmail.com> | 2024-01-13 18:58:07 -0600 |
| commit | 82b787e494b077ad0295561549842d05b9b60ad1 (patch) | |
| tree | 732801ed0ada7ca319e3fedf98be044c16ad7653 | |
| parent | 58ac5795be2e6b5269fcb2815aa6badb13185fe2 (diff) | |
added portait to about page.
| -rw-r--r-- | about.html | 10 | ||||
| -rw-r--r-- | style.css | 34 |
2 files changed, 29 insertions, 15 deletions
@@ -2,8 +2,9 @@ <html> <head> - <title>chrhodgden - About</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>chrhodgden - About</title> + <link rel="icon" type="image/svg+xml" href="img/favicon.svg"> <link rel="stylesheet" href="style.css"/> <style> :root { @@ -19,6 +20,13 @@ </div> <h1>About Me</h1> + + <img + class="self-portrait" + src="img/self_portrait.jpg" + alt="Self Portrait" + height="300" + > <p> My name is Christian Hodgden. @@ -55,6 +55,22 @@ } } +@media (max-width: 600px) { + html { + font-size: 1.5rem; + } +} + +@media (min-width: 601px) { + html { + font-size: 1rem; + } +} + +.dark-mode-container { + float: right; +} + ::selection { background-color: var(--contrast-color); color: hsl(0, 0%, var(--background-lightness)); @@ -84,6 +100,7 @@ hr { nav { color: var(--foreground-accent-color); text-align: center; + clear: both; } ul { @@ -129,18 +146,7 @@ a:hover { color: hsl(calc(var(--contrast-hue) - 150), 100%, var(--contrast-lightness)) } -.dark-mode-container { +img.self-portrait { float: right; -} - -@media (max-width: 600px) { - html { - font-size: 1.5rem; - } -} - -@media (min-width: 601px) { - html { - font-size: 1rem; - } -} + margin-right: 1rem; +}
\ No newline at end of file |