diff options
Diffstat (limited to 'tutorials/www/how-to-make-this-site.html')
| -rw-r--r-- | tutorials/www/how-to-make-this-site.html | 198 |
1 files changed, 35 insertions, 163 deletions
diff --git a/tutorials/www/how-to-make-this-site.html b/tutorials/www/how-to-make-this-site.html index f3d674d..2a631e4 100644 --- a/tutorials/www/how-to-make-this-site.html +++ b/tutorials/www/how-to-make-this-site.html @@ -6,188 +6,60 @@ <meta content="width=device-width, initial-scale=1.0, user-scalable=yes" name="viewport"/> <title>how-to-make-this-site</title> <style> - html { - line-height: 1.5; - font-family: Georgia, serif; - font-size: 20px; - color: #1a1a1a; - background-color: #fdfdfd; - } - body { - margin: 0 auto; - max-width: 36em; - padding-left: 50px; - padding-right: 50px; - padding-top: 50px; - padding-bottom: 50px; - hyphens: auto; - overflow-wrap: break-word; - text-rendering: optimizeLegibility; - font-kerning: normal; - } - @media (max-width: 600px) { - body { - font-size: 0.9em; - padding: 1em; - } - h1 { - font-size: 1.8em; - } - } - @media print { - body { - background-color: transparent; - color: black; - font-size: 12pt; - } - p, h2, h3 { - orphans: 3; - widows: 3; - } - h2, h3, h4 { - page-break-after: avoid; - } - } - p { - margin: 1em 0; - } - a { - color: #1a1a1a; - } - a:visited { - color: #1a1a1a; - } - img { - max-width: 100%; - } - h1, h2, h3, h4, h5, h6 { - margin-top: 1.4em; - } - h5, h6 { - font-size: 1em; - font-style: italic; - } - h6 { - font-weight: normal; - } - ol, ul { - padding-left: 1.7em; - margin-top: 1em; - } - li > ol, li > ul { - margin-top: 0; - } - blockquote { - margin: 1em 0 1em 1.7em; - padding-left: 1em; - border-left: 2px solid #e6e6e6; - color: #606060; - } - code { - font-family: Menlo, Monaco, 'Lucida Console', Consolas, monospace; - font-size: 85%; - margin: 0; - } - pre { - margin: 1em 0; - overflow: auto; - } - pre code { - padding: 0; - overflow: visible; - overflow-wrap: normal; - } - .sourceCode { - background-color: transparent; - overflow: visible; - } - hr { - background-color: #1a1a1a; - border: none; - height: 1px; - margin: 1em 0; - } - table { - margin: 1em 0; - border-collapse: collapse; - width: 100%; - overflow-x: auto; - display: block; - font-variant-numeric: lining-nums tabular-nums; - } - table caption { - margin-bottom: 0.75em; - } - tbody { - margin-top: 0.5em; - border-top: 1px solid #1a1a1a; - border-bottom: 1px solid #1a1a1a; - } - th { - border-top: 1px solid #1a1a1a; - padding: 0.25em 0.5em 0.25em 0.5em; - } - td { - padding: 0.125em 0.5em 0.25em 0.5em; - } - header { - margin-bottom: 4em; - text-align: center; - } - #TOC li { - list-style: none; - } - #TOC ul { - padding-left: 1.3em; - } - #TOC > ul { - padding-left: 0; - } - #TOC a:not(:hover) { - text-decoration: none; - } code{white-space: pre-wrap;} span.smallcaps{font-variant: small-caps;} - span.underline{text-decoration: underline;} - div.column{display: inline-block; vertical-align: top; width: 50%;} + div.columns{display: flex; gap: min(4vw, 1.5em);} + div.column{flex: auto; overflow-x: auto;} div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;} - ul.task-list{list-style: none;} + /* The extra [class] is a hack that increases specificity enough to + override a similar rule in reveal.js */ + ul.task-list[class]{list-style: none;} + ul.task-list li input[type="checkbox"] { + font-size: inherit; + width: 0.8em; + margin: 0 0.8em 0.2em -1.6em; + vertical-align: middle; + } .display.math{display: block; text-align: center; margin: 0.5rem auto;} </style> +<link href="../../static/main.css" rel="stylesheet"/> </head> <body> <nav id="TOC" role="doc-toc"> <h2 id="toc-title">Contents</h2> <ul> -<li><a href="#background" target="_self">Background</a></li> -<li><a href="#what-is-a-web-server-and-how-do-i-run-one" target="_self">What is a web -server and how do I run one?</a> +<li><a href="#background" id="toc-background" target="_self">Background</a></li> +<li><a href="#what-is-a-web-server-and-how-do-i-run-one" id="toc-what-is-a-web-server-and-how-do-i-run-one" target="_self">What is a web server +and how do I run one?</a> <ul> -<li><a href="#getting-from-localhost-to-the-internet" target="_self">Getting from -localhost to the internet</a></li> +<li><a href="#getting-from-localhost-to-the-internet" id="toc-getting-from-localhost-to-the-internet" target="_self">Getting from localhost +to the internet</a></li> </ul></li> -<li><a href="#how-can-i-make-this-server-available-on-the-internet-cheaply-and-independently" target="_self">How +<li><a href="#how-can-i-make-this-server-available-on-the-internet-cheaply-and-independently" id="toc-how-can-i-make-this-server-available-on-the-internet-cheaply-and-independently" target="_self">How can I make this server available on the Internet <em>cheaply</em> and <em>independently</em></a> <ul> -<li><a href="#can-i-run-a-web-server-at-home" target="_self">Can I run a web server at +<li><a href="#can-i-run-a-web-server-at-home" id="toc-can-i-run-a-web-server-at-home" target="_self">Can I run a web server at home</a></li> -<li><a href="#so-what-should-i-do" target="_self">So what should I do</a></li> +<li><a href="#so-what-should-i-do" id="toc-so-what-should-i-do" target="_self">So what +should I do</a></li> </ul></li> -<li><a href="#whats-a-domain-name" target="_self">What's a "Domain Name"</a></li> -<li><a href="#setup-https-and-tls-for-some-sense-of-security" target="_self">Setup -HTTPS and TLS, for some sense of security</a></li> -<li><a href="#perspective" target="_self">Perspective</a></li> -<li><a href="#references" target="_self">References</a> +<li><a href="#whats-a-domain-name" id="toc-whats-a-domain-name" target="_self">What's a +"Domain Name"</a></li> +<li><a href="#setup-https-and-tls-for-some-sense-of-security" id="toc-setup-https-and-tls-for-some-sense-of-security" target="_self">Setup HTTPS and +TLS, for some sense of security</a></li> +<li><a href="#perspective" id="toc-perspective" target="_self">Perspective</a></li> +<li><a href="#references" id="toc-references" target="_self">References</a> <ul> -<li><a href="#terms-of-service-for-certain-isps" target="_self">Terms of service for -certain ISPs</a> +<li><a href="#terms-of-service-for-certain-isps" id="toc-terms-of-service-for-certain-isps" target="_self">Terms of service for certain +ISPs</a> <ul> -<li><a href="#verizon" target="_self">Verizon</a></li> -<li><a href="#optimum" target="_self">Optimum</a></li> -<li><a href="#spectrum" target="_self">Spectrum</a></li> -<li><a href="#att" target="_self">AT&T</a></li> -<li><a href="#cox-communications" target="_self">Cox Communications</a></li> +<li><a href="#verizon" id="toc-verizon" target="_self">Verizon</a></li> +<li><a href="#optimum" id="toc-optimum" target="_self">Optimum</a></li> +<li><a href="#spectrum" id="toc-spectrum" target="_self">Spectrum</a></li> +<li><a href="#att" id="toc-att" target="_self">AT&T</a></li> +<li><a href="#cox-communications" id="toc-cox-communications" target="_self">Cox +Communications</a></li> </ul></li> </ul></li> </ul> |