forked from e621ng/e621ng
[UI] Rework the page footer (#851)
This commit is contained in:
Cinder
GitHub
parent
4b738f8ed4
commit
adf5a5ba2a
@ -9,6 +9,7 @@
|
||||
@import "base/links";
|
||||
@import "base/fontawesome";
|
||||
|
||||
@import "common/footer";
|
||||
@import "common/helper_classes";
|
||||
@import "common/helper_palette";
|
||||
@import "common/ads.scss";
|
||||
|
||||
73
app/javascript/src/styles/common/_footer.scss
Normal file
73
app/javascript/src/styles/common/_footer.scss
Normal file
@ -0,0 +1,73 @@
|
||||
footer#page-footer {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 2fr;
|
||||
gap: 0.5rem 0;
|
||||
|
||||
padding: 0.5rem 0 1rem;
|
||||
margin: 1rem 0 0;
|
||||
|
||||
background: var(--color-foreground);
|
||||
|
||||
.footer-left, .footer-right {
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
gap: 0.25em;
|
||||
padding: 0 0.5rem;
|
||||
|
||||
font-size: 1.25em;
|
||||
|
||||
a, span {
|
||||
line-height: 1.25em;
|
||||
}
|
||||
}
|
||||
.footer-left {
|
||||
align-items: end;
|
||||
border-right: 1px solid var(--color-section);
|
||||
}
|
||||
|
||||
.footer-logo {
|
||||
grid-column: 1 / -1;
|
||||
grid-row: 1;
|
||||
text-align: center;
|
||||
|
||||
img {
|
||||
width: 5rem;
|
||||
height: 5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Desktop
|
||||
footer#page-footer {
|
||||
@include window-larger-than(800px) {
|
||||
grid-template-columns: 1fr min-content 1fr;
|
||||
|
||||
.footer-left, .footer-right {
|
||||
font-size: unset;
|
||||
flex-flow: row;
|
||||
align-items: center;
|
||||
border: 0;
|
||||
gap: 0;
|
||||
|
||||
a:not(:last-child)::after {
|
||||
content: "";
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
background: white;
|
||||
display: inline-block;
|
||||
border-radius: 2px;
|
||||
margin: 0.125rem 0.5rem;
|
||||
}
|
||||
|
||||
span.footer-running { display: none; }
|
||||
}
|
||||
|
||||
.footer-left { justify-content: right; }
|
||||
|
||||
.footer-logo {
|
||||
grid-column: unset;
|
||||
grid-row: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -96,37 +96,6 @@ div#page {
|
||||
display: none;
|
||||
}
|
||||
|
||||
footer#page-footer {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 5em 1fr;
|
||||
align-items: center;
|
||||
|
||||
padding: $padding-050 $padding-025;
|
||||
margin-top: 1em;
|
||||
line-height: 1.75em;
|
||||
background-color: themed("color-foreground");
|
||||
|
||||
@include window-larger-than(800px) {
|
||||
border-radius: $border-radius-full $border-radius-full 0 0;
|
||||
margin: 1em 1em 0 1em;
|
||||
padding: $padding-050;
|
||||
}
|
||||
|
||||
.footer-logo {
|
||||
width: 5em;
|
||||
}
|
||||
|
||||
.left {
|
||||
text-align: right;
|
||||
padding-right: 0.75em;
|
||||
}
|
||||
|
||||
.right {
|
||||
text-align: left;
|
||||
padding-left: 0.75em;
|
||||
}
|
||||
}
|
||||
|
||||
div.clearfix {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
@ -109,27 +109,6 @@
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#page-footer {
|
||||
display: revert;
|
||||
text-align: center;
|
||||
|
||||
.left {
|
||||
padding-right: revert;
|
||||
}
|
||||
|
||||
.right {
|
||||
padding-left: revert;
|
||||
}
|
||||
|
||||
.right::before {
|
||||
content: "–";
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Make the quick search box in the navbar full width. */
|
||||
header#top menu form input {
|
||||
width: auto;
|
||||
|
||||
@ -1,20 +1,20 @@
|
||||
<footer id="page-footer">
|
||||
<span class="left">
|
||||
Running <%= Danbooru.config.app_name %>
|
||||
– <%= link_to "Rules", terms_of_service_path %>
|
||||
– <%= link_to "Takedowns", takedown_static_path %>
|
||||
– <%= link_to "Privacy", privacy_policy_path %>
|
||||
– <%= link_to "Contact", contact_path %>
|
||||
– <%= link_to "Advertising", help_page_path(id: "advertising") %>
|
||||
<span class="footer-left">
|
||||
<%= link_to "Rules", terms_of_service_path %>
|
||||
<%= link_to "Takedowns", takedown_static_path %>
|
||||
<%= link_to "Privacy", privacy_policy_path %>
|
||||
<%= link_to "Contact", contact_path %>
|
||||
<%= link_to "Advertising", help_page_path(id: "advertising") %>
|
||||
</span>
|
||||
<span class="logo-container">
|
||||
<a href="/"><%= image_pack_tag("main-logo.png", class: "footer-logo") %></a>
|
||||
<span class="footer-logo">
|
||||
<a href="/"><%= image_pack_tag("main-logo.svg", class: "footer-logo") %></a>
|
||||
</span>
|
||||
<span class="right">
|
||||
<span class="footer-right">
|
||||
<span class="footer-running">Running e621ng</span>
|
||||
<%= link_to "Themes / Gestures", theme_path %>
|
||||
<% if CurrentUser.user.enable_keyboard_navigation %>
|
||||
– <%= link_to "Keyboard Shortcuts", keyboard_shortcuts_path %>
|
||||
<%= link_to "Keyboard Shortcuts", keyboard_shortcuts_path %>
|
||||
<% end %>
|
||||
– <%= link_to disable_mobile_mode? ? "Enable mobile mode support": "Disable mobile mode support", disable_mobile_mode_path, :rel => "nofollow" %>
|
||||
<%= link_to disable_mobile_mode? ? "Mobile mode: OFF": "Mobile mode: ON", disable_mobile_mode_path, :rel => "nofollow" %>
|
||||
</span>
|
||||
</footer>
|
||||
|
||||
@ -1,14 +1,14 @@
|
||||
<svg width="256" height="256" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="none" d="M18.123255-1.5991108H274.12325V254.40089H18.123255Z" style="fill:#000;fill-opacity:0"/>
|
||||
<path fill="#fcbf31" d="M144.58325 11.080889c4.14-1.6599998 8.08 1.6 9.53 5.31 3.9 9.31 4.48 19.6 4.75 29.58-5.9-2.89-10.01-8.22-15.41-11.84-4.39-3.28-9.65-4.99-14.83-6.55 4.29-6.3 8.81-13.18 15.96-16.5z"/>
|
||||
<path fill="#fdfefa" d="M128.62325 27.580889c5.18 1.56 10.44 3.27 14.83 6.55 5.4 3.62 9.51 8.95 15.41 11.84.25 4.35.35 8.71.29 13.07-4.58-.96-9.18-1.81-13.8-2.6-.59-4.45-.54-9.31-3.08-13.19-1.18-2.1-4.06-1.82-5.76-.55-4.28 3.03-6.99 7.67-9.96 11.89-4.66.39-9.27 1.22-13.94 1.4 4.83-9.74 9.98-19.35 16.01-28.41z" style="fill:#fff;fill-opacity:1"/>
|
||||
<path d="M83.613211 68.837652c87.640329.02324 0 0 88.160039.02324 14.24 24.14 27.9733 54.090278 42.1433 78.270278-1.8233 3.30972-.64565 1.10266-2.46895 4.41238-13.37 23.03.64565-1.10266-40.23382 68.62038l-18.55053.0369c-.05-9.21.05-18.58991-.03-27.79991.1-3.51-2.19-7.06-5.61-8.06-1.73-.35-3.5-.37-5.25-.49 0 2.03 0 4.05.01 6.09 1.43-.01 2.85-.02 4.28-.03-.02 10.02.0688 20.29384.0589 30.30384-3.0777-.0215-6.04347-.1046-9.13116-.0973-.02-1.23-.0677-2.51654-.0877-3.74654-2.17.03-4.34.06-6.52.07 0 1.23 0 2.4067-.01 3.69-1.44999.007-2.86124.023-4.25354.0561-.03-2.16351-.0665-5.22612-.0765-7.68612 3.63-.06 7.27-.14 10.9-.19-.08-9.01.11-18.02-.07-27.02.1-4.59-4.24-8.44-8.73-8.23-4.15-.02-8.24 3.19-8.48 7.47-.3 5.89.03 11.8-.1 17.7l6.48.09c.07-6.44-.1-12.89.16-19.34 1.38.01 2.77.02 4.16.03.04 7.83.01 15.67 0 23.5-3.59.02-7.19.04-10.79.07.01 4.49-.01 8.98 0 13.47-1.55 0-3.09 0-4.64.01-.01-2.19-.02-4.37-.02-6.55-3.62-.01-7.24-.03-10.86-.08 0-7.84-.01-15.68.02-23.52l4.29.03c.02 6.41-.01 12.81.03 19.22 2.18-.01 4.35-.03 6.53-.04-.14-6.13.31-12.27-.18-18.38-.72-5.07-6.77-8.06-11.41-6.27-3.42999 1.02-5.809995 4.42-5.739995 7.97-.12 9.2.02 18.41-.04 27.61-8.710671.0192-8.737563.0415-13.706785.03-13.85-25.46-29.373215-50.11-43.143215-75.61 5.9-11.72 13.07-22.74 19.37-34.24 3.24-6.09 7.21-11.730001 10.25-17.919998 4.62-7.65 9.31663-15.463237 13.27663-23.473237z" style="fill:#01549d"/>
|
||||
<path fill="#fdfefa" d="M194.00325 82.480889c9.46-3.22 19.25-5.51 29.19-6.61 3.11 4.29 6.8 8.42 8.29 13.62.78 4.64.49 9.519997-1.16 13.960001-1.21 3.69-3.04 8.04-.58 11.64-2.45 2.36-5.08 4.51-7.7 6.67-2.24-4.39-4.6-8.72-6.94-13.05 3.29-3.21 7.15-6.47 8.14-11.180001.15-2.44-1.94-4.03-4.06-4.61-5.06-1.57-10.44-1.03-15.65-.86-3.21-3.16-6.69-6.07-9.53-9.58z" style="fill:#fff;fill-opacity:1"/>
|
||||
<path fill="#fcbf31" d="M223.19325 75.870889c8.13-1.05 16.85-1.55 24.52 1.83 4.62 1.91 5.82 7.77 3.7 11.97-4.71 10.309997-13.42 18.020001-21.6 25.570001l-.07-.15c-2.46-3.6-.63-7.95.58-11.64 1.65-4.440004 1.94-9.320001 1.16-13.960001-1.49-5.2-5.18-9.33-8.29-13.62z"/>
|
||||
<path fill="#fdfefa" d="M101.23325 98.580889c12.23-14.18 35.43-17.16 50.55-5.93 12.38 8.580001 19.13 24.370001 16.25 39.250001-20.18 1.12-40.36 2.34-60.53 3.49 3.3 7.48 10.14 13.68 18.48 14.55 7.6 1.08 15.42-1.98 20.46-7.72 4.11 3.34 7.81 7.13 11.72 10.71-7.07 7.97-17.27 13.11-27.99 13.31-11.33.75-22.57-4.37-29.95-12.88-13.709995-14.91-13.019995-40.3 1.01-54.780001z" style="fill:#fff;fill-opacity:1"/>
|
||||
<path fill="#01549d" d="M106.89325 119.21089c3.09-8.75 10.73-16.32 20.29-17.1 10.2-1.48 20.24 5.22 24.04 14.55-14.77.94-29.55 1.8-44.33 2.55z"/>
|
||||
<path fill="#fdfefa" d="M119.66325 184.53089c.24-4.28 4.33-7.49 8.48-7.47 4.49-.21 8.83 3.64 8.73 8.23.18 9-.01 18.01.07 27.02-3.63.05-7.27.13-10.9.19.01 2.46.02 4.93.05 7.4.03 2.63.06 5.25.07 7.88 1.39-.01 2.78-.01 4.18-.02.02-2.54.03-5.09.03-7.63.01-1.23.01-2.46.01-3.69 2.18-.01 4.35-.04 6.52-.07.02 1.23.03 2.46.05 3.69.04 4.54.02 9.09-.03 13.64-5.78-.09-11.55-.04-17.33-.02-.04-4.54 0-9.09-.02-13.63-.01-4.49.01-8.98 0-13.47 3.6-.03 7.2-.05 10.79-.07.01-7.83.04-15.67 0-23.5-1.39-.01-2.78-.02-4.16-.03-.26 6.45-.09 12.9-.16 19.34l-6.48-.09c.13-5.9-.2-11.81.1-17.7z" style="fill:#fff;fill-opacity:1"/>
|
||||
<path d="M103.33325 184.47089c4.64-1.79 10.95652.77357 11.67652 6.27-.043 6.21661-.0133 12.09009-.0865 18.38-2.18.01-4.35.03-6.53.04-.04-6.41-.01-12.81-.03-19.22l-4.29-.03c-.03 7.84.0177 37.20179.0177 45.04179 3.46782.006 3.65647-.007 4.2409-.001.0191-.61655.0758-14.36901.076-15.36329-1.43207-.0143-3.5049-.029-4.56005-.006.0002-.67445-.13152-5.2698-.13131-6.15215 3.75762.0579 7.66723.0717 11.19678.0805 0 2.18.01 4.36.02 6.55-.28 5.11.69 10.4-.58 15.41-2.38 6.82-13.13 7.16-15.97.53-1.356874-2.06169-.789822-10.67-.83-15.95.07567-9.20784-.04797-18.5726-.03996-27.71661-.07-3.55 2.38996-6.84339 5.81996-7.86339z" style="fill:#fff;fill-opacity:1"/>
|
||||
<path fill="#fdfefa" d="M141.77325 183.85089c1.75.12 3.52.14 5.25.49 3.42 1 5.71 4.55 5.61 8.06.08 9.21-.02 18.43.03 27.64-.02 6.85.02 13.7-.03 20.55-2.16-.02-4.32-.02-6.49-.02-.09-6.88-.04-13.75-.04-20.62.01-10.01-.06-20.02-.04-30.04-1.43.01-2.85.02-4.28.03-.01-2.04-.01-4.06-.01-6.09z" style="fill:#fff;fill-opacity:1"/>
|
||||
<path d="M126.09325 220.16473c1.61846-.0142 2.77462-.0196 4.28-.0338 0 2.54-.01 5.09-.03 7.63-1.4.01-2.86538.01-4.25538.02l.005-7.61616z" style="fill:#000;fill-opacity:0" fill="none"/>
|
||||
<path fill="none" d="M.11072628-.03460334H256.11073V255.96539H.11072628Z" style="fill:#000;fill-opacity:0"/>
|
||||
<path fill="#fcbf31" d="M126.57073 12.645397c4.14-1.66 8.08 1.6 9.53 5.31 3.9 9.31 4.48 19.6 4.75 29.58-5.9-2.89-10.01-8.22-15.41-11.84-4.39-3.28-9.65-4.99-14.83-6.55 4.29-6.3 8.81-13.18 15.96-16.5z"/>
|
||||
<path fill="#fdfefa" d="M110.61073 29.145397c5.18 1.56 10.44 3.27 14.83 6.55 5.4 3.62 9.51 8.95 15.41 11.84.25 4.35.35 8.71.29 13.07-4.58-.96-9.18-1.81-13.8-2.6-.59-4.45-.54-9.31-3.08-13.19-1.18-2.1-4.06-1.82-5.76-.55-4.28 3.03-6.99 7.67-9.96 11.89-4.66.39-9.270014 1.22-13.940009 1.4 4.829995-9.74 9.980009-19.35 16.010009-28.41z" style="fill:#fff;fill-opacity:1"/>
|
||||
<path d="M65.600682 70.40216c87.640338.02324 0 0 88.160048.02324 14.24 24.14 27.9733 54.09027 42.1433 78.27027-1.8233 3.30972-.64565 1.10266-2.46895 4.41238-13.37 23.03.64565-1.10266-40.23382 68.62038l-18.55053.0369c-.05-9.21.05-18.58991-.03-27.79991.1-3.51-2.19-7.06-5.61-8.06-1.73-.35-3.5-.37-5.25-.49 0 2.03 0 4.05.01 6.09 1.43-.01 2.85-.02 4.28-.03-.02 10.02.0688 20.29384.0589 30.30384-3.0777-.0215-6.04347-.1046-9.13116-.0973-.02-1.23-.0677-2.51654-.0877-3.74654-2.17.03-4.34.06-6.52.07 0 1.23 0 2.4067-.01 3.69-1.44999.007-2.86124.023-4.25354.0561-.03-2.16351-.0665-5.22612-.0765-7.68612 3.63-.06 7.27-.14 10.9-.19-.08-9.01.11-18.02-.07-27.02.1-4.59-4.24-8.44-8.73-8.23-4.15-.02-8.24 3.19-8.48 7.47-.3 5.89.03 11.8-.1 17.7l6.48.09c.07-6.44-.1-12.89.16-19.34 1.38.01 2.77.02 4.16.03.04 7.83.01 15.67 0 23.5-3.59.02-7.19.04-10.79.07.01 4.49-.01 8.98 0 13.47-1.55001 0-3.090009 0-4.640009.01-.01-2.19-.02-4.37-.02-6.55-3.62-.01-7.24-.03-10.86-.08 0-7.84-.01-15.68.02-23.52l4.29.03c.02 6.41-.01 12.81.03 19.22 2.18-.01 4.35-.03 6.53-.04-.14-6.13.31-12.27-.18-18.38-.72-5.07-6.77-8.06-11.41-6.27-3.42999 1.02-5.809995 4.42-5.739995 7.97-.12 9.2.02 18.41-.04 27.61-8.710671.0192-8.737563.0415-13.706785.03-13.85-25.46-29.373215-50.11-43.143215-75.61 5.9-11.72 13.07-22.74 19.37-34.24 3.24-6.09 7.21-11.73 10.25-17.91999 4.62-7.65 9.31663-15.463237 13.27663-23.473237z" style="fill:#01549d"/>
|
||||
<path fill="#fdfefa" d="M175.99073 84.045397c9.46-3.22 19.25-5.51 29.19-6.61 3.11 4.29 6.8 8.42 8.29 13.62.78 4.64.49 9.519993-1.16 13.959993-1.21 3.69-3.04 8.04-.58 11.64-2.45 2.36-5.08 4.51-7.7 6.67-2.24-4.39-4.6-8.72-6.94-13.05 3.29-3.21 7.15-6.47 8.14-11.179993.15-2.44-1.94-4.03-4.06-4.61-5.06-1.57-10.44-1.03-15.65-.86-3.21-3.16-6.69-6.07-9.53-9.58z" style="fill:#fff;fill-opacity:1"/>
|
||||
<path fill="#fcbf31" d="M205.18073 77.435397c8.13-1.05 16.85-1.55 24.52 1.83 4.62 1.91 5.82 7.77 3.7 11.97-4.71 10.309993-13.42 18.019993-21.6 25.569993l-.07-.15c-2.46-3.6-.63-7.95.58-11.64 1.65-4.44 1.94-9.319993 1.16-13.959993-1.49-5.2-5.18-9.33-8.29-13.62z"/>
|
||||
<path fill="#fdfefa" d="M83.220721 100.14539c12.23-14.179993 35.430009-17.159993 50.550009-5.929993 12.38 8.579993 19.13 24.369993 16.25 39.249993-20.18 1.12-40.36 2.34-60.530009 3.49 3.3 7.48 10.139995 13.68 18.480009 14.55 7.6 1.08 15.42-1.98 20.46-7.72 4.11 3.34 7.81 7.13 11.72 10.71-7.07 7.97-17.27 13.11-27.99 13.31-11.33001.75-22.570009-4.37-29.950009-12.88-13.709995-14.91-13.019995-40.3 1.01-54.78z" style="fill:#fff;fill-opacity:1"/>
|
||||
<path fill="#01549d" d="M88.880721 120.77539c3.09-8.75 10.730005-16.32 20.290009-17.1 10.2-1.48 20.24 5.22 24.04 14.55-14.77.94-29.55 1.8-44.330009 2.55z"/>
|
||||
<path fill="#fdfefa" d="M101.65073 186.09539c.24-4.28 4.33-7.49 8.48-7.47 4.49-.21 8.83 3.64 8.73 8.23.18 9-.01 18.01.07 27.02-3.63.05-7.27.13-10.9.19.01 2.46.02 4.93.05 7.4.03 2.63.06 5.25.07 7.88 1.39-.01 2.78-.01 4.18-.02.02-2.54.03-5.09.03-7.63.01-1.23.01-2.46.01-3.69 2.18-.01 4.35-.04 6.52-.07.02 1.23.03 2.46.05 3.69.04 4.54.02 9.09-.03 13.64-5.78-.09-11.55-.04-17.33-.02-.04-4.54 0-9.09-.02-13.63-.01-4.49.01-8.98 0-13.47 3.6-.03 7.2-.05 10.79-.07.01-7.83.04-15.67 0-23.5-1.39-.01-2.78-.02-4.16-.03-.26 6.45-.09 12.9-.16 19.34l-6.48-.09c.13-5.9-.2-11.81.1-17.7z" style="fill:#fff;fill-opacity:1"/>
|
||||
<path d="M85.320721 186.03539c4.64-1.79 10.95652.77357 11.67652 6.27-.043 6.21661-.0133 12.09009-.0865 18.38-2.18.01-4.35.03-6.53.04-.04-6.41-.01-12.81-.03-19.22l-4.29-.03c-.03 7.84.0177 37.20179.0177 45.04179 3.46782.006 3.65647-.007 4.2409-.001.0191-.61655.0758-14.36901.076-15.36329-1.43207-.0143-3.5049-.029-4.56005-.006.0002-.67445-.13152-5.2698-.13131-6.15215 3.75762.0579 7.66723.0717 11.19678.0805 0 2.18.01 4.36.02 6.55-.28 5.11.69 10.4-.58 15.41-2.38 6.82-13.13 7.16-15.97.53-1.356874-2.06169-.789822-10.67-.83-15.95.07567-9.20784-.04797-18.5726-.03996-27.71661-.07-3.55 2.38996-6.84339 5.81996-7.86339z" style="fill:#fff;fill-opacity:1"/>
|
||||
<path fill="#fdfefa" d="M123.76073 185.41539c1.75.12 3.52.14 5.25.49 3.42 1 5.71 4.55 5.61 8.06.08 9.21-.02 18.43.03 27.64-.02 6.85.02 13.7-.03 20.55-2.16-.02-4.32-.02-6.49-.02-.09-6.88-.04-13.75-.04-20.62.01-10.01-.06-20.02-.04-30.04-1.43.01-2.85.02-4.28.03-.01-2.04-.01-4.06-.01-6.09z" style="fill:#fff;fill-opacity:1"/>
|
||||
<path d="M108.08073 221.72923c1.61846-.0142 2.77462-.0196 4.28-.0338 0 2.54-.01 5.09-.03 7.63-1.4.01-2.86538.01-4.25538.02l.005-7.61616z" style="fill:#000;fill-opacity:0" fill="none"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 5.1 KiB |
Loading…
Reference in New Issue
Block a user