com web/php: Update the downloads UI.: downloads.php styles/theme-base.css

Commit: 266cb08204d83eaa16bcfafada7a9493b6eb179f Author: Adam Harvey <aharvey@php.net> Thu, 21 Nov 2013 16:44:42 -0800 Parents: 13ddeed9ec03d48ecbf94990bfdb18932967b5e5 Branches: master Link: http://git.php.net/?p=web/php.git;a=commitdiff;h=266cb08204d83eaa16bcfafada7a9493b6eb179f Log: Update the downloads UI. Squashed commit of the following: commit fea7d676210836b0b56e9a996006d88e3ac7780a Author: Adam Harvey <aharvey@php.net> Date: Thu Nov 21 13:13:41 2013 -0800 Fix the heading selector when dropping the Stable text. commit 49d0d166ed06083f51de2901344223e8bed61342 Author: Adam Harvey <aharvey@php.net> Date: Thu Nov 21 13:09:49 2013 -0800 Fix borders. commit 7041fbf6ebad84023398a3e78734c1c76eaf4f34 Author: Adam Harvey <aharvey@php.net> Date: Thu Nov 21 13:06:21 2013 -0800 Further tinkering. commit 651a57b6f7b93b56cddd477cbf1d66743cfb18f7 Author: Adam Harvey <aharvey@php.net> Date: Thu Nov 21 12:36:23 2013 -0800 Tinker with the downloads page. Changed paths: M downloads.php M styles/theme-base.css Diff: diff --git a/downloads..php b/downloads.php index 7c2039c..46852b3 100644 --- a/downloads.php +++ b/downloads.php @@ -7,6 +7,11 @@ include_once $_SERVER['DOCUMENT_ROOT'] . '/include/version.inc'; // Try to make this page non-cached header_nocache(); +$SHOW_COUNT = 3; +$MAJOR = 5; + +$releases = array_slice($RELEASES[$MAJOR], 0, $SHOW_COUNT); + $gpg = array( "5.5" => <<< GPG pub 2048R/90D90EC1 2013-07-18 [expire : 2016-07-17] @@ -84,55 +89,52 @@ site_header("Downloads", ); ?> <a id="v5"></a> -<?php -$SHOW_COUNT = 3; -$MAJOR = 5; - -$releases = array_slice($RELEASES[$MAJOR], 0, $SHOW_COUNT); -$rows = array_chunk($releases, 2, $preserve_keys = true); - -$i = 0; -foreach ($rows as $row) { - echo "<div class='row-fluid'>\n"; - foreach ($row as $v => $a) { - $stable = $i++ === 0 ? "" : "(Old Stable)"; - $mver = substr($v, 0, strrpos($v, ".")); -?> -<div class="download-box"> - <h1 id="v<?php echo $v; ?>">PHP <?php echo "$mver $stable"; ?></h1> - - <ul> -<?php -foreach($a["source"] as $rel) { - echo " <li>\n "; - - download_link($rel["filename"], $rel["name"]); - echo " <span class='releasedate'>({$rel["date"]})</span>\n"; - echo " <span class=\"md5sum\">md5: {$rel["md5"]}</span><br />\n"; - (isset($rel["note"]) && $rel["note"] ? "<p><strong>Note:</strong>{$rel["note"]}</p>": ""); - echo " </li>\n"; -} -?> - </ul> - <a href="/ChangeLog-<?php echo $MAJOR; ?>..php#<?php echo urlencode($v); ?>" class="changelog">Changelog for PHP <?php echo $v; ?></a> -GPG Keys -<pre class="gpg"> -<?php echo $gpg[$mver]; ?> -</pre> -</div> - -<?php - } - echo "</div>\n"; -} // for -?> +<?php $i = 0; foreach ($releases as $v => $a): ?> + <?php $mver = substr($v, 0, strrpos($v, '.')); ?> + <?php $stable = $i++ === 0 ? "Current Stable" : "Old Stable"; ?> + + <div class="download-box"> + <h3 id="v<?php echo $v; ?>"> + <span class="release-state"><?php echo $stable; ?></span> + PHP <?php echo $v; ?> + (<a href="/ChangeLog-<?php echo $MAJOR; ?>.php#<?php echo urlencode($v); ?>" class="changelog">Changelog</a>) + </h3> + + <ul> + <?php foreach ($a['source'] as $rel): ?> + <li> + <?php download_link($rel['filename'], $rel['filename']); ?> + <span class="releasedate"><?php echo $rel['date']; ?></span> + <span class="md5sum"><?php echo $rel['md5']; ?></span> + <?php if (isset($rel['note']) && $rel['note']): ?> + <p> + <strong>Note:</strong> + <?php echo $rel['note']; ?> + </p> + <?php endif; ?> + </li> + <?php endforeach; ?> + </ul> + + <a href="#gpg-<?php echo $mver; ?>">GPG Keys for PHP <?php echo $mver; ?></a> + </div> +<?php endforeach; ?> <hr/> -<h1>GPG Keys & Signatures</h1> +<h2>GPG Keys</h2> <p> -Each release is tagged and signed in the <a href='git.php'>PHP Git Repository</a>, -and the signatures for individual archive is also available as .asc file.<br> +The releases are tagged and signed in the <a href='git.php'>PHP Git Repository</a>. +The following official GnuPG keys of the current PHP Release Manager can be used +to verify the tags: </p> +<?php foreach ($gpg as $branch => $data): ?> + <div class="download-box"> + <h3 id="gpg-<?php echo $branch; ?>">PHP <?php echo $branch; ?></h3> + <pre> +<?php echo $data; ?> + </pre> +</div> +<?php endforeach; ?> + <?php site_footer(array('sidebar' => $SIDEBAR_DATA)); - diff --git a/styles/theme-base.css b/styles/theme-base.css index 0db376e..05740af 100755 --- a/styles/theme-base.css +++ b/styles/theme-base.css @@ -2850,42 +2850,71 @@ fieldset { } /* }}} */ -section.downloads { -} -.gpg { - background: #f7f7f7; - border-top: 2px solid #e3e3e3; - margin: 0px; - padding: 0px; -} .download-box { - margin: 0.66666666666667em 25px 55px; + margin: 3em 0 4em; position: relative; - background-color: #fff; + background-color: rgb(238, 238, 246); display: block; float: none; - - box-shadow: 3px 3px 10px rgba(0,0,0,.1); - border-radius: 4px; + border-top: solid 0.125em rgb(102, 102, 153); + border-bottom: solid 1px rgb(202, 202, 227); + -moz-border-radius: 0 0 2px 2px; + border-radius: 0 0 2px 2px; + padding: 0.75em 0.625em; + box-shadow: 2px 0 2px -2px rgb(212, 212, 232) inset, -2px 0 2px -2px rgb(212, 212, 232) inset; +} +.download-box h3 { + color: #333; + font-size: 1.125em; + line-height: 1.33; + margin: 0; + padding: 0; + position: absolute; + top: -2em; + left: 0; + right: 0; +} +.download-box h3 .release-state { + float: right; + opacity: 0.8; +} +.download-box h3 .changelog { + color:#369; +} +.download-box ul, .download-box li { + list-style: none; + display: block; + margin: 0; + padding: 0; +} +.download-box li { + margin-bottom: 0.75em; } .download-box .md5sum { - font-size: 0.9em; + display: block; font: normal 14px / 1.46 "Source Code Pro", monospace; - padding-right: 20%; - float: right; +} +.download-box .md5sum:before { + content: "md5: "; + font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; } .download-box .releasedate { float: right; font-size: 0.9em; } -.download-box .changelog { - float: right; - margin-right: 10px; -} - .download-box pre { + background: white; + border: solid 1px rgb(214, 214, 214); + margin: 0px; + padding: 0.75em 0.625em; + overflow: auto; font: normal 14px / 1.46 "Source Code Pro", monospace; } +@media (max-width: 465px) { + .download-box h3 .release-state { + display: none; + } +} .refsect1 > *:last-child {