diff --git a/assets/css/main.css b/assets/css/main.css index 2b6b0ed..1940693 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -13,6 +13,7 @@ --color-off: #F3F3F3; --color-off-dark: #1D1F29; --color-light: #F8F9Fa; + --color-dark: #191A23; } .dark { @@ -144,12 +145,12 @@ li .dropdown-item-mobile { .dropdown-menu .dropdown-item:active { background-color: var(--color-off); - color: var(--color-text); + color: var(--color-dark); } .dropdown-menu .dropdown-item:hover { background-color: var(--color-accent); - color: var(--color-text-dark); + color: var(--color-dark); } #theme-switch { @@ -185,8 +186,7 @@ li .dropdown-item-mobile { Hero ======================== */ .hero-section { - padding-top: 6rem; - padding-bottom: 6rem; + padding: 6rem 0 6rem 0; max-width: 45rem; margin: 5rem auto; text-align: center; @@ -318,7 +318,7 @@ li .dropdown-item-mobile { About ======================== */ .about-section { - margin: 9rem 0 3rem 0; + margin-bottom: 3rem; } .about-image { @@ -327,6 +327,7 @@ li .dropdown-item-mobile { overflow: hidden; display: block; border-radius: 30px; + margin-top: 3rem; } .card { @@ -503,17 +504,15 @@ footer { .nav-item:hover, .nav-item:active { background-color: var(--color-accent); color: var(--color-text); - border: 1px solid var(--color-text); - border-radius: 30px; - box-shadow: 0 2px 0 0 var(--color-text); } .dropdown-item-mobile { - border: 1px solid var(--color-text); - border-radius: 30px; - box-shadow: 0 4px 0 0 var(--color-text); margin: 0.4rem 0 0.4rem 0; } + + .hero-section { + padding: 0 !important; + } } @media (min-width: 992px) { @@ -526,4 +525,17 @@ footer { .hero-card-wrapper { display: none; } + + .hero-section { + padding: 0; + margin: 2rem auto; + } + + .hero-section h1 { + font-size: 2.5rem; + } + + .hero-section p { + font-size: 1.1rem; + } } \ No newline at end of file diff --git a/assets/css/markdown.css b/assets/css/markdown.css index bd765f3..da3bbb3 100644 --- a/assets/css/markdown.css +++ b/assets/css/markdown.css @@ -145,14 +145,6 @@ Responsive Design ======================== */ @media (max-width: 576px) { - .hero-section h1 { - font-size: 2rem; - } - - .hero-section p { - font-size: 1rem; - } - #markdown { padding: 1rem 0 0 0; } diff --git a/assets/images/hero-image.jpg b/assets/images/hero-image.jpg index 0d6824b..fe5c3d0 100644 Binary files a/assets/images/hero-image.jpg and b/assets/images/hero-image.jpg differ diff --git a/layouts/_default/home.html b/layouts/_default/home.html index 9e7c451..dd9fe3c 100644 --- a/layouts/_default/home.html +++ b/layouts/_default/home.html @@ -1,11 +1,13 @@ {{ define "main" }} +