cleanup, clickable member URLs

main
Frank Homburg 3 years ago
parent 18f9c82a76
commit 921a9b7958

@ -3,7 +3,7 @@
baseURL = "https://no-js.club"
# Basic metadata configuration for your blog.
title = "The no-JS.club"
title = "The no-JS.club | Promenade for JavaScript freed websites"
author = "Frank"
copyright = "Copyright © 2022, Frank Homburg."
languageCode = "en-US"

@ -1,5 +1,3 @@
# Welcome To The no-JS.club Project
The Internet as we find it today is unfortunately a completely **bloated disaster** including **lush JavaScript libraries**.
But we can make a difference if we just take a moment to think about whether the use of JavaScript is really necessary, or if the desired result can be achieved **without its use**.

@ -1,19 +1,19 @@
---
title: "FAQ"
title: "FAQ | The no-JS.club"
date: "2022-04-26T13:03:54+02:00"
draft: false
---
# no-JS Club FAQ
## no-JS Club FAQ
<p>Below you find commonly asked question regarding the no-JS.club project and membership:</p>
{{< detail-tag "Terms and conditions" >}}
## Your website must be...
### Your website must be...
- **SFW**
- **accessible via HTTPS**
## Your website doesn't include the following contents
### Your website doesn't include the following contents
- **pornography/sexism or otherwise offensive**
- **fanaticism**
- **racism**
@ -21,7 +21,7 @@ draft: false
{{< /detail-tag >}}
{{< detail-tag "How to join the no-JS club?" >}}
## Instructions
### Instructions
<p>If you're interested in getting your site added to the no-JS club, all you need to do is to follow this step-by-step guide:</p>
1. 🤞 Use [GTMetrix](https://gtmetrix.com) to analyse your website 🤞
@ -32,18 +32,20 @@ draft: false
3. Next click on the **"JS"** tab to make sure your homepage doesn't contain JS code
### 🙌 Example Result Where No JavaScript Detected 🙌
4. 🙌 Example Result Where No JavaScript Detected 🙌
![Accepted domain - JS tab GTmetrix analyse result](/assets/no-js/accepted_gtmetrix_waterfall_js.webp)
### 😞 Example Result Where JavaScript Was Detected! 😞
5. 😞 Example Result Where JavaScript Was Detected! 😞
![Denied domain - JS tab GTmetrix analyse result](/assets/no-js/denied_gtmetrix_waterfall_js.webp)
4. If your website satisfies the requirement, [submit a ticket 🎫 on sourcehut](https://todo.sr.ht/~hmbrg/no-JS.club)
6. If your website satisfies the requirement, [submit a ticket 🎫 on sourcehut](https://todo.sr.ht/~hmbrg/no-JS.club)
### Example Of A Filled Ticket
#### Example Of A Filled Ticket
![sourcehut membership request ticket](/assets/no-js/membership-request-ticket.webp)
5. Once your request is approved, the domain will be added to the member list below
7. Once your request is approved, the domain will be added to the member list below
Note: I reserve the right to not add sites based on whether I think they're suitable to be added or not
@ -53,35 +55,35 @@ Note: I reserve the right to not add sites based on whether I think they're suit
{{< /detail-tag >}}
{{< detail-tag "Is there any way I can show that I am a no-JS club member?" >}}
## Using the no-JS.club logos to showcase membership
### Using the no-JS.club logos to showcase membership
If your website is **qualified and included in our list**, you are entitled to use one of the following two logos:
## Bright no-JS club logo
### Bright no-JS club logo
[![bright no-JS.club logo](/images/no-JS.club_logo_bright.svg)](https://no-js.club)
### To include the above logo, use the following HTML code:
#### To include the above logo, use the following HTML code:
`<a href="https://no-js.club/"><img alt="no-JS club" src="https://no-js.club/images/no-JS.club_logo_bright.svg">`
### When using a static side generator like Hugo use the following Markdown snippet:
#### When using a static side generator like Hugo use the following Markdown snippet:
`[![This website is a proud member of the no-JS.club logo](https://no-js.club/images/no-JS.club_logo_bright.svg)](https://no-js.club)`
## Dark no-JS club logo
### Dark no-JS club logo
[![dark no-JS.club logo](/images/no-JS.club_logo_dark.svg)](https://no-js.club)
### To include the above logo, use the following HTML code:
#### To include the above logo, use the following HTML code:
`<a href="https://no-js.club/"><img alt="no-JS club" src="https://no-js.club/images/no-JS.club_logo_bright.svg">`
### When using a static side generator like Hugo use the following Markdown snippet:
#### When using a static side generator like Hugo use the following Markdown snippet:
`[![This website is a proud member of the no-JS.club logo](https://no-js.club/images/no-JS.club_logo_bright.svg)](https://no-js.club)`
### Those image are to large/small
#### Those image are to large/small
If the dimensions of the logos are not suitable for you, download the logo of your choice and open it with a text editor.
Lines five and six contain the dimensions in millimeters, which can be adjusted to your liking.
@ -92,20 +94,18 @@ Lines five and six contain the dimensions in millimeters, which can be adjusted
{{< /detail-tag >}}
{{< detail-tag "When does the club membership begin?" >}}
## Start of club membership
### Start of club membership
Once your request is approved, the website mentioned via support ticket will become a proud member of the [no-JS.club](https://no-JS.club) and will be listed on the front page of the project website.
{{< /detail-tag >}}
{{< detail-tag "Will membership cost me anything?" >}}
## The cost of membership
Good that you ask! [no-JS.club](https://no-js.club) **membership is absolutely free of charge**.
We don't ask for money and don't expect anything else in return, **except the request for [membership](https://todo.sr.ht/~hmbrg/no-JS.club) via support ticket**.
### The cost of membership
Good you asked! All this time I have been thinking about how I can gently teach you that **membership will not bankrupt you** but, except for the effort of making an application via ticket and waiting for it to be approved, **absolutely doesnt cost a dime!**
{{< /detail-tag >}}
{{< detail-tag "I have further questions?!?" >}}
## Contact information
Please direct all further questions to my eMail address: *no-JS {at} hmbrg {dot} org*.
### Contact information
If you still have unanswered questions after reading the FAQ, you can **[submit a ticket](https://todo.sr.ht/~hmbrg/no-JS.club)** and let us know what needs to be clarified.
{{< /detail-tag >}}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

@ -1,43 +1,20 @@
<!DOCTYPE html>
<html lang="{{ with .Site.LanguageCode }}{{ . }}{{ else }}en-US{{ end }}">
<html lang="en">
<html>
<head>
<meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
{{- partial "favicon.html" . -}}
<title>{{- block "title" . }}{{ with .Title }}{{ . }} | {{ end }}{{ .Site.Title }}{{- end }}</title>
{{- partial "seo_tags.html" . -}}
<meta name="referrer" content="no-referrer-when-downgrade" />
{{ with .OutputFormats.Get "rss" -}}
{{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
{{ end -}}
<style>body{margin:20px auto;max-width:725px;line-height:1.5em;font-size:1.1em;background-color:#252525;color:#d9d9d9;padding:0 10px;font-family:monospace;hyphens:auto}header{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-variant:small-caps}nav{display:inline-block}nav li{display:inline-block no;margin-right:20px}a{color:#ab9a61;text-decoration:none}a:hover{color:#c6ba93}h1{color:#9A61AB;font-size:1.4em;font-weight:650;}h2,h3,h4,h5{line-height:1.2;color:#9A61AB;font-size:1.1em}h1:before{content:"# ";content:"# " / ""}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}h4:before{content:"#### ";content:"#### " / ""}h5:before{content:"##### ";content:"##### " / ""}code{color: #252525;background: #e4d4e8}pre{tab-size:4}details {padding: .6rem 1rem;background: var(--accent);border: 1px solid;border-radius: 5px;margin-bottom: 1rem;}details.red-notice {background: var(--notice-red-bg);border-color: var(--notice-red-border);}.red-notice h2 {margin: 0;}summary {cursor: pointer;font-weight: bold;}details[open] {padding-bottom: .75rem;}details[open] summary {margin-bottom: .5rem;}details[open]>*:last-child {margin-bottom: 0;}img {max-width: 100%;display: block;margin: 0 auto;}nav {font-size: 1rem;line-height: 2;padding: 1rem 0;margin-left: 1rem;}nav a {border: 1px solid #72ab61;border-radius: 5px;color: #72ab61;display: inline-block;padding: .1rem 1rem;margin-right: 1rem;text-decoration: none;}nav a:hover, nav a.current {color: #252525;background: #72ab61;font-weight: bold;}nav a.current:hover {text-decoration: none;}</style>
{{- partial "style.html" . -}}
<!-- A partial to be overwritten by the user.
Simply place a custom_head.html into
your local /layouts/partials-directory -->
{{- partial "custom_head.html" . -}}
<title>{{- .Title | default .Site.Title -}}</title>
</head>
<body>
<header>
{{- partial "header.html" . -}}
</header>
<main>
{{- block "main" . }}{{- end }}
</main>
<footer>
{{- partial "footer.html" . -}}
</footer>
{{ partial "header.html" . }}
<!-- A partial to be overwritten by the user.
Simply place a custom_body.html into
your local /layouts/partials-directory -->
{{- partial "custom_body.html" . -}}
</body>
{{ block "main" . }}
{{ end }}
{{ partial "footer.html" . }}
</body>
</html>

@ -1,3 +0,0 @@
<!-- A partial to be overwritten by the user.
Simply place a custom_body.html into
your local /layouts/partials-directory -->

@ -1,3 +0,0 @@
<!-- A partial to be overwritten by the user.
Simply place a custom_head.html into
your local /layouts/partials-directory -->

@ -10,6 +10,6 @@ The <b>no-JS Club</b> was created by Frank Homburg and is the successor of <a hr
</p>
<p>
Maintained with 💜 for a lighter-footed and JavaScript freer Internet.
Maintained with 💜 for a JavaScript freer Internet.
</p>
{{ end }}

@ -3,10 +3,3 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8"/>
<!-- risotto -->
<link rel="stylesheet" href="{{ printf "css/colour/%s.css" .Site.Params.theme.palette | absURL }}">
<link rel="stylesheet" href="{{ printf "css/colour/%s.css" .Site.Params.theme.mode | absURL }}">
<link rel="stylesheet" href="{{ "css/risotto.css" | absURL }}">
<link rel="stylesheet" href="{{ "css/custom.css" | absURL }}">

@ -1,4 +1,4 @@
<nav>{{- partial "nav.html" . -}}</nav>
<a href="{{ "/" | relURL }}" class="title">
<h2>{{ .Site.Title }}</h2>
<h1>{{ .Site.Title }}</h2>
</a>
<nav>{{- partial "nav.html" . -}}</nav>

@ -2,6 +2,3 @@
{{ range .Site.Menus.main }}
<a href="{{ .URL }}">{{ .Name }}</a>
{{ end }}
{{ with .Site.GetPage "/blog" }}
<a href="{{ "/blog" | relURL }}">Blog</a>
{{ end }}

@ -1,214 +0,0 @@
<style>
body {
font-family: Verdana, sans-serif;
margin: auto;
padding: 20px;
max-width: 720px;
text-align: left;
background-color: #fff;
word-wrap: break-word;
overflow-wrap: break-word;
line-height: 1.5;
color: #444;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
color: #222;
}
a {
color: #7561ab
}
.title {
text-decoration: none;
border: 0;
}
.title span {
font-weight: 400;
}
nav a {
margin-right: 10px;
}
textarea {
width: 100%;
font-size: 16px;
}
input {
font-size: 16px;
}
content {
line-height: 1.6;
}
table {
width: 100%;
}
img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
code {
padding: 2px 5px;
background-color: #f2f2f2;
}
pre code {
color: #222;
display: block;
padding: 20px;
white-space: pre-wrap;
font-size: 14px;
}
div.highlight pre {
background-color: initial;
color: initial;
}
div.highlight code {
background-color: unset;
color: unset;
}
blockquote {
border-left: 1px solid #999;
color: #222;
padding-left: 20px;
font-style: italic;
}
footer {
padding: 0px;
text-align: left;
}
.helptext {
color: #777;
font-size: small;
}
.errorlist {
color: #eba613;
font-size: small;
}
/* blog posts */
ul.blog-posts {
list-style-type: none;
padding: unset;
}
ul.blog-posts li {
display: flex;
}
ul.blog-posts li span {
flex: 0 0 130px;
}
ul.blog-posts li a:visited {
color: #8b6fcb;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #333;
color: #ddd;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
color: #eee;
}
a {
color: #8cc2dd;
}
code {
background-color: #777;
}
pre code {
color: #ddd;
}
blockquote {
color: #ccc;
}
textarea,
input {
background-color: #252525;
color: #ddd;
}
.helptext {
color: #aaa;
}
}
/* Override this file to customise the theme's CSS for your site */
/* Format the accordion */
details {
padding: .6rem 1rem;
background: var(--accent);
border: 1px solid;
border-radius: 5px;
margin-bottom: 1rem;
}
details.red-notice {
background: var(--notice-red-bg);
border-color: var(--notice-red-border);
}
.red-notice h2 {
margin: 0;
}
summary {
cursor: pointer;
font-weight: bold;
}
details[open] {
padding-bottom: .75rem;
}
details[open] summary {
margin-bottom: .5rem;
}
details[open]>*:last-child {
margin-bottom: 0;
}
img {
max-width: 100%;
display: block;
margin: 0 auto;
}
</style>

@ -1,22 +0,0 @@
{{ define "main" }}
<header class="content__header">
<h1>{{ .Title | markdownify }}</h1>
{{ .Content }}
</header>
{{ range .Pages }}
<article class="post">
<header class="post__header">
<h1><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h1>
<p class="post__meta">
{{ .Params.author }},
<span class="date">{{ .Date.Format "2 January 2006" }}</span>
</p>
</header>
<section class="post__summary">
{{ .Summary }}
</section>
</article>
{{ end }}
{{ end }}

@ -31,7 +31,7 @@
{{ $sep := "," }}
{{ range $i, $r := getCSV $sep $url }}
<tr>
<td>{{ index $r 0 }}</td>
<td><a href="{{ index $r 0 }}" target="_blank">{{ index $r 0 }}</a></td>
<td>{{ index $r 1 }}</td>
</tr>
{{ end }}

197
package-lock.json generated

@ -1,197 +0,0 @@
{
"name": "hugo-bearblog",
"version": "1.0.0",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
"abbrev": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
"integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
"dev": true
},
"balanced-match": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
"dev": true
},
"brace-expansion": {
"version": "1.1.11",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
"dev": true,
"requires": {
"balanced-match": "^1.0.0",
"concat-map": "0.0.1"
}
},
"commander": {
"version": "2.20.3",
"resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
"integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
"dev": true
},
"concat-map": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
"integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
"dev": true
},
"config-chain": {
"version": "1.1.13",
"resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz",
"integrity": "sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==",
"dev": true,
"requires": {
"ini": "^1.3.4",
"proto-list": "~1.2.1"
}
},
"editorconfig": {
"version": "0.15.3",
"resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-0.15.3.tgz",
"integrity": "sha512-M9wIMFx96vq0R4F+gRpY3o2exzb8hEj/n9S8unZtHSvYjibBp/iMufSzvmOcV/laG0ZtuTVGtiJggPOSW2r93g==",
"dev": true,
"requires": {
"commander": "^2.19.0",
"lru-cache": "^4.1.5",
"semver": "^5.6.0",
"sigmund": "^1.0.1"
}
},
"fs.realpath": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
"integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
"dev": true
},
"glob": {
"version": "7.2.0",
"resolved": "https://registry.npmjs.org/glob/-/glob-7.2.0.tgz",
"integrity": "sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==",
"dev": true,
"requires": {
"fs.realpath": "^1.0.0",
"inflight": "^1.0.4",
"inherits": "2",
"minimatch": "^3.0.4",
"once": "^1.3.0",
"path-is-absolute": "^1.0.0"
}
},
"inflight": {
"version": "1.0.6",
"resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
"integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
"dev": true,
"requires": {
"once": "^1.3.0",
"wrappy": "1"
}
},
"inherits": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
"dev": true
},
"ini": {
"version": "1.3.8",
"resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
"integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
"dev": true
},
"js-beautify": {
"version": "1.14.2",
"resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.14.2.tgz",
"integrity": "sha512-H85kX95a53os+q1OCqtYe8AXAmgy3BvtysA/V83S3fdhznm6WlUpGi14DqSPbKFsL3dXZFXYl7YQwW9U1+76ng==",
"dev": true,
"requires": {
"config-chain": "^1.1.12",
"editorconfig": "^0.15.3",
"glob": "^7.1.3",
"nopt": "^5.0.0"
}
},
"lru-cache": {
"version": "4.1.5",
"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
"integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
"dev": true,
"requires": {
"pseudomap": "^1.0.2",
"yallist": "^2.1.2"
}
},
"minimatch": {
"version": "3.1.2",
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
"dev": true,
"requires": {
"brace-expansion": "^1.1.7"
}
},
"nopt": {
"version": "5.0.0",
"resolved": "https://registry.npmjs.org/nopt/-/nopt-5.0.0.tgz",
"integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==",
"dev": true,
"requires": {
"abbrev": "1"
}
},
"once": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
"integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
"dev": true,
"requires": {
"wrappy": "1"
}
},
"path-is-absolute": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
"integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
"dev": true
},
"proto-list": {
"version": "1.2.4",
"resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
"integrity": "sha1-IS1b/hMYMGpCD2QCuOJv85ZHqEk=",
"dev": true
},
"pseudomap": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
"integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=",
"dev": true
},
"semver": {
"version": "5.7.1",
"resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
"integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==",
"dev": true
},
"sigmund": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/sigmund/-/sigmund-1.0.1.tgz",
"integrity": "sha1-P/IfGYytIXX587eBhT/ZTQ0ZtZA=",
"dev": true
},
"wrappy": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
"integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
"dev": true
},
"yallist": {
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
"integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=",
"dev": true
}
}
}

