slitaz-forge rev 651
Update people.slitaz.org style
| author | Christophe Lincoln <pankso@slitaz.org> |
|---|---|
| date | Mon Feb 20 03:21:05 2017 +0100 (2017-02-20) |
| parents | 9cd6a73b5cf7 |
| children | 910edf0570ff |
| files | people/index.php people/slitaz.css |
line diff
1.1 --- a/people/index.php Mon Feb 20 02:27:21 2017 +0100 1.2 +++ b/people/index.php Mon Feb 20 03:21:05 2017 +0100 1.3 @@ -1,9 +1,8 @@ 1.4 -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 1.5 - "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 1.6 -<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 1.7 +<!DOCTYPE html> 1.8 +<html lang="en"> 1.9 <head> 1.10 + <meta charset="UTF-8"> 1.11 <title>SliTaz People</title> 1.12 - <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 1.13 <meta name="description" content="slitaz people" /> 1.14 <meta name="keywords" lang="en" content="slitaz network, slitaz developers, slitaz contributors" /> 1.15 <meta name="robots" content="index, follow, all" /> 1.16 @@ -40,68 +39,59 @@ 1.17 <div id="header"> 1.18 <div id="logo"></div> 1.19 <div id="network"> 1.20 - <a href="http://www.slitaz.org/">Home 1.21 - <!-- <img src="images/home.png" alt="[ Home ]" />--></a> 1.22 + <a href="http://www.slitaz.org/">Home</a> 1.23 <a href="http://scn.slitaz.org/">Community</a> 1.24 <a href="http://doc.slitaz.org/">Doc</a> 1.25 <a href="http://forum.slitaz.org/">Forum</a> 1.26 <a href="http://irc.slitaz.org/">IRC</a> 1.27 - <a href="http://pro.slitaz.org/">Pro</a> 1.28 <a href="http://shop.slitaz.org/">Shop</a> 1.29 <a href="http://bugs.slitaz.org">Bugs</a> 1.30 <a href="http://hg.slitaz.org/?sort=lastchange">Hg</a> 1.31 - <a href="http://cook.slitaz.org/">Cook</a> 1.32 </div> 1.33 <h1><a href="http://people.slitaz.org/">SliTaz People</a></h1> 1.34 </div> 1.35 1.36 -<!-- Block --> 1.37 -<div id="block"> 1.38 - <!-- Navigation --> 1.39 - <div id="block_nav"> 1.40 - <h4><img src="images/development.png" alt="development.png" />Developers Corner</h4> 1.41 - <ul> 1.42 - <li><a href="http://www.slitaz.org/en/devel/">Devel Doc</a></li> 1.43 - <li><a href="http://pizza.slitaz.me">Pizza</a></li> 1.44 - <li><a href="http://tank.slitaz.org/">Tank Server</a></li> 1.45 - <li><a href="http://roadmap.slitaz.org/">Roadmap</a></li> 1.46 - </ul> 1.47 - </div> 1.48 - <!-- Information/image --> 1.49 - <div id="block_info"> 1.50 - <h4>People</h4> 1.51 - <p> 1.52 - Each contributor who has access to the project main server, 1.53 - code name <a href="http://tank.slitaz.org/">Tank</a> can 1.54 - have a public directory. 1.55 - </p> 1.56 - <p> 1.57 - You can help us maintain and improve this service with a small 1.58 - donation to the SliTaz association: 1.59 - </p> 1.60 - <!-- PayPal Button --> 1.61 - <form action="https://www.paypal.com/cgi-bin/webscr" method="post" 1.62 - style="display: inline;"> 1.63 - <input type="hidden" name="cmd" value="_s-xclick" /> 1.64 - <input type="hidden" name="hosted_button_id" value="4885025" /> 1.65 - <input type="image" src="images/paypal.png" name="submit" 1.66 - alt="PayPal - The safer, easier way to pay online!" /> 1.67 - </form> 1.68 - <!-- Flattr Button --> 1.69 - <a class="FlattrButton" style="display:none;" rev="flattr;button:compact;" 1.70 - href="http://www.slitaz.org/"></a> 1.71 - </div> 1.72 -</div> 1.73 +<!-- Navigation menu --> 1.74 +<nav id="nav" role="navigation" tabindex="0"> 1.75 + <ul> 1.76 + <li><a class="nav1" href="http://cook.slitaz.org/">Cook</a></li> 1.77 + <li><a class="nav2" href="http://scn.slitaz.org/?wall">SCN Wall</a></li> 1.78 + <li><a class="nav1" href="http://roadmap.slitaz.org/">Roadmap</a></li> 1.79 + <li><a class="nav2" href="http://tank.slitaz.org/">Tank</a></li> 1.80 + <li><a class="nav1" href="http://www.slitaz.org/en/devel/">Development</a></li> 1.81 + </ul> 1.82 + <p> 1.83 + SliTaz contributors public content (info, packages, code, ...) 1.84 + </p> 1.85 +</nav> 1.86 1.87 <!-- Content --> 1.88 -<div id="content"> 1.89 +<section id="content"> 1.90 1.91 -<h2>SliTaz people</h2> 1.92 +<h2>Help SliTaz people</h2> 1.93 + 1.94 +<p> 1.95 + You can help us maintain and improve this service with a small 1.96 + donation to the SliTaz association: 1.97 +</p> 1.98 +<!-- PayPal Button --> 1.99 +<form action="https://www.paypal.com/cgi-bin/webscr" method="post" 1.100 + style="display: inline;"> 1.101 + <input type="hidden" name="cmd" value="_s-xclick" /> 1.102 + <input type="hidden" name="hosted_button_id" value="4885025" /> 1.103 + <input type="image" src="images/paypal.png" name="submit" 1.104 + alt="PayPal - The safer, easier way to pay online!" /> 1.105 +</form> 1.106 +<!-- Flattr Button --> 1.107 +<a class="FlattrButton" style="display:none;" rev="flattr;button:compact;" 1.108 + href="http://www.slitaz.org/"></a> 1.109 + 1.110 +<h3>Contributors</h3> 1.111 1.112 <ul> 1.113 <?php 1.114 if ($handle = opendir('/home')) { 1.115 - $scn_url = 'http://scn.slitaz.org/members'; 1.116 + $scn_url = 'http://scn.slitaz.org/?user='; 1.117 while (false !== ($dir = readdir($handle))) { 1.118 if ($dir != "." && $dir != "..") { 1.119 $pub = "/home/$dir/Public"; 1.120 @@ -115,7 +105,7 @@ 1.121 echo " | Location: $location"; 1.122 } 1.123 if (! empty($scn_user)) { 1.124 - echo " | <a href=\"$scn_url/$scn_user/\">SCN activity</a>"; 1.125 + echo " | <a href=\"$scn_url$scn_user/\">SCN activity</a>"; 1.126 } 1.127 if (! empty($skills)) { 1.128 echo " | Skills: $skills"; 1.129 @@ -136,9 +126,9 @@ 1.130 </ul> 1.131 1.132 <!-- End of content --> 1.133 -</div> 1.134 +</section> 1.135 1.136 -<div style="margin-top: 100px;"></div> 1.137 +<div style="margin-top: 60px;"></div> 1.138 1.139 <!-- Footer --> 1.140 <div id="footer">
2.1 --- a/people/slitaz.css Mon Feb 20 02:27:21 2017 +0100 2.2 +++ b/people/slitaz.css Mon Feb 20 03:21:05 2017 +0100 2.3 @@ -16,11 +16,13 @@ 2.4 } 2.5 2.6 a { text-decoration: underline; color: #215090; } 2.7 -a:hover { text-decoration: none; color: blue; } 2.8 +a:hover { text-decoration: none; } 2.9 img { border: 0pt none; vertical-align: middle; } 2.10 -h2 { color: #444; } 2.11 +h2 { color: #444; font-size: 180%; } 2.12 h3 { color: #666; font-size: 140%; } 2.13 h4 { color: #888; font-size: 120%; } 2.14 +h2, h3 { border-bottom: 1px dashed #afafaf; padding-bottom: 5px; } 2.15 +li { list-style-type: square; } 2.16 pre { 2.17 background-color: #f8f8f8; 2.18 border: 1px solid #ddd; 2.19 @@ -31,26 +33,32 @@ 2.20 2.21 #header { 2.22 height: 40px; 2.23 - background: #222; 2.24 + background: #111 url(images/logo.png) no-repeat left; 2.25 } 2.26 2.27 #header h1 { 2.28 margin: 0; 2.29 - padding: 8px 0 0 42px; 2.30 - width: 250px; 2.31 + padding: 8px 0 8px 42px; 2.32 + width: 280px; 2.33 + font-size: 20px; 2.34 + font-style: italic; 2.35 } 2.36 2.37 #header h1 a { 2.38 color: white; 2.39 text-decoration: none; 2.40 - font-size: 20px; 2.41 - font-style: italic; 2.42 } 2.43 2.44 #header h1 a:hover, #network a:hover, #network span { 2.45 color: #afafaf; 2.46 } 2.47 2.48 +#searchbtn { 2.49 + position: absolute; 2.50 + right: 8px; 2.51 + top: 48px; 2.52 +} 2.53 + 2.54 /* Logo */ 2.55 2.56 #logo { 2.57 @@ -131,16 +139,72 @@ 2.58 padding: 0; 2.59 } 2.60 2.61 +.dlbutton { 2.62 + display: inline-block; 2.63 + margin: 0.5ex; 2.64 + background: #333 url("/images/download-30.png") no-repeat 4px center; 2.65 + padding-left: 38px; 2.66 + -webkit-transition: background-color 0.6s; 2.67 + transition: background-color 0.5s; 2.68 +} 2.69 +.dldiv { margin: 30px 0; text-align: center; } 2.70 + 2.71 +/* 2.72 + * 2.73 + * 2.74 + * Navigation NG 2.75 + * 2.76 + * 2.77 + * */ 2.78 + 2.79 +nav { 2.80 + font-size: 120%; 2.81 + min-height: 100px; 2.82 + background: #ddd; 2.83 + padding: 56px 6% 0; 2.84 + text-align: center; 2.85 + color: #222; 2.86 + border-bottom: 1px solid #afafaf; 2.87 + top: 40px; 2.88 +} 2.89 + 2.90 +nav ul { 2.91 + margin: 0; padding: 0; 2.92 + list-style: none; 2.93 +} 2.94 +nav li { display: inline; } 2.95 + 2.96 +nav a, .dlbutton { 2.97 + text-decoration: none; 2.98 + padding: 12px; 2.99 + color: #fff; 2.100 + font-weight: bold; 2.101 + vertical-align: middle; 2.102 + -webkit-transition: background-color 0.6s; 2.103 + transition: background-color 0.5s; 2.104 +} 2.105 +nav p { padding: 8px; color: #333; font-size: 92%; } 2.106 + 2.107 +.nav1 { background-color: #333; } 2.108 +.nav1:hover { background-color: #128da9; } 2.109 +.nav2 { background-color: #ab3c00; } 2.110 +.nav2:hover { background-color: #ff9b00; } 2.111 +.navpi { background-color: #444; } 2.112 +.navpi:hover { background-color: #bc1142; } 2.113 + 2.114 /* Languages */ 2.115 2.116 #lang { 2.117 - padding: 6px; 2.118 - font-size: 11px; 2.119 + padding: 8px; 2.120 + font-size: 12px; 2.121 position: absolute; 2.122 right: 0px; 2.123 + color: #666; 2.124 } 2.125 +#lang .flag { font-size: 14px; } 2.126 +#lang .flag:hover { text-decoration: none; } 2.127 2.128 -#lang a { 2.129 +#lang a, #lang strong, #lang span { 2.130 text-decoration: none; 2.131 padding: 0 2px; 2.132 } 2.133 @@ -158,9 +222,9 @@ 2.134 padding: 30px 80px; 2.135 text-align: justify; 2.136 } 2.137 +#content li { line-height: 1.6em; } 2.138 2.139 .news li { 2.140 - list-style-type: square; 2.141 border-bottom: 1px dotted #BEBEBE; 2.142 margin-left: -25px; 2.143 padding: 4px 0px 4px 0px; 2.144 @@ -177,14 +241,16 @@ 2.145 background-color: #fbfbfb; 2.146 border: 2px solid #ddd; 2.147 width: 200px; 2.148 - height: 160px; 2.149 + height: 140px; 2.150 float: right; 2.151 text-align: center; 2.152 - margin: 10px 0px 20px 20px; 2.153 + margin: 20px 0px 20px 20px; 2.154 } 2.155 2.156 /* Classes */ 2.157 2.158 +.mobile { display: none !important; } 2.159 + 2.160 .right_box { width: 48%; float: right; } 2.161 .left_box { width: 48%; float: left; } 2.162 2.163 @@ -196,19 +262,25 @@ 2.164 } 2.165 2.166 .box-dl, .box-up { 2.167 - margin: 20px 60px; 2.168 - padding: 12px 12px 12px 66px; 2.169 + margin: 20px 0; 2.170 min-height: 48px; 2.171 border: 1px solid #ddd; 2.172 vertical-align: middle; 2.173 } 2.174 .box-dl { 2.175 - background: url("/images/download.png") no-repeat 12px 12px #efefef; 2.176 + background: url("/images/download.png") no-repeat 12px center; 2.177 + padding: 16px 16px 16px 72px; 2.178 } 2.179 .box-up { 2.180 - background: url("/images/update.png") no-repeat center left #efefef; 2.181 + background: url("/images/update.png") no-repeat 12px center; 2.182 + padding: 16px 16px 16px 62px; 2.183 } 2.184 -.box-dl p { color: #456; } 2.185 +.box-dl a { font-weight: bold; text-decoration: none; } 2.186 +.dlbutton { padding-left: 38px; } 2.187 +pre, .box, .box-dl, .box-up, .box-share, .box-rpi { 2.188 + background-color: #efefef; 2.189 + border: 1px solid #ddd; 2.190 +} 2.191 2.192 .searchbox { 2.193 margin: 20px 80px; 2.194 @@ -229,8 +301,8 @@ 2.195 .activity div { padding: 5px 10px; background: #fff; margin-top: 5px; } 2.196 .activity p { margin: 0; padding: 5px 10px; font-weight: bold; } 2.197 .activity a { text-decoration: none; } 2.198 -.activity ul { list-style-type: none; 2.199 - margin: 4px 0; padding: 0 4px; line-height: 150%; } 2.200 +.activity ul { margin: 4px 0; padding: 0 4px; line-height: 150%; } 2.201 +.activity li { list-style-type: none; } 2.202 .activity_more { text-align: right; } 2.203 .activity_more a { font-weight: normal; color: #000; padding: 0 4px; } 2.204 .activity_more a:hover { text-decoration: underline; } 2.205 @@ -259,8 +331,8 @@ 2.206 2.207 /* Round corner */ 2.208 2.209 -#block_nav, pre, .box, .box-dl, .box-up, .searchbox, .button a, #twitter, .activity, 2.210 -.activity div, #sponsor { 2.211 +#block_nav, pre, .box, .box-dl, .box-up, .searchbox, .button a, 2.212 +#twitter, .activity, .activity div, #sponsor, nav a, .dlbutton { 2.213 -moz-border-radius: 4px; 2.214 -webkit-border-radius: 4px; 2.215 border-radius: 4px; 2.216 @@ -316,7 +388,7 @@ 2.217 2.218 .year:after { 2.219 /* content: "2007-2015"; */ 2.220 - content: "2015"; 2.221 + content: "2017"; 2.222 } 2.223 2.224 p, li { 2.225 @@ -325,7 +397,6 @@ 2.226 hyphens: auto; 2.227 } 2.228 2.229 - 2.230 /* --- SEARCH --- */ 2.231 2.232 input.gsc-search-button { 2.233 @@ -364,7 +435,7 @@ 2.234 border-radius: 12px; 2.235 padding-bottom: 8px; 2.236 margin: 12px auto; 2.237 - webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5); 2.238 + -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5); 2.239 -moz-box-shadow: 0 0 6px rgba(0,0,0,0.5); 2.240 box-shadow: 0 0 6px rgba(0,0,0,0.5); 2.241 }