-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
54 lines (51 loc) · 2.66 KB
/
index.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
<!DOCTYPE html>
<!-- This the old version for web-cgi! Go use the new html in template/index.html -->
<html lang="nl">
<head>
<meta charset="UTF-8">
<title>Ik ben op kamp</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.2/css/bootstrap.min.css" integrity="sha512-b2QcS5SsA8tZodcDtGRELiGv5SaKSk1vDHDaQRda0htPYWZ6046lr3kJ5bAAQdpV2mmA/4v0wQF9MyU6/pDIAg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="{{ url_for('static', filename='preview.js') }}"></script>
<style>
body {
background-color: #bdd732;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.2/js/bootstrap.min.js" integrity="sha512-WW8/jxkELe2CAiE4LvQfwm1rajOS8PHasCCx+knHG0gBHt8EXxS6T6tJRTGuDQVnluuAvMxWF4j8SNFDKceLFg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.8/umd/popper.min.js" integrity="sha512-TPh2Oxlg1zp+kz3nFA0C5vVC6leG/6mm1z9+mA81MI5eaUVqasPLO8Cuk4gMF4gUfP5etR73rgU/8PNMsSesoQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</head>
<body class="container">
<h1>Ik ben op kamp</h1>
<h6>Maak hier je "Ik ben op kamp" banner!</h6>
<p> Selecteer eerst een template uit de lijst, daarna kan je uw kamp adres ingeven. Heb je dit gedaan? Druk dan op Maak! Jouw nieuwe facebook banner kan je dan downloaden via de rechter muisknop en op facebook plaatsen!</p>
<form action="/cgi-bin/web.cgi" method="get">
<div class="mb-3">
<label>Template:</label>
<select class="form-select" name="image" required>
<option value="1.jpg" selected>Banner 1</option>
<option value="2.jpg">Banner 2</option>
<option value="3.jpg">Banner 3</option>
<option value="4.png">Banner 4</option>
<option value="5.png">Banner 5</option>
<option value="6.png">Banner 6</option>
<option value="7.png">Banner 7</option>
<option value="8.jpg">Banner 8</option>
<option value="9.jpg">Banner 9</option>
<option value="10.JPG">Banner 10</option>
<option value="11.jpg">Banner 11</option>
<option value="12.JPG">Banner 12</option>
</select>
</div>
<div class="mb-3">
<label>Tekst:</label>
<textarea class="form-control" name="tekst" placeholder="Jouw kamp adres" required rows="5"></textarea>
</div>
<button class="btn btn-primary" type="submit">Maak!</button>
<button class="btn btn-secondary" type="reset">Reset</button>
</form>
<br>
<footer>
© Stijn Goethals 2023 - <a href="https://www.facebook.com/PloegZingevingScoutsGidsenVlaanderen/">Ploeg Zingeving</a> - Check code on <a href="https://github.com/icecoldfire/op-kamp">Github</a>
</footer>
</body>
</html>