com web/php: logo page improvements: download-logos.php styles/theme-base.css

Commit: f226403f1d500294c12ca9da284b68f85bc77067 Author: Peter Cowburn <salathe@php.net> Wed, 14 Mar 2018 23:53:20 +0000 Parents: 5cd2f7b506d2ca3805a5b294a5a749bb24bd7020 Branches: master Link: http://git.php.net/?p=web/php.git;a=commitdiff;h=f226403f1d500294c12ca9da284b68f85bc77067 Log: logo page improvements Put back chunks of the old logo page that I'm nostalgic for. Use print_image() function for rendering img tags as before. Remove some now-unused CSS. Changed paths: M download-logos.php M styles/theme-base.css

diff --git a/download-logos.php b/download-logos.php index 2c4319a..da5bfd6 100644 --- a/download-logos.php +++ b/download-logos.php @@ -27,30 +27,26 @@ function random_bgcolor($min, $max) ";\""; } ?> -<h1>Download</h1> + +<h1>Download Logos and Icons</h1> + +<p class="warn"> + Do not just include the graphic from our servers on your page! + Copy the image to your site please. +</p> <p> - Click on link below image and save the image. + In case you have found some PHP logos, icons or other material around + the web, feel free to point those out to us, so we can include them here, + if appropriate. And oh, if you're wondering about the font we used, it's + called <a href="http://www.myfonts.com/fonts/bitstream/handel-gothic/">Handel + Gothic</a>. </p> -<ul> - <li> - Copy the image to your server. - </li> - <li> - Prefer SVG and convert to size/format you need. - </li> - <li> - The font used is - <a href="http://www.myfonts.com/fonts/bitstream/handel-gothic/">Handel - Gothic</a>. - </li> -</ul> - -<h2>Licensing</h2> +<h2>PHP logo</h2> <p> - The author Colin Viebrock released the image as + The author Colin Viebrock released the PHP logo as <a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-Share Alike 4.0 International</a>, feel free to reuse, do not forget the terms of use: @@ -69,98 +65,317 @@ function random_bgcolor($min, $max) </ul> </p> -<div class="logo-list row"> - <div class="col center"> - <img src="/images/logos/new-php-logo.png" width="200" alt="php logo"> - <br> - <a href="http://php.net/images/logos/new-php-logo.svg">SVG</a> | - <a href="http://php.net/images/logos/new-php-logo.png">PNG</a> - </div> +<div class="center logo-list"> + <?php print_image("logos/new-php-logo.svg", "PHP logo", FALSE, 'width="200"'); ?> + <br> + <a href="/images/logos/new-php-logo.svg">SVG</a> | + <a href="/images/logos/new-php-logo.png">PNG</a> </div> <h2>Alternative logo</h2> <p> - Levi Morrison created this alternative version without background to use on PHP Site. + Levi Morrison created this alternative version to use on PHP.net. </p> -<div class="logo-list row"> - <div class="col center"> - <img src="/images/logos/php-logo-bigger.png" width="150" alt="alternative php logo without background"> - <br> - <a href="http://php.net/images/logos/php-logo.svg">SVG</a> | - <a href="http://php.net/images/logos/php-logo-bigger.png">PNG</a> - </div> +<div class="center logo-list"> + <?php print_image("logos/php-logo.svg", "PHP logo", FALSE, 'width="200"'); ?> + <br> + <a href="/images/logos/php-logo.svg">SVG</a> | + <a href="/images/logos/php-logo-bigger.png">PNG</a> </div> -<h2>Old formats</h2> +<h2>Other logos and graphics</h2> <p> - Disclaimer: Using these formats is not recommended. + The images marked with a <span class="star" title="recommended">*</span> are + the images we recommend to display on your website, in case you are unable + to choose from the formats. Note however, that some combinations of + browser/operating system don't handle transparent PNG images very well. </p> -<div class="logo-list row"> - - <div class="col center"> - <img src="/images/logos/php-med-trans-light.gif"> - <br> - <a href="http://php.net/images/logos/php-logo.eps">EPS</a> | - <a href="http://php.net/images/logos/php-logo.ai">AI (Adobe Illustrator)</a> | - <a href="http://php.net/images/logos/php-big.tif">TIF</a> | - <a href="http://php.net/images/logos/php-med-trans.png">PNG</a> | - <a href="http://php.net/images/logos/php-med-trans-light.gif">GIF</a> - </div> - - <div class="col center"> - <div> - <img src="/images/logos/php-power-white.png"> - </div> - <br> - "Powered by PHP" - <br> - <a href="http://php.net/images/logos/php-power-white.png">PNG</a> - </div> - - <div class="col center"> - <div> - <img src="/images/logos/php-power-micro.png"> - <img src="/images/logos/php-power-micro2.png"> - <img src="/images/logos/php5-power-micro.png"> - </div> - <br> - "Powered by PHP" - <br> - <a href="http://php.net/images/logos/php-power-micro.png">PNG 1</a> | - <a href="http://php.net/images/logos/php-power-micro2.png">PNG 2</a> | - <a href="http://php.net/images/logos/php5-power-micro.png">PNG 3</a> - </div> - - <div class="col center"> - <div> - <img src="/images/logos/php-icon.png"> - </div> - <br> - 32 x 32 pixels - <br> - <a href="http://php.net/images/logos/php-icon.png">PNG</a> | - <a href="http://php.net/images/logos/php-icon-white.gif">GIF</a> | - <a href="http://php.net/images/logos/php.ico">ICO</a> - </div> - - <div class="col center"> - <div> - <img src="/images/logos/php_file_ico.gif"> - <img src="/images/logos/php_script_ico.png"> - <img src="/images/logos/php_xpstyle_ico.gif"> - </div> - <br> - Icon resource for Windows - <br> - <a href="http://php.net/images/logos/php_file.ico">ICO 1</a> - <a href="http://php.net/images/logos/php_script.ico">ICO 2</a> - <a href="http://php.net/images/logos/php_xpstyle.ico">ICO 3</a> - </div> +<div class="center logo-list"> +<table border="0" width="90%" cellspacing="2" cellpadding="10" id="logos"> + + <tr> + <td class="logo"> + <?php print_image("logos/php-med-trans-light.gif", "PHP logo"); ?><br> + (not exactly as shown) + </td> + <?php print_star(); ?> + <td> + <ul> + <li>scaleable vector image</li> + <li> + <a href="/images/logos/php-logo.eps">EPS format</a> | + <a href="/images/logos/php-logo.ai">AI (Adobe Illustrator) format</a> + </li> + </ul> + </td> + </tr> + + <tr> + <td class="logo"> + <?php print_image("logos/php-med-trans-light.gif", "PHP logo"); ?><br> + (not exactly as shown) + </td> + <td></td> + <td> + <ul> + <li>250 x 134 pixels</li> + <li>white background</li> + <li>large scale for presentations, etc.</li> + <li><a href="/images/logos/php-big.tif">TIF format</a></li> + </ul> + </td> + </tr> + + <tr> + <td class="logo" <?php random_bgcolor(0, 5); ?>> + <?php print_image("logos/php-med-trans.png", "PHP logo"); ?> + </td> + <?php print_star(); ?> + <td> + <ul> + <li>95 x 51 pixels</li> + <li>transparent background</li> + <li>suitable for any background</li> + <li><a href="/images/logos/php-med-trans.png">PNG format</a></li> + </ul> + </td> + </tr> + + <tr> + <td class="logo"> + <?php print_image("logos/php-med-trans-light.gif", "PHP logo"); ?> + </td> + <td></td> + <td> + <ul> + <li>95 x 51 pixels</li> + <li>transparent background</li> + <li>suitable for white/light backgrounds</li> + <li><a href="/images/logos/php-med-trans-light.gif">GIF format</a></li> + </ul> + </td> + </tr> + + <tr> + <td class="logob"> + <?php print_image("logos/php-med-trans-dark.gif", "PHP logo"); ?> + </td> + <td></td> + <td> + <ul> + <li>95 x 51 pixels</li> + <li>transparent background</li> + <li>suitable for black/dark backgrounds</li> + <li><a href="/images/logos/php-med-trans-dark.gif">GIF format</a></li> + </ul> + </td> + </tr> + + <tr> + <td class="logo" <?php random_bgcolor(3, 5); ?>> + <?php print_image("logos/php-power-white.png", "Powered by PHP"); ?> + </td> + <?php print_star(); ?> + <td> + <ul> + <li>88 x 31 pixels</li> + <li>"Powered by PHP" logo</li> + <li>black text on transparent background</li> + <li><a href="/images/logos/php-power-white.png">PNG format</a></li> + </ul> + </td> + </tr> + + <tr> + <td class="logo"> + <?php print_image("logos/php-power-white.gif", "Powered by PHP"); ?> + </td> + <td></td> + <td> + <ul> + <li>88 x 31 pixels</li> + <li>"Powered by PHP" logo</li> + <li>black text on solid white background</li> + <li><a href="/images/logos/php-power-white.gif">GIF format</a></li> + </ul> + </td> + </tr> + + <tr> + <td class="logo" <?php random_bgcolor(0, 2); ?>> + <?php print_image("logos/php-power-black.png", "Powered by PHP"); ?> + </td> + <?php print_star(); ?> + <td> + <ul> + <li>88 x 31 pixels</li> + <li>"Powered by PHP" logo</li> + <li>white text on transparent background</li> + <li><a href="/images/logos/php-power-black.png">PNG format</a></li> + </ul> + </td> + </tr> + + <tr> + <td class="logob"> + <?php print_image("logos/php-power-black.gif", "Powered by PHP"); ?> + </td> + <td></td> + <td> + <ul> + <li>88 x 31 pixels</li> + <li>"Powered by PHP" logo</li> + <li>white text on solid black background</li> + <li><a href="/images/logos/php-power-black.gif">GIF format</a></li> + </ul> + </td> + </tr> + + <tr> + <td class="logo"> + <?php print_image("logos/php-power-micro.png", "PHP Powered"); ?><br><br> + <?php print_image("logos/php-power-micro2.png", "PHP Powered"); ?><br><br> + <?php print_image("logos/php5-power-micro.png", "PHP 5 Powered"); ?> + </td> + <td></td> + <td> + <ul> + <li>80 x 15 pixels</li> + <li>"PHP Powered" logo</li> + <li>suitable for any background, usually used on blogs</li> + <li> + <a href="/images/logos/php-power-micro.png">PNG format (1)</a>, + <a href="/images/logos/php-power-micro2.png">PNG format (2)</a> + <a href="/images/logos/php5-power-micro.png">PNG format (3)</a> + </li> + </ul> + </td> + </tr> + + <tr> + <td class="logo" <?php random_bgcolor(0, 5); ?>> + <?php print_image("logos/php-icon.png", "PHP icon"); ?> + </td> + <?php print_star(); ?> + <td> + <ul> + <li>32 x 32 pixels</li> + <li>transparent background</li> + <li>suitable for any background</li> + <li><a href="/images/logos/php-icon.png">PNG format</a></li> + </ul> + </td> + </tr> + + <tr> + <td class="logo"> + <?php print_image("logos/php-icon-white.gif", "PHP icon"); ?> + </td> + <td></td> + <td> + <ul> + <li>32 x 32 pixels</li> + <li>transparent background</li> + <li>suitable for white/light backgrounds</li> + <li><a href="/images/logos/php-icon-white.gif">GIF format</a></li> + </ul> + </td> + </tr> + + <tr> + <td class="logob"> + <?php print_image("logos/php-icon-black.gif", "PHP icon"); ?> + </td> + <td></td> + <td> + <ul> + <li>32 x 32 pixels</li> + <li>transparent background</li> + <li>suitable for black/dark backgrounds</li> + <li><a href="/images/logos/php-icon-black.gif">GIF format</a></li> + </ul> + </td> + </tr> + + <tr> + <td class="logo"> + <?php print_image("logos/php-icon-white.gif", "PHP icons"); ?><br> + (not exactly as shown) + </td> + <td></td> + <td> + <ul> + <li>PHP icon resource for Windows</li> + <li>suitable as icons for your desktop</li> + <li> + 48x48, 32x32 and 16x16 sizes, in each of 16 colour, + 256 colour, and true colour formats ... + all in one .ICO file + </li> + <li><a href="/images/logos/php.ico">ICO format</a></li> + </ul> + </td> + </tr> + + <tr> + <td class="logo"> + <?php print_image("logos/php_file_ico.gif", "PHP file icons"); ?><br> + (not exactly as shown) + </td> + <td></td> + <td> + <ul> + <li>PHP icon resource for Windows</li> + <li>suitable as icons for file extensions like .php and .phtml</li> + <li>32x32 and 16x16 sizes, in true colour format... all in one .ICO file</li> + <li>these icons are made by Gonzalo de la Pea</li> + <li><a href="/images/logos/php_file.ico">ICO format</a></li> + </ul> + </td> + </tr> + + <tr> + <td class="logo"> + <?php print_image("logos/php_script_ico.png", "PHP script icons"); ?><br> + (not exactly as shown) + </td> + <td></td> + <td> + <ul> + <li>PHP icon resource for Windows</li> + <li>suitable as icons for file extensions like .php and .phtml</li> + <li>48x48, 32x32, 24x24, 16x16 sizes, in each of Windows XP Alpha, 256 colour, and 16 colour formats... all in one .ICO file</li> + <li>these icons are made by Travis Carden (AM)</li> + <li><a href="/images/logos/php_script.ico">ICO format</a></li> + </ul> + </td> + </tr> + + <tr> + <td class="logo"> + <?php print_image("logos/php_xpstyle_ico.gif", "Windows XP PHP file icons"); ?><br> + (not exactly as shown) + </td> + <td></td> + <td> + <ul> + <li>PHP icon resource for Windows XP [<b>use only on WinXP!</b>]</li> + <li>suitable as icons for file extensions like .php and .phtml</li> + <li> + 48x48, 32x32, 24x24, 16x16 sizes, in each of 16 colour, 256 colour, + and true colour formats... all in one .ICO file + </li> + <li>these icons are made by Jonathan Metillon</li> + <li><a href="/images/logos/php_xpstyle.ico">XP ICO format</a></li> + </ul> + </td> + </tr> +</table> </div> <?php site_footer(); diff --git a/styles/theme-base.css b/styles/theme-base.css index 4fc11a5..2599c8d 100755 --- a/styles/theme-base.css +++ b/styles/theme-base.css @@ -1864,25 +1864,6 @@ aside.tips div.inner { list-style-type: none; } -/* https://github.com/mourner/dead-simple-grid */ -.row .row { margin: 0 -1.5em; } -.col { padding: 1.5em; } - -.row:after { - content: ""; - clear: both; - display: table; -} - -@media only screen { .col { - float: left; - width: 100%; - box-sizing: border-box; -}} -@media only screen and (min-width: 30em) { - .col { width: 50%; } -} - /* }}} */