@ -1,28 +0,0 @@
{
"name": "hugo-bearblog",
"private": true,
"version": "1.0.0",
"description": "🧸 A [Hugo](https://gohugo.io/)-theme based on [Bear Blog](https://bearblog.dev).",
"main": "index.js",
"devDependencies": {
"js-beautify": "^1.14.2"
},
"scripts": {
"test": "npm run beautify",
"beautify": "js-beautify layouts/**/*.html -r"
},
"repository": {
"type": "git",
"url": "git+https://github.com/janraasch/hugo-bearblog.git"
},
"author": {
"name": "Jan Raasch",
"email": "jan@janraasch.com",
"url": "https://www.janraasch.com"
},
"license": "MIT",
"bugs": {
"url": "https://github.com/janraasch/hugo-bearblog/issues"
},
"homepage": "https://github.com/janraasch/hugo-bearblog#readme"
}

@ -1,290 +0,0 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="https://no-js.club/favicon.ico" />
<title>404</title>
<meta name="title" content="404 Page not found" />
<meta name="description" content="| Showcase of JavaScript liberated websites" />
<meta name="keywords" content="" />
<meta property="og:title" content="404 Page not found" />
<meta property="og:description" content="| Showcase of JavaScript liberated websites" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://no-js.club/404.html" /><meta property="og:image" content="https://no-js.club/images/share.png"/><meta property="og:site_name" content="The no-JS Club | Showcase of JavaScript liberated websites" />
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="https://no-js.club/images/share.png"/>
<meta name="twitter:title" content="404 Page not found"/>
<meta name="twitter:description" content="| Showcase of JavaScript liberated websites"/>
<meta itemprop="name" content="404 Page not found">
<meta itemprop="description" content="| Showcase of JavaScript liberated websites">
<meta name="referrer" content="no-referrer-when-downgrade" />
<style>
body {
font-family: Verdana, sans-serif;
margin: auto;
padding: 20px;
max-width: 720px;
text-align: left;
background-color: #fff;
word-wrap: break-word;
overflow-wrap: break-word;
line-height: 1.5;
color: #444;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
color: #222;
}
a {
color: #7561ab
}
.title {
text-decoration: none;
border: 0;
}
.title span {
font-weight: 400;
}
nav a {
margin-right: 10px;
}
textarea {
width: 100%;
font-size: 16px;
}
input {
font-size: 16px;
}
content {
line-height: 1.6;
}
table {
width: 100%;
}
img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
code {
padding: 2px 5px;
background-color: #f2f2f2;
}
pre code {
color: #222;
display: block;
padding: 20px;
white-space: pre-wrap;
font-size: 14px;
}
div.highlight pre {
background-color: initial;
color: initial;
}
div.highlight code {
background-color: unset;
color: unset;
}
blockquote {
border-left: 1px solid #999;
color: #222;
padding-left: 20px;
font-style: italic;
}
footer {
padding: 0px;
text-align: left;
}
.helptext {
color: #777;
font-size: small;
}
.errorlist {
color: #eba613;
font-size: small;
}
ul.blog-posts {
list-style-type: none;
padding: unset;
}
ul.blog-posts li {
display: flex;
}
ul.blog-posts li span {
flex: 0 0 130px;
}
ul.blog-posts li a:visited {
color: #8b6fcb;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #333;
color: #ddd;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
color: #eee;
}
a {
color: #8cc2dd;
}
code {
background-color: #777;
}
pre code {
color: #ddd;
}
blockquote {
color: #ccc;
}
textarea,
input {
background-color: #252525;
color: #ddd;
}
.helptext {
color: #aaa;
}
}
details {
padding: .6rem 1rem;
background: var(--accent);
border: 1px solid;
border-radius: 5px;
margin-bottom: 1rem;
}
details.red-notice {
background: var(--notice-red-bg);
border-color: var(--notice-red-border);
}
.red-notice h2 {
margin: 0;
}
summary {
cursor: pointer;
font-weight: bold;
}
details[open] {
padding-bottom: .75rem;
}
details[open] summary {
margin-bottom: .5rem;
}
details[open]>*:last-child {
margin-bottom: 0;
}
img {
max-width: 100%;
display: block;
margin: 0 auto;
}
</style>
</head>
<body>
<header><a href="/" class="title">
<h2>The no-JS.club</h2>
</a>
<nav><a href="/">Home</a>
<a href="/faq/">FAQ</a>
<a href="https://todo.sr.ht/~hmbrg/no-JS.club">Membership Request</a>
</nav>
</header>
<main>
<h1>404</h1>
<h2>ʕノ•ᴥ•ʔノ ︵ ┻━┻</h2>
</main>
<footer>
<p class="copyright">Copyright © 2022, Frank Homburg.</p>
<p>
License:&#09;<a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="noopener">CC BY-SA 4.0</a><br>
Git:&#09;&#09;<a href="https://git.sr.ht/~hmbrg/no-js.club" rel="noopener">SourceHut</a>
</p>
<p>
The <b>no-JS Club</b> was created by Frank Homburg and is the successor of <a href="https://goel.io" rel="noopener">Karan Goel's</a> now archived project, <a href="https://github.com/karan/nojs.club" rel="noopener">The noJS Club</a>.
</p>
<p>
Maintained with 💜 for a lighter-footed and JavaScript freer Internet.
</p>
</footer>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

