Skip to content

Commit 7c448bb

Browse files
joshdkjoshdk
authored
feat: visual overhaul (#15)
1 parent 3416653 commit 7c448bb

File tree

2 files changed

+99
-6
lines changed

2 files changed

+99
-6
lines changed

‎server/static/style.css

Lines changed: 86 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,90 @@
1-
html, body{
1+
* {
22
margin: 0;
33
}
44

5-
p {
6-
text-align: center;
5+
html,
6+
body {
7+
height: 100%;
8+
}
9+
10+
body {
11+
display: flex;
12+
flex-direction: column;
13+
}
14+
15+
.right {
16+
float: right;
17+
margin-left: 5px;
18+
}
19+
20+
.left {
21+
float: left;
22+
margin-right: 5px;
23+
}
24+
25+
header {
26+
border-bottom: 1px solid #fff;
27+
height: 60px;
28+
min-height: 60px;
29+
padding: 0 10px;
30+
31+
background-color: #16191f;
32+
color: #eee;
33+
font-family: Helvetica Neue, Roboto, Arial, sans-serif;
34+
font-size: 24px;
35+
font-weight: 400;
36+
line-height: 1.8rem;
37+
}
38+
39+
header span {
40+
margin-top: 15px;
41+
}
42+
43+
header a {
44+
color: #d5dbdb;
45+
text-decoration: none;
46+
}
47+
48+
.content {
49+
flex: 1 0 auto;
50+
margin: 0 auto;
51+
max-width: 600px;
52+
padding: 10px;
53+
}
54+
55+
.content div {
56+
position: relative;
57+
top: 50%;
58+
transform: translateY(-50%);
59+
}
60+
61+
.content p {
62+
font-family: Helvetica Neue, Roboto, Arial, sans-serif;
63+
font-size: 20px;
64+
line-height: 1.8rem;
65+
padding-left: 10px;
66+
vertical-align: center;
67+
}
68+
69+
footer {
70+
border-top: 1px solid #fff;
71+
flex-shrink: 0;
72+
height: 40px;
73+
overflow-y: hidden;
74+
padding: 0 10px;
75+
76+
background-color: #16191f;
77+
color: #d5dbdb;
78+
font-family: Helvetica Neue, Roboto, Arial, sans-serif;
79+
font-size: 12px;
80+
font-weight: 400;
81+
line-height: 1.8rem;
82+
}
83+
84+
footer span {
85+
margin-top: 7px;
86+
}
87+
88+
footer a {
89+
color: #d5dbdb;
790
}

‎server/templates/index.html

Lines changed: 13 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,23 @@
22
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
33
<head>
44
<meta charset="utf-8"/>
5-
<title>aws-saml | login complete</title>
5+
<title>AWS SAML | Login complete</title>
66
<script src="index.js" async></script>
77
<link rel="icon" href="favicon.ico"/>
88
<link href="style.css" rel="stylesheet">
99
</head>
1010
<body>
11-
<p>Login complete, you may now close your browser.</p>
12-
<!-- {{.Version}} ({{.SHA}}) built on {{.Date}} -->
11+
<header>
12+
<span class="left"><a href="https://github.com/joshdk/aws-saml" rel="noopener noreferrer" target="_blank">AWS SAML</a></span>
13+
</header>
14+
<div class="content">
15+
<div>
16+
<p>Login complete, you may now close your browser.</p>
17+
</div>
18+
</div>
19+
<footer>
20+
<span class="left"><a href="https://github.com/joshdk/aws-saml" rel="noopener noreferrer" target="_blank">github.com/joshdk/aws-saml</a></span>
21+
<span class="right"></a>{{.Version}} ({{.SHA}}) built on {{.Date}}</span>
22+
</footer>
1323
</body>
1424
</html>

0 commit comments

Comments
 (0)