@@ -21,7 +21,18 @@ body { | |||||
margin: 0 auto; | 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; | background-color: #fff; | ||||
border: 1px solid #c8ccd1; | border: 1px solid #c8ccd1; | ||||
filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.25)); | filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.25)); | ||||
@@ -40,7 +51,8 @@ header > * { | |||||
} | } | ||||
header h1 { | header h1 { | ||||
font-size: 2em; | |||||
font-size: 2.25em; | |||||
font-weight: normal; | |||||
margin: 0 1em 0 0; | margin: 0 1em 0 0; | ||||
} | } | ||||
@@ -11,7 +11,7 @@ | |||||
titleparts.append("Earwig's Copyvio Detector") | titleparts.append("Earwig's Copyvio Detector") | ||||
title = " | ".join(titleparts) | 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.highlighter" import="highlight_delta"/>\ | ||||
<%namespace module="copyvios.misc" import="httpsfix, urlstrip"/>\ | <%namespace module="copyvios.misc" import="httpsfix, urlstrip"/>\ | ||||
% if notice: | % if notice: | ||||
@@ -3,7 +3,7 @@ | |||||
from flask import g, request | from flask import g, request | ||||
from copyvios.misc import cache | 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: | % if status: | ||||
<div id="info-box" class="green-box"> | <div id="info-box" class="green-box"> | ||||
<p>${status}</p> | <p>${status}</p> | ||||
@@ -4,6 +4,7 @@ | |||||
%>\ | %>\ | ||||
</main> | </main> | ||||
</div> | </div> | ||||
<div class="padding"></div> | |||||
</div> | </div> | ||||
<footer> | <footer> | ||||
<ul> | <ul> | ||||
@@ -1,4 +1,4 @@ | |||||
<%page args="title"/>\ | |||||
<%page args="title, splash=False"/>\ | |||||
<%! | <%! | ||||
from flask import g, request, url_for | from flask import g, request, url_for | ||||
from copyvios.background import set_background | from copyvios.background import set_background | ||||
@@ -18,8 +18,8 @@ | |||||
% else: | % else: | ||||
<body onload="update_screen_size()" style="background-image: url('${set_background(selected) | h}');"> | <body onload="update_screen_size()" style="background-image: url('${set_background(selected) | h}');"> | ||||
% endif | % endif | ||||
<div id="container"> | |||||
<div> | |||||
<div id="container"${' class="splash"' if splash else ''}> | |||||
<div id="content"> | |||||
<header> | <header> | ||||
<h1><a href="/">Earwig's <strong>Copyvio Detector</strong></a></h1> | <h1><a href="/">Earwig's <strong>Copyvio Detector</strong></a></h1> | ||||
<a id="settings-link" href="/settings">Settings</a> | <a id="settings-link" href="/settings">Settings</a> | ||||