@ -1,53 +0,0 @@
https://salejandro.me,1.71
https://coltonhurst.com,2.35
https://hmbrg.org,2.43
https://sjmulder.nl,2.52
https://jrballesteros05.codeberg.page,2.76
https://kunalmarwaha.com,3.26
https://uscon.mobi,3.88
https://minwiz.com,4.15
https://funnylookinhat.com,7.13
https://dotfilehub.com,7.82
https://igaryhe.io,8.96
https://arshbot.dev,10.2
https://fdisk.space,11.5
https://freeshortbedtimestories.com,11.8
https://iotcl.com,12.3
https://erichamiter.com,12.4
https://datagubbe.se,14.8
https://pzel.name,15.1
https://seirdy.one,17.6
https://palerdot.in,23.2
https://john-doe.neocities.org,24.0
https://yorickpeterse.com,24.2
https://projects.deltabeard.com,26.5
https://darioniedermann.it,26.7
https://ulpaulpa.de,27.7
https://pawelgrzybek.com,29.2
https://decentnet.github.io,31.2
https://ethanyoo.com,32.8
https://fanael.github.io,32.8
https://mos6581.com,35.5
https://mat.tl,41.0
https://starbreaker.org,45.4
https://richj.co,48.0
https://lighthouse16.com,48.1
https://unixsheikh.com,50.7
https://lucianmarin.com,64.4
https://wirelessfootball.co.uk,64.4
https://ericra.com,73.1
https://baltuta.eu,80.1
https://phate6660.codeberg.page,87.3
https://jmp.chat,112.0
https://sr.ht,131.0
https://ratwires.space,149.0
https://lib.rs,150.0
https://nixnet.services,175.0
https://jmtd.net,239.0
https://golangleipzig.space,275.0
https://zakaria.org,299.0
https://postmarketos.org,403.0
https://gnu.org,558.0
https://gigahost.uk,983.0
https://hansenzhang.com,1843.0
https://roadtolarissa.com,3952.64
1 https://salejandro.me 1.71
2 https://coltonhurst.com 2.35
3 https://hmbrg.org 2.43
4 https://sjmulder.nl 2.52
5 https://jrballesteros05.codeberg.page 2.76
6 https://kunalmarwaha.com 3.26
7 https://uscon.mobi 3.88
8 https://minwiz.com 4.15
9 https://funnylookinhat.com 7.13
10 https://dotfilehub.com 7.82
11 https://igaryhe.io 8.96
12 https://arshbot.dev 10.2
13 https://fdisk.space 11.5
14 https://freeshortbedtimestories.com 11.8
15 https://iotcl.com 12.3
16 https://erichamiter.com 12.4
17 https://datagubbe.se 14.8
18 https://pzel.name 15.1
19 https://seirdy.one 17.6
20 https://palerdot.in 23.2
21 https://john-doe.neocities.org 24.0
22 https://yorickpeterse.com 24.2
23 https://projects.deltabeard.com 26.5
24 https://darioniedermann.it 26.7
25 https://ulpaulpa.de 27.7
26 https://pawelgrzybek.com 29.2
27 https://decentnet.github.io 31.2
28 https://ethanyoo.com 32.8
29 https://fanael.github.io 32.8
30 https://mos6581.com 35.5
31 https://mat.tl 41.0
32 https://starbreaker.org 45.4
33 https://richj.co 48.0
34 https://lighthouse16.com 48.1
35 https://unixsheikh.com 50.7
36 https://lucianmarin.com 64.4
37 https://wirelessfootball.co.uk 64.4
38 https://ericra.com 73.1
39 https://baltuta.eu 80.1
40 https://phate6660.codeberg.page 87.3
41 https://jmp.chat 112.0
42 https://sr.ht 131.0
43 https://ratwires.space 149.0
44 https://lib.rs 150.0
45 https://nixnet.services 175.0
46 https://jmtd.net 239.0
47 https://golangleipzig.space 275.0
48 https://zakaria.org 299.0
49 https://postmarketos.org 403.0
50 https://gnu.org 558.0
51 https://gigahost.uk 983.0
52 https://hansenzhang.com 1843.0
53 https://roadtolarissa.com 3952.64

