Add footer

app/assets/stylesheets/layout.css

@@ -15,7 +15,7 @@ main {
   max-width: 80vw;
   display: flex;
   flex-direction: column;
-  padding: 1em;
+  padding: 1em 1em 4em 1em;
   margin: 0 auto;
   min-height: calc(100vh - var(--header-height));
 }
@@ -159,3 +159,20 @@ hr {
 .roll-command-display:after {
   content: ")";
 }
+
+footer {
+  background-color: #111;
+  text-align: center;
+  padding: 1em;
+  margin: 0 auto;
+  font-size: .8em;
+  max-width: 80vw;
+  a:link, a:visited {
+    color: var(--header-text-color);
+    text-decoration: none;
+  }
+  img {
+    display: block;
+    margin: 0 auto;
+  }
+}

app/views/layouts/application.html.erb

@@ -42,5 +42,11 @@
       <%= yield(:main) if content_for?(:main) %>
       <%= yield unless content_for?(:main) %>
     </main>
+    <footer>
+      <%= link_to "https://tablewarez.net", target: "_blank" do %>
+        <%= t(".made_by") %>
+        <%= image_tag "tablewarez.png", width: "300px" %>
+      <% end %>
+    </footer>
   </body>
 </html>

config/locales/en.yml

@@ -18,6 +18,7 @@ en:
       characters: Characters
       profile: Profile
       tables: Tables
+      made_by: Brought to you by
     mailer:
       greeting: "Hi %{name},"
       greeting_without_name: Hi,