update demo site and TODO

TODO.md

@@ -2,6 +2,8 @@
 
 - create an interactive demo site (maybe also a config generator?)
 
+- background filters pop up and get closed shortly after (see: <https://themk2k.github.io/bigbox3d/embedded.html>), better show the effects when everything's settled
+
 - investigate normal mapping
   - <https://dev.to/ndesmic/webgl-engine-from-scratch-15-normal-maps-3227>
   - <http://olegon.github.io/html5-webgl-normalmapping/>

index.html

@@ -36,8 +36,8 @@ <h5>Using bigbox3d.html without any parameter</h5>
             <li><a href="/bigbox3d/template-bottom.jpg">template-bottom.jpg</a></li>
             <li><a href="/bigbox3d/template-left.jpg">template-left.jpg</a></li>
             <li><a href="/bigbox3d/template-right.jpg">template-right.jpg</a></li>
-            <li><a href="/bigbox3d/template-preview.jpg">template-preview.jpg <i>this is used as preview image for social media posts</i></a></li>
-            <li><a href="/bigbox3d/template-bg.jpg">template-bg.jpg <i>this is the background image (you can also use animated gifs 😉)</i></a></li>
+            <li><a href="/bigbox3d/template-preview.jpg">template-preview.jpg</a><i>this is used as preview image for social media posts</i></li>
+            <li><a href="/bigbox3d/template-bg.jpg">template-bg.jpg</a><i>this is the background image (you can also use animated gifs 😉)</i></li>
           </ul>
         </p>
       </div>
@@ -57,7 +57,7 @@ <h5>Provide File Extension if you're not using .jpg Files</h5>
       <div class="column" style="margin-top: 16px">
         <h5>Change the Background Color</h5>
         <a href="/bigbox3d/bigbox3d.html?path=/bigbox3d/img/&name=Sid%20Meier%27s%20Pirates%20-%20Limited%20Collector%27s%20Edition-&bg=999999&bgvignette=false&bgpattern=false" target="_blank">Example</a>
-        <p>In this example we use a gray background by providing the following URL parameter: <pre>bg=999999</pre> The complete URL parameters for this example are:<pre>?path=/bigbox3d/img/&name=Sid%20Meier%27s%20Pirates%20-%20Limited%20Collector%27s%20Edition-&bg=999999</pre></p>
+        <p>In this example we use a gray background by providing the following URL parameter: <pre>bg=999999</pre>, we also disable background filters. The complete URL parameters for this example are:<pre>?path=/bigbox3d/img/&name=Sid%20Meier%27s%20Pirates%20-%20Limited%20Collector%27s%20Edition-&bg=999999&bgvignette=false&bgpattern=false</pre></p>
       </div>
 
       <div class="column" style="margin-top: 16px">
@@ -69,7 +69,7 @@ <h5>Embed Big Box 3D in a Website</h5>
       <div class="column" style="margin-top: 16px">
         <h5>DOOM Mailorder</h5>
         <a href="/bigbox3d/bigbox3d.html?path=/bigbox3d/img/&name=DOOM_Mailorder-&bgext=gif" target="_blank">DOOM Mailorder</a>
-        <p>id Software turned 30 years on 1st February 2021 - so here is a DOOM mailorder box in glorious 3D.</p>
+        <p>id Software turned 30 years on 1st February 2021 - so here is a DOOM mailorder box in glorious 3D with a slideshow of background images (animated gifs).</p>
         <a href="/bigbox3d/bigbox3d.html?path=/bigbox3d/img/&name=DOOM_Mailorder-&bgext=mp4" target="_blank">DOOM Mailorder (video background)</a>
         <p>The DOOM Mailorder box with a video background.</p>
       </div>