@ -1,53 +0,0 @@
https://hmbrg.org,2.43
https://arshbot.dev,10.2
https://uscon.mobi,3.88
https://minwiz.com,4.15
https://salejandro.me,1.71
https://coltonhurst.com,2.35
https://kunalmarwaha.com,3.26
https://funnylookinhat.com,7.13
https://sjmulder.nl,2.52
https://jrballesteros05.codeberg.page,2.76
https://dotfilehub.com,7.82
https://golangleipzig.space,275.0
https://mat.tl,41.0
https://erichamiter.com,12.4
https://seirdy.one,17.6
https://pzel.name,15.1
https://igaryhe.io,8.96
https://palerdot.in,23.2
https://datagubbe.se,14.8
https://fdisk.space,11.5
https://unixsheikh.com,50.7
https://john-doe.neocities.org,24.0
https://pawelgrzybek.com,29.2
https://decentnet.github.io,31.2
https://iotcl.com,12.3
https://projects.deltabeard.com,26.5
https://baltuta.eu,80.1
https://yorickpeterse.com,24.2
https://wirelessfootball.co.uk,64.4
https://richj.co,48.0
https://darioniedermann.it,26.7
https://zakaria.org,299.0
https://sr.ht,131.0
https://starbreaker.org,45.4
https://ethanyoo.com,32.8
https://mos6581.com,35.5
https://lucianmarin.com,64.4
https://fanael.github.io,32.8
https://lighthouse16.com,48.1
https://ericra.com,73.1
https://jmp.chat,112.0
https://lib.rs,150.0
https://jmtd.net,239.0
https://nixnet.services,175.0
https://postmarketos.org,403.0
https://gnu.org,558.0
https://ulpaulpa.de,27.7
https://freeshortbedtimestories.com,11.8
https://gigahost.uk,983.0
https://phate6660.codeberg.page,87.3
https://hansenzhang.com,1843.0
https://ratwires.space,149.0
https://roadtolarissa.com,3952.64
1 https://hmbrg.org 2.43
2 https://arshbot.dev 10.2
3 https://uscon.mobi 3.88
4 https://minwiz.com 4.15
5 https://salejandro.me 1.71
6 https://coltonhurst.com 2.35
7 https://kunalmarwaha.com 3.26
8 https://funnylookinhat.com 7.13
9 https://sjmulder.nl 2.52
10 https://jrballesteros05.codeberg.page 2.76
11 https://dotfilehub.com 7.82
12 https://golangleipzig.space 275.0
13 https://mat.tl 41.0
14 https://erichamiter.com 12.4
15 https://seirdy.one 17.6
16 https://pzel.name 15.1
17 https://igaryhe.io 8.96
18 https://palerdot.in 23.2
19 https://datagubbe.se 14.8
20 https://fdisk.space 11.5
21 https://unixsheikh.com 50.7
22 https://john-doe.neocities.org 24.0
23 https://pawelgrzybek.com 29.2
24 https://decentnet.github.io 31.2
25 https://iotcl.com 12.3
26 https://projects.deltabeard.com 26.5
27 https://baltuta.eu 80.1
28 https://yorickpeterse.com 24.2
29 https://wirelessfootball.co.uk 64.4
30 https://richj.co 48.0
31 https://darioniedermann.it 26.7
32 https://zakaria.org 299.0
33 https://sr.ht 131.0
34 https://starbreaker.org 45.4
35 https://ethanyoo.com 32.8
36 https://mos6581.com 35.5
37 https://lucianmarin.com 64.4
38 https://fanael.github.io 32.8
39 https://lighthouse16.com 48.1
40 https://ericra.com 73.1
41 https://jmp.chat 112.0
42 https://lib.rs 150.0
43 https://jmtd.net 239.0
44 https://nixnet.services 175.0
45 https://postmarketos.org 403.0
46 https://gnu.org 558.0
47 https://ulpaulpa.de 27.7
48 https://freeshortbedtimestories.com 11.8
49 https://gigahost.uk 983.0
50 https://phate6660.codeberg.page 87.3
51 https://hansenzhang.com 1843.0
52 https://ratwires.space 149.0
53 https://roadtolarissa.com 3952.64

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

@ -1,78 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head><title>Categories &ndash; The no-JS.club </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8"/>
<link rel="stylesheet" href="https://no-js.club/css/colour/gruvbox-dark.css">
<link rel="stylesheet" href="https://no-js.club/css/colour/dark-mode.css">
<link rel="stylesheet" href="https://no-js.club/css/risotto.css">
<link rel="stylesheet" href="https://no-js.club/css/custom.css">
</head>
<body>
<div class="page">
<header class="page__header"><h1 class="page__logo"><a href="https://no-js.club/" class="page__logo-inner"> The no-JS.club </a></h1>
<nav class="page__nav main-nav">
<ul>
<li class="main-nav__item"><a class="nav-main-item" href="/faq/" title="">FAQ</a></li>
<li class="main-nav__item"><a class="nav-main-item" href="https://todo.sr.ht/~hmbrg/no-JS.club" title="">Membership Request</a></li>
</ul>
</nav>
</header>
<section class="page__body">
<h1 id="categories">Categories</h1>
<ul>
</ul>
</section>
<section class="page__aside">
<div class="aside__about">
<ul class="aside__social-links">
</ul>
</div>
<hr>
<div class="aside__content">
</div>
</section>
<section class="footer"><p class="copyright"></p>
Copyright:&#09;© 2022 Frank Homburg
<p>
License:&#09;<a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="noopener">CC BY-SA 4.0</a><br>
Git:&#09;&#09;<a href="https://git.sr.ht/~hmbrg/no-js.club" rel="noopener">SourceHut</a>
</p>
<p>
The <b>no-JS Club</b> was created by Frank Homburg and is the successor of <a href="https://goel.io" rel="noopener">Karan Goel's</a> now archived project, <a href="https://github.com/karan/nojs.club" rel="noopener">The noJS Club</a>.
</p>
<p>
Maintained with 💜 for a lighter-footed and JavaScript freer Internet.
</p>
</section>
</div>
</body>
</html>

@ -1,10 +0,0 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Categories on The no-JS.club </title>
<link>https://no-js.club/categories/</link>
<description>Recent content in Categories on The no-JS.club </description>
<generator>Hugo -- gohugo.io</generator>
<language>en</language><atom:link href="https://no-js.club/categories/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

@ -1,26 +0,0 @@
/* About/bio section */
.about__logo {
height: 1.5rem;
}
.about__title {
display: inline;
vertical-align: top;
}
.about__title::before {
content: none;
}
/* Social media links */
.aside__social-links {
padding: 0;
}
.aside__social-links li {
display: inline-block;
}
.aside__social-links li::marker {
content: none;
}

@ -1,7 +0,0 @@
:root {
--bg: var(--black);
--dark-bg: var(--dark-black);
--bright-bg: var(--bright-black);
--fg: var(--white);
--bright-fg: var(--bright-white);
}

@ -1,16 +0,0 @@
/* gruvbox dark mode
* https://github.com/morhetz/gruvbox
*/
:root {
--dark-black: #1d2021;
--black: #282828;
--bright-black: #928374;
--white: #ebdbb2;
--bright-white: #fbf1c7;
--tviolet: #8A2BE2
--torange: #e28a2b
--tgreen: #2BE28A
--red: #cc241d;
}

@ -1,30 +0,0 @@
/* gruvbox light mode
* https://github.com/morhetz/gruvbox
*/
:root {
--dark-black: #282828;
--black: #3c3836;
--bright-black: #928374;
--white: #fbf1c7;
--bright-white: #f9f5d7;
--red: #9d0006;
--green: #79740e;
--yellow: #b57614;
--blue: #076678;
--magenta: #8f3f71;
--cyan: #427b58;
--orange: #af3a03;
--gray: #7c6f64;
--dark-white: #f2e5bc;
--bright-red: #cc241d;
--bright-green: #98971a;
--bright-yellow: #d79921;
--bright-blue: #458588;
--bright-magenta: #b16286;
--bright-cyan: #689d6a;
--bright-orange: #d65d0e;
--bright-gray: #928374;
}

@ -1,7 +0,0 @@
:root {
--bg: var(--white);
--dark-bg: var(--dark-white);
--bright-bg: var(--bright-black);
--fg: var(--black);
--bright-fg: var(--bright-black);
}

@ -1,41 +0,0 @@
/* Override this file to customise the theme's CSS for your site */
/* Format the accordion */
details {
padding: .6rem 1rem;
background: var(--accent);
border: 1px solid;
border-radius: 5px;
margin-bottom: 1rem;
}
details.red-notice {
background: var(--notice-red-bg);
border-color: var(--notice-red-border);
}
.red-notice h2 {
margin: 0;
}
summary {
cursor: pointer;
font-weight: bold;
}
details[open] {
padding-bottom: .75rem;
}
details[open] summary {
margin-bottom: .5rem;
}
details[open]>*:last-child {
margin-bottom: 0;
}
img {
max-width: 100%;
display: block;
margin: 0 auto;
}

@ -1,7 +0,0 @@
.page__footer {
color: var(--bright-bg);
}
.page__footer p {
margin: 0;
}

@ -1,18 +0,0 @@
/* Main menu */
.main-nav ul {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
margin: 0;
padding: 0.25rem 0;
}
.main-nav li {
margin-left: 2.5rem;
text-transform: lowercase;
}
.main-nav li::marker {
content: "./";
}

@ -1,64 +0,0 @@
/* 1rem = 16px by default */
.page {
max-width: 64rem;
margin: 1rem auto;
display: grid;
grid-template-areas:
"header"
"body"
"aside"
"footer";
grid-template-columns: minmax(0, 1fr); /* https://css-tricks.com/preventing-a-grid-blowout/ */
grid-row-gap: 2rem;
}
@media (min-width: 45rem) {
.page {
grid-template-areas:
"header header"
"body aside"
"footer footer";
grid-template-columns: minmax(0, 1fr) 15rem;
grid-column-gap: 2rem;
}
}
/* Header */
.page__header {
grid-area: header;
display: flex;
}
.page__logo {
flex-shrink: 0;
}
.page__nav {
flex-grow: 1;
}
/* Body + aside */
.page__body {
grid-area: body;
background-color: var(--bg);
box-shadow: 0 0 0 1rem var(--bg);
overflow-wrap: break-word;
}
.page__aside {
grid-area: aside;
color: var(--bright-bg);
}
/* Footer */
.page__footer {
grid-area: footer;
max-width: 64rem;
margin: 1rem auto;
display: grid;
grid-template-areas:
"footer";
grid-template-columns: minmax(0, 1fr); /* https://css-tricks.com/preventing-a-grid-blowout/ */
grid-row-gap: 2rem;
}

