slitaz-configs diff rootfs/usr/share/webhome/index.en.html @ 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 f53ca97de41a
children 2d5a527b4efa
line diff
     1.1 --- a/rootfs/usr/share/webhome/index.en.html	Sat Nov 07 04:34:57 2015 +0200
     1.2 +++ b/rootfs/usr/share/webhome/index.en.html	Mon Dec 21 00:57:00 2015 +0200
     1.3 @@ -1,79 +1,145 @@
     1.4  <!DOCTYPE html>
     1.5 +<!-- 
     1.6 +  # Slitaz GNU/Linux : Start Page
     1.7 +  # -----------------------------
     1.8 +  # @language   : English
     1.9 +  # @translator : your name
    1.10 +  # @contact    : work mail
    1.11 + -->
    1.12  <html lang="en">
    1.13  <head>
    1.14 -  <meta charset="UTF-8">
    1.15 -  <meta name="viewport" content="width=device-width, initial-scale=1">
    1.16 -  <title>SliTaz - Web Home</title>
    1.17 -  <link rel="shortcut icon" href="img/favicon.ico">
    1.18 -  <link rel="stylesheet" href="style.css">
    1.19 +  
    1.20 +  <meta charset="UTF-8" />
    1.21 +  <meta name="viewport" content="width=device-width, initial-scale=1" />
    1.22 +  <title>Slitaz GNU/Linux : Start Page</title>
    1.23 +  <link rel="shortcut icon" href="app/img/favicon.ico" />
    1.24 +  <link rel="stylesheet" href="app/design/default.css" />
    1.25 +  <link rel="stylesheet" href="app/design/theme.css" />
    1.26 +  
    1.27  </head>
    1.28  <body>
    1.29 +<!-- (+) page -->
    1.30 +<header class="header">
    1.31 +  
    1.32 +  <div class="header-bar">
    1.33 +    <div class="header-l"><p>Welcome</p></div>
    1.34 +    <div class="header-r"><p><a href="#" onclick="openclose('menu');">m</a></p></div>
    1.35 +  </div><!-- header-bar -->
    1.36 +  
    1.37 +  <div class="header-title">
    1.38 +    <img src="app/img/slitaz.png" alt="Slitaz" />
    1.39 +  </div><!-- header-title -->
    1.40  
    1.41 -<!-- Header -->
    1.42 -<header>
    1.43 -  <h1>SliTaz Web Home</h1>
    1.44 -  <div id="network">
    1.45 -    <a href="http://www.slitaz.org/en/">Home</a>
    1.46 -    <a href="http://scn.slitaz.org/?blog">Blog</a>
    1.47 -    <a href="http://doc.slitaz.org/en:start">Doc</a>
    1.48 -    <a href="http://forum.slitaz.org/">Forum</a>
    1.49 -    <a href="http://irc.slitaz.org/">IRC</a>
    1.50 -    <a href="http://pro.slitaz.org/">Pro</a>
    1.51 -    <a href="http://shop.slitaz.org/">Shop</a>
    1.52 -    <a href="http://bugs.slitaz.org/">Bugs</a>
    1.53 -    <a href="http://hg.slitaz.org/">Hg</a>
    1.54 -    <a href="#" onclick="this.className='hidden'">More…</a>
    1.55 -    <span>
    1.56 -      <a href="http://pkgs.slitaz.org/">Packages</a>
    1.57 -      <a href="http://cook.slitaz.org/">Cooker</a>
    1.58 -      <a href="http://roadmap.slitaz.org/">Roadmap</a>
    1.59 -      <a href="http://pizza.slitaz.me/">Pizza</a>
    1.60 -      <a href="http://boot.slitaz.org/ru/">Web-boot</a>
    1.61 -      <a href="http://arm.slitaz.org/">ARM</a>
    1.62 -      <a href="http://paste.slitaz.org/">Paste</a>
    1.63 -      <a href="http://people.slitaz.org/">People</a>
    1.64 -      <a href="http://tank.slitaz.org/">Tank</a>
    1.65 -      <a href="http://mirror1.slitaz.org/">Mirror</a>
    1.66 -    </span>
    1.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>
    1.68 +
    1.69 +</header><!-- header -->
    1.70 +
    1.71 +<article>
    1.72 +  
    1.73 +  <form class="search" method="get" action="https://duckduckgo.com/">
    1.74 +    <input class="search-box" type="text" value="" placeholder="Hi! Let's find out new things?" name="q" size="24" maxlength="255" />
    1.75 +    <input type="hidden" name="t" value="slitaz" />
    1.76 +  </form>
    1.77 +  
    1.78 +</article>
    1.79 +
    1.80 +<footer class="footer">
    1.81 +  <p><a class="border" href="#" onclick="openclose('sponsor');">Sponsorship</a> | <a href="#" onclick="openclose('social');">More News?</a></p>
    1.82 +  <p class="rights">COPYRIGHT &copy; SLITAZ GNU/LINUX — BSD LICENSE.</p>
    1.83 +</footer>
    1.84 +<!-- (-) page -->
    1.85 +
    1.86 +<!-- (+) menu -->
    1.87 +<aside id="menu" class="menu" style="display:none">
    1.88 +  <div class="body"><a class="closebtn" href="#" onclick="openclose('menu');">Close</a>
    1.89 +    <h1>Slitaz <small>Operating System</small></h1>
    1.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>
    1.91 +    
    1.92 +    <div class="menu-list">
    1.93 +      <div class="menu-l">
    1.94 +        <p class="menu-title"><a href="http://www.slitaz.org/">Slitaz Website</a> <br /><small>The official website.</small></p>
    1.95 +        <ul class="menu-items">
    1.96 +          <li><a href="http://scn.slitaz.org/?blog">Slitaz Blog <br /><br /><small>Announcements, news and important updates.</small></a></li>
    1.97 +          <li><a href="http://doc.slitaz.org/">Documentation <br /><br /><small>Important information to configure the Slitaz.</small></a></li>
    1.98 +          <li><a href="http://forum.slitaz.org/">Forum &amp; Community<br /><br /><small>Find answers or ask the community.</small></a></li>
    1.99 +          <li><a href="https://slitaz.spreadshirt.net/">Slitaz Shop <br /><br /><small>Store with shirts and other accessories.</small></a></li>
   1.100 +          <li><a href="http://irc.slitaz.org/">Slitaz IRC <br /><br /><small>Hi! Hello? Welcome to support channel.</small></a></li>
   1.101 +          <li><a href="http://bugs.slitaz.org/">Bugs Report <br /><br /><small>You see an bug? See the report.</small></a></li>
   1.102 +        </ul>
   1.103 +      </div>
   1.104 +      <div class="menu-r">
   1.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>
   1.106 +        <ul class="menu-items">
   1.107 +          <li><a href="http://pkgs.slitaz.org/">Get Packages <br /><br /><small>Search for packages, recipes, dependencies and other.</small></a></li>
   1.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>
   1.109 +          <li><a href="http://pizza.slitaz.org/">Pizza <br /><br /><small>Create a customized version of SliTaz for you.</small></a></li>
   1.110 +          <li><a href="http://boot.slitaz.org/">Web-boot <br /><br /><small>Online startup of a complete operating system.</small></a></li>
   1.111 +          <li><a href="http://paste.slitaz.org/">Paste <br /><br /><small>Online resources to share text or code.</small></a></li>
   1.112 +          <li><a href="http://people.slitaz.org/">People <br /><br /><small>The SliTaz team are here.</small></a></li>
   1.113 +        </ul>
   1.114 +      </div>
   1.115 +    </div>
   1.116 +    
   1.117 +    <div class="advanced-features">
   1.118 +      <h2>Advanced Features</h2>
   1.119 +      <a role="button" class="button" href="http://cook.slitaz.org/">Cooker</a>
   1.120 +      <a role="button" class="button" href="http://tank.slitaz.org/">Tank</a>
   1.121 +      <a role="button" class="button" href="http://hg.slitaz.org/">(Hg) Repositories</a>
   1.122 +      <a role="button" class="button" href="http://roadmap.slitaz.org/">Roadmap</a>
   1.123 +      <a role="button" class="button" href="http://tiny.slitaz.org/">Tiny</a>
   1.124 +      <a role="button" class="button" href="http://mirror1.slitaz.org/">Mirror</a>
   1.125 +      <a role="button" class="button" href="http://pizza.slitaz.me/">Live ISO Builder</a>
   1.126 +    </div>
   1.127 +    
   1.128    </div>
   1.129 -</header>
   1.130 +</aside>
   1.131 +<!-- (-) menu -->
   1.132  
   1.133 -<!-- Content -->
   1.134 -<div id="content">
   1.135 +<!-- (+) sponsor -->
   1.136 +<aside id="sponsor" class="sponsor" style="display:none">
   1.137 +  <div class="body">
   1.138 +    <h2>Hello ;)</h2>
   1.139 +    <blockquote>
   1.140 +      <p>Become a Sponsor &hearts;</p>
   1.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>
   1.142 +    </blockquote>
   1.143 +    
   1.144 +    <a href="http://www.slitaz.org/en/sponsor/">More Information</a> <a href="#" onclick="openclose('sponsor');">Close</a>
   1.145 +    
   1.146 +  </div>
   1.147 +</aside>
   1.148 +<!-- (-) sponsor -->
   1.149  
   1.150 -<div class="searchbox">
   1.151 -  <form method="get" action="https://duckduckgo.com/">
   1.152 -    <small class="title">Discover the world with Slitaz</small>
   1.153 -    <p>
   1.154 -      <input type="text" name="q" size="24" maxlength="255" />
   1.155 -      <input type="submit" name="" value="Search" />
   1.156 -      <input type="hidden" name="t" value="slitaz" />
   1.157 -    </p>
   1.158 -  </form>
   1.159 -</div>
   1.160 +<!-- (+) social -->
   1.161 +<aside id="social" class="social" style="display:none">
   1.162 +  <div class="body"><a class="closebtn" href="#" onclick="openclose('social');">Close</a>
   1.163 +    <h2>Social Network</h2>
   1.164 +    <ul class="menu-items">
   1.165 +      <li><a href="https://twitter.com/slitaz">Twitter</a></li>
   1.166 +      <li><a href="https://facebook.com/slitaz">Facebook</a></li>
   1.167 +    </ul>
   1.168 +    <h2>On Web</h2>
   1.169 +    <ul class="menu-items">
   1.170 +      <li><a href="http://distrowatch.com/table.php?distribution=slitaz">Distrowatch</a></li>
   1.171 +      <li><a href="https://en.wikipedia.org/wiki/SliTaz_GNU/Linux">Wikipedia</a></li>
   1.172 +      <li><a href="https://flattr.com/profile/slitaz">Flattr</a></li>
   1.173 +    </ul>
   1.174 +  </div>
   1.175 +  
   1.176 +  <p>
   1.177 +    <blockquote class="sharelove">
   1.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>.
   1.179 +    </blockquote>
   1.180 +  </p>
   1.181 +  
   1.182 +</aside>
   1.183 +<!-- (-) social -->
   1.184  
   1.185 -<!-- SliTaz Social -->
   1.186 -<div id="social">Follow for more news…<br>
   1.187 -  <a href="https://twitter.com/slitaz">Twitter</a>
   1.188 -  <a href="https://www.facebook.com/slitaz">Facebook</a>
   1.189 -  <a href="http://distrowatch.com/table.php?distribution=slitaz">Distrowatch</a>
   1.190 -  <a href="https://en.wikipedia.org/wiki/SliTaz_GNU/Linux">Wikipedia</a>
   1.191 -  <a href="https://flattr.com/profile/slitaz">Flattr</a>
   1.192 -</div>
   1.193  
   1.194 -<!-- Support Us -->
   1.195 -<div class="support">
   1.196 -  You may also want to become an official sponsor via a monthly donation or by providing us with some hardware or server resources.
   1.197 -  <a href="http://www.slitaz.org/en/sponsor/">More information…</a>
   1.198 -</div>
   1.199  
   1.200 -  <p class="copyright">Copyright © Slitaz GNU/Linux — BSD License</p>
   1.201 -
   1.202 -<!-- End of content -->
   1.203 -</div>
   1.204 -
   1.205 -<!-- @script:section -->
   1.206 -<script src="lib/main.js"></script>
   1.207 +<!-- (+) script -->
   1.208 +<script src="app/lib/app.js"></script>
   1.209 +<!-- (-) script -->
   1.210  
   1.211  </body>
   1.212  </html>