website annotate index.php @ rev 796

Improve main page, rm grid add pretty activity box
author Christophe Lincoln <pankso@slitaz.org>
date Wed Mar 30 04:30:56 2011 +0200 (2011-03-30)
parents 99c609c6f5b8
children 6ec45c2113e5
rev   line source
pankso@678 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
pankso@678 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
pankso@678 3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
pankso@678 4 <head>
pankso@678 5 <title>SliTaz GNU/Linux</title>
pankso@746 6 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
pankso@769 7 <meta name="description" content="SliTaz GNU/Linux LiveCD operating system" />
pankso@769 8 <meta name="keywords" lang="en" content="slitaz, gnu, linux, opensource, livecd, live usb" />
pankso@678 9 <meta name="robots" content="index, follow, all" />
pankso@708 10 <meta name="modified" content="<?php echo (date( "Y-m-d H:i:s", getlastmod())); ?>" />
pankso@769 11 <meta name="author" content="Christophe Lincoln" />
pankso@678 12 <meta name="verify-v1" content="qieECDfB5l+EBkG8QMNuHOGfol0/MEe4U22/4iVupNw=" />
pankso@708 13 <link rel="shortcut icon" href="favicon.ico" />
pankso@678 14 <link rel="stylesheet" type="text/css" href="slitaz.css" />
pankso@678 15 <link rel="alternate" type="application/rss+xml" title="SliTaz Website feed" href="en/rss.xml" />
pankso@711 16 <link rel="alternate" type="application/atom+xml" title="SliTaz Labs feed" href="http://labs.slitaz.org/news?format=atom" />
pankso@711 17 <link rel="alternate" type="application/rss+xml" title="SliTaz SCN feed" href="http://scn.slitaz.org/rss.xml" />
pankso@760 18 <script type="text/javascript">
pankso@760 19 /* <![CDATA[ */
pankso@760 20 (function() {
pankso@760 21 var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
pankso@760 22 s.type = 'text/javascript';
pankso@760 23 s.async = true;
pankso@760 24 s.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto';
pankso@760 25 t.parentNode.insertBefore(s, t);
pankso@760 26 })();
pankso@760 27 /* ]]> */
pankso@760 28 </script>
pankso@678 29 </head>
pankso@711 30 <body>
pankso@678 31
pankso@678 32 <!-- Header -->
pankso@678 33 <div id="header">
pankso@769 34 <div id="logo"></div>
pankso@769 35 <div id="network">
pankso@769 36 <a href="./netmap.php">
pankso@769 37 <img src="images/network.png" alt="network.png" /></a>
pankso@769 38 <a href="http://scn.slitaz.org/">Community</a>
pankso@766 39 <a href="http://doc.slitaz.org/">Doc</a>
pankso@766 40 <a href="http://forum.slitaz.org/">Forum</a>
pankso@766 41 <a href="http://labs.slitaz.org/issues">Bugs</a>
pankso@769 42 <a href="http://hg.slitaz.org/">Hg</a>
pankso@766 43 </div>
pankso@769 44 <h1><a href="http://www.slitaz.org/">SliTaz GNU/Linux</a></h1>
pankso@769 45 </div>
pankso@769 46
pankso@769 47 <!-- Block -->
pankso@769 48 <div id="block">
pankso@769 49 <!-- Navigation -->
pankso@769 50 <div id="block_nav" style="text-align: center; padding: 10px;">
pankso@769 51 <?php include("libs/random-image.php"); ?>
pankso@769 52 </div>
pankso@769 53 <!-- Information/image -->
pankso@769 54 <div id="block_info">
pankso@769 55 <h4>About SliTaz</h4>
pankso@769 56 <p>
pankso@769 57 SliTaz is an open source and free operating system providing
pankso@769 58 a fully featured desktop or server in less than 30 MB. SliTaz
pankso@769 59 is simple to use, fast and stable. We have an active community
pankso@769 60 and contributors from all over the world making SliTaz finer
pankso@769 61 every day.
pankso@769 62 </p>
pankso@769 63 <div class="button">
pankso@769 64 Quick Download:
pankso@769 65 <a href="http://mirror.slitaz.org/iso/3.0/slitaz-3.0.iso">SliTaz 3.0</a>
pankso@769 66 <a href="http://mirror.slitaz.org/iso/cooking/slitaz-cooking.iso">SliTaz Cooking</a>
pankso@769 67 </div>
pankso@769 68 </div>
pankso@769 69 </div>
pankso@769 70
pankso@769 71 <!-- Languages -->
pankso@769 72 <div id="lang">
pankso@769 73 <a href="i18n.php"><img src="images/locale.png" alt="locale.png" /></a>
pankso@769 74 <a href="de/">Deutsch</a>
pankso@769 75 <a href="en/">English</a>
pankso@769 76 <a href="es/">Español</a>
pankso@769 77 <a href="fr/">Français</a>
pankso@769 78 <a href="id/">Indonesian</a>
pankso@769 79 <a href="pt/">Português</a>
pankso@778 80 <a href="cn/">Chinese</a>
pankso@678 81 </div>
pankso@678 82
pankso@711 83 <!-- Content -->
pankso@769 84 <div id="content">
pankso@678 85
pankso@711 86 <!-- For the main index with slideshow we keep block_nav and block_top
pankso@711 87 at min-height: 220px; -->
pankso@711 88
pankso@708 89 <!-- We just keep the last 4 web site news -->
pankso@678 90 <div id="news">
pankso@732 91
pankso@738 92 <h2>Latest news</h2>
pankso@678 93
pankso@678 94 <ul>
pankso@786 95 <li><strong><a href="en/#news">29 March 2011 - New Cooking 20110329</a></strong></li>
pankso@786 96 <li><strong><a href="en/#20101104">4 November 2010 - New Cooking 20101104</a></strong></li>
pankso@678 97 <li><strong>8 May 2010 - Summer of Documentation</strong></li>
pankso@678 98 <li><strong>28 March 2010 - SliTaz GNU/Linux 3.0 released</strong></li>
pankso@678 99 <li><strong>14 March 2010 - RC series and Solutionslinux 2010 (Paris)</strong></li>
pankso@678 100 </ul>
pankso@678 101
pankso@746 102 <!-- End of news -->
pankso@746 103 </div>
pankso@746 104
pankso@738 105 <h2>Latest Tweet</h2>
pankso@711 106 <div id="twitter">
pankso@711 107 <script src="http://widgets.twimg.com/j/2/widget.js"></script>
pankso@711 108 <script>
pankso@711 109 new TWTR.Widget({
pankso@711 110 version: 2,
pankso@711 111 type: 'profile',
pankso@711 112 rpp: 4,
pankso@711 113 interval: 6000,
pankso@711 114 width: '100%',
pankso@711 115 height: 200,
pankso@711 116 theme: {
pankso@711 117 shell: {
pankso@711 118 background: '#eaeaea',
pankso@711 119 color: '#000000'
pankso@711 120 },
pankso@711 121 tweets: {
pankso@711 122 background: '#ffffff',
pankso@711 123 color: '#000000',
pankso@711 124 links: '#3a4885'
pankso@711 125 }
pankso@711 126 },
pankso@711 127 features: {
pankso@711 128 scrollbar: false,
pankso@711 129 loop: false,
pankso@711 130 live: false,
pankso@711 131 hashtags: true,
pankso@711 132 timestamp: true,
pankso@711 133 avatars: false,
pankso@711 134 behavior: 'all'
pankso@711 135 }
pankso@711 136 }).render().setUser('slitaz').start();
pankso@711 137 </script>
pankso@711 138 </div>
pankso@711 139
pankso@796 140 <h2>Project Activity</h2>
pankso@769 141 <?php
pankso@769 142 require_once("libs/get-feed.php");
pankso@769 143 ?>
pankso@796 144
pankso@796 145 <div class="activity">
pankso@796 146 <p>
pankso@796 147 <img src="images/users.png" alt="users.png" />
pankso@796 148 Community Activity
pankso@762 149 <?php get_rss_feed("/var/cache/slitaz/website/scn.xml"); ?>
pankso@746 150 </div>
pankso@796 151 <p class="activity_more">
pankso@796 152 <a href="http://scn.slitaz.org/activity/">More activity</a>
pankso@796 153 </p>
pankso@746 154 </div>
pankso@796 155
pankso@796 156 <div class="activity">
pankso@796 157 <p>
pankso@796 158 <img src="images/development.png" alt="development.png" />
pankso@796 159 Latest Commits
pankso@762 160 <?php get_rss_feed("/var/cache/slitaz/website/wok.xml"); ?>
pankso@746 161 </div>
pankso@796 162 <p class="activity_more">
pankso@796 163 <a href="http://hg.slitaz.org/">More commits</a>
pankso@796 164 </p>
pankso@746 165 </div>
pankso@678 166
pankso@738 167 <h2>Spread SliTaz</h2>
pankso@732 168 <p>
pankso@732 169 One way to help the project is to make SliTaz even more popular.
paul@743 170 Blog, Tweet, share and talk about the project. SliTaz
paul@743 171 is also social, you can join us, share artwork or post a blog on the
pankso@732 172 <a href="http://scn.slitaz.org/">SliTaz Community Network</a>,
pankso@732 173 "Like" the official SliTaz Facebook page and get involved!
pankso@732 174 </p>
pankso@732 175
pankso@751 176 <!-- Twitter Button -->
pankso@739 177 <div style="margin-bottom: 10px;">
pankso@739 178 <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
pankso@739 179 <a href="http://twitter.com/share" class="twitter-share-button"
pankso@751 180 data-text="SliTaz GNU/Linux"
pankso@751 181 data-count="horizontal"
pankso@751 182 data-via="slitaz">Tweet</a>
pankso@739 183 </div>
pankso@739 184
pankso@732 185 <!-- Like Button -->
pankso@732 186 <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
pankso@732 187 <fb:like
pankso@732 188 href="http://www.facebook.com/pages/SliTaz/125559834176383"
pankso@739 189 show_faces="true" width="auto">
pankso@732 190 </fb:like>
pankso@739 191
pankso@760 192 <h2>Monetary support</h2>
pankso@760 193 <p>
paul@767 194 SliTaz is made by volunteers and there is no company behind
paul@794 195 the project, but we desperately need some money to maintain the project
pankso@760 196 infrastructure and services such as the main server and build host.
paul@764 197 You can help with a micropayment via Flattr or a Paypal donation to
paul@764 198 the SliTaz <a href="en/asso/">Association</a>, that way we can keep
paul@764 199 our freedom and autonomy without having any ads on our sites.
pankso@760 200 </p>
pankso@760 201 <div>
pankso@769 202 <!-- PayPal boutton -->
pankso@769 203 <form action="https://www.paypal.com/cgi-bin/webscr" method="post"
pankso@769 204 style="display: inline;">
pankso@769 205 <input type="hidden" name="cmd" value="_s-xclick" />
pankso@769 206 <input type="hidden" name="hosted_button_id" value="4885025" />
pankso@769 207 <input type="image" src="images/paypal.png" name="submit"
pankso@769 208 alt="PayPal - The safer, easier way to pay online!" />
pankso@769 209 </form>
pankso@769 210 <!-- Flattr boutton -->
pankso@760 211 <a class="FlattrButton" style="display:none;" rev="flattr;button:compact;"
pankso@769 212 href="http://www.slitaz.org/"></a>
pankso@760 213 </div>
pankso@760 214
pankso@738 215 <h2>Internationalization</h2>
pankso@678 216 <p>
pankso@678 217 The SliTaz web site is available in several languages and maintained by the
pankso@769 218 <a href="i18n.php">internationalization</a> team (i18n). Help is often
pankso@678 219 needed and you're welcome to join us if you would like to see the website
pankso@678 220 translated into your language.
pankso@678 221 </p>
pankso@793 222 <p>
pankso@793 223 <img src="images/users.png" alt="users.png" />
pankso@793 224 <a href="http://scn.slitaz.org/groups/i18n/">Join i18n group on SCN</a>
pankso@793 225 </p>
pankso@678 226
pankso@708 227 <!-- End of content -->
pankso@678 228 </div>
pankso@678 229
pankso@711 230 <!-- Footer -->
pankso@711 231 <div id="footer">
pankso@769 232 Copyright &copy; <span class="year"></span>
pankso@769 233 <a href="http://www.slitaz.org/">SliTaz</a> - Network:
pankso@769 234 <a href="http://scn.slitaz.org/">Community</a>
pankso@769 235 <a href="http://doc.slitaz.org/">Doc</a>
pankso@769 236 <a href="http://forum.slitaz.org/">Forum</a>
pankso@769 237 <a href="http://pkgs.slitaz.org/">Packages</a>
pankso@769 238 <a href="http://labs.slitaz.org/issues">Bugs</a>
pankso@769 239 <a href="http://hg.slitaz.org/">Hg</a>
pankso@769 240 <p>
pankso@769 241 SliTaz @
pankso@769 242 <a href="http://twitter.com/slitaz">Twitter</a>
pankso@769 243 <a href="http://www.facebook.com/slitaz">Facebook</a>
pankso@769 244 <a href="http://distrowatch.com/slitaz">Distrowatch</a>
pankso@769 245 <a href="http://en.wikipedia.org/wiki/SliTaz">Wikipedia</a>
pankso@769 246 <a href="http://flattr.com/profile/slitaz">Flattr</a>
pankso@769 247 </p>
pankso@678 248 </div>
pankso@678 249
pankso@678 250 </body>
pankso@678 251 </html>