@ -1,36 +0,0 @@
.page__logo {
padding: 0;
margin: 0;
font-weight: inherit;
color: var(--bg);
}
.page__logo:before {
content: none;
}
.page__logo-inner {
display: block;
background: var(--green);
padding: 0.25rem;
}
a.page__logo-inner:link, a.page__logo-inner:visited {
color: inherit;
text-decoration: inherit;
}
a.page__logo-inner:hover,
a.page__logo-inner:active {
background: var(--bright-green);
}
.page__logo-inner:before {
content: "[";
color: var(--bg);
}
.page__logo-inner:after {
content: "] $";
color: var(--bg);
}

@ -1,11 +0,0 @@
@import 'typography.css';
@import 'layout.css';
@import 'header.css';
@import 'logo.css';
@import 'about.css';
@import 'footer.css';
body {
background-color: var(--dark-bg);
color: var(--fg);
}

@ -1,214 +0,0 @@
/* Fonts */
:root {
--font-monospace: "Fira Mono", monospace;
}
body {
font-family: var(--font-monospace);
font-size: 16px;
line-height: 1.5rem;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 1rem;
margin: 1.5rem 0 0 0;
font-weight: 600;
}
h1+h2,
h1+h3,
h1+h4,
h1+h5,
h1+h6,
h2+h3,
h2+h4,
h2+h5,
h2+h6,
h3+h4,
h3+h5,
h3+h6,
h4+h5,
h4+h6,
h5+h6 {
margin: 0;
}
h1:before { content: "# "; }
h2:before { content: "## "; }
h3:before { content: "### "; }
h4:before { content: "#### "; }
h5:before { content: "##### "; }
h6:before { content: "###### "; }
h1:before,
h2:before,
h3:before,
h4:before,
h5:before,
h6:before {
color: var(--bright-bg);
}
h1:first-child {
margin-top: 0;
}
/* Paragraphs */
p {
margin: 0 0 1.5rem 0;
}
/* Links */
a:link, a:visited {
color: var(--fg);
}
a:hover, a:active {
color: var(--bright-fg);
}
/* Lists */
ul {
margin: 0 0 1.5rem 0;
padding-left: 1.25rem;
}
ol {
margin: 0 0 1.5rem 0;
padding-left: 1.75rem;
}
ul ul,
ul ol,
ol ul,
ol ol {
margin: 0;
}
ul li::marker {
content: '\00A0';
color: var(--bright-bg);
}
ol li::marker {
color: var(--bright-bg);
}
dt {
margin: 0;
font-weight: bold;
}
dd {
margin: 0 0 0 1.5rem;
font-style: italic;
}
dd + dt {
margin-top: 1.5rem;
}
dl {
margin: 0 0 1.5rem 0;
}
/* Blockquotes */
blockquote {
position: relative;
margin: 0 0 1.5rem 1.5rem;
}
blockquote::before {
position: absolute;
left: -1.5rem;
content: ">";
color: var(--bright-bg);
}
.twitter-tweet::before {
content: "\f099";
font-family: "Font Awesome 5 Brands";
font-weight: 400;
}
/* Code */
pre,
code,
kbd,
samp {
background: var(--dark-bg) !important;
font-family: var(--font-monospace);
color: var(--bright-bg);
}
pre {
overflow-x: auto;
padding: 1.5rem;
margin: 0 0 1.5rem 0;
}
/* Emphasis */
b,
strong {
font-weight: 600;
}
/* Highlighting */
::selection,
mark {
background-color: var(--yellow);
color: var(--bg);
}
/* Other typographic elements */
hr {
border: 0;
margin-bottom: 1.5rem;
}
hr:after {
content: '---';
color: var(--bright-bg);
}
/* Prevent super/sub from affecting line height */
sup, sub {
vertical-align: baseline;
position: relative;
top: -0.25rem;
font-size: unset;
}
sub {
top: 0.25rem;
}
/* Tables */
table {
border-spacing: 0;
margin: 0 0 1.5rem 0;
overflow-wrap: anywhere;
}
th, td {
padding: 0 .75rem;
vertical-align: top;
}
th:first-child, td:first-child {
padding-left: 0;
}
th {
text-align: inherit;
}
/* Figures */
img {
max-width: 100%;
height: auto;
}

