experimentalstuff.com: Text Document

<title>Customize this Site</title>
<body>
<h1>Site Customization</h1>
<if query.addname>
  <tag>table width=90% align=center border=2 bgcolor=<get primary></tag><tr><td>
  You clicked on <i>customizable text</i> at the top of the left title bar.
  That link will be replaced by the contents of the <b>enter text</b>
  field below.
  <p>
  You can use any name, identity  or phase you wish: don't use your 
  real name if you don't want to.
  </td></tr></table>
</if>
<p>
This site allows you, the user, to customize the look of the site
as you see fit.  The following form represents just a sample of the types
of customizations that are possible.
<p>
<if query.submit>
   <modified>
   <debug customization submission>
   <table>
     <foreach name=i glob=query.my.* sort>
       <debug ${i.name} = ${i.value}>
       <set name=my.${i.name.1} value=${i.value}>
     </foreach>
   </table>

   <!-- set color scheme.  I'll figure out a better scheme later -->

   <set name=scheme value=${query.scheme}>
   <set name=primary value=${scheme.${scheme}.primary}>
   <set name=secondary value=${scheme.${scheme}.secondary}>

   <addheader location=${query.header.referer}>
   <hr>
   To continue, click
   <tag>a href=<get query.header.referer></tag>here</a>.
<else>
<form method=post>
<input type=hidden name=submit value=true>
<input type=hidden name=header.referer value="/">
<tag>table align=center width=90% border=2 bgcolor=<get primary></tag>
<tr><td>
    Enter text
  </td><td>
    <input name=my.name maxlength=30 size=15>
  </td><td>
  <small>
     The words you enter here will appear on each page, in the navigation
     area, to remind you that you can customize this site for your own use.
  </small>
</td></tr>
<tr><td>
    Set icon sizes
  </td><td>
    <select name=my.icon.size>
    <option value=16>tiny
    <option value=32 selected>normal
    <option value=64>large
    </select>
  </td><td>
    <small>
      You may change the sizes of the icons on the top banner to suit
      your preference - bigger so they are easier to see, or smaller to
      take up less room.
    </small>
</td></tr>
<tr><td>
    Top banner size
  </td><td>
    <select name=my.logosize>
    <option value=1>small
    <option value=2 selected>normal
    </select>
  </td><td>
    <small>
      as with the icons, above, you may choose to make the top banner area
      smaller, to save space.
    </small>
</td></tr>
<tr><td>
    Choose a color scheme
  </td><td>
   <select name=scheme>
     <foreach name=i glob=scheme.*.background sort>
       <if name=i.name.1 value=${scheme}>
         <tag>option selected value=<get i.name.1></tag><get i.name.1>
       <else>
	 <tag>option value=<get i.name.1></tag><get i.name.1>
       </if>
     </foreach>
   </select>
  </td><td>
    <small>
       Since different displays have different characteristics, you may
       choose a set of colors for this site that look best for you.
    </small>
  </td></tr>
<tr><td>
  Novice mode</td><td>
    <select name=my.novice>
    <option value=1>yes
    <option value=0>no
    </select>
  </td><td>
    <small>
      Selecting <b>yes</b> displays the site quick-guide on the main page.
      Select <b>no</b> to remove it.
    </small>
  </td></tr>
<tr><td>
  Set caching behavior</td><td>
    <select name=my.force>
    <option value=0>normal
    <option value=1>force
    </select>
  </td><td>
    <small>
      Selecting <b>force</b> if nothing happens when you change preferences.
      <a href=#see>See below for more details.</a>
    </small>
  </td></tr>
<tr><td colspan=3 align=center>
   Temporary Options
</td></tr>
<tr><td>
  Set page title location</td><td>
    <select name=my.oldTitle>
    <option value=0>In page (default)
    <option value=1>In banner
    </select>
  </td><td>
    <small>&nbsp;
    </small>
  </td></tr>
<tr><td colspan=3 align=center>
  <input type=submit value="change preferences" size=12>
</td></tr>
</table>
</form>
</if>
<a name=see>
<br>
<h2>Set caching behavior</h2>
</a>
<p>
If you change preferences, but nothing changes, it usually means
your browser has not fetched the new version of the page.  Instead, either
the browser (or an upstream cache) is presenting you with a stale copy.
<p>
The first thing you should try, is to change your browser settings to
check to <i>modified time</i> of pages every time.  That should fix the problem.
<p>
If the problem persists, either because you can't figure out how to change
the browser settings, or there is a broken proxy cache upstream, then
set the value to <code>force</code>.  This will cause the server to try
hard to turn off any page caching.  However, it will cause the page
to be re-fetched, even if nothing has changed.
</body>