html: standardize font sizes and heading tags.

Standardize font sizes and heading tags (<h1>-<h6>) to be more
consistent across the site.

Changes:

* Introduce font size CSS variables and start replacing hardcoded font
  sizes with standard sizes.
* Change header tags to use only one <h1> per page. One <h1> per page is
  recommended for SEO purposes. Usually this is for the page title, like
  in forum threads or wiki pages.
* Standardize on <h2> for section headers in sidebars and <h3> for
  smaller subsection headers. Don't use <h4>-<h6>.
* In DText, make h1-h4 headers all the same size. Standard wiki style is
  to ignore h1-h3 and start at h4.
* In DText, make h4-h6 the same size as the h1-h3 tags outside of DText.
* In the tag list, change the <h1> and <h2> tag category headers to <h3>.
* Make usernames in comments and forum posts smaller. Also change the
  <h4> tag for the commenter name to <div class="author-name">.
* Make the tag list, paginator, and nav menu smaller on mobile.
* Change h1#app-name-header to a#app-name-header.
This commit is contained in:
evazion
2020-07-17 13:05:40 -05:00
parent a59afcdf29
commit 3a3d456bd2
37 changed files with 83 additions and 123 deletions

View File

@@ -4,6 +4,6 @@
<p><%= @message %></p>
<% unless @expected %>
<h6>Details</h6>
<h3>Details</h3>
<%= render "static/backtrace", exception: @exception, backtrace: @backtrace %>
<% end %>

View File

@@ -6,7 +6,7 @@
<p>Your search took too long to execute and was cancelled.</p>
<h6>Why did this happen?</h6>
<h3>Why did this happen?</h3>
<p>
Some kinds of searches are slower than others. If your search is too slow
@@ -15,7 +15,7 @@
</p>
<% if params[:controller] == "posts" && params[:action] == "index" && params[:tags].present? %>
<h6>What can I do?</h6>
<h3>What can I do?</h3>
<p>Try changing your search:</p>
@@ -38,7 +38,7 @@
<% end %>
<% if !CurrentUser.is_gold? %>
<h6>Search limits</h6>
<h3>Search limits</h3>
<p>
Members are limited to searches that take up to 3 seconds long. You can

View File

