Gopher Menu

       Styling Lynx Gopher->HTML output with sed and CSS
       March 30th, 2018
       Note: this phlog entry does not display correctly on HTTP/HTTPS
       In yesterday's post, I gave some tidbits on how to use Lynx to turn
       gopher menus into decent HTML, today I'll give some hints on how to 
       make the document appear a little better using sed and CSS. My goals 
       here are to make the document look a little bit like Netscape 2.0 
       (file type images instead of text description) but also not look like a 
       piece of paper at the same time...
       First lets use a sed file (sed -f images.sed) to inject some HTML SPANs
       and classes into the document...
(FILE) source of file here, too wide to display in the blog
       Then, lets inject the HTML code to get the browser to load a stylesheet:
       sed -e '/<HEAD>/a \
       The stylesheet contains code to set the body color to a pleasing shade
       of grey, and the background to black... Also to set the text to a 
       monospace font, as many gopher menus contain ASCII art that will not 
       work with a proportional font...
       We'll also make the "GOPHER MENU" H1 not so damn huge, and make the 
       links legible when paired with a black foreground...
       Finally it contains CSS trickery to replace the spans we inserted
       with nice little file icons from Apache.
 (DIR) Back to phlog index
 (DIR) gopher root
       Future direct comment submission has been disabled for this phlog entry.
       Comments are still accepted by email, please send to
       Be sure to include the post title in the subject line! Thanks!
       Nobody has commented on this post.