Added icon & resume

This commit is contained in:
august kline 2024-08-18 13:09:14 -04:00
parent e6673f8432
commit 74fbd4eb4b
4 changed files with 11 additions and 7 deletions

View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/png" href="/augustcircle.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ʕ·ᴥ·ʔ- august kline</title> <title>ʕ·ᴥ·ʔ- august kline</title>
</head> </head>
@ -11,16 +11,18 @@
<body> <body>
<div id="app"> <div id="app">
<div class="text"> <div class="text">
<h1>ʕ·ᴥ·ʔ- hi! i'm august. or kline. </h1>
<h1>ʕ·ᴥ·ʔ- hi! i'm august. or kline. whichever u prefer </h1>
<p>i like to build systems. lately i've been working on <p>i like to build systems. lately i've been working on
<a href="https://git.augustkline.com/august/george" target="_blank" rel="noreferer">george</a>. <a href="https://git.augustkline.com/august/george" target="_blank" rel="noreferer">george</a>.
<br>here's my here's my
<a href="https://git.augustkline.com/august" target="_blank" rel="noreferer">git</a> <a href="https://git.augustkline.com/august" target="_blank" rel="noreferer">git</a>
and my and my
<a href="https://kline.cohost.org" target="_blank" rel="noreferer">cohost</a> <a href="https://kline.cohost.org" target="_blank" rel="noreferer">cohost</a>
and my and my
<a href="mailto:august@klinegareth.com" target="_blank" rel="noreferer">email</a> <a href="mailto:august@klinegareth.com" target="_blank" rel="noreferer">email</a>
(and my
<a href="/augustklineResume.pdf" target="_blank" rel="noreferer">resume</a>
if ur into that sorta thing)
</p> </p>
</div> </div>
</div> </div>

BIN
public/augustcircle.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

View File

@ -36,12 +36,14 @@ html {
h1 { h1 {
font-size: 1.5rem; font-size: 1.5rem;
margin: 0; margin-block: 0.5rem;
} }
p { p {
font-size: 1.5rem; font-size: 1.5rem;
margin: 0; margin: 0;
text-align: justify;
inline-size: 100%;
} }
a { a {
@ -73,6 +75,6 @@ img {
box-shadow: 0rem 0rem 1.5rem white; box-shadow: 0rem 0rem 1.5rem white;
/* box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.2); */ /* box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.2); */
/* border-radius: 0.5rem; */ /* border-radius: 0.5rem; */
padding: 0.8rem 0.8rem; padding: 0.8rem 1.6rem;
max-inline-size: 50%; inline-size: clamp(20rem, 30%, 40rem);
} }