diff options
| -rw-r--r-- | footer.html | 11 | ||||
| -rw-r--r-- | header.html | 7 | ||||
| -rw-r--r-- | index.md | 4 | ||||
| -rw-r--r-- | public/style.css | 97 |
4 files changed, 103 insertions, 16 deletions
diff --git a/footer.html b/footer.html index 2c8db87..45b01fa 100644 --- a/footer.html +++ b/footer.html @@ -1,9 +1,5 @@ <footer role="contentinfo"> - <br> - <hr> - <p>→ <a href="https://git.sr.ht/~bt/jsfree.org">Help edit or improve this project</a>.</p> - <hr> - <h2 id="menu">Menu Navigation</h2> + <p>→ <a href="https://git.btxx.org/jsfree">Help edit or improve this project</a>.</p> <ul> <li><a href="/">Home</a></li> <li><a href="/browsers">Browsers</a></li> @@ -20,8 +16,7 @@ <li><a href="/web-hosting">Web Hosting</a></li> </ul> <small> - Built with <a href="https://git.sr.ht/~bt/wruby">wruby</a>. <br> - Hosted on <a href="https://sourcehut.org">sourcehut</a>. <br> - The <a href="https://git.sr.ht/~bt/jsfree.org">code for this site</a> is <a href="https://git.sr.ht/~bt/jsfree.org/tree/master/item/LICENSE">MIT</a>. + Built with <a href="https://wruby.btxx.org">wruby</a>.<br> + The <a href="https://git.btxx.org/jsfree">code for this site</a> is <a href="https://choosealicense.com/licenses/mit/">MIT</a>. </small> </footer>
\ No newline at end of file diff --git a/header.html b/header.html index 24e5d50..c802fd1 100644 --- a/header.html +++ b/header.html @@ -7,14 +7,11 @@ <link rel="icon" href="data:,"> <title>{{TITLE}}</title> <link href="https://jsfree.org/atom.xml" type="application/atom+xml" rel="alternate" title="Atom feed for blog posts" /> - <style>*{box-sizing:border-box;}body{font-family:sans-serif;line-height:1.33;margin:0 -auto;max-width:650px;padding:1rem;}blockquote{border-left:4px - solid;padding-left:5px;}img{max-width:100%;}pre{border:1px solid;overflow:auto;padding:5px;}table{text-align:left;width:100%;}.posts,#menu{list-style:none;padding:0;}.posts li{margin-bottom:8px;}.posts li span{display:block;font-size:90%;}#menu li{display:inline-block;margin-right:8px;}.footnotes{font-size:90%;}abbr{background:yellow;color:blue;cursor:help;}nav a.menu{float:right;}.logo{display:block;max-width:60px;}</style> + <link rel="stylesheet" href="/public/style.css"> </head> <nav> - <a class="menu" href="#menu">Menu ↓</a> - <a href="/"><img class="logo" src="/public/images/jsfree-logo.jpg" alt="jsfree logo"></a> + <a href="/"><img class="logo" src="/public/images/jsfree-logo.jpg" alt="jsfree logo"></a><a class="menu" href="#menu">Menu ↓</a> </nav> <main> @@ -2,8 +2,6 @@ **A community-curated collection of <abbr title="Web-based applications, not websites">web services</abbr> that work without JavaScript.** ---- - If you're looking for the reasoning behind this project, read [Introducing jsfree.org](/posts/2024-01-10-introducing-jsfree/) ## Core objectives @@ -19,7 +17,7 @@ If you're looking for the reasoning behind this project, read [Introducing jsfre Things you can do to contribute to the project (in order of importance): -* [Submit a patch](https://git.sr.ht/~bt/jsfree.org) for new service/category suggestions or improvements to the main website. +* [Submit a patch](https://lists.sr.ht/~bt/jsfree-devel) for new service/category suggestions or improvements to the main website. * Create your own JavaScript-free web service / application. (Then submit it!) * Spread the word, so the world knows they can go JavaScript-free. diff --git a/public/style.css b/public/style.css new file mode 100644 index 0000000..ade603e --- /dev/null +++ b/public/style.css @@ -0,0 +1,97 @@ +* { + box-sizing: border-box; +} +body { + font-family: "Verdana", sans-serif; + line-height: 1.4; + font-size: 13px; + margin: 0 auto; + max-width: 470px; + padding: 0 10px 10px; +} +h1{font-size:18px;margin-top:1em;} +h2, +h3, +h4, +h5, +h6 { + font-size: 15px; + margin: 2em 0 0; +} +blockquote { + border-left: 4px solid; + margin: 2em 0 2em 2em; + padding: 2px 8px; +} +blockquote p { + font-style: italic; + margin: 0; + padding: 0; +} +img { + max-width: 100%; +} +pre { + border: 1px solid; + overflow: auto; + padding: 5px; +} +table { + text-align: left; + width: 100%; +} +img.logo { + max-width: 40px; +} +nav { + border-bottom: 1px solid; + padding: 10px 0; +} +nav a:last-of-type { + float: right; +} +#menu, +.posts { + list-style: none; + padding: 0; +} +.posts li { + margin-bottom: 8px; +} +.posts li span { + display: block; + font-size: 90%; +} +#menu li { + display: inline-block; + margin-right: 8px; +} +figure { + margin: 3em 0; +} +figure img { + width: 100%; +} +figcaption { + font-size: 90%; +} +footer { + border-top: 1px solid; + margin: 2em 0; +} +.footnotes { + font-size: 90%; +} +code { + background-color: #000; + color: #f1f1f1; + border-radius: 0.2rem; + padding: 0.1rem; +} +pre:has(code) { + border: 2px solid #f9f9f9; + background-color: #000; + color: #f1f1f1; + padding: 0.5rem; + border-radius: 0.5rem; +}
\ No newline at end of file |