tpl/default/install.html

   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">
  52       <div class="pure-u-lg-{$ratioLabel} pure-u-1 ">
  53         <div class="form-label">
  54           <label>
  55             <span class="label-name">{'Timezone'|t}</span>
  56           </label>
  57         </div>
  58       </div>
  59       <div class="pure-u-lg-{$ratioInput} pure-u-1 ">
  60         <div class="form-input">
  61           {ignore}FIXME! too hackish, needs to be fixed upstream{/ignore}
  62           <div class="timezone" id="timezone-remove">{$timezone_html}</div>
  63           <div class="timezone" id="timezone-add"></div>
  64         </div>
  65       </div>
  66     </div>
  67
  68     <div class="pure-g">
  69       <div class="pure-u-lg-{$ratioLabel} pure-u-1">
  70         <div class="form-label">
  71           <label for="title">
  72             <span class="label-name">{'Shaarli title'|t}</span>
  73           </label>
  74         </div>
  75       </div>
  76       <div class="pure-u-lg-{$ratioInput} pure-u-1">
  77         <div class="form-input">
  78           <input type="text" name="title" id="title" placeholder="{'My links'|t}">
  79         </div>
  80       </div>
  81     </div>
  82
  83     <div class="pure-g">
  84       <div class="pure-u-lg-{$ratioLabel} pure-u-7-8">
  85         <div class="form-label">
  86           <label for="update">
  87             <span class="label-name">{'Check updates'|t}</span><br>
  88             <span class="label-desc">
  89               {'Notify me when a new release is ready'|t}
  90             </span>
  91           </label>
  92         </div>
  93       </div>
  94       <div class="pure-u-lg-{$ratioInput} pure-u-1-8">
  95         <div class="form-input">
  96           <input type="checkbox" name="updateCheck" id="update" checked="checked">
  97         </div>
  98       </div>
  99     </div>
 100
 101     <div class="center">
 102       <input type="submit" value="{'Install'|t}" name="Save">
 103     </div>
 104   </div>
 105 </div>
 106 </form>
 107 {include="page.footer"}
 108 </body>
 109 </html>