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...
![[TXT]](/icons/text.xbm)
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.