website annotate index.php @ rev 809

Move #news to a class and display blog posts on main page
author Christophe Lincoln <pankso@slitaz.org>
date Wed Mar 30 20:52:06 2011 +0200 (2011-03-30)
parents 111573c244f6
children 933c366e6957
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@809 90 <div class="news">
pankso@732 91
pankso@809 92 <h2>Latest News</h2>
pankso@678 93
pankso@678 94 <ul>
pankso@809 95 <li><strong><a href="en/#news">New Cooking 20110329</a></strong>
pankso@809 96 <span>- 29 March 2011</span></li>
pankso@809 97 <li><strong><a href="en/#20101104">New Cooking 20101104</a></strong>
pankso@809 98 <span>- 4 November 2010</span></li>
pankso@809 99 <li><strong>Summer of Documentation</strong>
pankso@809 100 <span>- 8 May 2010</span></li>
pankso@809 101 <li><strong>SliTaz GNU/Linux 3.0 released</strong>
pankso@809 102 <span>- 28 March 2010 </span></li>
pankso@809 103 <li><strong>RC series and Solutionslinux 2010 (Paris)</strong>
pankso@809 104 <span>- 14 March 2010</span></li>
pankso@678 105 </ul>
pankso@678 106
pankso@746 107 <!-- End of news -->
pankso@746 108 </div>
pankso@746 109
pankso@801 110 <h2>Project Activity</h2>
pankso@801 111 <?php
pankso@808 112 require_once("libs/get-feeds.php");
pankso@801 113 ?>
pankso@801 114
pankso@801 115 <div class="activity">
pankso@801 116 <p>
pankso@801 117 <a href="http://scn.slitaz.org/activity/"><img
pankso@801 118 src="images/users.png" alt="users.png" /></a>
pankso@804 119 Community activity
pankso@808 120 <?php get_feed("scn.xml"); ?>
pankso@801 121 </div>
pankso@801 122 <p class="activity_more">
pankso@801 123 <a href="http://scn.slitaz.org/activity/">More activity</a>
pankso@801 124 </p>
pankso@801 125 </div>
pankso@801 126
pankso@801 127 <div class="activity">
pankso@801 128 <p>
pankso@801 129 <a href="http://hg.slitaz.org/">
pankso@801 130 <img src="images/development.png" alt="development.png" /></a>
pankso@803 131 Latest commits in wok
pankso@808 132 <?php get_feed("wok.xml"); ?>
pankso@801 133 </div>
pankso@801 134 <p class="activity_more">
pankso@801 135 <a href="http://hg.slitaz.org/">More commits</a>
pankso@801 136 </p>
pankso@801 137 </div>
pankso@801 138
pankso@809 139 <h2>Blog Posts</h2>
pankso@809 140
pankso@809 141 <div class="news">
pankso@809 142 <?php get_feed_blog("blog.xml"); ?>
pankso@809 143 </div>
pankso@809 144
pankso@738 145 <h2>Latest Tweet</h2>
pankso@711 146 <div id="twitter">
pankso@711 147 <script src="http://widgets.twimg.com/j/2/widget.js"></script>
pankso@711 148 <script>
pankso@711 149 new TWTR.Widget({
pankso@711 150 version: 2,
pankso@711 151 type: 'profile',
pankso@711 152 rpp: 4,
pankso@711 153 interval: 6000,
pankso@711 154 width: '100%',
pankso@711 155 height: 200,
pankso@711 156 theme: {
pankso@711 157 shell: {
pankso@711 158 background: '#eaeaea',
pankso@711 159 color: '#000000'
pankso@711 160 },
pankso@711 161 tweets: {
pankso@711 162 background: '#ffffff',
pankso@711 163 color: '#000000',
pankso@711 164 links: '#3a4885'
pankso@711 165 }
pankso@711 166 },
pankso@711 167 features: {
pankso@711 168 scrollbar: false,
pankso@711 169 loop: false,
pankso@711 170 live: false,
pankso@711 171 hashtags: true,
pankso@711 172 timestamp: true,
pankso@711 173 avatars: false,
pankso@711 174 behavior: 'all'
pankso@711 175 }
pankso@711 176 }).render().setUser('slitaz').start();
pankso@711 177 </script>
pankso@711 178 </div>
pankso@711 179
pankso@738 180 <h2>Spread SliTaz</h2>
pankso@732 181 <p>
pankso@732 182 One way to help the project is to make SliTaz even more popular.
pankso@805 183 Blog, Tweet this page, share and talk about the project. SliTaz
paul@743 184 is also social, you can join us, share artwork or post a blog on the
pankso@732 185 <a href="http://scn.slitaz.org/">SliTaz Community Network</a>,
pankso@732 186 "Like" the official SliTaz Facebook page and get involved!
pankso@732 187 </p>
pankso@732 188
pankso@751 189 <!-- Twitter Button -->
pankso@739 190 <div style="margin-bottom: 10px;">
pankso@739 191 <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
pankso@739 192 <a href="http://twitter.com/share" class="twitter-share-button"
pankso@751 193 data-text="SliTaz GNU/Linux"
pankso@751 194 data-count="horizontal"
pankso@751 195 data-via="slitaz">Tweet</a>
pankso@739 196 </div>
pankso@739 197
pankso@732 198 <!-- Like Button -->
pankso@732 199 <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
pankso@732 200 <fb:like
pankso@732 201 href="http://www.facebook.com/pages/SliTaz/125559834176383"
pankso@739 202 show_faces="true" width="auto">
pankso@732 203 </fb:like>
pankso@739 204
pankso@760 205 <h2>Monetary support</h2>
pankso@760 206 <p>
paul@767 207 SliTaz is made by volunteers and there is no company behind
pankso@804 208 the project, but we desperately need some money to maintain the
pankso@804 209 project infrastructure and services such as the main server and
pankso@804 210 build host. You can help with a micropayment via Flattr or a
pankso@804 211 Paypal donation to the SliTaz <a href="en/asso/">Association</a>,
pankso@804 212 that way we can keep our freedom and autonomy without having any
pankso@804 213 ads on our sites.
pankso@760 214 </p>
pankso@760 215 <div>
pankso@804 216 <!-- PayPal Button -->
pankso@769 217 <form action="https://www.paypal.com/cgi-bin/webscr" method="post"
pankso@769 218 style="display: inline;">
pankso@769 219 <input type="hidden" name="cmd" value="_s-xclick" />
pankso@769 220 <input type="hidden" name="hosted_button_id" value="4885025" />
pankso@769 221 <input type="image" src="images/paypal.png" name="submit"
pankso@769 222 alt="PayPal - The safer, easier way to pay online!" />
pankso@769 223 </form>
pankso@804 224 <!-- Flattr Button -->
pankso@760 225 <a class="FlattrButton" style="display:none;" rev="flattr;button:compact;"
pankso@769 226 href="http://www.slitaz.org/"></a>
pankso@760 227 </div>
pankso@760 228
pankso@738 229 <h2>Internationalization</h2>
pankso@678 230 <p>
pankso@678 231 The SliTaz web site is available in several languages and maintained by the
pankso@769 232 <a href="i18n.php">internationalization</a> team (i18n). Help is often
pankso@678 233 needed and you're welcome to join us if you would like to see the website
pankso@678 234 translated into your language.
pankso@678 235 </p>
pankso@793 236 <p>
pankso@793 237 <img src="images/users.png" alt="users.png" />
pankso@793 238 <a href="http://scn.slitaz.org/groups/i18n/">Join i18n group on SCN</a>
pankso@793 239 </p>
pankso@678 240
pankso@708 241 <!-- End of content -->
pankso@678 242 </div>
pankso@678 243
pankso@711 244 <!-- Footer -->
pankso@711 245 <div id="footer">
pankso@769 246 Copyright &copy; <span class="year"></span>
pankso@769 247 <a href="http://www.slitaz.org/">SliTaz</a> - Network:
pankso@769 248 <a href="http://scn.slitaz.org/">Community</a>
pankso@769 249 <a href="http://doc.slitaz.org/">Doc</a>
pankso@769 250 <a href="http://forum.slitaz.org/">Forum</a>
pankso@769 251 <a href="http://pkgs.slitaz.org/">Packages</a>
pankso@769 252 <a href="http://labs.slitaz.org/issues">Bugs</a>
pankso@769 253 <a href="http://hg.slitaz.org/">Hg</a>
pankso@769 254 <p>
pankso@769 255 SliTaz @
pankso@769 256 <a href="http://twitter.com/slitaz">Twitter</a>
pankso@769 257 <a href="http://www.facebook.com/slitaz">Facebook</a>
pankso@769 258 <a href="http://distrowatch.com/slitaz">Distrowatch</a>
pankso@769 259 <a href="http://en.wikipedia.org/wiki/SliTaz">Wikipedia</a>
pankso@769 260 <a href="http://flattr.com/profile/slitaz">Flattr</a>
pankso@769 261 </p>
pankso@678 262 </div>
pankso@678 263
pankso@678 264 </body>
pankso@678 265 </html>