archive/blender-benchmark-bundle
Archived
1
0
Fork 0
Code Issues 12 Pull Requests Projects Releases Wiki Activity

Professional styling of 'auth token received' HTML page

Browse Source
This commit is contained in:
Sybren A. Stüvel
2018-08-10 11:55:51 +02:00
parent b32052f1ed
commit 30199bcbec
1 changed files with 40 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
benchmark/submission/html.py
View File

@@ -2,7 +2,7 @@
"""HTML code."""
auth_okay_html = """<!DOCTYPE html>
auth_okay_html = b"""<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
@@ -10,71 +10,71 @@ auth_okay_html = """<!DOCTYPE html>
<style type='text/css'>
html, body {
font-family: Ubuntu, Verdana, sans-serif;
font-size: 12pt;
background-color: white;
color: black;
background-color: #f8f8f8;
color: #4d4e53;
display: flex;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
height: 100%;
margin: 0;
width: 100%;
}
section {
width: 500px;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.15);
}
article, h1 {
border: 3px solid #1750d2;
width: 600px;
margin: auto;
}
article {
border-radius: 0 0 10px 10px;
background-color: #fefefe;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 4px -1px;
border-radius: 3px;
padding: 30px;
text-align: center;
}
h1 {
border-radius: 10px 10px 0 0;
margin-top: 50px;
margin-bottom: 0;
text-align: center;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
font-size: 200%;
background-color: #1750d2;
color: white;
background: linear-gradient(to right, #0cc, violet);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 300;
font-size: 1.6em;
margin: 0 auto 15px;
}
p {
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
margin: 30px 30px 10px 30px;
color: #78b13f;
padding: 10px 0;
}
p.note {
font-size: 70%;
color: #888;
small {
border-top: thin solid rgba(0,0,0,0.1);
color: #9E9FA2;
display: block;
padding-top: 15px;
}
p.note a:visited, p.note a:link {
color: #888;
.check {
border-bottom: 3px solid #78b13f;
border-right: 3px solid #78b13f;
display: inline-block;
height: 10px;
margin-right: 10px;
transform: rotate(45deg) translateY(-2px);
width: 5px;
}
</style>
</head>
<body>
<section>
<h1>Blender Benchmark Client</h1>
<article>
<p>Your Blender Benchmark Client is now associated with your Blender ID account.</p>
<p>You can now <strong>close this browser window</strong>, and return to the Blender Benchmark Client.</p>
<h1>Blender Benchmark</h1>
<p><span class="check"></span> Success! This client is now associated with your Blender ID</p>
<small>You can now close this window.</small>
</article>
</section>
</body>
</html>
""" # noqa: W293
auth_okay_html = auth_okay_html.encode('utf-8')