Convert a bunch of gifs to pngs, reencode with zopflipng. Took a stab…

… at modernized layout for several pages. (Note various things are not done so many pages won't work yet, even with PHP)
sophiapoirier · Jul 9, 2020 · 1f9eea2 · 1f9eea2
1 parent eb48ca8
commit 1f9eea2
Show file tree

Hide file tree

Showing 139 changed files with 296 additions and 313 deletions.
diff --git a/site/abbeyroad.gif b/site/abbeyroad.gif
diff --git a/site/abbeyroad.png b/site/abbeyroad.png
diff --git a/site/au-logo-old.gif b/site/au-logo-old.gif
diff --git a/site/au-logo.gif b/site/au-logo.gif
diff --git a/site/au-logo.png b/site/au-logo.png
diff --git a/site/audiounits-title.gif b/site/audiounits-title.gif
diff --git a/site/audiounits-title.png b/site/audiounits-title.png
diff --git a/site/audiounits.html b/site/audiounits.html
@@ -1,28 +1,21 @@
-<?xml version="1.0" encoding="ISO-8859-1"?>
-<?xml-stylesheet href="#internalstyle" type="text/css"?>
-<!DOCTYPE html 
- PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
- "http:https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
-<html xmlns="http:https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-
+<!doctype html>
 <head>
- <title>Destroy FX : Audio Units</title>
- <link rel="Stylesheet" type="text/css" href="dfx.css" />
- <meta name="author" content="Tom 7 and Sophia" />
- <style type="text/css" id="internalstyle">
- p.rel { text-align: center }
- p.minititle { text-align: right }
- span.warning { color: #FF0000 }
- </style>
+ <title>Destroy FX : Audio Units</title>
+ <link rel="Stylesheet" type="text/css" href="dfx.css" />
+ <meta name="author" content="Tom 7 and Sophia" />
+ <style>
+ p.rel { text-align: center }
+ p.minititle { text-align: right }
+ span.warning { color: #FF0000 }
+ </style>
 </head>
 
 <body style="background-color: #171947">
 
 <table class="container" style="background-color: #333771 ; width: 600px ; margin-left: auto ; margin-right: auto">
 <tr><td>&nbsp;&nbsp;</td>
 <td style="width: 100%" valign="top">
-<a href="./"><img class="right" src="audiounits-title.gif" width="385" height="70" alt="Destroy FX: experimental Audio Units" /></a>
+<a href="index.html"><img class="right" src="audiounits-title.png" width="385" height="70" alt="Destroy FX: experimental Audio Units" /></a>
 <br class="left" /><br class="right" />
 
 
@@ -43,15 +36,15 @@
 
 <table style="width: 100%"><tr>
 <td class="icons">
-<img src="au-logo.gif" width="83" height="83" alt="Audio Units" />
+<img src="au-logo.png" width="83" height="83" alt="Audio Units" />
 </td>
 <td class="icons">
-<img src="mac-universal.gif" width="132" height="83" alt="Mac OS X Universal" />
+<img src="mac-universal.png" width="132" height="83" alt="Mac OS X Universal" />
 </td>
 </tr></table>
 
 <p class="desc">
-While we work on porting our effects collection to this new format, we want to share what we've done with you. When the AU ports are totally finished, we'll add them to our main web page. We will be update these now and then, so check back occasionally. The file archives are dated so that you can tell when we've put up a newer version of something. Note that not all of the documentation included with these downloads has been updated since we started making AU versions, so some of the info might not be relevant to the AU versions (or might be wrong). Since these are kind of test versions, please <a href="./#contact">contact us</a> if you encounter any problems.
+While we work on porting our effects collection to this new format, we want to share what we've done with you. When the AU ports are totally finished, we'll add them to our main web page. We will be update these now and then, so check back occasionally. The file archives are dated so that you can tell when we've put up a newer version of something. Note that not all of the documentation included with these downloads has been updated since we started making AU versions, so some of the info might not be relevant to the AU versions (or might be wrong). Since these are kind of test versions, please <a href="index.html#contact">contact us</a> if you encounter any problems.
 </p>
 
 <a name="hosts"></a>
@@ -539,7 +532,7 @@
 <tr><td valign="top">
 
 <p class="plain" style="text-align: center">
-<a href="./">back to our main web page</a>
+<a href="/index.html">back to our main web page</a>
 </p>
 
 </td></tr>
@@ -554,7 +547,7 @@
 <tr>
 <td>&nbsp;</td>
 <td style="width: 250px">
-<a href="./"><img src="smel1.gif" width="81" height="15" alt="Destroy FX: a" /></a><a href="http:https://smartelectronix.com/"><img src="smel2.gif" width="105" height="15" alt="Smartelectronix" /></a><img src="smel3.gif" width="54" height="15" alt="member" />
+<a href="index.html"><img src="smel1.png" width="81" height="15" alt="Destroy FX: a" /></a><a href="http:https://smartelectronix.com/"><img src="smel2.png" width="105" height="15" alt="Smartelectronix" /></a><img src="smel3.png" width="54" height="15" alt="member" />
 </td>
 </tr>
 </table>

diff --git a/site/banner-old.gif b/site/banner-old.gif
diff --git a/site/bo-small.gif b/site/bo-small.gif
diff --git a/site/bo.gif b/site/bo.gif
diff --git a/site/bufferoverride-small.gif b/site/bufferoverride-small.gif
diff --git a/site/bufferoverride-small.png b/site/bufferoverride-small.png
diff --git a/site/consulting.gif b/site/consulting.gif
diff --git a/site/consulting.png b/site/consulting.png
diff --git a/site/dfx-audio-units.gif b/site/dfx-audio-units.gif
diff --git a/site/dfx-audio-units.png b/site/dfx-audio-units.png
diff --git a/site/dfx-bo.gif b/site/dfx-bo.gif
diff --git a/site/dfx-bufferoverride.gif b/site/dfx-bufferoverride.gif
diff --git a/site/dfx-bufferoverride.png b/site/dfx-bufferoverride.png
diff --git a/site/dfx-contact.gif b/site/dfx-contact.gif
diff --git a/site/dfx-contact.png b/site/dfx-contact.png
diff --git a/site/dfx-documentation.gif b/site/dfx-documentation.gif
diff --git a/site/dfx-documentation.png b/site/dfx-documentation.png
diff --git a/site/dfx-donate.gif b/site/dfx-donate.gif
diff --git a/site/dfx-donate.png b/site/dfx-donate.png
diff --git a/site/dfx-extras.gif b/site/dfx-extras.gif
diff --git a/site/dfx-extras.png b/site/dfx-extras.png
diff --git a/site/dfx-geometer.gif b/site/dfx-geometer.gif
diff --git a/site/dfx-geometer.png b/site/dfx-geometer.png
diff --git a/site/dfx-info.gif b/site/dfx-info.gif
diff --git a/site/dfx-info.png b/site/dfx-info.png
diff --git a/site/dfx-list.gif b/site/dfx-list.gif
diff --git a/site/dfx-list.png b/site/dfx-list.png
diff --git a/site/dfx-rez.gif b/site/dfx-rez.gif
diff --git a/site/dfx-rezsynth.gif b/site/dfx-rezsynth.gif
diff --git a/site/dfx-rezsynth.png b/site/dfx-rezsynth.png
diff --git a/site/dfx-scrubby.gif b/site/dfx-scrubby.gif
diff --git a/site/dfx-scrubby.png b/site/dfx-scrubby.png
diff --git a/site/dfx-skidder.gif b/site/dfx-skidder.gif
diff --git a/site/dfx-skidder.png b/site/dfx-skidder.png
diff --git a/site/dfx-software.php b/site/dfx-software.php
@@ -70,8 +70,8 @@ function PrintCurrentSoftwareDownloads($inSoftwareName, $inShowAULink = TRUE, $i
  global $SHOW_DONATE_LINKS;
 
  $softwareFileName = NameToAnchor($inSoftwareName);
- $softwareImage_thumbnail = "{$softwareFileName}-small.gif";
- $softwareImage_full = "{$softwareFileName}.gif";
+ $softwareImage_thumbnail = "{$softwareFileName}-small.png";
+ $softwareImage_full = "{$softwareFileName}.png";
  if (! file_exists($softwareImage_full) )
  $softwareImage_full = "{$softwareFileName}.jpg";
 
@@ -152,7 +152,7 @@ function PrintCurrentSoftwareDownloads($inSoftwareName, $inShowAULink = TRUE, $i
  if ( !($releaseVersionAU) && ($inShowAULink) )
  {
  echo " <td class=\"icons\"><a href=\"{$gResourcesRootPath}audiounits.html#{$softwareFileName}\">";
- echo GetImageTag($gResourcesRootPath . "x-au.gif", "download {$inSoftwareName} for Mac OS X (AU)", NULL, "download Mac OS X - AU");
+ echo GetImageTag($gResourcesRootPath . "x-au.png", "download {$inSoftwareName} for Mac OS X (AU)", NULL, "download Mac OS X - AU");
  echo "</a></td>
 ";
  }
@@ -178,7 +178,7 @@ function PrintCurrentSoftwareDownloads($inSoftwareName, $inShowAULink = TRUE, $i
  {
  echo "<br /><table class=\"filler\"><tr><td class=\"icons\">
  <a href=\"{$softwareFilePath}\">";
- echo GetImageTag($gResourcesRootPath . "docs.gif", "manual", NULL, "view documentation for {$inSoftwareName}");
+ echo GetImageTag($gResourcesRootPath . "docs.png", "manual", NULL, "view documentation for {$inSoftwareName}");
  echo "</a>
 </td></tr></table>
 
@@ -191,7 +191,7 @@ function PrintCurrentSoftwareDownloads($inSoftwareName, $inShowAULink = TRUE, $i
  {
  echo "<br /><table class=\"filler\"><tr><td class=\"icons\">
  <a href=\"{$gResourcesRootPath}donate.php\">";
- echo GetImageTag($gResourcesRootPath . "donate-button.gif", "donate");
+ echo GetImageTag($gResourcesRootPath . "donate-button.png", "donate");
  echo "</a>
 </td></tr></table>
 
@@ -249,16 +249,16 @@ function PrintAudioSample($inDemoTitle, $inDryFile, $inWetFile)
  if ($inDryFile)
  {
  echo "<a href=\"{$inDryFile}\">";
- echo GetImageTag("dry.gif", "dry audio sample", NULL, GetNicelyFormatedFileSize($inDryFile));
+ echo GetImageTag("dry.png", "dry audio sample", NULL, GetNicelyFormatedFileSize($inDryFile));
  echo "</a>";
  }
  else
- echo GetImageTag("dry-no.gif", "no dry audio sample available");
+ echo GetImageTag("dry-no.png", "no dry audio sample available");
  echo "</td>
 ";
 
  echo " <td class=\"icons\"><a href=\"{$inWetFile}\">";
- echo GetImageTag("wet.gif", "wet audio sample", NULL, GetNicelyFormatedFileSize($inDryFile));
+ echo GetImageTag("wet.png", "wet audio sample", NULL, GetNicelyFormatedFileSize($inDryFile));
  echo "</a></td>
 ";
 

diff --git a/site/dfx-transverb.gif b/site/dfx-transverb.gif
diff --git a/site/dfx-transverb.png b/site/dfx-transverb.png
diff --git a/site/dfx.css b/site/dfx.css
@@ -3,6 +3,8 @@
 
 body {
  font: 13px Verdana, Arial, Helvetica, "Sans Serif", sans-serif;
+ margin: 0;
+ padding: 0;
 }
 
 a {

diff --git a/site/docs-title.gif b/site/docs-title.gif
diff --git a/site/docs-title.png b/site/docs-title.png
diff --git a/site/docs.gif b/site/docs.gif
diff --git a/site/docs.html b/site/docs.html
@@ -12,6 +12,8 @@
  margin-left: 15%;
  margin-right: auto;
  padding: 0 12px;
+ /* at least as tall as the viewport */
+ min-height: 100vh;
  }
  ul.doclist {
  font-size: 18px;
@@ -20,10 +22,10 @@
 </head>
 
 <div class="maincolumn">
- <a href="/"><img src="docs-title.gif" alt="Super Destroy FX" /></a>
+ <a href="index.html"><img src="docs-title.png" alt="Super Destroy FX" /></a>
 
  <div class="infobox">
- <h1><img alt="Documentation" src="dfx-documentation.gif" /></h1>
+ <h1><img alt="Documentation" src="dfx-documentation.png" /></h1>
 
  <p>Welcome to the <b>Destroy FX documentation</b>! Here you can learn. Welcome to the learning center.
  </p>
@@ -47,7 +49,7 @@ <h1><img alt="Documentation" src="dfx-documentation.gif" /></h1>
 
  </div>
 
- <a href="/"><img src="keep-on-downloading.gif" width="306" height="33" alt="&lt;&lt; keep on downloading" /></a>
+ <a href="index.html"><img src="keep-on-downloading.png" width="306" height="33" alt="&lt;&lt; keep on downloading" /></a>
 </div>
 
 </html>
diff --git a/site/docs.png b/site/docs.png
diff --git a/site/donate-button.gif b/site/donate-button.gif
diff --git a/site/donate-button.png b/site/donate-button.png