-
Notifications
You must be signed in to change notification settings - Fork 6
/
landing.html
134 lines (120 loc) · 3.9 KB
/
landing.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
{{if .Refresh}}
<meta http-equiv="refresh" content="{{.Refresh}}" />
{{end}}
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="static/styles.css" />
</head>
<body>
<div class="wrapper">
<img src="static/images/logo_grad.svg" alt="Logo" width="325" height="386" style="margin-bottom: 25px;" />
<h1 class="mainTitle">Print Your Certificate</h1>
<h2>Powered by cert-manager</h2>
<div class="divider"></div>
<div>
<p>
<strong>{{.CountPrinted}}</strong> certificates have already been
printed, and there are <strong>{{.CountPending}}</strong> waiting to be printed.
See <a href="/list">the list</a>.
</p>
<p>
Fill in your details and create your very own certificate which will
get printed for you to take home.
</p>
</div>
<div class="divider"></div>
<form method="GET" action="/" class="form">
<input
name="name"
type="text"
value="{{.Name}}"
required
placeholder="Your name"
autocomplete="off"
/>
<div class="inputWrapper">
<input
name="email"
type="text"
value="{{.Email}}"
required
placeholder="Your email address"
autocomplete="off"
/>
{{if .Error}}
<div class="error">{{.Error}}</div>
{{end}}
{{if .Duplicate}}
<div class="error">
This email has already been used for creating a certificate
</div>
{{end}}
</div>
<div class="inputWrapper">
<p>Pick your certificate's color:</p>
<table>
<tr>
<td>
<label for="P">Pink</label>
<input type="radio" name="cardcolor" id="P" value="P" checked />
</td>
<td>
<label for="R">Random!</label>
<input type="radio" name="cardcolor" id="R" value="R" checked />
</td>
<td>
<label for="Y">Yellow</label>
<input type="radio" name="cardcolor" id="Y" value="Y" />
</td>
<td>
<label for="W">White</label>
<input type="radio" name="cardcolor" id="W" value="W" />
</td>
</tr>
</table>
</div>
<button type="submit">Get your certificate</button>
</form>
<p
style="
font-size: 10px;
color: white;
max-width: 500px;
margin: 20px auto;
"
>
Your email will not be displayed on-screen, just your name. These
details are used to fill in the "Subject" field of the X.509
certificate, and will be removed within six months.<br />
We may send a follow-up thank you email using the address provided.
</p>
<div class="push"></div>
</div>
<footer>
<p>
Powered by <a href="https://cert-manager.io" target="_blank">cert-manager.io</a>
</p>
<p class="small">
Project proudly supported by
<a href="https://venafi.com" target="_blank">Venafi</a>
</p>
<p class="small">
Design by <a href="https://constantinchirila.com" target="_blank">Constantin Chirila</a>
</p>
</footer>
{{if .Debug}}
<pre>{{.Debug}}</pre>
{{end}}
</body>
</html>
{{define "urltocertificate"}}
<a href="/certificate?certName={{.}}">{{.}}</a>
{{end}}