diff --git a/config.toml b/config.toml index 34d24fe..5fa7b0e 100644 --- a/config.toml +++ b/config.toml @@ -30,6 +30,7 @@ juice_logo_name = "RSS Please" juice_logo_path = "feed-icon.svg" juice_extra_menu = [ { title = "News", link = "/news/"}, + { title = "Sponsor", link = "https://github.com/sponsors/wezm"}, { title = "GitHub", link = "https://github.com/wezm/rsspls"}, ] repository_url = "https://github.com/wezm/rsspls" diff --git a/static/home.css b/static/home.css index b202c93..6884e5a 100644 --- a/static/home.css +++ b/static/home.css @@ -1,4 +1,4 @@ -@font-face { +@font-face { font-family: "Firava"; src: url(/fonts/Firava.woff2) format("woff2"); font-display: swap; @@ -100,6 +100,10 @@ footer a:hover { font-variant-numeric: tabular-nums; } @media screen and (max-width: 950px) { + .nav-item { + display: inline-block; + margin: 0.5em 5px; + } .hero { flex-direction: column; padding-top: 100px; @@ -111,8 +115,26 @@ footer a:hover { display: none; } } + +@media screen and (max-width: 768px) { + .nav-item { + font-size: inherit; + } + + .hero { + padding: 40px 30px; + } +} + @media screen and (max-width: 450px) { + header.pos-absolute { + position: relative; + background-color: var(--primary-color); + } .hero-image { width: 222px; } + nav { + text-align: center; + } } diff --git a/themes/juice/sass/juice.scss b/themes/juice/sass/juice.scss index fbce649..dd1186c 100644 --- a/themes/juice/sass/juice.scss +++ b/themes/juice/sass/juice.scss @@ -70,7 +70,6 @@ header { justify-content: space-evenly; height: 100vh; background-color: var(--primary-color); - overflow-x: hidden; padding: 0 40px; .explore-more { diff --git a/themes/juice/templates/index.html b/themes/juice/templates/index.html index 85ba6b8..8996b4f 100644 --- a/themes/juice/templates/index.html +++ b/themes/juice/templates/index.html @@ -25,7 +25,7 @@ {% block header %} -
+
{{ macros::render_header() }}