slitaz-configs view rootfs/usr/share/webhome/index.es.html @ rev 294

fix and up CSS file and add new cover header background PNG
author Leonardo Laporte <hackdorte@sapo.pt>
date Mon Oct 24 04:36:33 2016 -0200 (2016-10-24)
parents 616af0fa4abf
children 2ef090bba94b
line source
1 <!DOCTYPE html>
2 <!--
3 # SliTaz GNU/Linux : Start Page
4 # -----------------------------
5 # @language : Spanish
6 # @translator : your name
7 # @contact : work mail
8 -->
9 <html lang="es">
10 <head>
11 <meta charset="UTF-8">
12 <meta name="viewport" content="width=device-width, initial-scale=1">
13 <title>SliTaz GNU/Linux : Start Page</title>
14 <link rel="shortcut icon" href="app/img/favicon.ico">
15 <link rel="stylesheet" href="app/design/default.css">
16 <link rel="stylesheet" href="app/design/theme.css">
17 </head>
18 <body>
19 <!-- (+) page -->
20 <header class="header">
22 <div class="header-bar">
23 <div class="header-l"><p>Welcome</p></div>
24 <div class="header-r"><p><a href="#" onclick="openclose('menu');">m</a></p></div>
25 </div><!-- header-bar -->
27 <div class="header-title">
28 <img src="app/img/slitaz.png" alt="SliTaz" />
29 </div><!-- header-title -->
31 <p class="banner">Discover the world with SliTaz <span class="mobile">| Need help? See <a href="http://www.slitaz.org/en/doc/">the documentation</a>.</span></p>
33 </header><!-- header -->
35 <article>
37 <form class="search" method="get" action="https://duckduckgo.com/">
38 <input class="search-box" type="text" value="" placeholder="Hi! Let's find out new things?" name="q" size="24" maxlength="255" />
39 <input type="hidden" name="t" value="slitaz" />
40 </form>
42 </article>
44 <footer class="footer">
45 <p><a class="border" href="#" onclick="openclose('sponsor');">Sponsorship</a> | <a href="#" onclick="openclose('social');">More News?</a></p>
46 <p class="rights">COPYRIGHT &copy; SLITAZ GNU/LINUX — BSD LICENSE.</p>
47 </footer>
48 <!-- (-) page -->
50 <!-- (+) menu -->
51 <aside id="menu" class="menu" style="display:none">
52 <div class="body"><a class="closebtn" href="#" onclick="openclose('menu');">Close</a>
53 <h1>SliTaz <small>Operating System</small></h1>
54 <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>
56 <div class="menu-list">
57 <div class="menu-l">
58 <p class="menu-title"><a href="http://www.slitaz.org/">SliTaz Website</a> <br /><small>The official website.</small></p>
59 <ul class="menu-items">
60 <li><a href="http://scn.slitaz.org/?blog">SliTaz Blog <br /><br /><small>Announcements, news and important updates.</small></a></li>
61 <li><a href="http://doc.slitaz.org/">Documentation <br /><br /><small>Important information to configure SliTaz.</small></a></li>
62 <li><a href="http://forum.slitaz.org/">Forum &amp; Community<br /><br /><small>Find answers or ask the community.</small></a></li>
63 <li><a href="https://slitaz.spreadshirt.net/">SliTaz Shop <br /><br /><small>Store with T-shirts and other accessories.</small></a></li>
64 <li><a href="http://irc.slitaz.org/">SliTaz IRC <br /><br /><small>Hi! Hello? Welcome to the support channel.</small></a></li>
65 <li><a href="http://bugs.slitaz.org/">Bugs Report <br /><br /><small>You found a bug? File a report.</small></a></li>
66 </ul>
67 </div>
68 <div class="menu-r">
69 <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>
70 <ul class="menu-items">
71 <li><a href="http://pkgs.slitaz.org/">Get Packages <br /><br /><small>Search for packages, recipes, dependencies and others.</small></a></li>
72 <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>
73 <li><a href="http://pizza.slitaz.org/">Pizza <br /><br /><small>Create a customized version of SliTaz for yourself.</small></a></li>
74 <li><a href="http://boot.slitaz.org/">Web-boot <br /><br /><small>Online startup of a complete operating system.</small></a></li>
75 <li><a href="http://paste.slitaz.org/">Paste <br /><br /><small>Online resources to share text or code.</small></a></li>
76 <li><a href="http://people.slitaz.org/">People <br /><br /><small>The SliTaz team are here.</small></a></li>
77 </ul>
78 </div>
79 </div>
81 <div class="advanced-features">
82 <h2>Advanced Features</h2>
83 <a role="button" class="button" href="http://cook.slitaz.org/">Cooker</a>
84 <a role="button" class="button" href="http://tank.slitaz.org/">Tank</a>
85 <a role="button" class="button" href="http://hg.slitaz.org/?sort=lastchange">(Hg) Repositories</a>
86 <a role="button" class="button" href="http://roadmap.slitaz.org/">Roadmap</a>
87 <a role="button" class="button" href="http://tiny.slitaz.org/">Tiny</a>
88 <a role="button" class="button" href="http://mirror1.slitaz.org/">Mirror</a>
89 <a role="button" class="button" href="http://pizza.slitaz.me/">Live ISO Builder</a>
90 </div>
92 </div>
93 </aside>
94 <!-- (-) menu -->
96 <!-- (+) sponsor -->
97 <aside id="sponsor" class="sponsor" style="display:none">
98 <div class="body">
99 <h2>Hello ;)</h2>
100 <blockquote>
101 <p>Become a Sponsor &hearts;</p>
102 <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>
103 </blockquote>
105 <a href="http://www.slitaz.org/en/sponsor/">More Information</a> <a href="#" onclick="openclose('sponsor');">Close</a>
107 </div>
108 </aside>
109 <!-- (-) sponsor -->
111 <!-- (+) social -->
112 <aside id="social" class="social" style="display:none">
113 <div class="body"><a class="closebtn" href="#" onclick="openclose('social');">Close</a>
114 <h2>Social Networks</h2>
115 <ul class="menu-items">
116 <li><a href="https://twitter.com/slitaz">Twitter</a></li>
117 <li><a href="https://facebook.com/slitaz">Facebook</a></li>
118 </ul>
119 <h2>On the Web</h2>
120 <ul class="menu-items">
121 <li><a href="http://distrowatch.com/table.php?distribution=slitaz">Distrowatch</a></li>
122 <li><a href="https://en.wikipedia.org/wiki/SliTaz_GNU/Linux">Wikipedia</a></li>
123 <li><a href="https://flattr.com/profile/slitaz">Flattr</a></li>
124 </ul>
125 </div>
127 <p>
128 <blockquote class="sharelove">
129 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>.
130 </blockquote>
131 </p>
133 </aside>
134 <!-- (-) social -->
138 <!-- (+) script -->
139 <script src="app/lib/app.js"></script>
140 <!-- (-) script -->
142 </body>
143 </html>