forked from KVSun/ad-insertion
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
101 lines (101 loc) · 5.7 KB
/
index.html
File metadata and controls
101 lines (101 loc) · 5.7 KB
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
<!DOCTYPE html>
<html>
<head>
<title>KV Sun Ad Insertion</title>
<meta charset="utf-8"/>
<link rel="icon" type="image/svg+xml" sizes="any" href="./sun.svg"/>
<script type="application/javascript" src="scripts/custom.es6" async defer></script>
</head>
<body>
<header><h1>KV Sun Ad Insertion</h1>
</header>
<main>
<form name="ad-insertion" action="http://localhost" method="POST">
<fieldset form="ad-insertion">
<legend>Section</legend>
<label for="ad-insertion[date]">Date: </label>
<input type="date" name="ad-insertion[date]" id="ad-insertion[date]" placeholder="YYYY-mm-dd" required/>
<label for="ad-insertion[by]">By: </label>
<input type="text" name="ad-insertion[by]" id="ad-insertion[by]" pattern="[A-z ]+" required/>
<br/>
<label for="ad-insertion[section][a]">A</label>
<input type="checkbox" name="ad-insertion[section]" id="ad-insertion[section][a]" value="a"/>
<label for="ad-insertion[section][b]">B</label>
<input type="checkbox" name="ad-insertion[section]" id="ad-insertion[section][b]" value="b"/>
<label for="ad-insertion[section][c]">C</label>
<input type="checkbox" name="ad-insertion[section]" id="ad-insertion[section][c]" value="c"/>
<label for="ad-insertion[section][d]">D</label>
<input type="checkbox" name="ad-insertion[section]" id="ad-insertion[section][d]" value="d"/>
<label for="ad-insertion[classification]">Classification</label>
<input type="text" name="ad-insertion[classification]" id="ad-insertion[classification]" required/>
<label for="ad-insertion[special-edition]"><i>Special Edition</i></label>
<input type="text" name="ad-insertion[special-edition]" id="ad-insertion[special-edition]"/>
</fieldset>
<fieldset form="ad-insertion">
<legend>Contact Info</legend>
<label for="ad-insertion[acct-name]">Account name: </label>
<input type="text" name="ad-insertion[acct-name]" id="ad-insertion[acct-name]" required/><br/>
<label for="ad-insertion[contact]">Contact: </label>
<input type="text" name="ad-insertion[contact]" id="ad-insertion[contact]" pattern="[A-z \.]+" required/>
<label for="ad-insertion[phone]">Phone: </label>
<input type="tel" name="ad-insertion[phone]" id="ad-insertion[phone]" required/><br/>
<label for="ad-insertion[address]">Address: </label>
<input type="text" name="ad-insertion[address]" id="ad-insertion[address]" pattern="[\w \.]+" required/>
</fieldset>
<fieldset form="ad-insertion">
<legend>Charges</legend>
<label for="ad-insertion[rate]">Rate: </label>
<input type="number" name="ad-insertion[rate]" id="ad-insertion[rate]" min="0" step="0.01" value="0" required/>
<label for="ad-insertion[color-rate]">Color Rate: </label>
<input type="number" name="ad-insertion[color-rate]" id="ad-insertion[color-rate]" min="0" step="0.01" value="0" required/>
<label for="ad-insertion[q][full]">Full </label>
<input type="radio" name="ad-insertion[q][full]" id="ad-insertion[q][full]" value="full"/>
<label for="ad-insertion[q][1]">1 </label>
<input type="radio" name="ad-insertion[q][1]" id="ad-insertion[q][1]" value="1"/>
<label for="ad-insertion[q][2]">2 </label>
<input type="radio" name="ad-insertion[q][2]" id="ad-insertion[q][2]" value="2"/><br/>
<h2>Size</h2>
<hr/>
<label for="ad-insertion[size][width]">Width: </label>
<input type="number" name="ad-insertion[size][width]" id="ad-insertion[size][width]" min="1" max="6" value="1" step="1" required/>
<label for="ad-insertion[size][height]">Height: </label>
<input type="number" name="ad-insertion[size][height]" id="ad-insertion[size][height]" min="1" max="21" value="1" step=".5" required/>
<h2>Run dates:</h2>
<hr/>
<label for="ad-insertion[run][start]">From: </label>
<input type="date" name="ad-insertion[run][start]" id="ad-insertion[run][start]" placeholder="YYYY-mm-dd" required/>
<label for="ad-insertion[run][end]">To: </label>
<input type="date" name="ad-insertion[run][end]" id="ad-insertion[run][end]" placeholder="YYYY-mm-dd" required/>
<label for="ad-insertion[sheets]"><b><abbr title="Till Further Notice">TFN</abbr></b> Tear Sheets</label>
<input type="text" name="ad-insertion[sheets]" id="ad-insertion[sheets]"/><br/>
<label for="ad-insertion[pu]"><abbr title="Pick-Up">P/U</abbr></label>
<input type="text" name="ad-insertion[pu]" id="ad-insertion[pu]"/>
</fieldset>
<label for="ad-insertion[info]">Ad Description & Info</label><br/>
<textarea name="ad-insertion[info]" id="ad-insertion[info]" required></textarea><br/>
<label for="ad-insertion[attachments]">Attachments: </label>
<input type="file" multiple/><br/>
<button type="Submit">Submit</button>
<button type="reset">Reset</button>
</form>
</main>
<footer>
<dialog id="contact-dialog">
<button type="button" data-close-modal="#contact-dialog">x</button><hr/>
<a href="mailto:editor@kvsun.com" title="Email">
<img src="images/octicons/svg/mail-read.svg" alt="Email" width="60" height="60"/>
</a>
<a href="https://gitter.im/KVSun/ad-insertion" target="_blank" title="Chat">
<img src="images/octicons/svg/comment.svg" alt="Chat" width="60" height="60"/>
</a>
<a href="https://github.com/KVSun/ad-insertion/" target="_blank" title="GitHub">
<img src="images/octicons/svg/mark-github.svg" alt="GitHub" width="60" height="60"/>
</a>
<a href="https://github.com/KVSun/ad-insertion/issues/new" target="_blank" title="Open Issue">
<img src="images/octicons/svg/issue-opened.svg" alt="Open Issue" width="60" height="60"/>
</a>
</dialog>
<button type="button" data-show-modal="#contact-dialog">Contact</button>
</footer>
</body>
</html>