@ -1,401 +0,0 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="https://no-js.club/favicon.ico" />
<title>FAQ | The no-JS.club</title>
<meta name="title" content="FAQ" />
<meta name="description" content="no-JS Club FAQ Terms and conditions Your website must be&hellip; SFW accessible via HTTPS Your website doesn&rsquo;t include the following contents pornography/sexism or otherwise offensive fanaticism racism illegal material of any kind How to join the no-JS club? Instructions 🤞 Use GTMetrix to analyse your website 🤞
Once complete, click on &ldquo;Waterfall&rdquo; and note 📝 the uncompressed size of transfered data" />
<meta name="keywords" content="" />
<meta property="og:title" content="FAQ" />
<meta property="og:description" content="no-JS Club FAQ Terms and conditions Your website must be&hellip; SFW accessible via HTTPS Your website doesn&rsquo;t include the following contents pornography/sexism or otherwise offensive fanaticism racism illegal material of any kind How to join the no-JS club? Instructions 🤞 Use GTMetrix to analyse your website 🤞
Once complete, click on &ldquo;Waterfall&rdquo; and note 📝 the uncompressed size of transfered data" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://no-js.club/faq/" /><meta property="og:image" content="https://no-js.club/images/share.png"/><meta property="article:section" content="" />
<meta property="article:published_time" content="2022-04-26T13:03:54+02:00" />
<meta property="article:modified_time" content="2022-04-26T13:03:54+02:00" /><meta property="og:site_name" content="The no-JS Club | Showcase of JavaScript liberated websites" />
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="https://no-js.club/images/share.png"/>
<meta name="twitter:title" content="FAQ"/>
<meta name="twitter:description" content="no-JS Club FAQ Terms and conditions Your website must be&hellip; SFW accessible via HTTPS Your website doesn&rsquo;t include the following contents pornography/sexism or otherwise offensive fanaticism racism illegal material of any kind How to join the no-JS club? Instructions 🤞 Use GTMetrix to analyse your website 🤞
Once complete, click on &ldquo;Waterfall&rdquo; and note 📝 the uncompressed size of transfered data"/>
<meta itemprop="name" content="FAQ">
<meta itemprop="description" content="no-JS Club FAQ Terms and conditions Your website must be&hellip; SFW accessible via HTTPS Your website doesn&rsquo;t include the following contents pornography/sexism or otherwise offensive fanaticism racism illegal material of any kind How to join the no-JS club? Instructions 🤞 Use GTMetrix to analyse your website 🤞
Once complete, click on &ldquo;Waterfall&rdquo; and note 📝 the uncompressed size of transfered data"><meta itemprop="datePublished" content="2022-04-26T13:03:54+02:00" />
<meta itemprop="dateModified" content="2022-04-26T13:03:54+02:00" />
<meta itemprop="wordCount" content="433"><meta itemprop="image" content="https://no-js.club/images/share.png"/>
<meta itemprop="keywords" content="" />
<meta name="referrer" content="no-referrer-when-downgrade" />
<style>
body {
font-family: Verdana, sans-serif;
margin: auto;
padding: 20px;
max-width: 720px;
text-align: left;
background-color: #fff;
word-wrap: break-word;
overflow-wrap: break-word;
line-height: 1.5;
color: #444;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
color: #222;
}
a {
color: #7561ab
}
.title {
text-decoration: none;
border: 0;
}
.title span {
font-weight: 400;
}
nav a {
margin-right: 10px;
}
textarea {
width: 100%;
font-size: 16px;
}
input {
font-size: 16px;
}
content {
line-height: 1.6;
}
table {
width: 100%;
}
img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
code {
padding: 2px 5px;
background-color: #f2f2f2;
}
pre code {
color: #222;
display: block;
padding: 20px;
white-space: pre-wrap;
font-size: 14px;
}
div.highlight pre {
background-color: initial;
color: initial;
}
div.highlight code {
background-color: unset;
color: unset;
}
blockquote {
border-left: 1px solid #999;
color: #222;
padding-left: 20px;
font-style: italic;
}
footer {
padding: 0px;
text-align: left;
}
.helptext {
color: #777;
font-size: small;
}
.errorlist {
color: #eba613;
font-size: small;
}
ul.blog-posts {
list-style-type: none;
padding: unset;
}
ul.blog-posts li {
display: flex;
}
ul.blog-posts li span {
flex: 0 0 130px;
}
ul.blog-posts li a:visited {
color: #8b6fcb;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #333;
color: #ddd;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
color: #eee;
}
a {
color: #8cc2dd;
}
code {
background-color: #777;
}
pre code {
color: #ddd;
}
blockquote {
color: #ccc;
}
textarea,
input {
background-color: #252525;
color: #ddd;
}
.helptext {
color: #aaa;
}
}
details {
padding: .6rem 1rem;
background: var(--accent);
border: 1px solid;
border-radius: 5px;
margin-bottom: 1rem;
}
details.red-notice {
background: var(--notice-red-bg);
border-color: var(--notice-red-border);
}
.red-notice h2 {
margin: 0;
}
summary {
cursor: pointer;
font-weight: bold;
}
details[open] {
padding-bottom: .75rem;
}
details[open] summary {
margin-bottom: .5rem;
}
details[open]>*:last-child {
margin-bottom: 0;
}
img {
max-width: 100%;
display: block;
margin: 0 auto;
}
</style>
</head>
<body>
<header><a href="/" class="title">
<h2>The no-JS.club</h2>
</a>
<nav><a href="/">Home</a>
<a href="/faq/">FAQ</a>
<a href="https://todo.sr.ht/~hmbrg/no-JS.club">Membership Request</a>
</nav>
</header>
<main>
<content>
<h1 id="no-js-club-faq">no-JS Club FAQ</h1>
<!-- raw HTML omitted -->
<details>
<summary>Terms and conditions</summary>
<h2 id="your-website-must-be">Your website must be&hellip;</h2>
<ul>
<li><strong>SFW</strong></li>
<li><strong>accessible via HTTPS</strong></li>
</ul>
<h2 id="your-website-doesnt-include-the-following-contents">Your website doesn&rsquo;t include the following contents</h2>
<ul>
<li><strong>pornography/sexism or otherwise offensive</strong></li>
<li><strong>fanaticism</strong></li>
<li><strong>racism</strong></li>
<li><strong>illegal material of any kind</strong></li>
</ul>
</details>
<details>
<summary>How to join the no-JS club?</summary>
<h2 id="instructions">Instructions</h2>
<!-- raw HTML omitted -->
<ol>
<li>
<p>🤞 Use <a href="https://gtmetrix.com">GTMetrix</a> to analyse your website 🤞</p>
</li>
<li>
<p>Once complete, click on <strong>&ldquo;Waterfall&rdquo;</strong> and note 📝 the uncompressed size of transfered data</p>
</li>
</ol>
<p><img src="/assets/no-js/accepted_gtmetrix_waterfall_all.webp" alt="Accepted domain - All tab GTmetrix analyse result"></p>
<ol start="3">
<li>Next click on the <strong>&ldquo;JS&rdquo;</strong> tab to make sure your homepage doesn&rsquo;t contain JS code</li>
</ol>
<h3 id="--example-result-where-no-javascript-detected-">🙌 Example Result Where No JavaScript Detected 🙌</h3>
<p><img src="/assets/no-js/accepted_gtmetrix_waterfall_js.webp" alt="Accepted domain - JS tab GTmetrix analyse result"></p>
<h3 id="-example-result-where-javascript-was-detected-">😞 Example Result Where JavaScript Was Detected! 😞</h3>
<p><img src="/assets/no-js/denied_gtmetrix_waterfall_js.webp" alt="Denied domain - JS tab GTmetrix analyse result"></p>
<ol start="4">
<li>If your website satisfies the requirement, <a href="https://todo.sr.ht/~hmbrg/no-JS.club">submit a ticket 🎫 on sourcehut</a></li>
</ol>
<h3 id="example-of-a-filled-ticket">Example Of A Filled Ticket</h3>
<p><img src="/assets/no-js/membership-request-ticket.webp" alt="sourcehut membership request ticket"></p>
<ol start="5">
<li>Once your request is approved, the domain will be added to the member list below</li>
</ol>
<p>Note: I reserve the right to not add sites based on whether I think they&rsquo;re suitable to be added or not</p>
<p><a href="https://todo.sr.ht/~hmbrg/no-JS.club/1">Example ticket showcasing an accepted request 🙌</a></p>
<p><a href="https://todo.sr.ht/~hmbrg/no-JS.club/2">Example ticket showcasing a denied request 😢</a></p>
</details>
<details>
<summary>Is there any way I can show that I am a no-JS club member?</summary>
<h2 id="using-the-no-jsclub-logos-to-showcase-membership">Using the no-JS.club logos to showcase membership</h2>
<p>If your website is <strong>qualified and included in our list</strong>, you are entitled to use one of the following two logos:</p>
<h2 id="bright-no-js-club-logo">Bright no-JS club logo</h2>
<p><a href="https://no-js.club"><img src="/images/no-JS.club_logo_bright.svg" alt="bright no-JS.club logo"></a></p>
<h3 id="to-include-the-above-logo-use-the-following-html-code">To include the above logo, use the following HTML code:</h3>
<p><code>&lt;a href=&quot;https://no-js.club/&quot;&gt;&lt;img alt=&quot;no-JS club&quot; src=&quot;https://no-js.club/images/no-JS.club_logo_bright.svg&quot;&gt;</code></p>
<h3 id="when-using-a-static-side-generator-like-hugo-use-the-following-markdown-snippet">When using a static side generator like Hugo use the following Markdown snippet:</h3>
<p><code>[![This website is a proud member of the no-JS.club logo](https://no-js.club/images/no-JS.club_logo_bright.svg)](https://no-js.club)</code></p>
<h2 id="dark-no-js-club-logo">Dark no-JS club logo</h2>
<p><a href="https://no-js.club"><img src="/images/no-JS.club_logo_dark.svg" alt="dark no-JS.club logo"></a></p>
<h3 id="to-include-the-above-logo-use-the-following-html-code-1">To include the above logo, use the following HTML code:</h3>
<p><code>&lt;a href=&quot;https://no-js.club/&quot;&gt;&lt;img alt=&quot;no-JS club&quot; src=&quot;https://no-js.club/images/no-JS.club_logo_bright.svg&quot;&gt;</code></p>
<h3 id="when-using-a-static-side-generator-like-hugo-use-the-following-markdown-snippet-1">When using a static side generator like Hugo use the following Markdown snippet:</h3>
<p><code>[![This website is a proud member of the no-JS.club logo](https://no-js.club/images/no-JS.club_logo_bright.svg)](https://no-js.club)</code></p>
<h3 id="those-image-are-to-largesmall">Those image are to large/small</h3>
<p>If the dimensions of the logos are not suitable for you, download the logo of your choice and open it with a text editor.</p>
<p>Lines five and six contain the dimensions in millimeters, which can be adjusted to your liking.</p>
<p><code>width=&quot;31.75940125mm&quot;</code></p>
<p><code>height=&quot;27.790841875mm&quot;</code></p>
</details>
<details>
<summary>When does the club membership begin?</summary>
<h2 id="start-of-club-membership">Start of club membership</h2>
<p>Once your request is approved, the website mentioned via support ticket will become a proud member of the <a href="https://no-JS.club">no-JS.club</a> and will be listed on the front page of the project website.
</details>
<details>
<summary>Will membership cost me anything?</summary>
<h2 id="the-cost-of-membership">The cost of membership</h2>
<p>Good that you ask! <a href="https://no-js.club">no-JS.club</a> <strong>membership is absolutely free of charge</strong>.</p>
<p>We don&rsquo;t ask for money and don&rsquo;t expect anything else in return, <strong>except the request for <a href="https://todo.sr.ht/~hmbrg/no-JS.club">membership</a> via support ticket</strong>.</p>
</details>
<details>
<summary>I have further questions?!?</summary>
<h2 id="contact-information">Contact information</h2>
<p>Please direct all further questions to my eMail address: <em>no-JS {at} hmbrg {dot} org</em>.
</details>
</content>
<p>
</p>
</main>
<footer>
<p class="copyright">Copyright © 2022, Frank Homburg.</p>
<p>
License:&#09;<a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="noopener">CC BY-SA 4.0</a><br>
Git:&#09;&#09;<a href="https://git.sr.ht/~hmbrg/no-js.club" rel="noopener">SourceHut</a>
</p>
<p>
The <b>no-JS Club</b> was created by Frank Homburg and is the successor of <a href="https://goel.io" rel="noopener">Karan Goel's</a> now archived project, <a href="https://github.com/karan/nojs.club" rel="noopener">The noJS Club</a>.
</p>
<p>
Maintained with 💜 for a lighter-footed and JavaScript freer Internet.
</p>
</footer>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 231 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 33 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 34 KiB

@ -1 +0,0 @@
<svg height='100px' width='100px' fill="#000000" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 80.944" enable-background="new 0 0 100 80.944" xml:space="preserve"><path d="M49.674,40.911c-2.018-6.836,8.971-10.963,8.841-4.075c1.016,3.678,1.302,5.808-2.448,6.511 C52.754,43.964,50.684,44.329,49.674,40.911z"></path><path d="M57.63,18.274c-1.094,3.718,4.311,4.251,2.91,8.359c2.819,0,1.999-2.246,3.054-4.095c1.523-2.656,5.052-3.301,4.792-6.96 c0.267,6.726,4.004-0.495,6.523-0.762c0.137-1.256-0.449-2.819-0.586-3.665c-1.237-2.656-1.127-5.248-4.531-3.379 c-2.429,1.321-5.547,3.88-2.507,6.185C64.206,14.407,58.763,14.381,57.63,18.274z"></path><path d="M49.74,8.586c-1.4,0.794-2.129,3.861-2.448,5.312c-0.586,2.689-0.41,11.211,4.108,9.824 c2.558-0.774,2.103-4.674,3.092-6.719c0.671-1.36,1.634-1.139,1.992-2.584c0.261-1.061-0.345-2.721-0.508-3.802 c1.719,4.427,8.366,2.429,6.731-2.031c-1.341-1.224-3.965-1.985-5.696-1.074c-2.52,1.335-0.222,2.793-2.148,2.865 C53.542,10.416,52.487,7.037,49.74,8.586z"></path><path d="M57.012,27.454c-1.843-6.126-12.884,2.767-10.768,6.576c1.543,2.793,4.056-1.959,5.612-2.76 C53.991,30.175,57.474,31.158,57.012,27.454z"></path><path d="M61.179,4.993c1.692,0.697,3.633,0.599,3.053-1.907C61.726,1.061,54.7,0.5,54.929,5.117 C56.888,4.869,59.258,4.192,61.179,4.993z"></path><path d="M65.925,28.938c1.861-1.282,4.961-1.087,4.466-4.192c-3.093-7.058-8.854,6.973-9.343,9.381 C63.269,33.176,63.913,30.312,65.925,28.938z"></path><path d="M79.069,38.092c1.061,2.057,5.67,0.749,7.994-0.41c3.041-1.498,3.75-3.529,3.034-6.934 C88.008,22.115,76.165,32.467,79.069,38.092z"></path><path d="M71.973,41.536c2.571-2.161,1.96-9.167,1.536-12.024c-2.682-0.423-5.924,0.749-7.832,2.682 c-1.38,1.419-5.286,8.08-3.73,10.04C62.995,43.554,71.042,42.331,71.973,41.536z"></path><path d="M86.979,24.596c2.076-0.423,1.295-3.691,0.95-5.586c-0.163-5.026-5.527-0.996-4.577,2.617 C83.73,23.04,85.247,24.947,86.979,24.596z"></path><path d="M72.949,24.622c0.808,1.511,2.864,1.523,3.405,4.193c0.618,3.014-0.71,6.198-0.312,9.264 c1.939-1.582,1.621-7.285,3.326-9.941c0.99-1.556,2.155-1.784,2.188-3.613c0.026-1.276-1.224-2.942-1.861-3.991 c1.973-0.091,3.965-7.135,1.172-6.999c-1.433-2.097-3.054-2.422-3.764-0.137c-0.742,2.396,2.155,4.713,2.891,6.712 C76.556,18.15,70.319,19.674,72.949,24.622z"></path><path d="M31.172,23.834c1.374-0.072,1.152,1.224,2.506,0.651c1.374-0.573,2.331-3.079,3.21-4.225 c1.432-6.348-11.517-5.365-10.404,2.142C26.927,25.383,28.229,24.01,31.172,23.834z"></path><path d="M25.319,16.438c-0.352-2.656-4.29-3.405-5.391-0.833C19.121,17.486,24.844,22.779,25.319,16.438z"></path><path d="M23.945,31.992c-0.866,1.797-1.185,4.017-1.029,6.002c0.28,3.502,0.684,2.715,3.171,3.516 c1.354,0.423,3.613,1.705,5.039,1.484c2.91-0.476,1.569-1.322,1.022-3.354c-0.449-1.686-1.517-3.47-1.498-5.254 c0.026-2.454,2.097-4.127,1.855-6.647C30.586,22.167,25.02,29.726,23.945,31.992z"></path><path d="M13.366,25.019c1.302,0.553,1.784,2.786,3.027,3.105c1.087,0.267,2.312-1.309,4.102-1.022 c1.537,0.254,1.816,3.119,3.418,0.677c0.964-1.484,0.664-3.119,0.104-4.727c-3.281-3.197-7.409-4.844-11.589-2.708 c-0.872,0.449-4.453,1.445-2.799,2.956C11.367,24.882,11.881,24.387,13.366,25.019z"></path><path d="M52.259,2.773C50.13-1.082,39.557-1.368,41.595,4.804C42.91,8.782,52.969,7.675,52.259,2.773z"></path><path d="M12.845,26.803c-2.396,1.348-4.876,3.607-3.503,6.712c2.461,5.54,3.379,2.493,4.902-0.996 c0.417,2.317-0.091,4.739,2.351,5.898c2.649,1.243,3.737-0.078,4.017-2.78c0.189-1.784,1.387-6.289-0.957-6.862 c-1.673-0.397-3.561,2.467-5.137,2.904c0.267-0.794,0.41-1.758,0.833-2.48C14.876,28.04,13.854,27.454,12.845,26.803z"></path><path d="M40.176,17.089c0.508,2.454-2.838,5.963-4.037,7.793c0.97-0.449,0.931-0.098,1.693-0.859 c0.098,1.25,0.195,2.493,0.299,3.743c3.425-0.475,4.316,3.19,6.999-1.159c2.513-4.056-0.072-5.924-4.193-5.377 c0.794-2.331,2.956-0.163,3.49-2.708c0.527-2.494,0.514-5.039,1.028-7.533c-1.048-1.23-3.574-2.891-5.149-2.428 c-1.12,0.345-3.809,3.705-3.659,4.688C36.947,15.195,39.72,14.921,40.176,17.089z"></path><path d="M34.023,34.211c-2.474,3.418,0.912,3.457,2.201,4.916c1.341,1.51,0.866,3.62,2.624,3.939 c1.302,0.228,4.049,1.36,5.326,0.403c2.604-1.946-0.697-7.35-1.953-9.557C40.566,31.542,35.729,31.868,34.023,34.211z"></path><path d="M100,34.075c0-3.613-2.07-6.973-5.605-9.974c-1.491,0.983-3.093,1.842-4.739,2.532c2.291,1.719,3.574,3.613,3.574,5.612 c0,7.806-19.355,14.128-43.229,14.128c-23.874,0-43.229-6.322-43.229-14.128c0-2.201,1.614-4.291,4.388-6.152l-4.492-2.891 C2.455,26.406,0,30.11,0,34.075c0,0.215,0.013,0.437,0.026,0.651H0c0.326,8.444,2.943,17.298,7.259,25.579 c0,0,10.462,20.639,42.741,20.639c32.278,0,42.565-20.814,42.565-20.814c4.303-8.242,7.109-17.174,7.422-25.403h-0.014 C99.987,34.511,100,34.29,100,34.075z"></path><path d="M38.027,7.122c1.68-5.872-12.305-0.124-9.863,5.99C29.948,17.564,36.706,9.205,38.027,7.122z"></path></svg>

Before

Width:  |  Height:  |  Size: 4.8 KiB

@ -1,596 +0,0 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta name="generator" content="Hugo 0.96.0" />
<meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="https://no-js.club/favicon.ico" />
<title>The no-JS.club</title>
<meta name="title" content="The no-JS.club" />
<meta name="description" content="| Showcase of JavaScript liberated websites" />
<meta name="keywords" content="" />
<meta property="og:title" content="" />
<meta property="og:description" content="| Showcase of JavaScript liberated websites" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://no-js.club/" /><meta property="og:image" content="https://no-js.club/images/share.png"/><meta property="og:site_name" content="The no-JS Club | Showcase of JavaScript liberated websites" />
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="https://no-js.club/images/share.png"/>
<meta name="twitter:title" content=""/>
<meta name="twitter:description" content="| Showcase of JavaScript liberated websites"/>
<meta itemprop="name" content="">
<meta itemprop="description" content="| Showcase of JavaScript liberated websites">
<meta name="referrer" content="no-referrer-when-downgrade" />
<link rel="alternate" type="application/rss+xml" href="https://no-js.club/index.xml" title="The no-JS.club" />
<style>
body {
font-family: Verdana, sans-serif;
margin: auto;
padding: 20px;
max-width: 720px;
text-align: left;
background-color: #fff;
word-wrap: break-word;
overflow-wrap: break-word;
line-height: 1.5;
color: #444;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
color: #222;
}
a {
color: #7561ab
}
.title {
text-decoration: none;
border: 0;
}
.title span {
font-weight: 400;
}
nav a {
margin-right: 10px;
}
textarea {
width: 100%;
font-size: 16px;
}
input {
font-size: 16px;
}
content {
line-height: 1.6;
}
table {
width: 100%;
}
img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
code {
padding: 2px 5px;
background-color: #f2f2f2;
}
pre code {
color: #222;
display: block;
padding: 20px;
white-space: pre-wrap;
font-size: 14px;
}
div.highlight pre {
background-color: initial;
color: initial;
}
div.highlight code {
background-color: unset;
color: unset;
}
blockquote {
border-left: 1px solid #999;
color: #222;
padding-left: 20px;
font-style: italic;
}
footer {
padding: 0px;
text-align: left;
}
.helptext {
color: #777;
font-size: small;
}
.errorlist {
color: #eba613;
font-size: small;
}
ul.blog-posts {
list-style-type: none;
padding: unset;
}
ul.blog-posts li {
display: flex;
}
ul.blog-posts li span {
flex: 0 0 130px;
}
ul.blog-posts li a:visited {
color: #8b6fcb;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #333;
color: #ddd;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
color: #eee;
}
a {
color: #8cc2dd;
}
code {
background-color: #777;
}
pre code {
color: #ddd;
}
blockquote {
color: #ccc;
}
textarea,
input {
background-color: #252525;
color: #ddd;
}
.helptext {
color: #aaa;
}
}
details {
padding: .6rem 1rem;
background: var(--accent);
border: 1px solid;
border-radius: 5px;
margin-bottom: 1rem;
}
details.red-notice {
background: var(--notice-red-bg);
border-color: var(--notice-red-border);
}
.red-notice h2 {
margin: 0;
}
summary {
cursor: pointer;
font-weight: bold;
}
details[open] {
padding-bottom: .75rem;
}
details[open] summary {
margin-bottom: .5rem;
}
details[open]>*:last-child {
margin-bottom: 0;
}
img {
max-width: 100%;
display: block;
margin: 0 auto;
}
</style>
</head>
<body>
<header><a href="/" class="title">
<h2>The no-JS.club</h2>
</a>
<nav><a href="/">Home</a>
<a href="/faq/">FAQ</a>
<a href="https://todo.sr.ht/~hmbrg/no-JS.club">Membership Request</a>
</nav>
</header>
<main>
<h1 id="welcome-to-the-no-jsclub-project">Welcome To The no-JS.club Project</h1>
<p>The Internet as we find it today is unfortunately a completely <strong>bloated disaster</strong> including <strong>lush JavaScript libraries</strong>.</p>
<p>But we can make a difference if we just take a moment to think about whether the use of JavaScript is really necessary, or if the desired result can be achieved <strong>without its use</strong>.</p>
<p>The <strong>no-JS.club</strong> is a collection of websites that avoid the use of JavaScript and was inspired by projects like <a href="https://250kb.club/"><strong>250KB.club</strong></a>, <a href="https://512kb.club/"><strong>512KB.club</strong></a>, <a href="https://1mb.club/"><strong>1MB.club</strong></a> and the former <strong>noJS.club</strong>. If you want to join us please have a look at the <a href="/faq"><strong>FAQ</strong></a> to learn how.</p>
<h2 id="list-of-proud-club-members">List Of Proud Club Members</h2>
<style>
#no-js {
border-collapse: collapse;
width: 100%;
}
#no-js td, #no-js th {
border: 1px solid #ddd;
padding: 8px;
}
#no-js tr:nth-child(even){background-color: #616161;}
#no-js th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #9A61AB;
color: #ebdbb2;
}
</style>
<table id="no-js">
<thead>
<tr>
<th>URL</th>
<th>Size in KB</th>
</tr>
</thead>
<tbody>
<tr>
<td>https://salejandro.me</td>
<td>1.71</td>
</tr>
<tr>
<td>https://coltonhurst.com</td>
<td>2.35</td>
</tr>
<tr>
<td>https://hmbrg.org</td>
<td>2.43</td>
</tr>
<tr>
<td>https://sjmulder.nl</td>
<td>2.52</td>
</tr>
<tr>
<td>https://jrballesteros05.codeberg.page</td>
<td>2.76</td>
</tr>
<tr>
<td>https://kunalmarwaha.com</td>
<td>3.26</td>
</tr>
<tr>
<td>https://uscon.mobi</td>
<td>3.88</td>
</tr>
<tr>
<td>https://minwiz.com</td>
<td>4.15</td>
</tr>
<tr>
<td>https://funnylookinhat.com</td>
<td>7.13</td>
</tr>
<tr>
<td>https://dotfilehub.com</td>
<td>7.82</td>
</tr>
<tr>
<td>https://igaryhe.io</td>
<td>8.96</td>
</tr>
<tr>
<td>https://arshbot.dev</td>
<td>10.2</td>
</tr>
<tr>
<td>https://fdisk.space</td>
<td>11.5</td>
</tr>
<tr>
<td>https://freeshortbedtimestories.com</td>
<td>11.8</td>
</tr>
<tr>
<td>https://iotcl.com</td>
<td>12.3</td>
</tr>
<tr>
<td>https://erichamiter.com</td>
<td>12.4</td>
</tr>
<tr>
<td>https://datagubbe.se</td>
<td>14.8</td>
</tr>
<tr>
<td>https://pzel.name</td>
<td>15.1</td>
</tr>
<tr>
<td>https://seirdy.one</td>
<td>17.6</td>
</tr>
<tr>
<td>https://palerdot.in</td>
<td>23.2</td>
</tr>
<tr>
<td>https://john-doe.neocities.org</td>
<td>24.0</td>
</tr>
<tr>
<td>https://yorickpeterse.com</td>
<td>24.2</td>
</tr>
<tr>
<td>https://projects.deltabeard.com</td>
<td>26.5</td>
</tr>
<tr>
<td>https://darioniedermann.it</td>
<td>26.7</td>
</tr>
<tr>
<td>https://ulpaulpa.de</td>
<td>27.7</td>
</tr>
<tr>
<td>https://pawelgrzybek.com</td>
<td>29.2</td>
</tr>
<tr>
<td>https://decentnet.github.io</td>
<td>31.2</td>
</tr>
<tr>
<td>https://ethanyoo.com</td>
<td>32.8</td>
</tr>
<tr>
<td>https://fanael.github.io</td>
<td>32.8</td>
</tr>
<tr>
<td>https://mos6581.com</td>
<td>35.5</td>
</tr>
<tr>
<td>https://mat.tl</td>
<td>41.0</td>
</tr>
<tr>
<td>https://starbreaker.org</td>
<td>45.4</td>
</tr>
<tr>
<td>https://richj.co</td>
<td>48.0</td>
</tr>
<tr>
<td>https://lighthouse16.com</td>
<td>48.1</td>
</tr>
<tr>
<td>https://unixsheikh.com</td>
<td>50.7</td>
</tr>
<tr>
<td>https://lucianmarin.com</td>
<td>64.4</td>
</tr>
<tr>
<td>https://wirelessfootball.co.uk</td>
<td>64.4</td>
</tr>
<tr>
<td>https://ericra.com</td>
<td>73.1</td>
</tr>
<tr>
<td>https://baltuta.eu</td>
<td>80.1</td>
</tr>
<tr>
<td>https://phate6660.codeberg.page</td>
<td>87.3</td>
</tr>
<tr>
<td>https://jmp.chat</td>
<td>112.0</td>
</tr>
<tr>
<td>https://sr.ht</td>
<td>131.0</td>
</tr>
<tr>
<td>https://ratwires.space</td>
<td>149.0</td>
</tr>
<tr>
<td>https://lib.rs</td>
<td>150.0</td>
</tr>
<tr>
<td>https://nixnet.services</td>
<td>175.0</td>
</tr>
<tr>
<td>https://jmtd.net</td>
<td>239.0</td>
</tr>
<tr>
<td>https://golangleipzig.space</td>
<td>275.0</td>
</tr>
<tr>
<td>https://zakaria.org</td>
<td>299.0</td>
</tr>
<tr>
<td>https://postmarketos.org</td>
<td>403.0</td>
</tr>
<tr>
<td>https://gnu.org</td>
<td>558.0</td>
</tr>
<tr>
<td>https://gigahost.uk</td>
<td>983.0</td>
</tr>
<tr>
<td>https://hansenzhang.com</td>
<td>1843.0</td>
</tr>
<tr>
<td>https://roadtolarissa.com</td>
<td>3952.64</td>
</tr>
</tbody>
</table>
</main>
<footer>
<p class="copyright">Copyright © 2022, Frank Homburg.</p>
<p>
License:&#09;<a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="noopener">CC BY-SA 4.0</a><br>
Git:&#09;&#09;<a href="https://git.sr.ht/~hmbrg/no-js.club" rel="noopener">SourceHut</a>
</p>
<p>
The <b>no-JS Club</b> was created by Frank Homburg and is the successor of <a href="https://goel.io" rel="noopener">Karan Goel's</a> now archived project, <a href="https://github.com/karan/nojs.club" rel="noopener">The noJS Club</a>.
</p>
<p>
Maintained with 💜 for a lighter-footed and JavaScript freer Internet.
</p>
</footer>
</body>
</html>

