slitaz-forge rev 7

Add people.slitaz.org files
author Christophe Lincoln <pankso@slitaz.org>
date Tue Feb 22 13:05:49 2011 +0100 (2011-02-22)
parents 7ed35ac1a4c3
children 41f54a8ee839
files people/favicon.ico people/index.php people/slitaz.css
line diff
     1.1 Binary file people/favicon.ico has changed
     2.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     2.2 +++ b/people/index.php	Tue Feb 22 13:05:49 2011 +0100
     2.3 @@ -0,0 +1,116 @@
     2.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
     2.5 +	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     2.6 +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
     2.7 +<head>
     2.8 +    <title>SliTaz People</title>
     2.9 +    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    2.10 +    <meta name="description" content="SliTaz contributors stuff" />
    2.11 +    <meta name="robots" content="index, nofollow" />
    2.12 +    <meta name="expires" content="never" />
    2.13 +    <meta name="modified" content="<?php echo (date( "Y-m-d H:i:s", getlastmod())); ?>" />
    2.14 +    <meta name="publisher" content="www.slitaz.org" />
    2.15 +    <link rel="shortcut icon" href="favicon.ico" />
    2.16 +    <link rel="stylesheet" type="text/css" href="slitaz.css" />
    2.17 +    <link rel="Content" href="#content" />
    2.18 +</head>
    2.19 +<body>
    2.20 +
    2.21 +<!-- Header -->
    2.22 +<div id="header">
    2.23 +	<!-- Access -->
    2.24 +	<div id="access"></div>
    2.25 +    <!-- Logo -->
    2.26 +	<a href="http://people.slitaz.org/"><img id="logo"
    2.27 +		src="pics/website/logo.png" 
    2.28 +		title="people.slitaz.org" alt="people.slitaz.org" /></a>
    2.29 +	<p id="titre">#!/People</p>
    2.30 +</div>
    2.31 +
    2.32 +<!-- Content -->
    2.33 +<div id="content-full">
    2.34 +
    2.35 +<!-- Block begin -->
    2.36 +<div class="block">
    2.37 +	<!-- Nav block begin -->
    2.38 +	<div id="block_nav" style="min-height: 200px;">
    2.39 +		<h3><img src="pics/website/development.png" alt="png" />Devel corner</h3>
    2.40 +		<ul>
    2.41 +			<li><a href="http://www.slitaz.org/en/devel/">Website/devel</a></li>
    2.42 +			<li><a href="http://labs.slitaz.org/">Laboratories</a></li>
    2.43 +			<li><a href="http://hg.slitaz.org/">Mercurial Repos</a></li>
    2.44 +			<li><a href="http://bb.slitaz.org/">Build Bot</a></li>
    2.45 +			<li><a href="http://scn.slitaz.org/">Community Network</a></li>
    2.46 +			<li><a href="http://pkgs.slitaz.org/">Packages</a></li>
    2.47 +			<li><a href="http://tank.slitaz.org/">Tank Server</a></li>
    2.48 +		</ul>	
    2.49 +	<!-- Nav block end -->
    2.50 +	</div>
    2.51 +	<!-- Top block begin -->
    2.52 +	<div id="block_top" style="min-height: 200px;">
    2.53 +		<h1>people.slitaz.org</h1>
    2.54 +		<p>
    2.55 +			Each contributor who has access to the project main server,
    2.56 +			code name <a href="http://tank.slitaz.org/">Tank</a>, can 
    2.57 +			have a public directory to put personal stuff related to SliTaz.
    2.58 +			This Public directory can be reached with URLs in the form of: 
    2.59 +			http://people.slitaz.org/~contributors/. More information on 
    2.60 +			<a href="http://www.slitaz.org/">SliTaz Website</a> and
    2.61 +			<a href="http://labs.slitaz.org/">SliTaz Labs</a>.
    2.62 +		</p>
    2.63 +	<!-- Top block end -->
    2.64 +	</div>
    2.65 +<!-- Block end -->
    2.66 +</div>
    2.67 +
    2.68 +<h2>SliTaz people</h2>
    2.69 +
    2.70 +<ul>
    2.71 +<?php
    2.72 +if ($handle = opendir('/home')) {
    2.73 +	while (false !== ($dir = readdir($handle))) {
    2.74 +		if ($dir != "." && $dir != "..") {
    2.75 +			$pub = "/home/$dir/Public";
    2.76 +			$user = "$dir";
    2.77 +			if (file_exists($pub)) {
    2.78 +			echo "	<li><a href=\"/~$user/\">$user</a></li>\n";
    2.79 +			}
    2.80 +		}
    2.81 +	}
    2.82 +	closedir($handle);
    2.83 +}
    2.84 +?>
    2.85 +</ul>
    2.86 +
    2.87 +<!-- End of content -->
    2.88 +</div>
    2.89 +
    2.90 +<!-- Footer -->
    2.91 +<div id="footer">
    2.92 +	<div class="right_box">
    2.93 +	<h4>SliTaz Network</h4>
    2.94 +		<ul>
    2.95 +			<li><a href="http://www.slitaz.org/">Main Website</a></li>
    2.96 +			<li><a href="http://doc.slitaz.org/">Documentation</a></li>
    2.97 +			<li><a href="http://forum.slitaz.org/">Support Forum</a></li>
    2.98 +			<li><a href="http://scn.slitaz.org/">Community Network</a></li>
    2.99 +			<li><a href="http://labs.slitaz.org/">Laboratories</a></li>
   2.100 +			<li><a href="http://twitter.com/slitaz">SliTaz on Twitter</a></li>
   2.101 +			<li><a href="http://distrowatch.com/slitaz">SliTaz on DistroWatch</a></li>
   2.102 +		</ul>
   2.103 +	</div>
   2.104 +	<h4>Informations</h4>
   2.105 +	<ul>
   2.106 +		<li>Copyright &copy; <span class="year"></span>
   2.107 +			<a href="http://www.slitaz.org/">SliTaz</a></li>
   2.108 +		<li><a href="http://www.slitaz.org/en/about/">About the project</a></li>
   2.109 +		<li><a href="http://www.slitaz.org/netmap.php">Network Map</a></li>
   2.110 +		<li>Page modified the <?php echo (date( "d M Y", getlastmod())); ?></li>
   2.111 +		<li><a href="http://validator.w3.org/check?uri=referer"><img
   2.112 +		src="pics/website/xhtml10.png" alt="Valid XHTML 1.0"
   2.113 +		title="Code validé XHTML 1.0"
   2.114 +		style="width: 80px; height: 15px; vertical-align: middle;" /></a></li>
   2.115 +	</ul>
   2.116 +</div>
   2.117 +
   2.118 +</body>
   2.119 +</html>
     3.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     3.2 +++ b/people/slitaz.css	Tue Feb 22 13:05:49 2011 +0100
     3.3 @@ -0,0 +1,442 @@
     3.4 +/*
     3.5 +	CSS style for SliTaz Network - (c) 2011 SliTaz GNU/Linux
     3.6 +*/
     3.7 +
     3.8 +html {
     3.9 +	min-height:  102%;
    3.10 +}
    3.11 +body {
    3.12 +	background: #ffffff;
    3.13 +	color: black;
    3.14 +	font: 13px sans-serif, vernada, arial;
    3.15 +	margin: 0;
    3.16 +	border-top: 34px solid #f1f1f1;
    3.17 +}
    3.18 +a { text-decoration: underline; color: #103a5e; }
    3.19 +a:hover { text-decoration: none; color: blue; }
    3.20 +img { border: 0pt none; }
    3.21 +
    3.22 +/* Accessibility */
    3.23 +
    3.24 +#access {
    3.25 +	position: absolute;
    3.26 +	top: 4px;
    3.27 +	right: 0px;
    3.28 +	text-align: right;
    3.29 +	width: auto;
    3.30 +	margin: 0;
    3.31 +	padding: 4px 4px 4px 20px;
    3.32 +	font-size: 11px;
    3.33 +	font-weight: bold;
    3.34 +}
    3.35 +#access a {
    3.36 +	background: transparent;
    3.37 +	color: #0F314E;
    3.38 +	text-decoration: none;
    3.39 +}
    3.40 +#access a:hover { color: #b64b22; }
    3.41 +#access img { vertical-align: middle; }
    3.42 +
    3.43 +/* Header */
    3.44 +
    3.45 +#header {
    3.46 +	background: #351a0a url(pics/website/header-img.png) no-repeat top right;
    3.47 +	color: black;
    3.48 +	width: 100%;
    3.49 +	height: 42px;
    3.50 +	border-top: 1px solid black;
    3.51 +	border-bottom: 1px solid #999;
    3.52 +	margin-bottom: 33px;
    3.53 +}
    3.54 +#titre {
    3.55 +	position: absolute;
    3.56 +	font-size: 14px;
    3.57 +	font-weight: bolder ;
    3.58 +	left: 180px;
    3.59 +	top: 4px;
    3.60 +}
    3.61 +#logo {
    3.62 +	position: absolute;
    3.63 +	float: left;
    3.64 +	left: 16px;
    3.65 +	top: -10px;
    3.66 +	width: 200px;
    3.67 +	height: 74px;
    3.68 +}
    3.69 +
    3.70 +/* Side bar */
    3.71 +
    3.72 +#nav {
    3.73 +	position: absolute;
    3.74 +	top: 102px;
    3.75 +	right: 80px;
    3.76 +	color: #555555;
    3.77 +	float: right;
    3.78 +	width: 250px;
    3.79 +	line-height: 1.5em;
    3.80 +	text-align: left;
    3.81 +	font-size: 12px;
    3.82 +}
    3.83 +#nav h4 {
    3.84 +	font-size: 120%;
    3.85 +	color: #666666;
    3.86 +	font-weight: bold;
    3.87 +	margin: 0;
    3.88 +	padding: 0 0 1px 0;
    3.89 +	border-bottom: 1px solid #cecece;
    3.90 +}
    3.91 +#nav a {
    3.92 +	color: #0F314E;
    3.93 +	background: inherit;
    3.94 +	display: block;
    3.95 +	text-decoration: none;
    3.96 +	font-weight: bold;
    3.97 +}
    3.98 +#nav a:hover {
    3.99 +	color: #b64b22;
   3.100 +	text-decoration: none;
   3.101 +	display: block;
   3.102 +}
   3.103 +#nav .nav_box ul {
   3.104 +	list-style-type: none;
   3.105 +	margin: 0;
   3.106 +	padding: 10px 24px 10px 0px;
   3.107 +	background-color: inherit;
   3.108 +}
   3.109 +#nav li { display: inline; }
   3.110 +#nav ul {
   3.111 +	-moz-border-radius: 8px;
   3.112 +	-webkit-border-radius: 8px;
   3.113 +	border-radius: 8px;
   3.114 +	list-style-type: none;
   3.115 +	margin: 10px 0;
   3.116 +	padding: 10px 24px 10px 24px;
   3.117 +	background-color: #eaeaea;
   3.118 +}
   3.119 +.nav_box {
   3.120 +	margin: 10px 0;
   3.121 +	padding: 10px 24px 10px 24px;
   3.122 +	background-color: #eaeaea;
   3.123 +	text-align: justify;
   3.124 +}
   3.125 +#nav .nav_box p { line-height: 1.3em; }
   3.126 +#nav .nav_box p a {
   3.127 +	display: inline;
   3.128 +	font-weight: normal;
   3.129 +	text-decoration: underline;
   3.130 +}
   3.131 +#nav .nav_box p a:hover {
   3.132 +	text-decoration: none;
   3.133 +	color: blue;
   3.134 +	background: inherit;
   3.135 +}
   3.136 +
   3.137 +/* Page content */
   3.138 +
   3.139 +#content, #content-full {
   3.140 +	background: white;
   3.141 +	color: black;
   3.142 +	text-align: justify;
   3.143 +	height: auto;
   3.144 +}
   3.145 +#content, #content-full {
   3.146 +	margin: 6px 320px 0px 0px;
   3.147 +	padding: 0px 40px 60px 80px;
   3.148 +}
   3.149 +#content-full {
   3.150 +	margin: 0;
   3.151 +	padding: 0px 80px 40px 80px;
   3.152 +}
   3.153 +#content li, #content-full li {
   3.154 +	line-height: 1.5em;
   3.155 +	text-align: left;
   3.156 +}
   3.157 +#news li {
   3.158 +	list-style-type: square;
   3.159 +	border-bottom: 1px dotted #BEBEBE;
   3.160 +	margin-left: -25px;
   3.161 +	padding: 4px 0px 4px 0px;
   3.162 +}
   3.163 +#news a { text-decoration: none; }
   3.164 +
   3.165 +/* Box and block. */
   3.166 +
   3.167 +.infobox {
   3.168 +	margin: 20px 60px;
   3.169 +	padding: 12px;
   3.170 +	background: #f8f8f8;
   3.171 +}
   3.172 +.infobox img { vertical-align: middle; }
   3.173 +.infobox:hover { background-color: #FBFBFB; }
   3.174 +.block {
   3.175 +	/*padding-bottom: 35%;*/
   3.176 +	color: black;
   3.177 +	min-height: 200px;
   3.178 +	margin-bottom: 40px;
   3.179 +}
   3.180 +.block ul {
   3.181 +	list-style-type: none;
   3.182 +	margin: 0;
   3.183 +	padding: 0 20px;
   3.184 +}
   3.185 +.block_left {
   3.186 +	width: 46%;
   3.187 +	float: left;
   3.188 +	background-color: #eaeaea;
   3.189 +	margin: 4px 2px;
   3.190 +	padding: 0 10px 10px 10px;
   3.191 +}
   3.192 +.block_right {
   3.193 +	width: 46%;
   3.194 +	float: right;
   3.195 +	background-color: #eaeaea;
   3.196 +	margin: 4px 2px;
   3.197 +	padding: 0 10px 10px 10px;
   3.198 +}
   3.199 +#block_top {
   3.200 +	color: black;
   3.201 +	background-color: #eaeaea;
   3.202 +	min-height: 180px;
   3.203 +	margin-bottom: 40px;
   3.204 +	margin-right: 340px;
   3.205 +	padding: 0 10px;
   3.206 +}
   3.207 +#block_nav {
   3.208 +	width: 300px;
   3.209 +	min-height: 180px;
   3.210 +	float: right;
   3.211 +	background-color: #eaeaea;
   3.212 +	margin: 0;
   3.213 +	padding: 0 10px;
   3.214 +}
   3.215 +.nav_box, .infobox, .block_left, .block_right, #block_top, 
   3.216 +#block_nav, #footer {
   3.217 +	-moz-border-radius: 8px;
   3.218 +	-webkit-border-radius: 8px;
   3.219 +	border-radius: 8px;
   3.220 +	-moz-box-shadow: 0 1px 3px #666;
   3.221 +	-webkit-box-shadow: 0 1px 3px #666;
   3.222 +	box-shadow: 0 1px 3px #666;
   3.223 +	/* CSS3 transition */
   3.224 +	-webkit-transition-property: background-color;
   3.225 +	-webkit-transition-duration: 2s;
   3.226 +	-moz-transition-property: background-color;
   3.227 +	-moz-transition-duration: 2s;
   3.228 +	transition-property: background-color;
   3.229 +	transition-duration: 2s;
   3.230 +}
   3.231 +#block_nav { font-weight: bold; }
   3.232 +#block_nav a { text-decoration: none; }
   3.233 +#block_nav li a:hover { color: #b64b22; }
   3.234 +#block_nav ul { margin: 0; list-style-type: none; }
   3.235 +#block_nav h3 { font-size: 110%; }
   3.236 +.nav_box:hover, .block_left:hover, .block_right:hover, 
   3.237 +#block_top:hover, #block_nav:hover, #footer:hover { 
   3.238 +	background-color: #f8f8f8;
   3.239 +}
   3.240 +.right_box { width: 50%; float: right; }
   3.241 +.left_box { width: 50%; float: left; }
   3.242 +
   3.243 +/* Button */
   3.244 +.button { margin-left: 20px; }
   3.245 +.button a { 
   3.246 +	background-color: #b64b22;
   3.247 +	color: #ffffff;
   3.248 +	margin-right: 6px;
   3.249 +	padding: 6px 10px;
   3.250 +	font-size: 14px;
   3.251 +	-moz-border-radius: 4px;
   3.252 +	-webkit-border-radius: 4px;
   3.253 +	border-radius: 4px;
   3.254 +	-moz-box-shadow: 0 1px 3px #666;
   3.255 +	-webkit-box-shadow: 0 1px 3px #666;
   3.256 +	box-shadow: 0 1px 3px #666;
   3.257 +}
   3.258 +.button a:hover, input[type=submit]:hover { 
   3.259 +	background-color: #a3431f;
   3.260 +	color: #ffffff;
   3.261 +}
   3.262 +input[type=submit] {
   3.263 +	border: 1px solid #b64b22;
   3.264 +	background-color: #b64b22;
   3.265 +	color: white;
   3.266 +	font-weight: bold;
   3.267 +	cursor: pointer;
   3.268 +	padding: 3px 10px;
   3.269 +	font-size: 14px;
   3.270 +	-moz-border-radius: 2px;
   3.271 +	-webkit-border-radius: 2px;
   3.272 +	border-radius: 2px;
   3.273 +	-moz-box-shadow: 0 0 5px #666;
   3.274 +	-webkit-box-shadow: 0 0 5px#666;
   3.275 +	box-shadow: 0 0 5px #666;
   3.276 +	margin-left: -5px;
   3.277 +}
   3.278 +input[type=text] {
   3.279 +	border: 1px solid #333333;
   3.280 +	padding: 3px;
   3.281 +	width: 100%;
   3.282 +}
   3.283 +
   3.284 +/* Text transform at 45deg */
   3.285 +.floor {
   3.286 +	color: #999999;
   3.287 +	font-size: 20px;
   3.288 +	-webkit-transform: rotate(-45deg) skew(15deg, 15deg);
   3.289 +	-moz-transform: rotate(-45deg) skew(15deg, 15deg);
   3.290 +	-o-transform: rotate(-45deg) skew(15deg, 15deg);
   3.291 +	-ms-transform: rotate(-45deg) skew(15deg, 15deg);
   3.292 +	transform: rotate(-45deg) skew(15deg, 15deg);
   3.293 +}
   3.294 +#twitter, .feedbox {
   3.295 +	margin-top: 20px;
   3.296 +	-moz-border-radius: 8px;
   3.297 +	-webkit-border-radius: 8px;
   3.298 +	border-radius: 8px;
   3.299 +	-moz-box-shadow: 0 1px 3px #666;
   3.300 +	-webkit-box-shadow: 0 1px 3px #666;
   3.301 +	box-shadow: 0 1px 3px #666;
   3.302 +}
   3.303 +.feedbox {
   3.304 +	background-color: #f9f9f9;
   3.305 +	padding: 10px 20px;
   3.306 +	margin: 20px 100px;
   3.307 +}
   3.308 +.feedbox div {
   3.309 +	height: 320px;
   3.310 +	overflow: auto;
   3.311 +}
   3.312 +.feedbox ul { list-style-type: none; margin: 0; }
   3.313 +
   3.314 +/* Clouds */
   3.315 +#cloud {
   3.316 +	padding: 10px 0px;
   3.317 +	line-height: 3em;
   3.318 +	text-align: center;
   3.319 +}
   3.320 +#cloud a { padding: 0 2px; color: #444444; }
   3.321 +#cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
   3.322 +#cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
   3.323 +#cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
   3.324 +#cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
   3.325 +#cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
   3.326 +#cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
   3.327 +#cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
   3.328 +#cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
   3.329 +#cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
   3.330 +#cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
   3.331 +
   3.332 +/* Slideshow and gallery */
   3.333 +#slideshow
   3.334 +{
   3.335 +	overflow: hidden;
   3.336 +	margin: 10px auto 10px;
   3.337 +	position: relative;
   3.338 +	width: 260px;
   3.339 +	height: 163px;
   3.340 +}
   3.341 +#slideshow img
   3.342 +{
   3.343 +	border: 0;
   3.344 +	width: 260px;
   3.345 +	height: 163px;
   3.346 +}
   3.347 +#gallery { text-align: center; }
   3.348 +
   3.349 +/* HTML styles */
   3.350 +
   3.351 +h1 {
   3.352 +	color: #444444;
   3.353 +	background: transparent;
   3.354 +	text-align: left;
   3.355 +	margin: 0px 0px 4px 0px;
   3.356 +	font-size: 150%;
   3.357 +	font-weight: bold;
   3.358 +	padding: 5px 0 0 10px;
   3.359 +}
   3.360 +h2 {
   3.361 +	color: #b64b22;
   3.362 +	padding: 0;
   3.363 +	margin: 20px 0 0 0;
   3.364 +	font-size: 130%;
   3.365 +	font-weight: bold;
   3.366 +}
   3.367 +h3 {
   3.368 +	font-weight: bold;
   3.369 +	color: #666666;
   3.370 +	background: transparent;
   3.371 +}
   3.372 +h3 img, h2 img { 
   3.373 +	vertical-align: middle;
   3.374 +	width: 20px;
   3.375 +	height: 20px;
   3.376 +	padding-right: 4px; 
   3.377 +}
   3.378 +code, tt {
   3.379 +	font-size: 12px;
   3.380 +	color: #669900;
   3.381 +}
   3.382 +pre, pre.script {
   3.383 +	padding: 10px;
   3.384 +	color: black;
   3.385 +	background: #E8E8E8;
   3.386 +	border: 1px inset #606060;
   3.387 +}
   3.388 +
   3.389 +/* Packages pages */
   3.390 +
   3.391 +.pkg_nav {
   3.392 +	border-top: 1px solid black;
   3.393 +	margin-top: 10px;
   3.394 +	padding-top: 10px;
   3.395 +}
   3.396 +pre.package {
   3.397 +	padding: 0px;
   3.398 +	color: black;
   3.399 +	background: white;
   3.400 +}
   3.401 +p.get {
   3.402 +	text-align: center;
   3.403 +	padding: 10px;
   3.404 +	color: black;
   3.405 +	background: #F3F3F3;
   3.406 +	border: 1px solid #DEDEDE;
   3.407 +	border-radius: 4px;
   3.408 +	-moz-border-radius: 4px;
   3.409 +	-webkit-border-radius: 4px;
   3.410 +}
   3.411 +p.get a {
   3.412 +	font-weight: bold;
   3.413 +	text-decoration: none;
   3.414 +}
   3.415 +.pkgs-search { 
   3.416 +	text-align: center; 
   3.417 +	padding: 40px 20px 80px 20px;
   3.418 +}
   3.419 +
   3.420 +/* Footer */
   3.421 +
   3.422 +#footer {
   3.423 +	margin: 0px 80px 80px 80px;
   3.424 +	padding: 10px;
   3.425 +	background: #eaeaea;
   3.426 +	color: #666666;
   3.427 +	height: 180px;
   3.428 +	clear: both;
   3.429 +	border-radius: 8px;
   3.430 +	-moz-border-radius: 8px;
   3.431 +	-webkit-border-radius: 8px;
   3.432 +	-moz-box-shadow: 0 1px 3px #666;
   3.433 +	-webkit-box-shadow: 0 1px 3px #666;
   3.434 +	box-shadow: 0 1px 3px #666;
   3.435 +}
   3.436 +#footer a { color: #666666; }
   3.437 +#footer a:hover { color: #333333; }
   3.438 +#footer ul { list-style-type: none; }
   3.439 +#footer li { padding: 2px; }
   3.440 +#footer h4 { margin: 0 20px; font-size: 125%; }
   3.441 +
   3.442 +.year:after {
   3.443 +	/* content: "2007-2011"; */
   3.444 +	content: "2011";
   3.445 +}