diff --git a/_includes/footer.html b/_includes/footer.html index 8c45bf0..4fef947 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -1,3 +1,236 @@ + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/_includes/scripts.html b/_includes/scripts.html index 4824349..9cba4a1 100644 --- a/_includes/scripts.html +++ b/_includes/scripts.html @@ -1,12 +1,19 @@ - - + - - + + + + + + + + + + @@ -49,7 +56,6 @@ } }); - // Close dropdown when going to href on the same page $('.navbar-menu .navbar-link').on('click', function() { $('#navbarNavDropdown').collapse('hide'); diff --git a/_scss/_footer.scss b/_scss/_footer.scss index f592901..b11e146 100644 --- a/_scss/_footer.scss +++ b/_scss/_footer.scss @@ -1,12 +1,59 @@ .footer { background-color: #05191a; color: white; - // a { - // font-size: 14px; - // &:hover, &:active, &.active { - // color: #12dfef; - // } - // } padding: 2rem 24px; margin-top: 1rem; + .footer-menu { + display: flex; + gap: 1rem; + margin-bottom: .5rem; + .footer-link { + font-size: 14px; + text-decoration: none; + color: #fff; + &:hover, &:active, &.active { + color: #12dfef; + } + } + } + .copyright { + font-size: 14px; + color: #a7b0b9; + display: flex; + flex-wrap: wrap; + gap: .75rem; + a { + color: #a7b0b9; + &:hover, &:active, &.active { + color: #12e0ef86; + } + } + } } + +#privacyModal, #termsModal { + color: #34363e; + .modal-dialog { + max-width: 700px; + } + .modal-header { + border-bottom: 0; + padding-bottom: 0; + justify-content: space-between; + .close { + background-color: transparent; + border: none; + } + } + .modal-body { + padding-top: 0; + p { + line-height: 1.5 !important; + margin-bottom: .5rem; + font-size: .875rem; + } + h5 { + margin-top: 1rem; + } + } + } \ No newline at end of file diff --git a/_scss/_navbar.scss b/_scss/_navbar.scss index cb42b02..67676c2 100644 --- a/_scss/_navbar.scss +++ b/_scss/_navbar.scss @@ -40,8 +40,8 @@ } .navbar-menu { + display: flex; gap: 2rem; - padding-top: 0.5rem; .navbar-link { font-size: 14px; text-decoration: none; @@ -58,6 +58,7 @@ margin-left: auto; } .navbar-menu { + padding-top: 0.5rem; display: none; flex-direction: column; width: 100%;