slitaz-configs rev 268

Update webhome (completely authored by Leonardo Laporte); translate to Russian
author Aleksej Bobylev <al.bobylev@gmail.com>
date Mon Dec 21 00:57:00 2015 +0200 (2015-12-21)
parents d0f40dd58170
children 5649ae59afa7
files rootfs/usr/share/webhome/app/design/default.css rootfs/usr/share/webhome/app/design/img/cover.jpg rootfs/usr/share/webhome/app/design/img/duckduckgo.png rootfs/usr/share/webhome/app/design/img/lupa.png rootfs/usr/share/webhome/app/design/theme.css rootfs/usr/share/webhome/app/img/favicon.ico rootfs/usr/share/webhome/app/img/slitaz.png rootfs/usr/share/webhome/app/lib/app.js rootfs/usr/share/webhome/bg/bg0.jpg rootfs/usr/share/webhome/bg/bg1.jpg rootfs/usr/share/webhome/bg/bg2.jpg rootfs/usr/share/webhome/bg/bg3.jpg rootfs/usr/share/webhome/bg/bg4.jpg rootfs/usr/share/webhome/favicon.ico rootfs/usr/share/webhome/img/favicon.ico rootfs/usr/share/webhome/img/slitaz.png rootfs/usr/share/webhome/index.en.html rootfs/usr/share/webhome/index.es.html rootfs/usr/share/webhome/index.fr.html rootfs/usr/share/webhome/index.pt.html rootfs/usr/share/webhome/index.ru.html rootfs/usr/share/webhome/lib/main.js rootfs/usr/share/webhome/style.css
line diff
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/rootfs/usr/share/webhome/app/design/default.css	Mon Dec 21 00:57:00 2015 +0200
     1.3 @@ -0,0 +1,44 @@
     1.4 +@charset "UTF-8";
     1.5 +/* File: default.css | Small reset */
     1.6 +
     1.7 +html,body {
     1.8 +  font:normal normal 12px/23px "Sans", sans-serif;
     1.9 +  text-align:center; /* for images */
    1.10 +  line-height:1;
    1.11 +  width:100%;
    1.12 +  min-width:480px;
    1.13 +  height:100%;
    1.14 +  min-height:100%;
    1.15 +  padding:0;
    1.16 +  margin:0 auto;
    1.17 +  overflow-x:hidden;
    1.18 +  outline-width:0;
    1.19 +}
    1.20 +
    1.21 +h1,h2,h3,h4,h5,h6,p,input {
    1.22 +  font-weight:normal;
    1.23 +  text-align:left;
    1.24 +  letter-spacing:1px;
    1.25 +  line-height:1.4em;
    1.26 +  padding:12px;
    1.27 +  margin:0 auto;
    1.28 +}
    1.29 +
    1.30 +ol,ul {
    1.31 +  text-align:left;
    1.32 +  padding:8px 16px;
    1.33 +  margin:0 20px;
    1.34 +}
    1.35 +
    1.36 +li {
    1.37 +  padding:4px;
    1.38 +  margin:0;
    1.39 +}
    1.40 +
    1.41 +a {
    1.42 +  text-decoration:none;
    1.43 +}
    1.44 +
    1.45 +form,input {
    1.46 +  border-width:0;
    1.47 +}
     2.1 Binary file rootfs/usr/share/webhome/app/design/img/cover.jpg has changed
     3.1 Binary file rootfs/usr/share/webhome/app/design/img/duckduckgo.png has changed
     4.1 Binary file rootfs/usr/share/webhome/app/design/img/lupa.png has changed
     5.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     5.2 +++ b/rootfs/usr/share/webhome/app/design/theme.css	Mon Dec 21 00:57:00 2015 +0200
     5.3 @@ -0,0 +1,310 @@
     5.4 +@charset "UTF-8";
     5.5 +/* File: theme.css | Layout Design */
     5.6 +
     5.7 +html,body {
     5.8 +  background:#0D0E0F;
     5.9 +  color:#AEAFAF;
    5.10 +}
    5.11 +a {
    5.12 +  color:#DB4D23;
    5.13 +}
    5.14 +.header {
    5.15 +  background:url(img/cover.jpg) 50% 100% no-repeat;
    5.16 +  background-size:cover;
    5.17 +}
    5.18 +.header-bar {
    5.19 +  color:#FFF;
    5.20 +  margin:0 10px;
    5.21 +}
    5.22 +.header-bar:after,.menu-list:after {
    5.23 +  content:"";
    5.24 +  display:table;
    5.25 +  width:100%;
    5.26 +  clear:both;
    5.27 +}
    5.28 +.header-bar * {
    5.29 +  line-height:1;
    5.30 +}
    5.31 +.header-l,.header-r {
    5.32 +  float:left;
    5.33 +  font-size:18px;
    5.34 +  font-weight:bold;
    5.35 +  width:50%;
    5.36 +  padding:4px 0;
    5.37 +}
    5.38 +.header-l p {
    5.39 +  display:table;
    5.40 +  margin:0;
    5.41 +  border-bottom:4px double #FFF;
    5.42 +}
    5.43 +.header-r p {
    5.44 +  text-align:right;
    5.45 +  padding:12px 0;
    5.46 +}
    5.47 +.header-r p a {
    5.48 +  display:inline-table;
    5.49 +  background:#DB4D23;
    5.50 +  color:#FFF;
    5.51 +  font-weight:bold;
    5.52 +  text-align:center;
    5.53 +  line-height:2.1em;
    5.54 +  letter-spacing:4px;
    5.55 +  width:50px;
    5.56 +  height:40px;
    5.57 +  border-radius:4px;
    5.58 +}
    5.59 +.header-r p a:hover {
    5.60 +  background:#000;
    5.61 +}
    5.62 +.header-title {
    5.63 +  text-align:center;
    5.64 +  line-height:0;
    5.65 +  padding:0;
    5.66 +}
    5.67 +.header-title img {
    5.68 +  background:#000;
    5.69 +  padding:10px;
    5.70 +  margin:0 0 60px 0;
    5.71 +  border-radius:100%;
    5.72 +}
    5.73 +
    5.74 +p.banner {
    5.75 +  background:RGBA(0,0,0,.8);
    5.76 +  color:#FFF;
    5.77 +  width:70%;
    5.78 +  margin:0 auto;
    5.79 +  border-left:20px double #DB4D23;
    5.80 +}
    5.81 +
    5.82 +/* @search */
    5.83 +.search {
    5.84 +  background:#181818;
    5.85 +}
    5.86 +.search-box {
    5.87 +  background:url(img/lupa.png) 0 50% no-repeat;
    5.88 +  color:#FFF;
    5.89 +  font-family:"Monospace", monospace;
    5.90 +  font-size:20px;
    5.91 +  text-indent:50px;
    5.92 +  padding:40px;
    5.93 +  width:90%;
    5.94 +  margin:0 auto;
    5.95 +  outline:0;
    5.96 +  overflow-x:hidden;
    5.97 +}
    5.98 +.search-box:focus {
    5.99 +  background:#DB4D23 url(img/duckduckgo.png) 95% 50% no-repeat;
   5.100 +  color:#FFF;
   5.101 +  text-indent:0;
   5.102 +  padding:40px 10px;
   5.103 +}
   5.104 +
   5.105 +.footer {
   5.106 +  padding:4% 0 0 0;
   5.107 +}
   5.108 +.footer p {
   5.109 +  color:#555;
   5.110 +  text-align:center;
   5.111 +  padding:4px 0;
   5.112 +  margin:0 auto;
   5.113 +}
   5.114 +
   5.115 +/* menu */
   5.116 +
   5.117 +aside.menu,
   5.118 +aside.social {
   5.119 +  position:fixed;
   5.120 +  top:0;right:0;
   5.121 +  background:#181818;
   5.122 +  color:#777;
   5.123 +  width:100%;
   5.124 +  height:100%;
   5.125 +  min-height:100%;
   5.126 +  overflow-x:hidden;
   5.127 +  overflow-y:scroll;
   5.128 +}
   5.129 +aside.menu > .body,
   5.130 +aside.social > .body {
   5.131 +  padding:2% 4%;
   5.132 +}
   5.133 +aside.menu > .body h1,
   5.134 +.advanced-features h2 {
   5.135 +  color:#FFF;
   5.136 +  padding:10px;
   5.137 +  margin-bottom:14px;
   5.138 +  border-bottom:1px solid #DB4D23;
   5.139 +}
   5.140 +aside.menu > .body h1 small {
   5.141 +  display:inline-table;
   5.142 +  background:#222;
   5.143 +  font-size:10px;
   5.144 +  vertical-align:middle;
   5.145 +  padding:4px 10px;
   5.146 +  border:1px solid #333;
   5.147 +}
   5.148 +aside.menu > .body > p.sponsor {
   5.149 +  background:#000;
   5.150 +  color:#FFF;
   5.151 +  padding:20px;
   5.152 +  border:1px dashed #333;
   5.153 +}
   5.154 +
   5.155 +.menu-l,.menu-r {
   5.156 +  float:left;
   5.157 +  width:50%;
   5.158 +  padding:10px 0;
   5.159 +}
   5.160 +.menu-title {
   5.161 +  background:#111;
   5.162 +  margin:0 10px 10px 10px;
   5.163 +  border:1px dashed #DB4D23;
   5.164 +}
   5.165 +.menu-items {
   5.166 +  padding:0;
   5.167 +  margin:0 11px;
   5.168 +}
   5.169 +.menu-items li {
   5.170 +  list-style-type:none;
   5.171 +  padding:0;
   5.172 +}
   5.173 +.menu-items li a {
   5.174 +  display:block;
   5.175 +  text-align:left;
   5.176 +  padding:12px 4px;
   5.177 +  border-bottom:1px solid #000;
   5.178 +}
   5.179 +.menu-items li a small {
   5.180 +  display:block;
   5.181 +  color:#CCC;
   5.182 +}
   5.183 +.menu-items li a:hover small {
   5.184 +  color:#000;
   5.185 +  padding-left:20px;
   5.186 +}
   5.187 +.menu-items li a:focus,
   5.188 +.menu-items li a:hover {
   5.189 +  background:#DB4D23;
   5.190 +  color:#FFF;
   5.191 +}
   5.192 +.menu-items li a:focus:before,
   5.193 +.menu-items li a:hover:before {
   5.194 +  content:"\2771\ ";
   5.195 +  color:#FFF;
   5.196 +  margin-right:6px;
   5.197 +}
   5.198 +.advanced-features {
   5.199 +  padding:20px;
   5.200 +}
   5.201 +
   5.202 +.button {
   5.203 +  display:inline-table;
   5.204 +  background:#DB4D23;
   5.205 +  color:#FFF;
   5.206 +  padding:8px;
   5.207 +}
   5.208 +.closebtn {
   5.209 +  float:right;
   5.210 +  background:#DB4D23;
   5.211 +  color:#FFF;
   5.212 +  padding:10px;
   5.213 +}
   5.214 +.closebtn:after {
   5.215 +  content:" ";
   5.216 +  display:table;
   5.217 +  width:100%;
   5.218 +  clear:both;
   5.219 +}
   5.220 +
   5.221 +/* sponsor */
   5.222 +aside.sponsor {
   5.223 +  position:fixed;
   5.224 +  top:0;left:0;
   5.225 +  background:#DB4D23;
   5.226 +  color:#FFF;
   5.227 +  width:100%;
   5.228 +  height:100%;
   5.229 +  min-height:100%;
   5.230 +  overflow-x:hidden;
   5.231 +  overflow-y:scroll;
   5.232 +}
   5.233 +aside.sponsor > .body {
   5.234 +  padding:2% 4%;
   5.235 +}
   5.236 +aside.sponsor > .body h2 {
   5.237 +  color:#F1B3A0;
   5.238 +  font-size:42px;
   5.239 +  padding:20px 10px;
   5.240 +  margin-bottom:14px;
   5.241 +  border-bottom:1px solid #DB4D23;
   5.242 +}
   5.243 +aside.sponsor > .body blockquote {
   5.244 +  font-size:18px;
   5.245 +  text-align:left;
   5.246 +  line-height:2;
   5.247 +  padding:4%;
   5.248 +  margin:4% auto 8% auto;
   5.249 +  border:4px dashed #E9714D;
   5.250 +  border:2px dashed RGBA(0,0,0,.2);
   5.251 +}
   5.252 +aside.sponsor a {
   5.253 +  display:inline-table;
   5.254 +  background:#E27453;
   5.255 +  color:#FFF;
   5.256 +  font-size:14px;
   5.257 +  padding:10px 20px;
   5.258 +  margin:0 4px;
   5.259 +  border:1px solid RGBA(255,255,255,.3);
   5.260 +}
   5.261 +aside.sponsor a:focus,
   5.262 +aside.sponsor a:hover {
   5.263 +  opacity:.8;
   5.264 +}
   5.265 +
   5.266 +/* Small Desktop | Slitaz ARM | RPI | Mobile */
   5.267 +
   5.268 +@media all and (max-width:740px){
   5.269 +  .mobile {
   5.270 +    display:none;
   5.271 +  }
   5.272 +  aside.menu {
   5.273 +    overflow-x:hidden;
   5.274 +    overflow-y:scroll;
   5.275 +  }
   5.276 +  .menu-l,.menu-r {
   5.277 +    float:none;
   5.278 +    width:100%;
   5.279 +  }
   5.280 +  [role="button"] {
   5.281 +    display:block;
   5.282 +    text-align:left;
   5.283 +    width:95%;
   5.284 +    margin:4px auto;
   5.285 +  }
   5.286 +}
   5.287 +
   5.288 +/* @extra */
   5.289 +.border {
   5.290 +  padding:2px 4px;
   5.291 +  border:1px solid;
   5.292 +}
   5.293 +.rights {
   5.294 +  display:table;
   5.295 +  margin:10px auto 0 auto!important;
   5.296 +  border-top:1px solid;
   5.297 +}
   5.298 +.sharelove {
   5.299 +  color:#FFF;
   5.300 +  font-size:20px;
   5.301 +  text-align:left;
   5.302 +  line-height:1.3em;
   5.303 +}
   5.304 +.sharelove:before {
   5.305 +  padding-right:20px;
   5.306 +}
   5.307 +.sharelove:after {
   5.308 +  padding-left:20px;
   5.309 +}
   5.310 +.sharelove:before,.sharelove:after {
   5.311 +  color:#DB4D23;
   5.312 +  content:" // ";
   5.313 +}
     6.1 Binary file rootfs/usr/share/webhome/app/img/favicon.ico has changed
     7.1 Binary file rootfs/usr/share/webhome/app/img/slitaz.png has changed
     8.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     8.2 +++ b/rootfs/usr/share/webhome/app/lib/app.js	Mon Dec 21 00:57:00 2015 +0200
     8.3 @@ -0,0 +1,11 @@
     8.4 +// Slitaz GNU/Linux : Start Page
     8.5 +
     8.6 +// Open | Close Object
     8.7 +function openclose(obj){
     8.8 +  var btn = document.getElementById(obj);
     8.9 +    if(btn.style.display != "block"){
    8.10 +    btn.style.display = "block";
    8.11 +   }else{
    8.12 +     btn.style.display = "none";
    8.13 +   }
    8.14 +}
     9.1 Binary file rootfs/usr/share/webhome/bg/bg0.jpg has changed
    10.1 Binary file rootfs/usr/share/webhome/bg/bg1.jpg has changed
    11.1 Binary file rootfs/usr/share/webhome/bg/bg2.jpg has changed
    12.1 Binary file rootfs/usr/share/webhome/bg/bg3.jpg has changed
    13.1 Binary file rootfs/usr/share/webhome/bg/bg4.jpg has changed
    14.1 Binary file rootfs/usr/share/webhome/favicon.ico has changed
    15.1 Binary file rootfs/usr/share/webhome/img/favicon.ico has changed
    16.1 Binary file rootfs/usr/share/webhome/img/slitaz.png has changed
    17.1 --- a/rootfs/usr/share/webhome/index.en.html	Mon Nov 09 01:01:34 2015 +0200
    17.2 +++ b/rootfs/usr/share/webhome/index.en.html	Mon Dec 21 00:57:00 2015 +0200
    17.3 @@ -1,79 +1,145 @@
    17.4  <!DOCTYPE html>
    17.5 +<!-- 
    17.6 +  # Slitaz GNU/Linux : Start Page
    17.7 +  # -----------------------------
    17.8 +  # @language   : English
    17.9 +  # @translator : your name
   17.10 +  # @contact    : work mail
   17.11 + -->
   17.12  <html lang="en">
   17.13  <head>
   17.14 -  <meta charset="UTF-8">
   17.15 -  <meta name="viewport" content="width=device-width, initial-scale=1">
   17.16 -  <title>SliTaz - Web Home</title>
   17.17 -  <link rel="shortcut icon" href="img/favicon.ico">
   17.18 -  <link rel="stylesheet" href="style.css">
   17.19 +  
   17.20 +  <meta charset="UTF-8" />
   17.21 +  <meta name="viewport" content="width=device-width, initial-scale=1" />
   17.22 +  <title>Slitaz GNU/Linux : Start Page</title>
   17.23 +  <link rel="shortcut icon" href="app/img/favicon.ico" />
   17.24 +  <link rel="stylesheet" href="app/design/default.css" />
   17.25 +  <link rel="stylesheet" href="app/design/theme.css" />
   17.26 +  
   17.27  </head>
   17.28  <body>
   17.29 +<!-- (+) page -->
   17.30 +<header class="header">
   17.31 +  
   17.32 +  <div class="header-bar">
   17.33 +    <div class="header-l"><p>Welcome</p></div>
   17.34 +    <div class="header-r"><p><a href="#" onclick="openclose('menu');">m</a></p></div>
   17.35 +  </div><!-- header-bar -->
   17.36 +  
   17.37 +  <div class="header-title">
   17.38 +    <img src="app/img/slitaz.png" alt="Slitaz" />
   17.39 +  </div><!-- header-title -->
   17.40  
   17.41 -<!-- Header -->
   17.42 -<header>
   17.43 -  <h1>SliTaz Web Home</h1>
   17.44 -  <div id="network">
   17.45 -    <a href="http://www.slitaz.org/en/">Home</a>
   17.46 -    <a href="http://scn.slitaz.org/?blog">Blog</a>
   17.47 -    <a href="http://doc.slitaz.org/en:start">Doc</a>
   17.48 -    <a href="http://forum.slitaz.org/">Forum</a>
   17.49 -    <a href="http://irc.slitaz.org/">IRC</a>
   17.50 -    <a href="http://pro.slitaz.org/">Pro</a>
   17.51 -    <a href="http://shop.slitaz.org/">Shop</a>
   17.52 -    <a href="http://bugs.slitaz.org/">Bugs</a>
   17.53 -    <a href="http://hg.slitaz.org/">Hg</a>
   17.54 -    <a href="#" onclick="this.className='hidden'">More…</a>
   17.55 -    <span>
   17.56 -      <a href="http://pkgs.slitaz.org/">Packages</a>
   17.57 -      <a href="http://cook.slitaz.org/">Cooker</a>
   17.58 -      <a href="http://roadmap.slitaz.org/">Roadmap</a>
   17.59 -      <a href="http://pizza.slitaz.me/">Pizza</a>
   17.60 -      <a href="http://boot.slitaz.org/ru/">Web-boot</a>
   17.61 -      <a href="http://arm.slitaz.org/">ARM</a>
   17.62 -      <a href="http://paste.slitaz.org/">Paste</a>
   17.63 -      <a href="http://people.slitaz.org/">People</a>
   17.64 -      <a href="http://tank.slitaz.org/">Tank</a>
   17.65 -      <a href="http://mirror1.slitaz.org/">Mirror</a>
   17.66 -    </span>
   17.67 +  <p class="banner">Discover world with Slitaz <span class="mobile">| Need help? See <a href="http://www.slitaz.org/en/doc/">the documentation</a>.</span></p>
   17.68 +
   17.69 +</header><!-- header -->
   17.70 +
   17.71 +<article>
   17.72 +  
   17.73 +  <form class="search" method="get" action="https://duckduckgo.com/">
   17.74 +    <input class="search-box" type="text" value="" placeholder="Hi! Let's find out new things?" name="q" size="24" maxlength="255" />
   17.75 +    <input type="hidden" name="t" value="slitaz" />
   17.76 +  </form>
   17.77 +  
   17.78 +</article>
   17.79 +
   17.80 +<footer class="footer">
   17.81 +  <p><a class="border" href="#" onclick="openclose('sponsor');">Sponsorship</a> | <a href="#" onclick="openclose('social');">More News?</a></p>
   17.82 +  <p class="rights">COPYRIGHT &copy; SLITAZ GNU/LINUX — BSD LICENSE.</p>
   17.83 +</footer>
   17.84 +<!-- (-) page -->
   17.85 +
   17.86 +<!-- (+) menu -->
   17.87 +<aside id="menu" class="menu" style="display:none">
   17.88 +  <div class="body"><a class="closebtn" href="#" onclick="openclose('menu');">Close</a>
   17.89 +    <h1>Slitaz <small>Operating System</small></h1>
   17.90 +    <p class="sponsor">SliTaz project provides free technical support to users through the <a href="http://www.slitaz.org/en/mailing-list.php">Mailing list</a> (i18n list) and the <a href="http://forum.slitaz.org/">English Forum</a>. You can also contact us for more information, suggestions, or comments using the list or directly by mail: <code data-mail="ASCII">&#100;&#101;&#118;&#101;&#108;&#064;&#115;&#108;&#105;&#116;&#097;&#122;&#046;&#111;&#114;&#103;</code></p>
   17.91 +    
   17.92 +    <div class="menu-list">
   17.93 +      <div class="menu-l">
   17.94 +        <p class="menu-title"><a href="http://www.slitaz.org/">Slitaz Website</a> <br /><small>The official website.</small></p>
   17.95 +        <ul class="menu-items">
   17.96 +          <li><a href="http://scn.slitaz.org/?blog">Slitaz Blog <br /><br /><small>Announcements, news and important updates.</small></a></li>
   17.97 +          <li><a href="http://doc.slitaz.org/">Documentation <br /><br /><small>Important information to configure the Slitaz.</small></a></li>
   17.98 +          <li><a href="http://forum.slitaz.org/">Forum &amp; Community<br /><br /><small>Find answers or ask the community.</small></a></li>
   17.99 +          <li><a href="https://slitaz.spreadshirt.net/">Slitaz Shop <br /><br /><small>Store with shirts and other accessories.</small></a></li>
  17.100 +          <li><a href="http://irc.slitaz.org/">Slitaz IRC <br /><br /><small>Hi! Hello? Welcome to support channel.</small></a></li>
  17.101 +          <li><a href="http://bugs.slitaz.org/">Bugs Report <br /><br /><small>You see an bug? See the report.</small></a></li>
  17.102 +        </ul>
  17.103 +      </div>
  17.104 +      <div class="menu-r">
  17.105 +        <p class="menu-title"><a href="http://doc.slitaz.org/en:cookbook:slitaztools">Slitaz Tools</a> <br /><small>Powerful features and extra tools.</small></p>
  17.106 +        <ul class="menu-items">
  17.107 +          <li><a href="http://pkgs.slitaz.org/">Get Packages <br /><br /><small>Search for packages, recipes, dependencies and other.</small></a></li>
  17.108 +          <li><a href="http://arm.slitaz.org/">ARM &amp; Raspberry Pi <br /><br /><small>SliTaz GNU/Linux port to the ARM architecture.</small></a></li>
  17.109 +          <li><a href="http://pizza.slitaz.org/">Pizza <br /><br /><small>Create a customized version of SliTaz for you.</small></a></li>
  17.110 +          <li><a href="http://boot.slitaz.org/">Web-boot <br /><br /><small>Online startup of a complete operating system.</small></a></li>
  17.111 +          <li><a href="http://paste.slitaz.org/">Paste <br /><br /><small>Online resources to share text or code.</small></a></li>
  17.112 +          <li><a href="http://people.slitaz.org/">People <br /><br /><small>The SliTaz team are here.</small></a></li>
  17.113 +        </ul>
  17.114 +      </div>
  17.115 +    </div>
  17.116 +    
  17.117 +    <div class="advanced-features">
  17.118 +      <h2>Advanced Features</h2>
  17.119 +      <a role="button" class="button" href="http://cook.slitaz.org/">Cooker</a>
  17.120 +      <a role="button" class="button" href="http://tank.slitaz.org/">Tank</a>
  17.121 +      <a role="button" class="button" href="http://hg.slitaz.org/">(Hg) Repositories</a>
  17.122 +      <a role="button" class="button" href="http://roadmap.slitaz.org/">Roadmap</a>
  17.123 +      <a role="button" class="button" href="http://tiny.slitaz.org/">Tiny</a>
  17.124 +      <a role="button" class="button" href="http://mirror1.slitaz.org/">Mirror</a>
  17.125 +      <a role="button" class="button" href="http://pizza.slitaz.me/">Live ISO Builder</a>
  17.126 +    </div>
  17.127 +    
  17.128    </div>
  17.129 -</header>
  17.130 +</aside>
  17.131 +<!-- (-) menu -->
  17.132  
  17.133 -<!-- Content -->
  17.134 -<div id="content">
  17.135 +<!-- (+) sponsor -->
  17.136 +<aside id="sponsor" class="sponsor" style="display:none">
  17.137 +  <div class="body">
  17.138 +    <h2>Hello ;)</h2>
  17.139 +    <blockquote>
  17.140 +      <p>Become a Sponsor &hearts;</p>
  17.141 +      <p>You may also want to become an official sponsor via a monthly donation or by providing us with some hardware or server resources.</p>
  17.142 +    </blockquote>
  17.143 +    
  17.144 +    <a href="http://www.slitaz.org/en/sponsor/">More Information</a> <a href="#" onclick="openclose('sponsor');">Close</a>
  17.145 +    
  17.146 +  </div>
  17.147 +</aside>
  17.148 +<!-- (-) sponsor -->
  17.149  
  17.150 -<div class="searchbox">
  17.151 -  <form method="get" action="https://duckduckgo.com/">
  17.152 -    <small class="title">Discover the world with Slitaz</small>
  17.153 -    <p>
  17.154 -      <input type="text" name="q" size="24" maxlength="255" />
  17.155 -      <input type="submit" name="" value="Search" />
  17.156 -      <input type="hidden" name="t" value="slitaz" />
  17.157 -    </p>
  17.158 -  </form>
  17.159 -</div>
  17.160 +<!-- (+) social -->
  17.161 +<aside id="social" class="social" style="display:none">
  17.162 +  <div class="body"><a class="closebtn" href="#" onclick="openclose('social');">Close</a>
  17.163 +    <h2>Social Network</h2>
  17.164 +    <ul class="menu-items">
  17.165 +      <li><a href="https://twitter.com/slitaz">Twitter</a></li>
  17.166 +      <li><a href="https://facebook.com/slitaz">Facebook</a></li>
  17.167 +    </ul>
  17.168 +    <h2>On Web</h2>
  17.169 +    <ul class="menu-items">
  17.170 +      <li><a href="http://distrowatch.com/table.php?distribution=slitaz">Distrowatch</a></li>
  17.171 +      <li><a href="https://en.wikipedia.org/wiki/SliTaz_GNU/Linux">Wikipedia</a></li>
  17.172 +      <li><a href="https://flattr.com/profile/slitaz">Flattr</a></li>
  17.173 +    </ul>
  17.174 +  </div>
  17.175 +  
  17.176 +  <p>
  17.177 +    <blockquote class="sharelove">
  17.178 +      You can also talk to your friends about SliTaz. Share in social networks and follow our activities on Twitter and Facebook. Thank you for using <a href="http://www.slitaz.org">SliTaz GNU/Linux</a>.
  17.179 +    </blockquote>
  17.180 +  </p>
  17.181 +  
  17.182 +</aside>
  17.183 +<!-- (-) social -->
  17.184  
  17.185 -<!-- SliTaz Social -->
  17.186 -<div id="social">Follow for more news…<br>
  17.187 -  <a href="https://twitter.com/slitaz">Twitter</a>
  17.188 -  <a href="https://www.facebook.com/slitaz">Facebook</a>
  17.189 -  <a href="http://distrowatch.com/table.php?distribution=slitaz">Distrowatch</a>
  17.190 -  <a href="https://en.wikipedia.org/wiki/SliTaz_GNU/Linux">Wikipedia</a>
  17.191 -  <a href="https://flattr.com/profile/slitaz">Flattr</a>
  17.192 -</div>
  17.193  
  17.194 -<!-- Support Us -->
  17.195 -<div class="support">
  17.196 -  You may also want to become an official sponsor via a monthly donation or by providing us with some hardware or server resources.
  17.197 -  <a href="http://www.slitaz.org/en/sponsor/">More information…</a>
  17.198 -</div>
  17.199  
  17.200 -  <p class="copyright">Copyright © Slitaz GNU/Linux — BSD License</p>
  17.201 -
  17.202 -<!-- End of content -->
  17.203 -</div>
  17.204 -
  17.205 -<!-- @script:section -->
  17.206 -<script src="lib/main.js"></script>
  17.207 +<!-- (+) script -->
  17.208 +<script src="app/lib/app.js"></script>
  17.209 +<!-- (-) script -->
  17.210  
  17.211  </body>
  17.212  </html>
    18.1 --- a/rootfs/usr/share/webhome/index.es.html	Mon Nov 09 01:01:34 2015 +0200
    18.2 +++ b/rootfs/usr/share/webhome/index.es.html	Mon Dec 21 00:57:00 2015 +0200
    18.3 @@ -1,79 +1,145 @@
    18.4  <!DOCTYPE html>
    18.5 +<!-- 
    18.6 +  # Slitaz GNU/Linux : Start Page
    18.7 +  # -----------------------------
    18.8 +  # @language   : Spanish
    18.9 +  # @translator : your name
   18.10 +  # @contact    : work mail
   18.11 + -->
   18.12  <html lang="es">
   18.13  <head>
   18.14 -  <meta charset="UTF-8">
   18.15 -  <meta name="viewport" content="width=device-width, initial-scale=1">
   18.16 -  <title>SliTaz - Empezar</title>
   18.17 -  <link rel="shortcut icon" href="img/favicon.ico">
   18.18 -  <link rel="stylesheet" href="style.css">
   18.19 +  
   18.20 +  <meta charset="UTF-8" />
   18.21 +  <meta name="viewport" content="width=device-width, initial-scale=1" />
   18.22 +  <title>Slitaz GNU/Linux : Start Page</title>
   18.23 +  <link rel="shortcut icon" href="app/img/favicon.ico" />
   18.24 +  <link rel="stylesheet" href="app/design/default.css" />
   18.25 +  <link rel="stylesheet" href="app/design/theme.css" />
   18.26 +  
   18.27  </head>
   18.28  <body>
   18.29 +<!-- (+) page -->
   18.30 +<header class="header">
   18.31 +  
   18.32 +  <div class="header-bar">
   18.33 +    <div class="header-l"><p>Welcome</p></div>
   18.34 +    <div class="header-r"><p><a href="#" onclick="openclose('menu');">m</a></p></div>
   18.35 +  </div><!-- header-bar -->
   18.36 +  
   18.37 +  <div class="header-title">
   18.38 +    <img src="app/img/slitaz.png" alt="Slitaz" />
   18.39 +  </div><!-- header-title -->
   18.40  
   18.41 -<!-- Header -->
   18.42 -<header>
   18.43 -  <h1 class="es">Slitaz Casa Web</h1>
   18.44 -  <div id="network">
   18.45 -    <a href="http://www.slitaz.org/es/">Casa</a>
   18.46 -    <a href="http://scn.slitaz.org/?blog">Blog</a>
   18.47 -    <a href="http://doc.slitaz.org/es:start">Doc</a>
   18.48 -    <a href="http://forum.slitaz.org/">Foro</a>
   18.49 -    <a href="http://irc.slitaz.org/">IRC</a>
   18.50 -    <a href="http://pro.slitaz.org/">Pro</a>
   18.51 -    <a href="http://shop.slitaz.org/">Almacén</a>
   18.52 -    <a href="http://bugs.slitaz.org/">Errores</a>
   18.53 -    <a href="http://hg.slitaz.org/">Hg</a>
   18.54 -    <a href="#" onclick="this.className='hidden'">More…</a>
   18.55 -    <span>
   18.56 -      <a href="http://pkgs.slitaz.org/search.sh?lang=es">Paquetes</a>
   18.57 -      <a href="http://cook.slitaz.org/">Cooker</a>
   18.58 -      <a href="http://roadmap.slitaz.org/">Roadmap</a>
   18.59 -      <a href="http://pizza.slitaz.me/">Pizza</a>
   18.60 -      <a href="http://boot.slitaz.org/ru/">Web-boot</a>
   18.61 -      <a href="http://arm.slitaz.org/">ARM</a>
   18.62 -      <a href="http://paste.slitaz.org/">Paste</a>
   18.63 -      <a href="http://people.slitaz.org/">People</a>
   18.64 -      <a href="http://tank.slitaz.org/">Tank</a>
   18.65 -      <a href="http://mirror1.slitaz.org/">Mirror</a>
   18.66 -    </span>
   18.67 +  <p class="banner">Discover world with Slitaz <span class="mobile">| Need help? See <a href="http://www.slitaz.org/en/doc/">the documentation</a>.</span></p>
   18.68 +
   18.69 +</header><!-- header -->
   18.70 +
   18.71 +<article>
   18.72 +  
   18.73 +  <form class="search" method="get" action="https://duckduckgo.com/">
   18.74 +    <input class="search-box" type="text" value="" placeholder="Hi! Let's find out new things?" name="q" size="24" maxlength="255" />
   18.75 +    <input type="hidden" name="t" value="slitaz" />
   18.76 +  </form>
   18.77 +  
   18.78 +</article>
   18.79 +
   18.80 +<footer class="footer">
   18.81 +  <p><a class="border" href="#" onclick="openclose('sponsor');">Sponsorship</a> | <a href="#" onclick="openclose('social');">More News?</a></p>
   18.82 +  <p class="rights">COPYRIGHT &copy; SLITAZ GNU/LINUX — BSD LICENSE.</p>
   18.83 +</footer>
   18.84 +<!-- (-) page -->
   18.85 +
   18.86 +<!-- (+) menu -->
   18.87 +<aside id="menu" class="menu" style="display:none">
   18.88 +  <div class="body"><a class="closebtn" href="#" onclick="openclose('menu');">Close</a>
   18.89 +    <h1>Slitaz <small>Operating System</small></h1>
   18.90 +    <p class="sponsor">SliTaz project provides free technical support to users through the <a href="http://www.slitaz.org/en/mailing-list.php">Mailing list</a> (i18n list) and the <a href="http://forum.slitaz.org/">English Forum</a>. You can also contact us for more information, suggestions, or comments using the list or directly by mail: <code data-mail="ASCII">&#100;&#101;&#118;&#101;&#108;&#064;&#115;&#108;&#105;&#116;&#097;&#122;&#046;&#111;&#114;&#103;</code></p>
   18.91 +    
   18.92 +    <div class="menu-list">
   18.93 +      <div class="menu-l">
   18.94 +        <p class="menu-title"><a href="http://www.slitaz.org/">Slitaz Website</a> <br /><small>The official website.</small></p>
   18.95 +        <ul class="menu-items">
   18.96 +          <li><a href="http://scn.slitaz.org/?blog">Slitaz Blog <br /><br /><small>Announcements, news and important updates.</small></a></li>
   18.97 +          <li><a href="http://doc.slitaz.org/">Documentation <br /><br /><small>Important information to configure the Slitaz.</small></a></li>
   18.98 +          <li><a href="http://forum.slitaz.org/">Forum &amp; Community<br /><br /><small>Find answers or ask the community.</small></a></li>
   18.99 +          <li><a href="https://slitaz.spreadshirt.net/">Slitaz Shop <br /><br /><small>Store with shirts and other accessories.</small></a></li>
  18.100 +          <li><a href="http://irc.slitaz.org/">Slitaz IRC <br /><br /><small>Hi! Hello? Welcome to support channel.</small></a></li>
  18.101 +          <li><a href="http://bugs.slitaz.org/">Bugs Report <br /><br /><small>You see an bug? See the report.</small></a></li>
  18.102 +        </ul>
  18.103 +      </div>
  18.104 +      <div class="menu-r">
  18.105 +        <p class="menu-title"><a href="http://doc.slitaz.org/en:cookbook:slitaztools">Slitaz Tools</a> <br /><small>Powerful features and extra tools.</small></p>
  18.106 +        <ul class="menu-items">
  18.107 +          <li><a href="http://pkgs.slitaz.org/">Get Packages <br /><br /><small>Search for packages, recipes, dependencies and other.</small></a></li>
  18.108 +          <li><a href="http://arm.slitaz.org/">ARM &amp; Raspberry Pi <br /><br /><small>SliTaz GNU/Linux port to the ARM architecture.</small></a></li>
  18.109 +          <li><a href="http://pizza.slitaz.org/">Pizza <br /><br /><small>Create a customized version of SliTaz for you.</small></a></li>
  18.110 +          <li><a href="http://boot.slitaz.org/">Web-boot <br /><br /><small>Online startup of a complete operating system.</small></a></li>
  18.111 +          <li><a href="http://paste.slitaz.org/">Paste <br /><br /><small>Online resources to share text or code.</small></a></li>
  18.112 +          <li><a href="http://people.slitaz.org/">People <br /><br /><small>The SliTaz team are here.</small></a></li>
  18.113 +        </ul>
  18.114 +      </div>
  18.115 +    </div>
  18.116 +    
  18.117 +    <div class="advanced-features">
  18.118 +      <h2>Advanced Features</h2>
  18.119 +      <a role="button" class="button" href="http://cook.slitaz.org/">Cooker</a>
  18.120 +      <a role="button" class="button" href="http://tank.slitaz.org/">Tank</a>
  18.121 +      <a role="button" class="button" href="http://hg.slitaz.org/">(Hg) Repositories</a>
  18.122 +      <a role="button" class="button" href="http://roadmap.slitaz.org/">Roadmap</a>
  18.123 +      <a role="button" class="button" href="http://tiny.slitaz.org/">Tiny</a>
  18.124 +      <a role="button" class="button" href="http://mirror1.slitaz.org/">Mirror</a>
  18.125 +      <a role="button" class="button" href="http://pizza.slitaz.me/">Live ISO Builder</a>
  18.126 +    </div>
  18.127 +    
  18.128    </div>
  18.129 -</header>
  18.130 +</aside>
  18.131 +<!-- (-) menu -->
  18.132  
  18.133 -<!-- Content -->
  18.134 -<div id="content">
  18.135 +<!-- (+) sponsor -->
  18.136 +<aside id="sponsor" class="sponsor" style="display:none">
  18.137 +  <div class="body">
  18.138 +    <h2>Hello ;)</h2>
  18.139 +    <blockquote>
  18.140 +      <p>Become a Sponsor &hearts;</p>
  18.141 +      <p>You may also want to become an official sponsor via a monthly donation or by providing us with some hardware or server resources.</p>
  18.142 +    </blockquote>
  18.143 +    
  18.144 +    <a href="http://www.slitaz.org/en/sponsor/">More Information</a> <a href="#" onclick="openclose('sponsor');">Close</a>
  18.145 +    
  18.146 +  </div>
  18.147 +</aside>
  18.148 +<!-- (-) sponsor -->
  18.149  
  18.150 -<div class="searchbox">
  18.151 -  <form method="get" action="https://duckduckgo.com/">
  18.152 -    <small class="title">Descubre el mundo con Slitaz</small>
  18.153 -    <p>
  18.154 -      <input type="text" name="q" size="24" maxlength="255" />
  18.155 -      <input type="submit" name="" value="Busque" />
  18.156 -      <input type="hidden" name="t" value="slitaz" />
  18.157 -    </p>
  18.158 -  </form>
  18.159 -</div>
  18.160 +<!-- (+) social -->
  18.161 +<aside id="social" class="social" style="display:none">
  18.162 +  <div class="body"><a class="closebtn" href="#" onclick="openclose('social');">Close</a>
  18.163 +    <h2>Social Network</h2>
  18.164 +    <ul class="menu-items">
  18.165 +      <li><a href="https://twitter.com/slitaz">Twitter</a></li>
  18.166 +      <li><a href="https://facebook.com/slitaz">Facebook</a></li>
  18.167 +    </ul>
  18.168 +    <h2>On Web</h2>
  18.169 +    <ul class="menu-items">
  18.170 +      <li><a href="http://distrowatch.com/table.php?distribution=slitaz">Distrowatch</a></li>
  18.171 +      <li><a href="https://en.wikipedia.org/wiki/SliTaz_GNU/Linux">Wikipedia</a></li>
  18.172 +      <li><a href="https://flattr.com/profile/slitaz">Flattr</a></li>
  18.173 +    </ul>
  18.174 +  </div>
  18.175 +  
  18.176 +  <p>
  18.177 +    <blockquote class="sharelove">
  18.178 +      You can also talk to your friends about SliTaz. Share in social networks and follow our activities on Twitter and Facebook. Thank you for using <a href="http://www.slitaz.org">SliTaz GNU/Linux</a>.
  18.179 +    </blockquote>
  18.180 +  </p>
  18.181 +  
  18.182 +</aside>
  18.183 +<!-- (-) social -->
  18.184  
  18.185 -<!-- SliTaz Social -->
  18.186 -<div id="social">Siga con nosotros para más noticias…<br>
  18.187 -  <a href="https://twitter.com/slitaz">Twitter</a>
  18.188 -  <a href="https://www.facebook.com/slitaz">Facebook</a>
  18.189 -  <a href="http://distrowatch.com/table.php?distribution=slitaz&amp;language=ES">Distrowatch</a>
  18.190 -  <a href="https://es.wikipedia.org/wiki/SliTaz">Wikipedia</a>
  18.191 -  <a href="https://flattr.com/profile/slitaz">Flattr</a>
  18.192 -</div>
  18.193  
  18.194 -<!-- Support Us -->
  18.195 -<div class="support">
  18.196 -  También puede convertirse en un patrocinador oficial a través de una donación mensual o proporcionar el hardware y los recursos para servidores.
  18.197 -  <a href="http://www.slitaz.org/en/sponsor/">Más información…</a>
  18.198 -</div>
  18.199  
  18.200 -  <p class="copyright">Copyright © Slitaz GNU/Linux — BSD License</p>
  18.201 -
  18.202 -<!-- End of content -->
  18.203 -</div>
  18.204 -
  18.205 -<!-- @script:section -->
  18.206 -<script src="lib/main.js"></script>
  18.207 +<!-- (+) script -->
  18.208 +<script src="app/lib/app.js"></script>
  18.209 +<!-- (-) script -->
  18.210  
  18.211  </body>
  18.212  </html>
    19.1 --- a/rootfs/usr/share/webhome/index.fr.html	Mon Nov 09 01:01:34 2015 +0200
    19.2 +++ b/rootfs/usr/share/webhome/index.fr.html	Mon Dec 21 00:57:00 2015 +0200
    19.3 @@ -1,79 +1,145 @@
    19.4  <!DOCTYPE html>
    19.5 +<!-- 
    19.6 +  # Slitaz GNU/Linux : Start Page
    19.7 +  # -----------------------------
    19.8 +  # @language   : French
    19.9 +  # @translator : your name
   19.10 +  # @contact    : work mail
   19.11 + -->
   19.12  <html lang="fr">
   19.13  <head>
   19.14 -  <meta charset="UTF-8">
   19.15 -  <meta name="viewport" content="width=device-width, initial-scale=1">
   19.16 -  <title>SliTaz - Le début !</title>
   19.17 -  <link rel="shortcut icon" href="img/favicon.ico">
   19.18 -  <link rel="stylesheet" href="style.css">
   19.19 +  
   19.20 +  <meta charset="UTF-8" />
   19.21 +  <meta name="viewport" content="width=device-width, initial-scale=1" />
   19.22 +  <title>Slitaz GNU/Linux : Start Page</title>
   19.23 +  <link rel="shortcut icon" href="app/img/favicon.ico" />
   19.24 +  <link rel="stylesheet" href="app/design/default.css" />
   19.25 +  <link rel="stylesheet" href="app/design/theme.css" />
   19.26 +  
   19.27  </head>
   19.28  <body>
   19.29 +<!-- (+) page -->
   19.30 +<header class="header">
   19.31 +  
   19.32 +  <div class="header-bar">
   19.33 +    <div class="header-l"><p>Welcome</p></div>
   19.34 +    <div class="header-r"><p><a href="#" onclick="openclose('menu');">m</a></p></div>
   19.35 +  </div><!-- header-bar -->
   19.36 +  
   19.37 +  <div class="header-title">
   19.38 +    <img src="app/img/slitaz.png" alt="Slitaz" />
   19.39 +  </div><!-- header-title -->
   19.40  
   19.41 -<!-- Header -->
   19.42 -<header>
   19.43 -  <h1 class="fr">Slitaz Web Home</h1>
   19.44 -  <div id="network">
   19.45 -    <a href="http://www.slitaz.org/fr/">Home</a>
   19.46 -    <a href="http://scn.slitaz.org/?blog">Blog</a>
   19.47 -    <a href="http://doc.slitaz.org/fr:start">Doc</a>
   19.48 -    <a href="http://forum.slitaz.org/">Forum</a>
   19.49 -    <a href="http://irc.slitaz.org/">IRC</a>
   19.50 -    <a href="http://pro.slitaz.org/">Pro</a>
   19.51 -    <a href="http://shop.slitaz.org/">Boutique</a>
   19.52 -    <a href="http://bugs.slitaz.org/">Bugs</a>
   19.53 -    <a href="http://hg.slitaz.org/">Hg</a>
   19.54 -    <a href="#" onclick="this.className='hidden'">More…</a>
   19.55 -    <span>
   19.56 -      <a href="http://pkgs.slitaz.org/search.sh?lang=fr">Paquets</a>
   19.57 -      <a href="http://cook.slitaz.org/">Cooker</a>
   19.58 -      <a href="http://roadmap.slitaz.org/">Roadmap</a>
   19.59 -      <a href="http://pizza.slitaz.me/">Pizza</a>
   19.60 -      <a href="http://boot.slitaz.org/ru/">Web-boot</a>
   19.61 -      <a href="http://arm.slitaz.org/">ARM</a>
   19.62 -      <a href="http://paste.slitaz.org/">Paste</a>
   19.63 -      <a href="http://people.slitaz.org/">People</a>
   19.64 -      <a href="http://tank.slitaz.org/">Tank</a>
   19.65 -      <a href="http://mirror1.slitaz.org/">Mirror</a>
   19.66 -    </span>
   19.67 +  <p class="banner">Discover world with Slitaz <span class="mobile">| Need help? See <a href="http://www.slitaz.org/en/doc/">the documentation</a>.</span></p>
   19.68 +
   19.69 +</header><!-- header -->
   19.70 +
   19.71 +<article>
   19.72 +  
   19.73 +  <form class="search" method="get" action="https://duckduckgo.com/">
   19.74 +    <input class="search-box" type="text" value="" placeholder="Hi! Let's find out new things?" name="q" size="24" maxlength="255" />
   19.75 +    <input type="hidden" name="t" value="slitaz" />
   19.76 +  </form>
   19.77 +  
   19.78 +</article>
   19.79 +
   19.80 +<footer class="footer">
   19.81 +  <p><a class="border" href="#" onclick="openclose('sponsor');">Sponsorship</a> | <a href="#" onclick="openclose('social');">More News?</a></p>
   19.82 +  <p class="rights">COPYRIGHT &copy; SLITAZ GNU/LINUX — BSD LICENSE.</p>
   19.83 +</footer>
   19.84 +<!-- (-) page -->
   19.85 +
   19.86 +<!-- (+) menu -->
   19.87 +<aside id="menu" class="menu" style="display:none">
   19.88 +  <div class="body"><a class="closebtn" href="#" onclick="openclose('menu');">Close</a>
   19.89 +    <h1>Slitaz <small>Operating System</small></h1>
   19.90 +    <p class="sponsor">SliTaz project provides free technical support to users through the <a href="http://www.slitaz.org/en/mailing-list.php">Mailing list</a> (i18n list) and the <a href="http://forum.slitaz.org/">English Forum</a>. You can also contact us for more information, suggestions, or comments using the list or directly by mail: <code data-mail="ASCII">&#100;&#101;&#118;&#101;&#108;&#064;&#115;&#108;&#105;&#116;&#097;&#122;&#046;&#111;&#114;&#103;</code></p>
   19.91 +    
   19.92 +    <div class="menu-list">
   19.93 +      <div class="menu-l">
   19.94 +        <p class="menu-title"><a href="http://www.slitaz.org/">Slitaz Website</a> <br /><small>The official website.</small></p>
   19.95 +        <ul class="menu-items">
   19.96 +          <li><a href="http://scn.slitaz.org/?blog">Slitaz Blog <br /><br /><small>Announcements, news and important updates.</small></a></li>
   19.97 +          <li><a href="http://doc.slitaz.org/">Documentation <br /><br /><small>Important information to configure the Slitaz.</small></a></li>
   19.98 +          <li><a href="http://forum.slitaz.org/">Forum &amp; Community<br /><br /><small>Find answers or ask the community.</small></a></li>
   19.99 +          <li><a href="https://slitaz.spreadshirt.net/">Slitaz Shop <br /><br /><small>Store with shirts and other accessories.</small></a></li>
  19.100 +          <li><a href="http://irc.slitaz.org/">Slitaz IRC <br /><br /><small>Hi! Hello? Welcome to support channel.</small></a></li>
  19.101 +          <li><a href="http://bugs.slitaz.org/">Bugs Report <br /><br /><small>You see an bug? See the report.</small></a></li>
  19.102 +        </ul>
  19.103 +      </div>
  19.104 +      <div class="menu-r">
  19.105 +        <p class="menu-title"><a href="http://doc.slitaz.org/en:cookbook:slitaztools">Slitaz Tools</a> <br /><small>Powerful features and extra tools.</small></p>
  19.106 +        <ul class="menu-items">
  19.107 +          <li><a href="http://pkgs.slitaz.org/">Get Packages <br /><br /><small>Search for packages, recipes, dependencies and other.</small></a></li>
  19.108 +          <li><a href="http://arm.slitaz.org/">ARM &amp; Raspberry Pi <br /><br /><small>SliTaz GNU/Linux port to the ARM architecture.</small></a></li>
  19.109 +          <li><a href="http://pizza.slitaz.org/">Pizza <br /><br /><small>Create a customized version of SliTaz for you.</small></a></li>
  19.110 +          <li><a href="http://boot.slitaz.org/">Web-boot <br /><br /><small>Online startup of a complete operating system.</small></a></li>
  19.111 +          <li><a href="http://paste.slitaz.org/">Paste <br /><br /><small>Online resources to share text or code.</small></a></li>
  19.112 +          <li><a href="http://people.slitaz.org/">People <br /><br /><small>The SliTaz team are here.</small></a></li>
  19.113 +        </ul>
  19.114 +      </div>
  19.115 +    </div>
  19.116 +    
  19.117 +    <div class="advanced-features">
  19.118 +      <h2>Advanced Features</h2>
  19.119 +      <a role="button" class="button" href="http://cook.slitaz.org/">Cooker</a>
  19.120 +      <a role="button" class="button" href="http://tank.slitaz.org/">Tank</a>
  19.121 +      <a role="button" class="button" href="http://hg.slitaz.org/">(Hg) Repositories</a>
  19.122 +      <a role="button" class="button" href="http://roadmap.slitaz.org/">Roadmap</a>
  19.123 +      <a role="button" class="button" href="http://tiny.slitaz.org/">Tiny</a>
  19.124 +      <a role="button" class="button" href="http://mirror1.slitaz.org/">Mirror</a>
  19.125 +      <a role="button" class="button" href="http://pizza.slitaz.me/">Live ISO Builder</a>
  19.126 +    </div>
  19.127 +    
  19.128    </div>
  19.129 -</header>
  19.130 +</aside>
  19.131 +<!-- (-) menu -->
  19.132  
  19.133 -<!-- Content -->
  19.134 -<div id="content">
  19.135 +<!-- (+) sponsor -->
  19.136 +<aside id="sponsor" class="sponsor" style="display:none">
  19.137 +  <div class="body">
  19.138 +    <h2>Hello ;)</h2>
  19.139 +    <blockquote>
  19.140 +      <p>Become a Sponsor &hearts;</p>
  19.141 +      <p>You may also want to become an official sponsor via a monthly donation or by providing us with some hardware or server resources.</p>
  19.142 +    </blockquote>
  19.143 +    
  19.144 +    <a href="http://www.slitaz.org/en/sponsor/">More Information</a> <a href="#" onclick="openclose('sponsor');">Close</a>
  19.145 +    
  19.146 +  </div>
  19.147 +</aside>
  19.148 +<!-- (-) sponsor -->
  19.149  
  19.150 -<div class="searchbox">
  19.151 -  <form method="get" action="https://duckduckgo.com/">
  19.152 -    <small class="title">Découvrez le monde avec SliTaz.</small>
  19.153 -    <p>
  19.154 -      <input class="search-text-fr" type="text" name="q" size="24" maxlength="255" />
  19.155 -      <input class="search-submit-fr" type="submit" name="" value="Rechercher" />
  19.156 -      <input type="hidden" name="t" value="slitaz" />
  19.157 -    </p>
  19.158 -  </form>
  19.159 -</div>
  19.160 +<!-- (+) social -->
  19.161 +<aside id="social" class="social" style="display:none">
  19.162 +  <div class="body"><a class="closebtn" href="#" onclick="openclose('social');">Close</a>
  19.163 +    <h2>Social Network</h2>
  19.164 +    <ul class="menu-items">
  19.165 +      <li><a href="https://twitter.com/slitaz">Twitter</a></li>
  19.166 +      <li><a href="https://facebook.com/slitaz">Facebook</a></li>
  19.167 +    </ul>
  19.168 +    <h2>On Web</h2>
  19.169 +    <ul class="menu-items">
  19.170 +      <li><a href="http://distrowatch.com/table.php?distribution=slitaz">Distrowatch</a></li>
  19.171 +      <li><a href="https://en.wikipedia.org/wiki/SliTaz_GNU/Linux">Wikipedia</a></li>
  19.172 +      <li><a href="https://flattr.com/profile/slitaz">Flattr</a></li>
  19.173 +    </ul>
  19.174 +  </div>
  19.175 +  
  19.176 +  <p>
  19.177 +    <blockquote class="sharelove">
  19.178 +      You can also talk to your friends about SliTaz. Share in social networks and follow our activities on Twitter and Facebook. Thank you for using <a href="http://www.slitaz.org">SliTaz GNU/Linux</a>.
  19.179 +    </blockquote>
  19.180 +  </p>
  19.181 +  
  19.182 +</aside>
  19.183 +<!-- (-) social -->
  19.184  
  19.185 -<!-- SliTaz Social -->
  19.186 -<div id="social">Suivez les nouvelles …<br>
  19.187 -  <a href="https://twitter.com/slitaz">Twitter</a>
  19.188 -  <a href="https://www.facebook.com/slitaz">Facebook</a>
  19.189 -  <a href="http://distrowatch.com/table.php?distribution=slitaz&amp;language=FR">Distrowatch</a>
  19.190 -  <a href="https://fr.wikipedia.org/wiki/SliTaz">Wikipédia</a>
  19.191 -  <a href="https://flattr.com/profile/slitaz">Flattr</a>
  19.192 -</div>
  19.193  
  19.194 -<!-- Support Us -->
  19.195 -<div class="support">
  19.196 -  Vous pouvez faire un don ou devenir sponsor pour nous aider à payer les serveurs et continuer à développer SliTaz et son infrastructure.
  19.197 -  <a href="http://www.slitaz.org/fr/sponsor/">Plus d'informations …</a>
  19.198 -</div>
  19.199  
  19.200 -  <p class="copyright">Copyright © Slitaz GNU/Linux — BSD License</p>
  19.201 -
  19.202 -<!-- End of content -->
  19.203 -</div>
  19.204 -
  19.205 -<!-- @script:section -->
  19.206 -<script src="lib/main.js"></script>
  19.207 +<!-- (+) script -->
  19.208 +<script src="app/lib/app.js"></script>
  19.209 +<!-- (-) script -->
  19.210  
  19.211  </body>
  19.212  </html>
    20.1 --- a/rootfs/usr/share/webhome/index.pt.html	Mon Nov 09 01:01:34 2015 +0200
    20.2 +++ b/rootfs/usr/share/webhome/index.pt.html	Mon Dec 21 00:57:00 2015 +0200
    20.3 @@ -1,78 +1,145 @@
    20.4  <!DOCTYPE html>
    20.5 +<!-- 
    20.6 +  # Slitaz GNU/Linux : Start Page
    20.7 +  # -----------------------------
    20.8 +  # @language   : Portuguese
    20.9 +  # @translator : your name
   20.10 +  # @contact    : work mail
   20.11 + -->
   20.12  <html lang="pt">
   20.13  <head>
   20.14 -  <meta charset="UTF-8">
   20.15 -  <meta name="viewport" content="width=device-width, initial-scale=1">
   20.16 -  <title>SliTaz - Início</title>
   20.17 -  <link rel="shortcut icon" href="img/favicon.ico">
   20.18 -  <link rel="stylesheet" href="style.css">
   20.19 +  
   20.20 +  <meta charset="UTF-8" />
   20.21 +  <meta name="viewport" content="width=device-width, initial-scale=1" />
   20.22 +  <title>Slitaz GNU/Linux : Start Page</title>
   20.23 +  <link rel="shortcut icon" href="app/img/favicon.ico" />
   20.24 +  <link rel="stylesheet" href="app/design/default.css" />
   20.25 +  <link rel="stylesheet" href="app/design/theme.css" />
   20.26 +  
   20.27  </head>
   20.28  <body>
   20.29 +<!-- (+) page -->
   20.30 +<header class="header">
   20.31 +  
   20.32 +  <div class="header-bar">
   20.33 +    <div class="header-l"><p>Welcome</p></div>
   20.34 +    <div class="header-r"><p><a href="#" onclick="openclose('menu');">m</a></p></div>
   20.35 +  </div><!-- header-bar -->
   20.36 +  
   20.37 +  <div class="header-title">
   20.38 +    <img src="app/img/slitaz.png" alt="Slitaz" />
   20.39 +  </div><!-- header-title -->
   20.40  
   20.41 -<!-- Header -->
   20.42 -<header>
   20.43 -  <h1>SliTaz Web Home</h1>
   20.44 -  <div id="network">
   20.45 -    <a href="http://www.slitaz.org/pt/">Home</a>
   20.46 -    <a href="http://scn.slitaz.org/?blog">Blog</a>
   20.47 -    <a href="http://doc.slitaz.org/pt:start">Doc</a>
   20.48 -    <a href="http://forum.slitaz.org/">Fórum</a>
   20.49 -    <a href="http://irc.slitaz.org/">IRC</a>
   20.50 -    <a href="http://pro.slitaz.org/">Pro</a>
   20.51 -    <a href="http://shop.slitaz.org/">Shop</a>
   20.52 -    <a href="http://bugs.slitaz.org/">Bugs</a>
   20.53 -    <a href="http://hg.slitaz.org/">Hg</a>
   20.54 -    <a href="#" onclick="this.className='hidden'">More…</a>
   20.55 -    <span>
   20.56 -      <a href="http://pkgs.slitaz.org/search.sh?lang=pt">Pacotes</a>
   20.57 -      <a href="http://cook.slitaz.org/">Cooker</a>
   20.58 -      <a href="http://roadmap.slitaz.org/">Roadmap</a>
   20.59 -      <a href="http://pizza.slitaz.me/">Pizza</a>
   20.60 -      <a href="http://boot.slitaz.org/ru/">Web-boot</a>
   20.61 -      <a href="http://arm.slitaz.org/">ARM</a>
   20.62 -      <a href="http://paste.slitaz.org/">Paste</a>
   20.63 -      <a href="http://people.slitaz.org/">People</a>
   20.64 -      <a href="http://tank.slitaz.org/">Tank</a>
   20.65 -      <a href="http://mirror1.slitaz.org/">Mirror</a>
   20.66 +  <p class="banner">Discover world with Slitaz <span class="mobile">| Need help? See <a href="http://www.slitaz.org/en/doc/">the documentation</a>.</span></p>
   20.67 +
   20.68 +</header><!-- header -->
   20.69 +
   20.70 +<article>
   20.71 +  
   20.72 +  <form class="search" method="get" action="https://duckduckgo.com/">
   20.73 +    <input class="search-box" type="text" value="" placeholder="Hi! Let's find out new things?" name="q" size="24" maxlength="255" />
   20.74 +    <input type="hidden" name="t" value="slitaz" />
   20.75 +  </form>
   20.76 +  
   20.77 +</article>
   20.78 +
   20.79 +<footer class="footer">
   20.80 +  <p><a class="border" href="#" onclick="openclose('sponsor');">Sponsorship</a> | <a href="#" onclick="openclose('social');">More News?</a></p>
   20.81 +  <p class="rights">COPYRIGHT &copy; SLITAZ GNU/LINUX — BSD LICENSE.</p>
   20.82 +</footer>
   20.83 +<!-- (-) page -->
   20.84 +
   20.85 +<!-- (+) menu -->
   20.86 +<aside id="menu" class="menu" style="display:none">
   20.87 +  <div class="body"><a class="closebtn" href="#" onclick="openclose('menu');">Close</a>
   20.88 +    <h1>Slitaz <small>Operating System</small></h1>
   20.89 +    <p class="sponsor">SliTaz project provides free technical support to users through the <a href="http://www.slitaz.org/en/mailing-list.php">Mailing list</a> (i18n list) and the <a href="http://forum.slitaz.org/">English Forum</a>. You can also contact us for more information, suggestions, or comments using the list or directly by mail: <code data-mail="ASCII">&#100;&#101;&#118;&#101;&#108;&#064;&#115;&#108;&#105;&#116;&#097;&#122;&#046;&#111;&#114;&#103;</code></p>
   20.90 +    
   20.91 +    <div class="menu-list">
   20.92 +      <div class="menu-l">
   20.93 +        <p class="menu-title"><a href="http://www.slitaz.org/">Slitaz Website</a> <br /><small>The official website.</small></p>
   20.94 +        <ul class="menu-items">
   20.95 +          <li><a href="http://scn.slitaz.org/?blog">Slitaz Blog <br /><br /><small>Announcements, news and important updates.</small></a></li>
   20.96 +          <li><a href="http://doc.slitaz.org/">Documentation <br /><br /><small>Important information to configure the Slitaz.</small></a></li>
   20.97 +          <li><a href="http://forum.slitaz.org/">Forum &amp; Community<br /><br /><small>Find answers or ask the community.</small></a></li>
   20.98 +          <li><a href="https://slitaz.spreadshirt.net/">Slitaz Shop <br /><br /><small>Store with shirts and other accessories.</small></a></li>
   20.99 +          <li><a href="http://irc.slitaz.org/">Slitaz IRC <br /><br /><small>Hi! Hello? Welcome to support channel.</small></a></li>
  20.100 +          <li><a href="http://bugs.slitaz.org/">Bugs Report <br /><br /><small>You see an bug? See the report.</small></a></li>
  20.101 +        </ul>
  20.102 +      </div>
  20.103 +      <div class="menu-r">
  20.104 +        <p class="menu-title"><a href="http://doc.slitaz.org/en:cookbook:slitaztools">Slitaz Tools</a> <br /><small>Powerful features and extra tools.</small></p>
  20.105 +        <ul class="menu-items">
  20.106 +          <li><a href="http://pkgs.slitaz.org/">Get Packages <br /><br /><small>Search for packages, recipes, dependencies and other.</small></a></li>
  20.107 +          <li><a href="http://arm.slitaz.org/">ARM &amp; Raspberry Pi <br /><br /><small>SliTaz GNU/Linux port to the ARM architecture.</small></a></li>
  20.108 +          <li><a href="http://pizza.slitaz.org/">Pizza <br /><br /><small>Create a customized version of SliTaz for you.</small></a></li>
  20.109 +          <li><a href="http://boot.slitaz.org/">Web-boot <br /><br /><small>Online startup of a complete operating system.</small></a></li>
  20.110 +          <li><a href="http://paste.slitaz.org/">Paste <br /><br /><small>Online resources to share text or code.</small></a></li>
  20.111 +          <li><a href="http://people.slitaz.org/">People <br /><br /><small>The SliTaz team are here.</small></a></li>
  20.112 +        </ul>
  20.113 +      </div>
  20.114 +    </div>
  20.115 +    
  20.116 +    <div class="advanced-features">
  20.117 +      <h2>Advanced Features</h2>
  20.118 +      <a role="button" class="button" href="http://cook.slitaz.org/">Cooker</a>
  20.119 +      <a role="button" class="button" href="http://tank.slitaz.org/">Tank</a>
  20.120 +      <a role="button" class="button" href="http://hg.slitaz.org/">(Hg) Repositories</a>
  20.121 +      <a role="button" class="button" href="http://roadmap.slitaz.org/">Roadmap</a>
  20.122 +      <a role="button" class="button" href="http://tiny.slitaz.org/">Tiny</a>
  20.123 +      <a role="button" class="button" href="http://mirror1.slitaz.org/">Mirror</a>
  20.124 +      <a role="button" class="button" href="http://pizza.slitaz.me/">Live ISO Builder</a>
  20.125 +    </div>
  20.126 +    
  20.127    </div>
  20.128 -</header>
  20.129 +</aside>
  20.130 +<!-- (-) menu -->
  20.131  
  20.132 -<!-- Content -->
  20.133 -<div id="content">
  20.134 +<!-- (+) sponsor -->
  20.135 +<aside id="sponsor" class="sponsor" style="display:none">
  20.136 +  <div class="body">
  20.137 +    <h2>Hello ;)</h2>
  20.138 +    <blockquote>
  20.139 +      <p>Become a Sponsor &hearts;</p>
  20.140 +      <p>You may also want to become an official sponsor via a monthly donation or by providing us with some hardware or server resources.</p>
  20.141 +    </blockquote>
  20.142 +    
  20.143 +    <a href="http://www.slitaz.org/en/sponsor/">More Information</a> <a href="#" onclick="openclose('sponsor');">Close</a>
  20.144 +    
  20.145 +  </div>
  20.146 +</aside>
  20.147 +<!-- (-) sponsor -->
  20.148  
  20.149 -<div class="searchbox">
  20.150 -  <form method="get" action="https://duckduckgo.com/">
  20.151 -    <small class="title">Descubra o mundo com SliTaz</small>
  20.152 -    <p>
  20.153 -      <input type="text" name="q" size="24" maxlength="255" />
  20.154 -      <input type="submit" name="" value="Buscar" />
  20.155 -      <input type="hidden" name="t" value="slitaz" />
  20.156 -    </p>
  20.157 -  </form>
  20.158 -</div>
  20.159 +<!-- (+) social -->
  20.160 +<aside id="social" class="social" style="display:none">
  20.161 +  <div class="body"><a class="closebtn" href="#" onclick="openclose('social');">Close</a>
  20.162 +    <h2>Social Network</h2>
  20.163 +    <ul class="menu-items">
  20.164 +      <li><a href="https://twitter.com/slitaz">Twitter</a></li>
  20.165 +      <li><a href="https://facebook.com/slitaz">Facebook</a></li>
  20.166 +    </ul>
  20.167 +    <h2>On Web</h2>
  20.168 +    <ul class="menu-items">
  20.169 +      <li><a href="http://distrowatch.com/table.php?distribution=slitaz">Distrowatch</a></li>
  20.170 +      <li><a href="https://en.wikipedia.org/wiki/SliTaz_GNU/Linux">Wikipedia</a></li>
  20.171 +      <li><a href="https://flattr.com/profile/slitaz">Flattr</a></li>
  20.172 +    </ul>
  20.173 +  </div>
  20.174 +  
  20.175 +  <p>
  20.176 +    <blockquote class="sharelove">
  20.177 +      You can also talk to your friends about SliTaz. Share in social networks and follow our activities on Twitter and Facebook. Thank you for using <a href="http://www.slitaz.org">SliTaz GNU/Linux</a>.
  20.178 +    </blockquote>
  20.179 +  </p>
  20.180 +  
  20.181 +</aside>
  20.182 +<!-- (-) social -->
  20.183  
  20.184 -<!-- SliTaz Social -->
  20.185 -<div id="social">Siga-nos para obter mais notícias…<br>
  20.186 -  <a href="https://twitter.com/slitaz">Twitter</a>
  20.187 -  <a href="https://www.facebook.com/slitaz">Facebook</a>
  20.188 -  <a href="http://distrowatch.com/table.php?distribution=slitaz&amp;language=PT">Distrowatch</a>
  20.189 -  <a href="https://pt.wikipedia.org/wiki/SliTaz">Wikipédia</a>
  20.190 -  <a href="https://flattr.com/profile/slitaz">Flattr</a>
  20.191 -</div>
  20.192  
  20.193 -<!-- Support Us -->
  20.194 -<div class="support">
  20.195 -  Você também pode se tornar um patrocinador oficial via uma doação mensal ou fornecendo hardware ou recursos para servidores.
  20.196 -  <a href="http://www.slitaz.org/pt/sponsor/">Mais informações…</a>
  20.197 -</div>
  20.198  
  20.199 -  <p class="copyright">Copyright © Slitaz GNU/Linux — BSD License</p>
  20.200 -
  20.201 -<!-- End of content -->
  20.202 -</div>
  20.203 -
  20.204 -<!-- @script:section -->
  20.205 -<script src="lib/main.js"></script>
  20.206 +<!-- (+) script -->
  20.207 +<script src="app/lib/app.js"></script>
  20.208 +<!-- (-) script -->
  20.209  
  20.210  </body>
  20.211  </html>
    21.1 --- a/rootfs/usr/share/webhome/index.ru.html	Mon Nov 09 01:01:34 2015 +0200
    21.2 +++ b/rootfs/usr/share/webhome/index.ru.html	Mon Dec 21 00:57:00 2015 +0200
    21.3 @@ -1,80 +1,166 @@
    21.4  <!DOCTYPE html>
    21.5 +<!-- 
    21.6 +  # Slitaz GNU/Linux : Start Page
    21.7 +  # -----------------------------
    21.8 +  # @language   : Russian
    21.9 +  # @translator : Aleksej Bobylev
   21.10 +  # @contact    : al.bobylev@gmail.com
   21.11 + -->
   21.12  <html lang="ru">
   21.13  <head>
   21.14    <meta charset="UTF-8">
   21.15    <meta name="viewport" content="width=device-width, initial-scale=1">
   21.16 -  <title>SliTaz — начало</title>
   21.17 -  <link rel="shortcut icon" href="img/favicon.ico">
   21.18 -  <link rel="stylesheet" href="style.css">
   21.19 +  <title>Slitaz GNU/Linux: начало</title>
   21.20 +  <link rel="shortcut icon" href="app/img/favicon.ico">
   21.21 +  <link rel="stylesheet" href="app/design/default.css">
   21.22 +  <link rel="stylesheet" href="app/design/theme.css">
   21.23  </head>
   21.24  <body>
   21.25 +<!-- (+) page -->
   21.26 +<header class="header">
   21.27 +  
   21.28 +  <div class="header-bar">
   21.29 +    <div class="header-l"><p>Добро пожаловать</p></div>
   21.30 +    <div class="header-r"><p><a href="#" onclick="openclose('menu');">м</a></p></div>
   21.31 +  </div><!-- header-bar -->
   21.32 +  
   21.33 +  <div class="header-title">
   21.34 +    <img src="app/img/slitaz.png" alt="Slitaz" />
   21.35 +  </div><!-- header-title -->
   21.36  
   21.37 -<!-- Header -->
   21.38 -<header>
   21.39 -  <h1>Домашняя страница SliTaz</h1>
   21.40 -  <div id="network">
   21.41 -    <a href="http://www.slitaz.org/ru/">Главная</a>
   21.42 -    <a href="http://scn.slitaz.org/?blog">Блог</a>
   21.43 -    <a href="http://doc.slitaz.org/ru:start">Документация</a>
   21.44 -    <a href="http://forum.slitaz.org/">Форум</a>
   21.45 -    <a href="http://irc.slitaz.org/">IRC</a>
   21.46 -    <a href="http://pro.slitaz.org/ru/">Pro</a>
   21.47 -    <a href="http://shop.slitaz.org/">Магазин</a>
   21.48 -    <a href="http://bugs.slitaz.org/">Баг-трекер</a>
   21.49 -    <a href="http://hg.slitaz.org/">Hg</a>
   21.50 -    <a href="#" onclick="this.className='hidden'">Ещё…</a>
   21.51 -    <span>
   21.52 -      <a href="http://pkgs.slitaz.org/search.sh?lang=ru">Пакеты</a>
   21.53 -      <a href="http://cook.slitaz.org/">Cooker</a>
   21.54 -      <a href="http://roadmap.slitaz.org/">Roadmap</a>
   21.55 -      <a href="http://pizza.slitaz.me/">Pizza</a>
   21.56 -      <a href="http://boot.slitaz.org/ru/">Веб-загрузка</a>
   21.57 -      <a href="http://arm.slitaz.org/">ARM</a>
   21.58 -      <a href="http://paste.slitaz.org/">Paste</a>
   21.59 -      <a href="http://people.slitaz.org/">People</a>
   21.60 -      <a href="http://tank.slitaz.org/">Tank</a>
   21.61 -      <a href="http://mirror1.slitaz.org/">Mirror</a>
   21.62 -    </span>
   21.63 +  <p class="banner">Открывайте мир вместе со SliTaz
   21.64 +    <span class="mobile">| Нужна помощь? Обратитесь к <a href="http://www.slitaz.org/ru/doc/">документации</a>.</span>
   21.65 +  </p>
   21.66 +
   21.67 +</header><!-- header -->
   21.68 +
   21.69 +<article>
   21.70 +  <form class="search" method="get" action="https://duckduckgo.com/">
   21.71 +    <input class="search-box" type="text" value="" placeholder="Привет! Давай узнаем что-то новое?" name="q" size="24" maxlength="255" />
   21.72 +    <input type="hidden" name="t" value="slitaz" />
   21.73 +  </form>
   21.74 +</article>
   21.75 +
   21.76 +<footer class="footer">
   21.77 +  <p><a class="border" href="#" onclick="openclose('sponsor');">Спонсорство</a> |
   21.78 +    <a href="#" onclick="openclose('social');">Еще новости?</a></p>
   21.79 +  <p class="rights">Copyright © SliTaz GNU/Linux — под лицензией BSD</p>
   21.80 +</footer>
   21.81 +<!-- (-) page -->
   21.82 +
   21.83 +<!-- (+) menu -->
   21.84 +<aside id="menu" class="menu" style="display:none">
   21.85 +  <div class="body"><a class="closebtn" href="#" onclick="openclose('menu');">Закрыть</a>
   21.86 +    <h1>Операционная система SliTaz</h1>
   21.87 +    <p class="sponsor">Проект SliTaz предоставляет бесплатную техническую поддержку пользователей
   21.88 +      через <a href="http://www.slitaz.org/en/mailing-list.php">список рассылки</a> и на
   21.89 +      <a href="http://forum.slitaz.org/">форуме</a>.
   21.90 +      Также вы можете связаться с нами, чтобы получить дополнительную информацию, высказать
   21.91 +      предложения и замечания с помощью списка рассылки или непосредственно по почте:
   21.92 +      <code data-mail="ASCII">&#100;&#101;&#118;&#101;&#108;&#064;&#115;&#108;&#105;&#116;&#097;&#122;&#046;&#111;&#114;&#103;</code></p>
   21.93 +    
   21.94 +    <div class="menu-list">
   21.95 +      <div class="menu-l">
   21.96 +        <p class="menu-title"><a href="http://www.slitaz.org/">Сайт SliTaz</a><br/>
   21.97 +          <small>Официальный сайт</small></p>
   21.98 +        <ul class="menu-items">
   21.99 +          <li><a href="http://scn.slitaz.org/?blog">Блог SliTaz<br/><br/>
  21.100 +            <small>Анонсы, новости и важные обновления</small></a></li>
  21.101 +          <li><a href="http://doc.slitaz.org/">Документация<br/><br/>
  21.102 +            <small>Важная информация о настройке SliTaz</small></a></li>
  21.103 +          <li><a href="http://forum.slitaz.org/">Форум сообщества<br/><br/>
  21.104 +            <small>Найдите ответы или обратитесь к сообществу</small></a></li>
  21.105 +          <li><a href="https://slitaz.spreadshirt.net/">Магазин SliTaz<br/><br/>
  21.106 +            <small>Магазин футболок и аксессуаров</small></a></li>
  21.107 +          <li><a href="http://irc.slitaz.org/">SliTaz IRC<br/><br/>
  21.108 +            <small>Привет! Добро пожаловать на канал поддержки</small></a></li>
  21.109 +          <li><a href="http://bugs.slitaz.org/">Баг-трекер<br/><br/>
  21.110 +            <small>Найден баг? Сообщите нам</small></a></li>
  21.111 +        </ul>
  21.112 +      </div>
  21.113 +      <div class="menu-r">
  21.114 +        <p class="menu-title"><a href="http://doc.slitaz.org/en:cookbook:slitaztools">Инструментарий SliTaz</a><br/>
  21.115 +          <small>Мощные функции и дополнительные инструменты</small></p>
  21.116 +        <ul class="menu-items">
  21.117 +          <li><a href="http://pkgs.slitaz.org/">Пакеты<br/><br/>
  21.118 +            <small>Поиск пакетов, рецептов, зависимостей…</small></a></li>
  21.119 +          <li><a href="http://arm.slitaz.org/">ARM и Raspberry Pi<br/><br/>
  21.120 +            <small>Порт SliTaz GNU/Linux для архитектуры ARM</small></a></li>
  21.121 +          <li><a href="http://pizza.slitaz.org/">Пицца<br/><br/>
  21.122 +            <small>Создайте собственную версию SliTaz</small></a></li>
  21.123 +          <li><a href="http://boot.slitaz.org/">Веб-загрузка<br/><br/>
  21.124 +            <small>Запуск компьютера с загрузкой ОС по сети</small></a></li>
  21.125 +          <li><a href="http://paste.slitaz.org/">Paste<br/><br/>
  21.126 +            <small>Делитесь своими текстами и кодом</small></a></li>
  21.127 +          <li><a href="http://people.slitaz.org/">Команда<br/><br/>
  21.128 +            <small>Домашние странички участников команды</small></a></li>
  21.129 +        </ul>
  21.130 +      </div>
  21.131 +    </div>
  21.132 +    
  21.133 +    <div class="advanced-features">
  21.134 +      <h2>Расширенные возможности</h2>
  21.135 +      <a role="button" class="button" href="http://cook.slitaz.org/">Cooker</a>
  21.136 +      <a role="button" class="button" href="http://tank.slitaz.org/">Tank</a>
  21.137 +      <a role="button" class="button" href="http://hg.slitaz.org/">Репозитории Hg</a>
  21.138 +      <a role="button" class="button" href="http://roadmap.slitaz.org/">Дорожная карта</a>
  21.139 +      <a role="button" class="button" href="http://tiny.slitaz.org/">Tiny</a>
  21.140 +      <a role="button" class="button" href="http://mirror1.slitaz.org/">Зеркало</a>
  21.141 +      <a role="button" class="button" href="http://pizza.slitaz.me/">Конструктор Live ISO</a>
  21.142 +    </div>
  21.143 +    
  21.144    </div>
  21.145 -</header>
  21.146 +</aside>
  21.147 +<!-- (-) menu -->
  21.148  
  21.149 -<!-- Content -->
  21.150 -<div id="content">
  21.151 +<!-- (+) sponsor -->
  21.152 +<aside id="sponsor" class="sponsor" style="display:none">
  21.153 +  <div class="body">
  21.154 +    <h2>Здравствуйте ;)</h2>
  21.155 +    <blockquote>
  21.156 +      <p>Станьте спонсором &hearts;</p>
  21.157 +      <p>Как официальный спонсор вы сможете помочь нам своим ежемесячным взносом, либо вы можете
  21.158 +      предоставить нам оборудование или ресурсы сервера.</p>
  21.159 +    </blockquote>
  21.160 +    
  21.161 +    <a href="http://www.slitaz.org/en/sponsor/">Подробнее…</a>
  21.162 +    <a href="#" onclick="openclose('sponsor');">Закрыть</a>
  21.163 +    
  21.164 +  </div>
  21.165 +</aside>
  21.166 +<!-- (-) sponsor -->
  21.167  
  21.168 -<div class="searchbox">
  21.169 -  <form method="get" action="https://duckduckgo.com/">
  21.170 -    <small class="title">Открывайте мир вместе со SliTaz</small>
  21.171 -    <p>
  21.172 -      <input type="text" name="q" size="24" maxlength="255" />
  21.173 -      <input type="submit" name="" value="Искать" />
  21.174 -      <input type="hidden" name="t" value="slitaz" />
  21.175 -    </p>
  21.176 -  </form>
  21.177 -</div>
  21.178 +<!-- (+) social -->
  21.179 +<aside id="social" class="social" style="display:none">
  21.180 +  <div class="body"><a class="closebtn" href="#" onclick="openclose('social');">Закрыть</a>
  21.181 +    <h2>Социальные сети</h2>
  21.182 +    <ul class="menu-items">
  21.183 +      <li><a href="https://twitter.com/slitaz">Twitter</a></li>
  21.184 +      <li><a href="https://facebook.com/slitaz">Facebook</a></li>
  21.185 +    </ul>
  21.186 +    <h2>Интернет</h2>
  21.187 +    <ul class="menu-items">
  21.188 +      <li><a href="http://distrowatch.com/table.php?distribution=slitaz">Distrowatch</a></li>
  21.189 +      <li><a href="https://ru.wikipedia.org/wiki/SliTaz">Википедия</a></li>
  21.190 +      <li><a href="https://flattr.com/profile/slitaz">Flattr</a></li>
  21.191 +    </ul>
  21.192 +  </div>
  21.193 +  
  21.194 +  <p>
  21.195 +    <blockquote class="sharelove">
  21.196 +      Поговорите с друзьями о SliTaz. Делитесь в социальных сетях и следите за событиями в Twitter
  21.197 +      и Facebook. Благодарим Вас за использование <a href="http://www.slitaz.org">SliTaz GNU/Linux</a>.
  21.198 +    </blockquote>
  21.199 +  </p>
  21.200 +  
  21.201 +</aside>
  21.202 +<!-- (-) social -->
  21.203  
  21.204 -<!-- SliTaz Social -->
  21.205 -<div id="social">Следите за новостями…<br>
  21.206 -  <a href="https://twitter.com/slitaz">Twitter</a>
  21.207 -  <a href="https://www.facebook.com/slitaz">Facebook</a>
  21.208 -  <a href="http://distrowatch.com/table.php?distribution=slitaz&amp;language=RU">Distrowatch</a>
  21.209 -  <a href="https://ru.wikipedia.org/wiki/SliTaz">Википедия</a>
  21.210 -  <a href="https://flattr.com/profile/slitaz">Flattr</a>
  21.211 -</div>
  21.212  
  21.213 -<!-- Support Us -->
  21.214 -<div class="support">
  21.215 -  Станьте официальным спонсором с ежемесячным взносом, предоставьте нам
  21.216 -  оборудование или ресурсы сервера.
  21.217 -  <a href="http://www.slitaz.org/ru/sponsor/">Подробнее…</a>
  21.218 -</div>
  21.219  
  21.220 -  <p class="copyright">Copyright © Slitaz GNU/Linux — под лицензией BSD</p>
  21.221 -
  21.222 -<!-- End of content -->
  21.223 -</div>
  21.224 -
  21.225 -<!-- @script:section -->
  21.226 -<script src="lib/main.js"></script>
  21.227 +<!-- (+) script -->
  21.228 +<script src="app/lib/app.js"></script>
  21.229 +<!-- (-) script -->
  21.230  
  21.231  </body>
  21.232  </html>
    22.1 --- a/rootfs/usr/share/webhome/lib/main.js	Mon Nov 09 01:01:34 2015 +0200
    22.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
    22.3 @@ -1,36 +0,0 @@
    22.4 -// Main.js
    22.5 -// Copyright (C) Slitaz GNU/Linux - BSD License
    22.6 -
    22.7 -// --- Background Slide Show (4 img's with 10 sec to view)
    22.8 -// --- All images are "public domain license" by Vera Kratochvil.
    22.9 -
   22.10 -var imageCount = 0;
   22.11 -var images = [ 'bg/bg0.jpg', 'bg/bg1.jpg', 'bg/bg2.jpg', 'bg/bg3.jpg', 'bg/bg4.jpg' ];
   22.12 -
   22.13 -var preLoadImages = new Array();
   22.14 -for (var i = 0; i < images.length; i++)
   22.15 -{
   22.16 -  if (images[i] == "")
   22.17 -    break;
   22.18 -
   22.19 -  preLoadImages[i] = new Image();
   22.20 -  preLoadImages[i].src = images[i];
   22.21 -  imageCount++;
   22.22 -}
   22.23 -var currentImage = Math.floor(Math.random() * imageCount);
   22.24 -
   22.25 -
   22.26 -function startSlideShow() {
   22.27 -
   22.28 -  if (document.body && imageCount > 0)
   22.29 -  {
   22.30 -    document.body.style.backgroundImage = "url(" + images[currentImage] + ")";
   22.31 -    currentImage++;
   22.32 -    if (currentImage > (imageCount - 1))
   22.33 -      currentImage = 0;
   22.34 -
   22.35 -    setTimeout('startSlideShow()', 10000); // 10sec
   22.36 -  }
   22.37 -}
   22.38 -
   22.39 -startSlideShow();
    23.1 --- a/rootfs/usr/share/webhome/style.css	Mon Nov 09 01:01:34 2015 +0200
    23.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
    23.3 @@ -1,65 +0,0 @@
    23.4 -@charset "UTF-8";
    23.5 -
    23.6 -/* CSS style for SliTaz GNU/Linux Web Home */
    23.7 -
    23.8 -* {outline-width:0;}
    23.9 -html {background:#000;overflow-x:hidden;}
   23.10 -body {background:url(bg/bg0.jpg) 50% 50% no-repeat;background-size:cover;color:#303030;font:normal normal 12px sans-serif, vernada, arial;padding-bottom:5%;margin:0 auto;}
   23.11 -/*html,body {min-width:460px;}*/
   23.12 -
   23.13 -a,a:active,a:link,a:visited {color:#FA7701;text-decoration:none;
   23.14 -	-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
   23.15 -a:focus,a:hover {color:#E45800;}
   23.16 -h1,h2,h3,h4,h5,h6,p,ol,ul,li,form,input,table * {padding:12px;margin:0 auto;}
   23.17 -
   23.18 -/* @header : section's */
   23.19 -header {background:RGBA(0,0,0,.7);padding:2% 1%;}
   23.20 -header::after {display:block;content:"";width:100%;height:1px;clear:both;}
   23.21 -header h1 {float:left;background:url(img/slitaz.png) 5% 50% no-repeat;color:#FFF;font-size:105%;text-indent:30px;margin:1% 0; border:2px solid RGBA(255,255,255,.2);border-radius:4px;}
   23.22 -
   23.23 -/* @network : pages */
   23.24 -#network {float:right;text-align:center;width:560px;padding:2% 0;}
   23.25 -#network a {display: inline-block;color:#CCC;font-weight:bold;padding:8px;border-radius:2px;}
   23.26 -#network a:hover {background:#C64F00;color:#FFF;}
   23.27 -#network span {display:none;}
   23.28 -.hidden {display:none!important;}
   23.29 -.hidden+span {display:inline!important;}
   23.30 -
   23.31 -/* @content */
   23.32 -#content {padding:2% 0 5% 0;}
   23.33 -
   23.34 -/* @form : input's */
   23.35 - form {padding:0;margin:0;}
   23.36 -.searchbox {background:#FFF;background:RGBA(255,255,255,.2);text-align:center;width:70%;padding:4%;margin:4% auto;border:1px solid #FFF;border:1px solid RGBA(255,255,255,.3);border-radius:8px;}
   23.37 -.searchbox small.title {display:table;background:#000;color:#FFF;font-size:11px;font-weight:bold;padding:1.3% 2%;margin:0 auto;border-radius:4px;}
   23.38 -.searchbox input {display:inline-block;font-family:"monospace", monospace;font-size:15px;line-height:23px;margin:0 auto;border-width:0;}
   23.39 -.searchbox input[type="text"]{background:#F4F4F4;width:60%;margin-right:-4px;}
   23.40 -.searchbox input[type="submit"]{cursor:pointer;background:#C74F0E;color:#FFF;min-width:20%;padding-left:1%;padding-right:1%;}
   23.41 -.searchbox input[type="submit"]:focus,.searchbox input[type="submit"]:hover {background:#FF6513;}
   23.42 -
   23.43 -/* @social : links */
   23.44 -#social {display:table;background:RGBA(34,34,34,0.95);color:#FFF;text-align:center;line-height:30px;width:70%;padding:1%;margin:0 auto;border-radius:4px;}
   23.45 -#social * {vertical-align:middle;}
   23.46 -#social a {display:inline-table;color:#FA7900;margin:0 0.5%;padding:2px 8px;border-radius:4px;}
   23.47 -#social a:focus,#social a:hover {background:#000;color:#FFF;}
   23.48 -
   23.49 -/* @support */
   23.50 -.support {background:#FFF;color:#000;width:60%;padding:1%;margin:1% auto;border-radius:4px;font-size:10px;}
   23.51 -.support::before {color:#F00; content: '♥'; font-size: 14px;}
   23.52 -
   23.53 -/* @extra */
   23.54 -.copyright {display:block;color:#FFF;text-align:center;text-transform:uppercase;padding:0;}
   23.55 -
   23.56 -/* @responsive */
   23.57 -
   23.58 -@media screen and (max-width:860px){
   23.59 -body {font-size:10px;}
   23.60 -header {text-align: center;}
   23.61 -header h1, #network {display: inline-block; margin: 0 auto; float:none;}
   23.62 -#social,#network {width:100%;font-size:11px;padding:1% 0;}
   23.63 -.searchbox input {font-size:12px;font-weight:bold;font-family:"sans";}
   23.64 -
   23.65 -/* International language setting. */
   23.66 -.searchbox input.search-text-fr {width:55%;}
   23.67 -.searchbox input.search-submit-fr {width:35%;}
   23.68 -}