Styling tweaks

static/style.css

@@ -21,7 +21,18 @@ body {
     margin: 0 auto;
 }
 
-#container > div {
+#container.splash {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    max-width: 1600px;
+}
+
+#container.splash > .padding {
+    height: 25%;
+}
+
+#content {
     background-color: #fff;
     border: 1px solid #c8ccd1;
     filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.25));
@@ -40,7 +51,8 @@ header > * {
 }
 
 header h1 {
-    font-size: 2em;
+    font-size: 2.25em;
+    font-weight: normal;
     margin: 0 1em 0 0;
 }
 

templates/index.mako

@@ -11,7 +11,7 @@
     titleparts.append("Earwig's Copyvio Detector")
     title = " | ".join(titleparts)
 %>\
-<%include file="/support/header.mako" args="title=title"/>
+<%include file="/support/header.mako" args="title=title, splash=bool(result)"/>
 <%namespace module="copyvios.highlighter" import="highlight_delta"/>\
 <%namespace module="copyvios.misc" import="httpsfix, urlstrip"/>\
 % if notice:

templates/settings.mako

@@ -3,7 +3,7 @@
     from flask import g, request
     from copyvios.misc import cache
 %>\
-<%include file="/support/header.mako" args="title='Settings | Earwig\'s Copyvio Detector'"/>
+<%include file="/support/header.mako" args="title='Settings | Earwig\'s Copyvio Detector', splash=True"/>
 % if status:
     <div id="info-box" class="green-box">
         <p>${status}</p>

templates/support/footer.mako

@@ -4,6 +4,7 @@
 %>\
             </main>
         </div>
+        <div class="padding"></div>
     </div>
     <footer>
         <ul>

templates/support/header.mako

@@ -1,4 +1,4 @@
-<%page args="title"/>\
+<%page args="title, splash=False"/>\
 <%!
     from flask import g, request, url_for
     from copyvios.background import set_background
@@ -18,8 +18,8 @@
 % else:
     <body onload="update_screen_size()" style="background-image: url('${set_background(selected) | h}');">
 % endif
-    <div id="container">
-        <div>
+    <div id="container"${' class="splash"' if splash else ''}>
+        <div id="content">
             <header>
                 <h1><a href="/">Earwig&apos;s <strong>Copyvio Detector</strong></a></h1>
                 <a id="settings-link" href="/settings">Settings</a>