generated from philhawksworth/eleventyone
-
Notifications
You must be signed in to change notification settings - Fork 28
/
create.njk
50 lines (45 loc) · 1.64 KB
/
create.njk
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
{% extends 'layouts/base.njk' %}
{% block main %}
<form name="new-lolly" action="/new" method="POST">
<div class="lolly">
<div class="giftLolly">
{% include "svg/lolly-image.svg" %}
</div>
<div class="flavours">
<label for="flavourTop" class="pickerLabel">
<input type="color" class="colourpicker" id="flavourTop" name="flavourTop" value="#d52358" />
</label>
<label for="flavourMiddle" class="pickerLabel">
<input type="color" class="colourpicker" id="flavourMiddle" name="flavourMiddle" value="#e95946" />
</label>
<label for="flavourBottom" class="pickerLabel">
<input type="color" class="colourpicker" id="flavourBottom" name="flavourBottom" value="#deaa43" />
</label>
</div>
<div class="info">
<div class="details">
<p>
<label for="recipientName">To</label>
<input type="text" id="recipientName" name="recipientName" placeholder="A {{ localize["lolly"] }} for..." />
</p>
<div class="message">
<label for="message">Say something nice</label>
<textarea name="message" id="message" cols="30" rows="10"></textarea>
</div>
<p>
<label for="sendersName">From</label>
<input type="text" id="sendersName" name="sendersName" placeholder="from your friend..." />
</p>
</div>
<input type="submit" value="Freeze this {{ localize["lolly"] }} and get a link">
</div>
</div>
</form>
{% endblock %}
{% block scripts %}
{% set js %}
{% include "js/core.js" %}
{% include "js/colorPicker.js" %}
{% endset %}
<script>{{ js | jsmin | safe }}</script>
{% endblock %}