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

Wed, 14 Mar 2018 16:55:19 -0700 

Commit:    f226403f1d500294c12ca9da284b68f85bc77067
Author:    Peter Cowburn <[email protected]>         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%; }
-}
-
 /* }}} */
-- 
PHP Webmaster List Mailing List (http://www.php.net/)
To unsubscribe, visit: http://www.php.net/unsub.php

Reply via email to