diff --git a/app/javascript/src/styles/specific/home.scss b/app/javascript/src/styles/specific/home.scss index 23dd8748b..0bd86c9f1 100644 --- a/app/javascript/src/styles/specific/home.scss +++ b/app/javascript/src/styles/specific/home.scss @@ -5,7 +5,7 @@ body.c-static.a-home { #page { background: none; - margin: 25rem auto 0; + margin: 8rem auto 0; width: 100%; max-width: 480px; padding: 0; @@ -24,6 +24,10 @@ body.c-static.a-home { text-align: center; } + .home-section h1 { + font-family: "Comic Sans MS"; + } + // Search .home-search { @@ -97,7 +101,9 @@ body.c-static.a-home { } .home-footer-bottom { - background: #1f3c67; + /*background: #1f3c67;*/ + background-color: rgba(15, 15, 15, 0.35); + backdrop-filter: blur(8px); text-align: center; margin: 0; diff --git a/app/views/static/home.html.erb b/app/views/static/home.html.erb index 492239927..26952516c 100644 --- a/app/views/static/home.html.erb +++ b/app/views/static/home.html.erb @@ -4,8 +4,11 @@ <% end -%>
+

<%= Danbooru.config.app_name %>

+
+ <%= form_tag(posts_path, method: "get", class: "home-search") do %> - <%= text_field_tag("tags", "", autofocus: "autofocus", placeholder: "Search posts by tag", data: { shortcut: "q", autocomplete: "tag-query" }) %> + <%= text_field_tag("tags", "", autofocus: "autofocus", placeholder: "Search posts by tag (or with title:\"video name\")", data: { shortcut: "q", autocomplete: "tag-query" }) %> <%= tag.button(tag.i(class: "fa-solid fa-magnifying-glass"), type: "submit") %> <% end %>