aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--tpl/default/css/shaarli.css2
-rw-r--r--tpl/default/install.html129
2 files changed, 130 insertions, 1 deletions
diff --git a/tpl/default/css/shaarli.css b/tpl/default/css/shaarli.css
index 91d801a5..e2d64686 100644
--- a/tpl/default/css/shaarli.css
+++ b/tpl/default/css/shaarli.css
@@ -712,7 +712,7 @@ pre {
712} 712}
713 713
714.page-form-complete .label-desc { 714.page-form-complete .label-desc {
715 font-size: 0.7em; 715 font-size: 0.8em;
716} 716}
717 717
718.page-form-complete input[type="text"], 718.page-form-complete input[type="text"],
diff --git a/tpl/default/install.html b/tpl/default/install.html
new file mode 100644
index 00000000..aa606e92
--- /dev/null
+++ b/tpl/default/install.html
@@ -0,0 +1,129 @@
1<!DOCTYPE html>
2<html>
3<head>
4 {include="includes"}
5</head>
6<body>
7<div id="header" class="pure-u-0 pure-u-lg-visible">
8 <h1 id="header-title">
9 <a>Shaarli</a>
10 </h1>
11</div>
12<div class="clear"></div>
13
14{$ratioLabel='1-4'}
15{$ratioInput='3-4'}
16
17<form method="POST" action="#" name="installform" id="installform">
18<div class="pure-g">
19 <div class="pure-u-lg-1-6 pure-u-1-8"></div>
20 <div class="pure-u-lg-2-3 pure-u-3-4 page-form page-form-complete">
21 <h2 class="window-title">{'Install'|t}</h2>
22
23 <div class="center">
24 {'It looks like it\'s the first time you run Shaarli. Please configure it.'|t}
25 </div>
26
27 <div class="pure-g">
28 <div class="pure-u-lg-{$ratioLabel} pure-u-1">
29 <div class="form-label">
30 <label for="username">
31 <span class="label-name">{'Username'|t}</span>
32 </label>
33 </div>
34 </div>
35 <div class="pure-u-lg-{$ratioInput} pure-u-1">
36 <div class="form-input">
37 <input type="text" name="setlogin" id="username">
38 </div>
39 </div>
40 </div>
41
42 <div class="pure-g">
43 <div class="pure-u-lg-{$ratioLabel} pure-u-1">
44 <div class="form-label">
45 <label for="password">
46 <span class="label-name">{'Password'|t}</span>
47 </label>
48 </div>
49 </div>
50 <div class="pure-u-lg-{$ratioInput} pure-u-1">
51 <div class="form-input">
52 <input type="text" name="setpassword" id="password">
53 </div>
54 </div>
55 </div>
56
57 <div class="pure-g">
58 <div class="pure-u-lg-{$ratioLabel} pure-u-1 ">
59 <div class="form-label">
60 <label>
61 <span class="label-name">{'Timezone'|t}</span>
62 </label>
63 </div>
64 </div>
65 <div class="pure-u-lg-{$ratioInput} pure-u-1 ">
66 <div class="form-input">
67 {ignore}FIXME! too hackish, needs to be fixed upstream{/ignore}
68 <div class="timezone" id="timezone-remove">{$timezone_html}</div>
69 <div class="timezone" id="timezone-add"></div>
70 </div>
71 </div>
72 </div>
73
74 <div class="pure-g">
75 <div class="pure-u-lg-{$ratioLabel} pure-u-1">
76 <div class="form-label">
77 <label for="title">
78 <span class="label-name">{'Shaarli title'|t}</span>
79 </label>
80 </div>
81 </div>
82 <div class="pure-u-lg-{$ratioInput} pure-u-1">
83 <div class="form-input">
84 <input type="text" name="title" id="title" placeholder="{'My links'|t}">
85 </div>
86 </div>
87 </div>
88
89 <div class="pure-g">
90 <div class="pure-u-lg-{$ratioLabel} pure-u-1">
91 <div class="form-label">
92 <label for="update">
93 <span class="label-name">{'Check updates'|t}</span><br>
94 <span class="label-desc">
95 {'Notify me when a new release is ready'|t}
96 </span>
97 </label>
98 </div>
99 </div>
100 <div class="pure-u-lg-{$ratioInput} pure-u-1 ">
101 <div class="form-input">
102 <input type="checkbox" name="updateCheck" id="update" checked="checked">
103
104 </div>
105 </div>
106 </div>
107
108 <div class="center">
109 <input type="submit" value="{'Create config'|t}" name="Save">
110 </div>
111 </div>
112</div>
113</form>
114{include="page.footer"}
115<script>
116 // FIXME!
117 (function (window, document) {
118 var toRemove = document.getElementById('timezone-remove');
119 var firstSelect = toRemove.getElementsByTagName('select')[0];
120 var secondSelect = toRemove.getElementsByTagName('select')[1];
121 toRemove.parentNode.removeChild(toRemove);
122 var toAdd = document.getElementById('timezone-add');
123 var newTimezone = '<span class="timezone-continent">Continent ' + firstSelect.outerHTML + '</span>';
124 newTimezone += ' <span class="timezone-country">Country ' + secondSelect.outerHTML + '</span>';
125 toAdd.innerHTML = newTimezone;
126 })(this, this.document);
127</script>
128</body>
129</html>