www/audio-video philosophy-recordings.html

[Therese Godefroy]

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 22/10/18 10:11:44

Modified files:
        audio-video    : philosophy-recordings.html 

Log message:
        Make the form more accessible.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/audio-video/philosophy-recordings.html?cvsroot=www&r1=1.2&r2=1.3

Patches:
Index: philosophy-recordings.html
===================================================================
RCS file: /webcvs/www/www/audio-video/philosophy-recordings.html,v
retrieving revision 1.2
retrieving revision 1.3
diff -u -b -r1.2 -r1.3
--- philosophy-recordings.html  18 Oct 2022 12:14:50 -0000      1.2
+++ philosophy-recordings.html  18 Oct 2022 14:11:42 -0000      1.3
@@ -5,7 +5,9 @@
 - GNU Project - Free-Software Foundation</title>
 <link rel="stylesheet" type="text/css" href="/side-menu.css" media="screen" />
 <style type="text/css" media="screen"><!--
-.reduced-width input, .reduced-width select { margin: .5em .2em; }
+.reduced-width legend { width: auto; margin: 0 auto; }
+.reduced-width form div { display: inline-block; margin-top: .5em; }
+.reduced-width input, .reduced-width select { margin: 0 .2em; }
 .reduced-width input[type="submit"] { padding: .3em .6em; color: #055;
   font-weight: bold; border: .1em solid #088; border-radius: .4em;
   background: none; cursor: pointer; }
@@ -77,10 +79,13 @@
 <!--#set var="MEDIA" decoding="urlencoded" value="$1" -->
 <!--#endif -->
 
-<form  action="#results" class="c">
+<form action="#results">
+<fieldset class="c">
+<legend><strong>Select recordings</strong></legend>
 <div>
-<select name="from">
-<option value="">All years</option>
+<label for="from">by year:</label><br />
+<select name="from" id="from" title="Year">
+<option value="">All</option>
 <!--#if expr="$FROM = 2022" --><option value="2022" 
selected="selected">2022</option>
 <!--#else                   --><option value="2022">2022</option>
 <!--#endif -->
@@ -157,8 +162,10 @@
 <!--#else                   --><option value="1984">1984</option>
 <!--#endif -->
 </select>
-<select name="lang">
-<option value="">All languages</option>
+</div>
+<div><label for="type">by language:</label><br />
+<select name="lang" id="lang" title="Language">
+<option value="">All</option>
 <!--#if expr="$LANG = en" --><option value="en" 
selected="selected">English</option>
 <!--#else                 --><option value="en">English</option>
 <!--#endif -->
@@ -172,8 +179,10 @@
 <!--#else                 --><option value="ml">Malayalam</option>
 <!--#endif -->
 </select>
-<select name="type">
-<option value="">All types</option>
+</div>
+<div><label for="type">by type:</label><br />
+<select name="type" id="type" title="Type">
+<option value="">All</option>
 <!--#endif -->
 <!--#if expr="$TYPE == speech" --><option value="speech" 
selected="selected">Speech</option>
 <!--#else                     --><option value="speech">Speech</option>
@@ -194,8 +203,10 @@
 <!--#else                    --><option value="extra">Extra</option>
 <!--#endif -->
 </select>
-<select name="length">
-<option value="">All lengths</option>
+</div>
+<div><label for="length">by length:</label><br />
+<select name="length" id="length" title="Length">
+<option value="">All</option>
 <!--#if expr="$LENGTH == long" --><option value="long" 
selected="selected">&gt; 45min</option>
 <!--#else                     --><option value="long">&gt; 45min</option>
 <!--#endif -->
@@ -206,8 +217,10 @@
 <!--#else                          --><option value="short">&lt; 10min</option>
 <!--#endif -->
 </select>
-<select name="media">
-<option value="">All medias</option>
+</div>
+<div><label for="media">by media:</label><br />
+<select name="media" id="media" title="Media">
+<option value="">All</option>
 <!--#if expr="$MEDIA == video" --><option value="video" 
selected="selected">Video</option>
 <!--#else                     --><option value="video">Video</option>
 <!--#endif -->
@@ -218,8 +231,9 @@
 <!--#else                          --><option 
value="transcript">Transcript</option>
 <!--#endif -->
 </select>
-<input type="submit" value="Search" />
 </div>
+<div><br /><input type="submit" value="Submit" /></div>
+</fieldset>
 </form>
 
 <hr id="results" />
@@ -266,7 +280,7 @@
 
 <p class="unprintable">Updated:
 <!-- timestamp start -->
-$Date: 2022/10/18 12:14:50 $
+$Date: 2022/10/18 14:11:42 $
 <!-- timestamp end -->
 </p>
 </div>