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 \
(FILE) <LINK REL="STYLESHEET" HREF="//gopher.zcrayfish.soy/0/stylesheet.css">
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.zcrayfish.soy gopher root
Future direct comment submission has been disabled for this phlog entry.
Comments are still accepted by email, please send to zcrayfish@gmail.com
Be sure to include the post title in the subject line! Thanks!
Nobody has commented on this post.