From b28e531f9fab849090d474e08e3882aa37c33238 Mon Sep 17 00:00:00 2001 From: Brandon Rozek Date: Sun, 8 May 2022 16:40:46 -0400 Subject: [PATCH] Cleaned up homepage HTML --- assets/css/style.css | 81 ++++++++++++++++++++++++-------------------- layouts/index.html | 72 +++++++++++++++++++-------------------- 2 files changed, 79 insertions(+), 74 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index 235a39f..250655b 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -4,7 +4,7 @@ body { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; - min-height:100vh; + min-height: 100vh; margin: 0; padding: 0; box-sizing:border-box; @@ -93,25 +93,6 @@ a:active { } } -/* Homepage Header */ - -.header-home .avatar { - height: 250px; -} - -.header-home .avatar img { - width: 250px; - position: absolute; - margin: 0 auto; - left: 0; - right: 0; -} - -.header-home .avatarMask { - clip-path: circle(120px at center); - -webkit-clip-path: circle(120px at center); -} - /* END HEADER */ main { @@ -123,22 +104,11 @@ mark { font-weight: bold; } +/* +** NAVIGATION +*/ -/* Top page */ -#profileContainer { - min-height: calc(100vh - 100px); - /* max-width: 600px; */ - display: flex; - justify-content: center; - align-items: center; -} - -#profile { - max-width: 600px; - /* min-width: 300px; */ -} - -nav ul { +.nav-home ul { display: flex; justify-content: space-evenly; /* max-width: 300px; */ @@ -148,10 +118,12 @@ nav ul { flex-wrap: wrap; } -nav li { +.nav-home li { margin: 0 10px; } +/* END NAVIGATION */ + /* Contents List */ #searchBox { position: relative; @@ -281,6 +253,43 @@ nav li { } +/* +** Home Page +*/ + +.main-home { + min-height: calc(100vh - 100px); + /* max-width: 600px; */ + display: flex; + justify-content: center; + align-items: center; +} + +.main-home .h-card { + max-width: 600px; + /* min-width: 300px; */ +} + +.main-home .h-card .avatar { + height: 250px; +} + +.main-home .h-card .avatar img { + width: 250px; + position: absolute; + margin: 0 auto; + left: 0; + right: 0; +} + +.main-home .h-card .avatarMask { + clip-path: circle(120px at center); + -webkit-clip-path: circle(120px at center); +} + +/* END HOME PAGE */ + + #webmentions img { max-height: 1.2em; margin-right: -1ex; } diff --git a/layouts/index.html b/layouts/index.html index 516161e..7cd44b9 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,51 +1,47 @@ {{- partial "head.html" . -}} - -
-
-
-
- -
- avatar - avatar-border -
- -

{{ .Site.Params.Author }}

- -
- -

- {{ .Site.Params.description | safeHTML }} -

- - -

You can also find me on:

- + +
+
+ +
+ Photo of {{ .Site.Params.Author }} +
+ +

{{ .Site.Params.Author }}

+ + +

+ {{ .Site.Params.description | safeHTML }} +

+ + + +

You can also find me on:

+
- {{- partial "footer.html" . -}} + {{ partial "footer.html" . -}} - + +