10 {$ratioLabelMobile='
7-
8'}
11 {$ratioInputMobile='
1-
8'}
13 <form method=
"POST" action=
"#" name=
"installform" id=
"installform">
15 <div class=
"pure-u-lg-1-6 pure-u-1-24"></div>
16 <div class=
"pure-u-lg-2-3 pure-u-22-24 page-form page-form-complete">
17 <h2 class=
"window-title">{'Install Shaarli'|t}
</h2>
20 {'It looks like it\'s the first time you run Shaarli. Please configure it.'|t}
24 <div class=
"pure-u-lg-{$ratioLabel} pure-u-1">
25 <div class=
"form-label">
26 <label for=
"username">
27 <span class=
"label-name">{'Username'|t}
</span>
31 <div class=
"pure-u-lg-{$ratioInput} pure-u-1">
32 <div class=
"form-input">
33 <input type=
"text" name=
"setlogin" id=
"username">
39 <div class=
"pure-u-lg-{$ratioLabel} pure-u-1">
40 <div class=
"form-label">
41 <label for=
"password">
42 <span class=
"label-name">{'Password'|t}
</span>
46 <div class=
"pure-u-lg-{$ratioInput} pure-u-1">
47 <div class=
"form-input">
48 <input type=
"password" name=
"setpassword" id=
"password">
54 <div class=
"pure-u-lg-{$ratioLabel} pure-u-1">
55 <div class=
"form-label">
57 <span class=
"label-name">{'Shaarli title'|t}
</span>
61 <div class=
"pure-u-lg-{$ratioInput} pure-u-1">
62 <div class=
"form-input">
63 <input type=
"text" name=
"title" id=
"title" placeholder=
"{'My links'|t}">
69 <div class=
"pure-u-lg-{$ratioLabel} pure-u-1">
70 <div class=
"form-label">
72 <span class=
"label-name">{'Timezone'|t}
</span><br>
73 <span class=
"label-desc">{'Continent'|t}
· {'City'|t}
</span>
77 <div class=
"pure-u-lg-{$ratioInput} pure-u-1">
78 <div class=
"form-input">
79 <div class=
"timezone">
80 <select id=
"continent" name=
"continent">
82 {
if="$key !== 'selected'"}
83 <option value=
"{$value}" {
if=
"$continents.selected === $value"}selected{/if}
>
89 <select id=
"city" name=
"city">
91 {
if="$key !== 'selected'"}
92 <option value=
"{$value.city}"
93 {
if=
"$cities.selected === $value.city"}selected{/if}
94 data-continent=
"{$value.continent}">
106 <div class=
"pure-u-lg-{$ratioLabel} pure-u-7-8">
107 <div class=
"form-label">
109 <span class=
"label-name">{'Check updates'|t}
</span><br>
110 <span class=
"label-desc">
111 {'Notify me when a new release is ready'|t}
116 <div class=
"pure-u-lg-{$ratioInput} pure-u-1-8">
117 <div class=
"form-input">
118 <input type=
"checkbox" name=
"updateCheck" id=
"update" checked=
"checked">
124 <div class=
"pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
125 <div class=
"form-label">
126 <label for=
"enableApi">
127 <span class=
"label-name">{'Enable REST API'|t}
</span><br>
128 <span class=
"label-desc">{'Allow third party software to use Shaarli such as mobile application'|t}
</span>
132 <div class=
"pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
133 <div class=
"form-input">
134 <input type=
"checkbox" name=
"enableApi" id=
"enableApi" checked
/>
140 <input type=
"submit" value=
"{'Install'|t}" name=
"Save">
145 {
include="page.footer"}