aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--footer.html11
-rw-r--r--header.html7
-rw-r--r--index.md4
-rw-r--r--public/style.css97
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>&rarr; <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>&rarr; <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 &darr;</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 &darr;</a>
</nav>
<main>
diff --git a/index.md b/index.md
index 033fe7d..c7480b6 100644
--- a/index.md
+++ b/index.md
@@ -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