2 <html{
if=
"$language !== 'auto'"}
lang=
"{$language}"{/if}
>
10 {$ratioLabelMobile='
7-
8'}
11 {$ratioInputMobile='
1-
8'}
13 <form method=
"POST" action=
"{$base_path}/install" 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 <p>{'It looks like it\'s the first time you run Shaarli. Please configure it.'|t}
</p>
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">
71 <label for=
"language">
72 <span class=
"label-name">{'Language'|t}
</span>
76 <div class=
"pure-u-lg-{$ratioInput} pure-u-1">
77 <div class=
"form-input">
78 <select name=
"language" id=
"language" class=
"align">
80 <option value=
"{$key}">
90 <div class=
"pure-u-lg-{$ratioLabel} pure-u-1">
91 <div class=
"form-label">
93 <span class=
"label-name">{'Timezone'|t}
</span><br>
94 <span class=
"label-desc">{'Continent'|t}
· {'City'|t}
</span>
98 <div class=
"pure-u-lg-{$ratioInput} pure-u-1">
99 <div class=
"form-input">
100 <div class=
"timezone">
101 <select id=
"continent" name=
"continent">
103 {
if="$key !== 'selected'"}
104 <option value=
"{$value}" {
if=
"$continents.selected === $value"}selected{/if}
>
110 <select id=
"city" name=
"city">
112 {
if="$key !== 'selected'"}
113 <option value=
"{$value.city}"
114 {
if=
"$cities.selected === $value.city"}selected{/if}
115 data-continent=
"{$value.continent}">
127 <div class=
"pure-u-lg-{$ratioLabel} pure-u-7-8">
128 <div class=
"form-label">
130 <span class=
"label-name">{'Check updates'|t}
</span><br>
131 <span class=
"label-desc">
132 {'Notify me when a new release is ready'|t}
137 <div class=
"pure-u-lg-{$ratioInput} pure-u-1-8">
138 <div class=
"form-input">
139 <input type=
"checkbox" name=
"updateCheck" id=
"update" checked=
"checked">
145 <div class=
"pure-u-lg-{$ratioLabel} pure-u-{$ratioLabelMobile}">
146 <div class=
"form-label">
147 <label for=
"enableApi">
148 <span class=
"label-name">{'Enable REST API'|t}
</span><br>
149 <span class=
"label-desc">{'Allow third party software to use Shaarli such as mobile application'|t}
</span>
153 <div class=
"pure-u-lg-{$ratioInput} pure-u-{$ratioInputMobile}">
154 <div class=
"form-input">
155 <input type=
"checkbox" name=
"enableApi" id=
"enableApi" checked
/>
161 <input type=
"submit" value=
"{'Install'|t}" name=
"Save">
168 <div class=
"pure-u-lg-1-6 pure-u-1-24"></div>
169 <div class=
"pure-u-lg-2-3 pure-u-22-24 page-form page-form-complete">
170 <h2 class=
"window-title">{'Server requirements'|t}
</h2>
172 {
include="server.requirements"}
176 {
include="page.footer"}