history: rework layout like news

Make it more responsive to larger & smaller screens, and stop (ab)using
<blockquote> for non-quote purposes.  It was used purely because of the
spacing it added around the borders.

diff --git a/history.php b/history.php
index a06ecbcb472c793e7a18f229d0d5530af1671076..37e9ee26266ebfe7de9d70dc51830a04296e14a3 100644 (file)
--- a/history.php
+++ b/history.php
@@ -2,90 +2,63 @@
 
 <center><b>History</b></center>
 
+<div id="history">
 
-<blockquote>
-Improvements made in version 2.6:<br>
 
-<table border=0 width="100%"><tr><td>
-
-<ul>
+<div class="title">Improvements made in version 2.6:</div>
+<ul class="details">
 <li>Trailing whitespace can be snipped from justified paragraphs.</li>
 <li>Better feedback when a file is unwritable or a directory inaccessible.</li>
 <li>Bindable functions for deleting a word to the left and to the right.</li>
-<li>A bindable function for saving the current file without prompting for its name.<br><br></li>
-
+<li>A bindable function for saving the current file without prompting for its name.</li>
+</ul>
+<ul class="details">
 <li>Commenting/uncommenting lines with a single keystroke (M-3).</li>
 <li>Resizing the window does not exit from help viewer nor file browser.</li>
 <li>On some terminals Ctrl+Left and Ctrl+Right jump to previous and next word.</li>
 <li>A steadier movement of the highlight in the file browser.</li>
 </ul>
 
-</td></tr></table>
-</blockquote>
-
 
-<blockquote>
-Improvements made in version 2.4:<br>
-
-<table border=0 width="100%"><tr><td>
-
-<ul>
+<div class="title">Improvements made in version 2.4:</div>
+<ul class="details">
 <li>The ability to give different colors to title bar, status bar and help lines.</li>
 <li>Linter support, for automatically putting the cursor on syntax errors.</li>
 <li>Formatter support, for normalizing the layout of a text instead of the spelling.</li>
-<li>The undo/redo system has reached a usable state and is enabled by default.<br><br></li>
-
+<li>The undo/redo system has reached a usable state and is enabled by default.</li>
+</ul>
+<ul class="details">
 <li>No longer finds "ghosts" of certain UTF-8 characters.</li>
 <li>Makes the mouse usable again for clicking on shortcuts.</li>
 <li>Fixes several syntax coloring issues.</li>
 <li>Adds more syntax highlighting examples (Go, guile, javascript, json, PO files, texinfo, ...).</li>
 </ul>
 
-</td></tr></table>
-</blockquote>
 
-
-<blockquote>
-Improvements made in version 2.2:<br>
-
-<table border=0 width="100%"><tr><td>
-
-<ul>
+<div class="title">Improvements made in version 2.2:</div>
+<ul class="details">
 <li>Customizable key bindings.</li>
 <li>Abortable searching (^C after ^W).</li>
 <li>Partial undo/redo support [EXPERIMENTAL].</li>
 <li>Pager support (i.e. reading from stdin).</li>
 </ul>
-
-</td><td>
-
-<ul>
+<ul class="details">
 <li>Warnings for unwritable files and for external modification since opening.</li>
 <li>"Soft" line wrapping (i.e. display of complete lines).</li>
 <li>More syntax highlighting examples (Fortran, objC, OCaml, Makefiles).</li>
 <li>Faster syntax highlighting for complicated regexes.</li>
 </ul>
 
-</td></tr></table>
-</blockquote>
-
-
-<blockquote>
-Improvements made in version 2.0:<br>
 
-<table border=0 width="100%"><tr><td>
-
-<ul>
+<div class="title">Improvements made in version 2.0:</div>
+<ul class="details">
 <li>UTF-8 support.</li>
 <li>Improved color syntax highlighting.</li>
 <li>Copy text without cutting it.</li>
 <li>Verbatim input mode.</li>
 <li>Repeat last seach (Meta-W).</li>
 </ul>
-
-</td><td>
-
-<ul>
+<ul class="details">
 <li>Spell check/replace selected text only.</li>
 <li>Indent marked text.</li>
 <li>Move to beginning/end of paragraph.</li>
@@ -93,16 +66,9 @@ Improvements made in version 2.0:<br>
 <li>Auto-conversion of mixed file format.</li>
 </ul>
 
-</td></tr></table>
-</blockquote>
-
 
-<blockquote>
-Improvements made in version 1.2:<br>
-
-<table border=0 width="100%"><tr><td>
-
-<ul>
+<div class="title">Improvements made in version 1.2:</div>
+<ul class="details">
 <li>More Pico compatible by default.</li>
 <li>Smooth scrolling (-S flag).</li>
 <li>Bracket matching (Meta-]).</li>
@@ -111,10 +77,7 @@ Improvements made in version 1.2:<br>
 <li>Search and replace history editing.</li>
 <li>Customizable quoting string (-Q flag).</li>
 </ul>
-
-</td><td>
-
-<ul>
+<ul class="details">
 <li>Append/prepend from write file menu.</li>
 <li>Write selected text to file (^O after ^^).</li>
 <li>Multiple file buffers (-F flag).</li>
@@ -124,16 +87,9 @@ Improvements made in version 1.2:<br>
 <li>Insert output of command (^X after ^R).</li>
 </ul>
 
-</td></tr></table>
-</blockquote>
-
-
-<blockquote>
-Version 1.0 had the following features:<br>
-
-<table border=0 width="100%"><tr><td>
 
-<ul>
+<div class="title">Version 1.0 had the following features:</div>
+<ul class="details">
 <li>Autoconf support.</li>
 <li>Truly free license (GNU GPL).</li>
 <li>Goto-line command without a flag.</li>
@@ -141,10 +97,7 @@ Version 1.0 had the following features:<br>
 <li>Interactive search and replace.</li>
 <li>About half the size of the Pico binary.</li>
 </ul>
-
-</td><td>
-
-<ul>
+<ul class="details">
 <li>Slang and ncurses support.</li>
 <li>Autoindent abillity.</li>
 <li>Displayed tab width option.</li>
@@ -153,7 +106,7 @@ Version 1.0 had the following features:<br>
 <li>Tab completion when reading/writing files.</li>
 </ul>
 
-</td></tr></table>
-</blockquote>
+
+</div>
 
 <?php include "bottom.php"; ?>

diff --git a/style.css b/style.css
index 8f2f2a57614a57fc5930ffd402aa08e404d23e5d..4e86cfb68978d6cab9667f649b5658bd8218f19b 100644 (file)
--- a/style.css
+++ b/style.css
@@ -132,6 +132,19 @@ div#news ul.details {
        padding-left: 1em;
 }
 
+div#history {}
+div#history div.title {
+       margin-left: 2em;
+       margin-top: 2em;
+}
+div#history ul.details {
+       display: inline-block;
+       margin-bottom: 0;
+       margin-left: 2em;
+       margin-top: 1em;
+       padding-left: 1em;
+}
+
 div.who {
        display: flex;
        flex-wrap: wrap;
@@ -203,6 +216,11 @@ table#download {
        width: 100%;
 }
 
+div#history div.title,
+div#history ul.details {
+       margin-left: 1em;
+}
+
 span.who-2,
 span.who-3,
 span.who-5 {
@@ -227,6 +245,11 @@ div#bottom span.menuitem {
        flex-basis: 50%;
        line-height: 1.5em;
 }
+
+div#history div.title,
+div#history ul.details {
+       margin-left: 0.5em;
+}
 }
 
 /* These breaks depend on the current font-size which is 16px by default. */