💾 Archived View for gopher.zcrayfish.soy › h › preferences.html captured on 2024-06-16 at 12:26:30.
⬅️ Previous capture (2024-03-21)
-=-=-=-=-=-=-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<!--[if gt IE 10]><!-->
<script src="//gopher.zcrayfish.soy/https.js" type="text/javascript"></script>
<!--<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="//gopher.zcrayfish.soy/hybrid.css" id="style_stylesheet" />
<link rel="shortcut icon" href="//gopher.zcrayfish.soy/favicon.ico" />
<meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.8.0" />
<title>Gopher Menu</title>
</head>
<body onload="jsnotice()">
<script type="text/javascript">
window.addEventListener("DOMContentLoaded", applyStyle);
function applyStyle() {
const style_hybrid = document.querySelector("#style_hybrid");
const style_nocolor = document.querySelector("#style_nocolor");
const style_plain = document.querySelector("#style_plain");
const stylesheet = document.querySelector("#style_stylesheet");
const userstyle = localStorage.getItem("userstyle");
if (userstyle == "style_nocolor") {
style_nocolor.checked = true;
stylesheet.setAttribute("href", "//gopher.zcrayfish.soy/nocolor.css"); }
else if (userstyle == "style_plain") {
style_plain.checked = true;
stylesheet.setAttribute("href", "//gopher.zcrayfish.soy/plain.css"); }
else if (userstyle == "style_hybrid") {
style_hybrid.checked = true;
stylesheet.setAttribute("href", "//gopher.zcrayfish.soy/hybrid.css"); }
function changeStyle(e) {
const t = e.target.id;
localStorage.setItem("userstyle", t);
if (t == "style_nocolor") { stylesheet.setAttribute("href", "//gopher.zcrayfish.soy/nocolor.css"); }
else if (t == "style_hybrid") { stylesheet.setAttribute("href", "//gopher.zcrayfish.soy/hybrid.css"); }
else if (t == "style_plain") { stylesheet.setAttribute("href", "//gopher.zcrayfish.soy/plain.css"); }
}
style_hybrid.addEventListener("change", changeStyle);
style_nocolor.addEventListener("change", changeStyle);
style_plain.addEventListener("change", changeStyle);
}
</script>
<pre>
<span class="hidetext info" title="informational text"> </span>This page will allow web frontend users to select which CSS stylesheet
<span class="hidetext info" title="informational text"> </span>will be loaded by their browser for most pages on the web frontend.
<span class="hidetext info" title="informational text"> </span>It requires javascript localStorage support.
<span class="hidetext info" title="informational text"> </span>
</pre>
<fieldset>
<legend>User style preference</legend>
<input type="radio" name="style" id="style_hybrid" />
<label for="style_hybrid">Default style, inspired by lynx.</label><br />
<input type="radio" name="style" id="style_nocolor" />
<label for="style_nocolor">Nocolor style; all colors on the pages will be selected by your browser</label><br />
<input type="radio" name="style" id="style_plain" />
<label for="style_plain">Plain style (no sprites); all colors, styles, and sizes will be selected<br />by your browser</label><br />
</fieldset>
<pre>
<span class="hidetext info" title="informational text"> </span>
<span class="hidetext info" title="informational text"> </span>Sample renderings (no links) of what different gophertypes will look like:
<span class="hidetext index" title="Searchable gopher index or gopher form"> (?) </span>7 Searchable gopher index or gopher form
<span class="hidetext tel" title="Telnet 3270 session">(3270) </span>T Telnet 3270 session
<span class="hidetext bin" title="Binary file"> (BIN) </span>9 Binary file
<span class="hidetext index" title="CSO phonebook and email address directory"> (CSO) </span>2 CSO phonebook session
<span class="hidetext dir" title="Gopher index or directory"> (DIR) </span>1 Gopher index or directory
<span class="hidetext file" title="Text document">(FILE) </span>0 Text file
<span class="hidetext html" title="HTML document or web link">(HTML) </span>h HTML document or web link
<span class="hidetext mime" title="MIME formatted email">(MIME) </span>m MIME format email or MHTML document
<span class="hidetext hqx" title="BinHex 4 encoded file"> (HQX) </span>3 BinHex 4 encoded Macintosh file
<span class="hidetext img" title="Image file"> (IMG) </span>I image file
<span class="hidetext mov" title="Video file"> (MOV) </span>; Movie file
<span class="hidetext pdf" title="ISO 32000 (PDF) document"> (PDF) </span>P ISO 32000 document (PDF)
<span class="hidetext snd" title="Sound file"> (SND) </span>s Sound file
<span class="hidetext tel" title="Telnet session"> (TEL) </span>8 Telnet session
<span class="hidetext unkn" title="Unknown">(UNKN) </span> unknown file
<span class="hidetext uue" title="uuencoded file"> (UUE) </span>6 uuencoded file
<span class="hidetext info" title="informational text"> </span>i Informational text
<span class="hidetext info" title="informational text"> </span>
<span class="hidetext info" title="informational text"> </span>Quick shortcuts back to the rest of the site:
<span class="hidetext dir" title="Gopher index or directory"> (DIR) </span><a href="/1/phlog/" title="gopher.zcrayfish.soy gopher root">My phlog (gopherlog)</a>
<span class="hidetext dir" title="Gopher index or directory"> (DIR) </span><a href="/1/" title="gopher.zcrayfish.soy gopher root">gopher.zcrayfish.soy gopher root</a>
</pre>
</body>
</html>