@@ -4,7 +4,7 @@
<div id="a-site-map" class="fixed-width-container">
<section>
<ul>
<li><h1>Posts</h1></li>
<li><h2>Posts</h2></li>
<li><%= link_to_wiki "Help", "help:posts" %></li>
<li><%= link_to("Listing", posts_path) %></li>
<li><%= link_to("Upload", new_upload_path) %></li>
@@ -18,7 +18,7 @@
<% end %>
</ul>
<ul>
<li><h1>Post Events</h1></li>
<li><h2>Post Events</h2></li>
<li><%= link_to("Changes", post_versions_path) %></li>
<li><%= link_to("Approvals", post_approvals_path) %></li>
<li><%= link_to("Disapprovals", post_disapprovals_path) %></li>
@@ -27,7 +27,7 @@
<li><%= link_to("Replacements", post_replacements_path) %></li>
</ul>
<ul>
<li><h1>Tools</h1></li>
<li><h2>Tools</h2></li>
<li><%= link_to("Source Code", Danbooru.config.source_code_url) %></li>
<li><%= link_to("Bug Reports", Danbooru.config.issues_url) %></li>
<li><%= link_to("Keyboard Shortcuts", keyboard_shortcuts_path) %></li>
@@ -37,7 +37,7 @@
<li><%= link_to("Similar Images Search", iqdb_queries_path) %></li>
</ul>
<ul>
<li><h1>Artists</h1></li>
<li><h2>Artists</h2></li>
<li><%= link_to_wiki "Help", "help:artists" %></li>
<li><%= link_to("Listing", artists_path) %></li>
<li><%= link_to("Banned", banned_artists_path) %></li>
@@ -46,7 +46,7 @@
</section>
<section>
<ul>
<li><h1>Tags</h1></li>
<li><h2>Tags</h2></li>
<li><%= link_to_wiki "Help", "help:tags" %></li>
<li><%= link_to_wiki "Cheat sheet", "help:cheatsheet" %></li>
<li><%= link_to("Aliases", tag_aliases_path) %></li>
@@ -54,14 +54,14 @@
<li><%= link_to("Listing", tags_path) %></li>
</ul>
<ul>
<li><h1>Notes</h1></li>
<li><h2>Notes</h2></li>
<li><%= link_to_wiki "Help", "help:notes" %></li>
<li><%= link_to("Listing", notes_path) %></li>
<li><%= link_to("Search", search_notes_path) %></li>
<li><%= link_to("Changes", note_versions_path) %></li>
</ul>
<ul>
<li><h1>Pools</h1></li>
<li><h2>Pools</h2></li>
<li><%= link_to_wiki "Help", "help:pools" %></li>
<li><%= link_to("Listing", pools_path) %></li>
<li><%= link_to("Gallery", gallery_pools_path) %></li>
@@ -70,7 +70,7 @@
<% end %>
</ul>
<ul>
<li><h1>Reports</h1></li>
<li><h2>Reports</h2></li>
<li><%= link_to("Performance Reports", "https://isshiki.donmai.us/user-reports") %></li>
<li><%= link_to("Top Searches", searches_explore_posts_path) %></li>
<li><%= link_to("Missed Searches", missed_searches_explore_posts_path) %></li>
@@ -78,7 +78,7 @@
</section>
<section>
<ul>
<li><h1>Comments</h1></li>
<li><h2>Comments</h2></li>
<li><%= link_to_wiki "Help", "help:comments" %></li>
<li><%= link_to("Listing", comments_path) %></li>
<li><%= link_to("Search", search_comments_path) %></li>
@@ -86,7 +86,7 @@
<li><%= link_to("RSS", comments_path(:atom)) %></li>
</ul>
<ul>
<li><h1>Forum</h1></li>
<li><h2>Forum</h2></li>
<li><%= link_to_wiki "Help", "help:forum" %></li>
<li><%= link_to("Listing", forum_topics_path) %></li>
<li><%= link_to("Search", search_forum_posts_path) %></li>
@@ -94,14 +94,14 @@
<li><%= link_to("RSS", forum_topics_path(:atom)) %></li>
</ul>
<ul>
<li><h1>Wiki</h1></li>
<li><h2>Wiki</h2></li>
<li><%= link_to_wiki "Help", "help:wiki" %></li>
<li><%= link_to("Listing", wiki_pages_path) %></li>
<li><%= link_to("Search", search_wiki_pages_path) %></li>
<li><%= link_to("Changes", wiki_page_versions_path) %></li>
</ul>
<ul>
<li><h1>Artist commentary</h1></li>
<li><h2>Artist commentary</h2></li>
<li><%= link_to_wiki "Help", "help:artist_commentary" %></li>
<li><%= link_to("Listing", artist_commentaries_path) %></li>
<li><%= link_to("Search", search_artist_commentaries_path) %></li>
@@ -110,7 +110,7 @@
</section>
<section>
<ul>
<li><h1>Profile</h1></li>
<li><h2>Profile</h2></li>
<% if CurrentUser.is_anonymous? %>
<li><%= link_to "Login", login_path %></li>
<li><%= link_to "Sign up", new_user_path %></li>
@@ -128,7 +128,7 @@
<li><%= link_to "Upgrade information", new_user_upgrade_path %></li>
</ul>
<ul>
<li><h1>Users</h1></li>
<li><h2>Users</h2></li>
<% if CurrentUser.is_moderator? %>
<li><%= link_to("Dashboard", moderator_dashboard_path) %></li>
<% end %>
@@ -141,7 +141,7 @@
<li><%= link_to("Privacy Policy", privacy_policy_path) %></li>
</ul>
<ul>
<li><h1>Admin</h1></li>
<li><h2>Admin</h2></li>
<li><%= link_to("Mod Actions", mod_actions_path) %></li>
<li><%= link_to("Jobs", delayed_jobs_path) %></li>
<li><%= link_to("Bulk Update Requests", bulk_update_requests_path) %></li>