diff options
Diffstat (limited to 'public')
| -rw-r--r-- | public/favicon.ico | bin | 0 -> 13065 bytes | |||
| -rw-r--r-- | public/index.html | 39 | ||||
| -rw-r--r-- | public/style.css | 114 |
3 files changed, 153 insertions, 0 deletions
diff --git a/public/favicon.ico b/public/favicon.ico Binary files differnew file mode 100644 index 0000000..29e51a7 --- /dev/null +++ b/public/favicon.ico diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..3296cb9 --- /dev/null +++ b/public/index.html @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="color-scheme" content="light dark"> + <title>OpenBASED - Setup OpenBSD as a daily driver using only the included, base programs</title> + <link rel="icon" type="image/x-icon" href="./favicon.ico"> + <link rel="stylesheet" href="./style.css"> +</head> +<body> + <h1><a href="/"><span class="title"><i>Open</i><b>BASED</b></span></a></h1> + <hr> + <p>Setup OpenBSD as a daily driver using only the included, base programs.</p> + +<hr /> + +<div class="TOC"> + +<ul> +<li><a href="#gettingstarted">Getting Started</a></li> +<li><a href="#contribute">Contribute</a></li> +</ul> +</div> + +<h2 id="gettingstarted">Getting Started</h2> + +<p>Coming soon…</p> + +<h2 id="contribute">Contribute</h2> + +<p>I’m far from an OpenBSD expert! Please <a href="https://git.sr.ht/~bt/openbased">help improve this project</a>!</p> +<hr> +<footer> + <p>Project created by <a href="https://btxx.org">Bradley Taunt</a><br> + <a href="https://git.sr.ht/~bt/openbased">Source code</a> | Hosted on <a href="https://billing.linveo.com/order/forms/a/MTM4Ng==">Linveo</a></p> +</footer> +</body> +</html> diff --git a/public/style.css b/public/style.css new file mode 100644 index 0000000..a0ffafb --- /dev/null +++ b/public/style.css @@ -0,0 +1,114 @@ +* { + box-sizing: border-box; +} + +body { + background: white; + line-height: 1.55; + margin: 0 auto; + padding: 10px; +} + +:link { + color: #23238E; +} +:visited { + color: #008088; +} + +.title { + font-family: "Times New Roman", Times, serif; +} + +.title i { + color: #0000FF; +} +.title b { + color: #000084; +} + +header { + padding: 0 0 10px; +} + +img { + margin: 0 auto; + max-width: 120px; +} + +h1 { + margin: 0; + padding: 0.5rem 0 0; +} + +blockquote { + background: rgba(0,0,0,0.04); + border-left: 4px solid; + margin: 2rem 0; + padding: 6px 10px; +} +blockquote p { + font-style: italic; + margin: 0; +} + +pre { + background: whitesmoke; + border: 1px solid; + overflow: scroll; + padding: 10px; + max-width:100%; +} + +code { + background: whitesmoke; +} + +p code, li code, dl code { + border: 1px solid; + padding: 1px 2px; +} + +h2 code { + font-size: 24px; +} + +footer p { + font-size: 90%; +} + +@media (min-width: 800px) { + body { + max-width: 85%; + } +} + +@media(max-width:420px) { + h1 { + text-align: center; + } +} + +@media(prefers-color-scheme: dark) { + body { + background: #1E1F21; + } + :link { + color: #BAD7FF; + } + :visited { + color: #F6BAFF; + } + .title { + text-shadow: 2px 2px black; + } + .title i { + color: #F2CA30; + } + .title b { + color: #CF4229; + } + pre, code { + background: black; + } +}
\ No newline at end of file |