From de063057c4772b505369185db38837ff763a0c0c Mon Sep 17 00:00:00 2001 From: Joseph Ferano Date: Tue, 11 Jun 2024 14:15:44 +0700 Subject: [PATCH] Update (simplify) content and improve CSS --- index.html | 43 ++++++++++++++++++++++--------------------- main.css | 36 ++++++++++++++++++++++-------------- 2 files changed, 44 insertions(+), 35 deletions(-) diff --git a/index.html b/index.html index 7205dc6..d241de2 100644 --- a/index.html +++ b/index.html @@ -10,7 +10,7 @@ -
+ @@ -23,33 +23,34 @@
- - - -

Joseph Ferano

Projects

-

-
-

Wargate Heroes

-
- Gameplay | Trailer -
- Moon Miners -
- Kanban TUI -
+

Socials

@@ -94,7 +95,7 @@

Contact

- Ask for my email + joseph @ this sites url
diff --git a/main.css b/main.css index 23fa523..d83d891 100644 --- a/main.css +++ b/main.css @@ -4,13 +4,13 @@ left: 0; background-color: #594F4F; width: 100%; - height: 12px; + /* height: 12px; */ } .content-topbar { - width: 600px; + width: 100%; height: 20px; - margin: -24px; + /* margin: -24px; */ } #content-topbar-1 { background-color: hsla(84,91%,87%, 0.9); } @@ -26,7 +26,7 @@ /* #594F4F, 5%) 100%) */ body { - margin: 0; + /* margin: 0; */ overflow: hidden; } @@ -60,7 +60,7 @@ body { hsla(0, 6%, 25%, 1) 100% ) no-repeat; background-color: hsla(0, 6%, 25%, 1); - margin: 20px auto; + margin: auto; max-width: 600px; line-height: 1.6; font-size: 18px; @@ -70,13 +70,13 @@ body { p { font-family: 'Playfair', serif; - margin: 0px 0px -30px 0px; - padding: 0px; + /* margin: 0px 0px -30px 0px; */ + /* padding: 0px; */ } div.gallery { float: left; - margin: -10px; + /* margin: -10px; */ width: 200px; } @@ -86,18 +86,26 @@ span { #content { background-color: hsla(84, 20%, 99%, 1); + position: relative; + /* padding: 24px; */ +} + +#content-body { padding: 24px; } hr { - color: hsla(134, 52%, 75%, 1); + color: hsla(0,6%,33%, 0.9); +} +h1 { + color: hsla(190, 21%, 36%, 1); + font-family: 'Playfair', serif; + /* margin-top: -5px; */ } -h1, h2, h3 { +h2, h3 { color: hsla(190, 21%, 36%, 1); - line-height: 1.6; - margin-top: 40px; - margin-bottom: 10px; + line-height: 1.2; font-family: 'Playfair', serif; } @@ -117,7 +125,7 @@ a { color: #333; text-decoration: none; font-family: 'Playfair', sans-serif; - margin: 0px 0px 50px 0px; + /* margin: 0px 0px 50px 0px; */ } a:hover {