@ -1,21 +0,0 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>The no-JS.club</title>
<link>https://no-js.club/</link>
<description>Recent content on The no-JS.club</description>
<generator>Hugo -- gohugo.io</generator>
<language>en-US</language>
<copyright>Copyright © 2022, Frank Homburg.</copyright><atom:link href="https://no-js.club/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>FAQ</title>
<link>https://no-js.club/faq/</link>
<pubDate>Tue, 26 Apr 2022 13:03:54 +0200</pubDate>
<guid>https://no-js.club/faq/</guid>
<description>no-JS Club FAQ Terms and conditions Your website must be&amp;hellip; SFW accessible via HTTPS Your website doesn&amp;rsquo;t include the following contents pornography/sexism or otherwise offensive fanaticism racism illegal material of any kind How to join the no-JS club? Instructions 🤞 Use GTMetrix to analyse your website 🤞
Once complete, click on &amp;ldquo;Waterfall&amp;rdquo; and note 📝 the uncompressed size of transfered data</description>
</item>
</channel>
</rss>

@ -1,2 +0,0 @@
User-Agent: *
Sitemap: https://no-js.club/sitemap.xml

@ -1,11 +0,0 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>https://no-js.club/faq/</loc>
<lastmod>2022-04-26T13:03:54+02:00</lastmod>
</url><url>
<loc>https://no-js.club/</loc>
<priority>0</priority>
</url>
</urlset>

