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 for="title">
  55             <span class="label-name">{'Shaarli title'|t}</span>
  56           </label>
  57         </div>
  58       </div>
  59       <div class="pure-u-lg-{$ratioInput} pure-u-1">
  60         <div class="form-input">
  61           <input type="text" name="title" id="title" placeholder="{'My links'|t}">
  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">
  69           <label>
  70             <span class="label-name">{'Timezone'|t}</span><br>
  71             <span class="label-desc">{'Continent'|t} &middot; {'City'|t}</span>
  72           </label>
  73         </div>
  74       </div>
  75       <div class="pure-u-lg-{$ratioInput} pure-u-1">
  76         <div class="form-input">
  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>
  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"}
 128 </body>
 129 </html>