GopherMenu
----------------------------------------Styling Lynx
Gopher->HTML output with sed and CSSMarch 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 turngopher 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 SPANsand classes into the document...
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 \
<LINK REL="STYLESHEET" HREF="//gopher.zcrayfish.soy/0/stylesheet.css">
The stylesheet contains code to set the body color to a pleasing shadeof 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 insertedwith nice little file icons from Apache.