]>
Commit | Line | Data |
---|---|---|
402b0346 A |
1 | <!DOCTYPE html> |
2 | <html> | |
3 | <head> | |
4 | {include="includes"} | |
5 | </head> | |
6 | <body> | |
7 | ||
8 | {$ratioLabel='1-4'} | |
9 | {$ratioInput='3-4'} | |
10 | ||
11 | <form method="POST" action="#" name="installform" id="installform"> | |
12 | <div class="pure-g"> | |
13 | <div class="pure-u-lg-1-6 pure-u-1-24"></div> | |
14 | <div class="pure-u-lg-2-3 pure-u-22-24 page-form page-form-complete"> | |
15 | <h2 class="window-title">{'Install Shaarli'|t}</h2> | |
16 | ||
17 | <div class="center"> | |
18 | {'It looks like it\'s the first time you run Shaarli. Please configure it.'|t} | |
19 | </div> | |
20 | ||
21 | <div class="pure-g"> | |
22 | <div class="pure-u-lg-{$ratioLabel} pure-u-1"> | |
23 | <div class="form-label"> | |
24 | <label for="username"> | |
25 | <span class="label-name">{'Username'|t}</span> | |
26 | </label> | |
27 | </div> | |
28 | </div> | |
29 | <div class="pure-u-lg-{$ratioInput} pure-u-1"> | |
30 | <div class="form-input"> | |
31 | <input type="text" name="setlogin" id="username"> | |
32 | </div> | |
33 | </div> | |
34 | </div> | |
35 | ||
36 | <div class="pure-g"> | |
37 | <div class="pure-u-lg-{$ratioLabel} pure-u-1"> | |
38 | <div class="form-label"> | |
39 | <label for="password"> | |
40 | <span class="label-name">{'Password'|t}</span> | |
41 | </label> | |
42 | </div> | |
43 | </div> | |
44 | <div class="pure-u-lg-{$ratioInput} pure-u-1"> | |
45 | <div class="form-input"> | |
46 | <input type="text" name="setpassword" id="password"> | |
47 | </div> | |
48 | </div> | |
49 | </div> | |
50 | ||
51 | <div class="pure-g"> | |
a0737313 | 52 | <div class="pure-u-lg-{$ratioLabel} pure-u-1"> |
402b0346 | 53 | <div class="form-label"> |
a0737313 A |
54 | <label for="title"> |
55 | <span class="label-name">{'Shaarli title'|t}</span> | |
402b0346 A |
56 | </label> |
57 | </div> | |
58 | </div> | |
a0737313 | 59 | <div class="pure-u-lg-{$ratioInput} pure-u-1"> |
402b0346 | 60 | <div class="form-input"> |
a0737313 | 61 | <input type="text" name="title" id="title" placeholder="{'My links'|t}"> |
402b0346 A |
62 | </div> |
63 | </div> | |
64 | </div> | |
65 | ||
66 | <div class="pure-g"> | |
67 | <div class="pure-u-lg-{$ratioLabel} pure-u-1"> | |
68 | <div class="form-label"> | |
a0737313 A |
69 | <label> |
70 | <span class="label-name">{'Timezone'|t}</span><br> | |
71 | <span class="label-desc">{'Continent'|t} · {'City'|t}</span> | |
402b0346 A |
72 | </label> |
73 | </div> | |
74 | </div> | |
75 | <div class="pure-u-lg-{$ratioInput} pure-u-1"> | |
76 | <div class="form-input"> | |
a0737313 A |
77 | <div class="timezone"> |
78 | <select id="continent" name="continent"> | |
79 | {loop="$continents"} | |
80 | {if="$key !== 'selected'"} | |
81 | <option value="{$value}" {if="$continents.selected === $value"}selected{/if}> | |
82 | {$value} | |
83 | </option> | |
84 | {/if} | |
85 | {/loop} | |
86 | </select> | |
87 | <select id="city" name="city"> | |
88 | {loop="$cities"} | |
89 | {if="$key !== 'selected'"} | |
90 | <option value="{$value.city}" | |
91 | {if="$cities.selected === $value.city"}selected{/if} | |
92 | data-continent="{$value.continent}"> | |
93 | {$value.city} | |
94 | </option> | |
95 | {/if} | |
96 | {/loop} | |
97 | </select> | |
98 | </div> | |
402b0346 A |
99 | </div> |
100 | </div> | |
101 | </div> | |
102 | ||
103 | <div class="pure-g"> | |
104 | <div class="pure-u-lg-{$ratioLabel} pure-u-7-8"> | |
105 | <div class="form-label"> | |
106 | <label for="update"> | |
107 | <span class="label-name">{'Check updates'|t}</span><br> | |
108 | <span class="label-desc"> | |
109 | {'Notify me when a new release is ready'|t} | |
110 | </span> | |
111 | </label> | |
112 | </div> | |
113 | </div> | |
114 | <div class="pure-u-lg-{$ratioInput} pure-u-1-8"> | |
115 | <div class="form-input"> | |
116 | <input type="checkbox" name="updateCheck" id="update" checked="checked"> | |
117 | </div> | |
118 | </div> | |
119 | </div> | |
120 | ||
121 | <div class="center"> | |
122 | <input type="submit" value="{'Install'|t}" name="Save"> | |
123 | </div> | |
124 | </div> | |
125 | </div> | |
126 | </form> | |
127 | {include="page.footer"} | |
402b0346 A |
128 | </body> |
129 | </html> |