@ -1,78 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head><title>Tags &ndash; The no-JS.club </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8"/>
<link rel="stylesheet" href="https://no-js.club/css/colour/gruvbox-dark.css">
<link rel="stylesheet" href="https://no-js.club/css/colour/dark-mode.css">
<link rel="stylesheet" href="https://no-js.club/css/risotto.css">
<link rel="stylesheet" href="https://no-js.club/css/custom.css">
</head>
<body>
<div class="page">
<header class="page__header"><h1 class="page__logo"><a href="https://no-js.club/" class="page__logo-inner"> The no-JS.club </a></h1>
<nav class="page__nav main-nav">
<ul>
<li class="main-nav__item"><a class="nav-main-item" href="/faq/" title="">FAQ</a></li>
<li class="main-nav__item"><a class="nav-main-item" href="https://todo.sr.ht/~hmbrg/no-JS.club" title="">Membership Request</a></li>
</ul>
</nav>
</header>
<section class="page__body">
<h1 id="tags">Tags</h1>
<ul>
</ul>
</section>
<section class="page__aside">
<div class="aside__about">
<ul class="aside__social-links">
</ul>
</div>
<hr>
<div class="aside__content">
</div>
</section>
<section class="footer"><p class="copyright"></p>
Copyright:&#09;© 2022 Frank Homburg
<p>
License:&#09;<a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="noopener">CC BY-SA 4.0</a><br>
Git:&#09;&#09;<a href="https://git.sr.ht/~hmbrg/no-js.club" rel="noopener">SourceHut</a>
</p>
<p>
The <b>no-JS Club</b> was created by Frank Homburg and is the successor of <a href="https://goel.io" rel="noopener">Karan Goel's</a> now archived project, <a href="https://github.com/karan/nojs.club" rel="noopener">The noJS Club</a>.
</p>
<p>
Maintained with 💜 for a lighter-footed and JavaScript freer Internet.
</p>
</section>
</div>
</body>
</html>

@ -1,10 +0,0 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Tags on The no-JS.club </title>
<link>https://no-js.club/tags/</link>
<description>Recent content in Tags on The no-JS.club </description>
<generator>Hugo -- gohugo.io</generator>
<language>en</language><atom:link href="https://no-js.club/tags/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>
Loading…
Cancel
Save