diff --git a/assets/scss/content/index.scss b/assets/scss/content/index.scss index 2d2277e..2d38f0c 100644 --- a/assets/scss/content/index.scss +++ b/assets/scss/content/index.scss @@ -45,31 +45,34 @@ background: black; color: white; text-align: center; - > img { + .container { + display: flex; + flex-flow: column; + align-items: center; + } + .photo { max-height: 100vh; height: 100%; max-width: 100%; object-fit: contain; object-position: center bottom; } - > div { + .info { display: flex; flex-flow: column; align-items: center; } - div img { + .logo { margin: 2rem 0; } - display: flex; - flex-flow: column; - align-items: center; @media (min-width: 40rem) { - > img { + .photo { height: 20rem; } - flex-flow: row-reverse; - justify-content: space-between; - max-width: 40rem; + .container { + flex-flow: row-reverse; + justify-content: space-between; + } } a { color: white; @@ -86,5 +89,16 @@ #updates { line-height: 1.5; font-size: 1.25rem; + .heading { + font-size: 1.5em; + font-weight: 700; + margin-bottom: 1em; + } + p + p { + margin: 1em 0; + } + p { + max-width: 55ch; + } } } \ No newline at end of file diff --git a/layouts/index.html b/layouts/index.html index accd5a8..c74442d 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -32,17 +32,20 @@ -
-
- birdsounds.media logo - view my photos +
+
+ + #soulpunx
- #soulpunx
-

currently: working on my websites, trying to do some documentation for an untitled social app project, and looking for work. check out the "work" tab of this site for my elevator pitch.

+

latest updates

+

2022-07-04: currently working on my websites, trying to do some documentation for a personal project, and looking for work. check out the "work" tab of this site for my elevator pitch.

-{{ end }} +{{ end }} \ No newline at end of file