updated WS content

main
Frank Homburg 3 years ago
parent 53169fb773
commit 314cda35dd

@ -1,6 +1,2 @@
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
---
+++
+++

@ -1,29 +1,14 @@
baseURL = "https://no-js.club/"
languageCode = 'en'
title = 'no-JS.club'
title = ' The no-JS.club '
disableHugoGeneratorInject = 'true'
enableGitInfo = 'true'
[params]
[permalinks]
posts = "/log/:year/:title/"
preserveTaxonomyNames = true
enableRobotsTXT = true
[outputFormats]
[outputFormats.RSS]
baseName = 'rss'
isPlainText = false
mediaType = 'application/rss+xml'
protocol = 'https://'
[outputs]
home = ['HTML']
section = ['HTML']
taxonomy = ['HTML']
term = ['HTML']
page = ['HTML']
[params.theme]
palette = "gruvbox-dark"
mode = "dark-mode"
[markup]
[markup.highlight]
@ -85,13 +70,13 @@ enableRobotsTXT = true
[menu]
[[menu.main]]
name = "faq"
name = "FAQ"
url = "/faq/"
weight = 10
[[menu.main]]
name = "membership"
url = "https://todo.sr.ht/~hmbrg/no-JS"
name = "Membership Request"
url = "https://todo.sr.ht/~hmbrg/no-JS.club"
weight = 20
[imaging]

@ -2,7 +2,7 @@
The Internet as we find it today is, unfortunately, a completely bloated mess.
For this reason I welcome projects like the [1MB.club,](https://1MB.club) [512KB.club,](https://512KB.club) [250KB.club](https://250KB.club) and [noJS.club](https://noJS.club) very much!
For this reason I much welcome projects like the [1MB.club,](https://1MB.club) [512KB.club,](https://512KB.club) [250KB.club](https://250KB.club) and noJS.club!
These clubs are provided lists of websites that meet certain criteria. Everybody can **free of charge** submit a request for the listing of his homepage and as soon as the request has been checked and confirmed, the respective list will be extended by the website.

@ -4,7 +4,7 @@ date: "2021-09-01T13:03:54+02:00"
draft: false
---
About the no-JS.club[https://no-JS.club] project
Below you find commonly asked question regarding the no-JS.club project and membership:
{{< detail-tag "How to join the no-JS club?" >}}
## Instructions
@ -18,13 +18,13 @@ If you're interested in getting your site added to the no-JS club, all you need
3. Next click on the **"JS"** tab to make sure your homepage doesn't contain JS code
### 🙌 No JavaScript Detected 🙌
### 🙌 Example Result Where No JavaScript Detected 🙌
![Accepted domain - JS tab GTmetrix analyse result](/assets/no-js/accepted_gtmetrix_waterfall_js.webp)
### 😞 JavaScript Detected! 😞
### 😞 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)
4. If your website satisfies the requirement, [submit a ticket 🎫 on sourcehut](https://todo.sr.ht/~hmbrg/no-JS.club)
### Example Of A Filled Ticket
![sourcehut membership request ticket](/assets/no-js/membership-request-ticket.webp)
@ -33,13 +33,13 @@ If you're interested in getting your site added to the no-JS club, all you need
Note: I reserve the right to not add sites based on whether I think they're suitable to be added or not
[Example ticket showcasing an accepted request 🙌](https://todo.sr.ht/~hmbrg/no-JS/1#event-1)
[Example ticket showcasing an accepted request 🙌](https://todo.sr.ht/~hmbrg/no-JS.club/1)
[Example ticket showcasing a denied request 😢](https://todo.sr.ht/~hmbrg/no-JS/2)
[Example ticket showcasing a denied request 😢](https://todo.sr.ht/~hmbrg/no-JS.club/2)
{{< /detail-tag >}}
{{< detail-tag "Wasn't the project as well as the website called noJS.club before?" >}}
Yes, you are right! But sadly because of reasons [Karan Goel](https://goel.io/nojs-club), the founder of the [noJS.club](https://noJS.club) project, archived the corresponding [GitHub repository](https://github.com/karan/nojs.club) which means that nobody is able to request for membership.
Yes, you are right! But sadly because of reasons [Karan Goel](https://goel.io), the founder of the [noJS.club](https://noJS.club) project, archived the corresponding [GitHub repository](https://github.com/karan/nojs.club) which means that nobody is able to request for membership.
So the [no-JS.club](https://no-JS.club) is the successor to Karan's project and anyone interested in becoming a member can open a [ticket](https://todo.sr.ht/~hmbrg/no-JS) and apply for membership.
{{< /detail-tag >}}
@ -49,10 +49,9 @@ Once your request is approved, the website mentioned via support ticket will bec
{{< /detail-tag >}}
{{< detail-tag "Will membership cost me anything?" >}}
Good that you ask - well, hm... **no!**
Good that you ask! [no-JS.club](https://no-js.club) **membership is absolutely free of charge**.
[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) via support ticket**.
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**.
{{< /detail-tag >}}

Binary file not shown.

After

Width:  |  Height:  |  Size: 181 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 154 KiB

@ -1,7 +0,0 @@
{{ partial "header.html" . }}
<body>
<h1>Your page couldn't be found (Error 404)</h1>
<p>Try going <a href="/">home</a>?</p>
{{ partial "footer.html" . }}
</body>
</html>

@ -1 +0,0 @@
<a href="{{ .Destination | safeURL }}"{{ with .Title}} title="{{ . }}"{{ end }}{{ if strings.HasPrefix .Destination "http" }} rel="noopener"{{ end }}>{{ .Text | safeHTML }}</a>

@ -1,26 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<html>
<html lang="{{- site.Language.Lang -}}">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<style>body{margin:20px auto;max-width:600px;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:#bc642d;text-decoration:none}a:hover{color:#b29730}h1,h2,h3{line-height:1.2;color:#658d36;font-size:1.1em}h1:before{content:"# ";content:"# " / ""}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}code{background: #4a0000}pre{tab-size:4} blockquote{color:#444444;background:#bcbcbc;border-left:10px solid #e06666;margin:1.5em 10px;padding:0.5em 10px;quotes:"\201C""\201D""\2018""\2019";}blockquote:before{color:#444444;content:open-quote;font-size:4em;line-height:0.1em;margin-right:0.25em;vertical-align:-0.4em;}blockquote p {display:inline;}</style>
{{ with .OutputFormats.Get "rss" -}}
{{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
{{ end -}}
<title>
{{ block "title" . }}
{{ .Site.Title }}
{{ end }}
</title>
{{- partial "head.html" . -}}
</head>
<body>
{{ partial "header.html" . }}
<div class="page">
<header class="page__header">
{{- partial "header.html" . -}}
</header>
{{ block "main" . }}
{{ end }}
<section class="page__body">
{{- block "main" . }}{{- end }}
</section>
{{ partial "footer.html" . }}
<section class="page__aside">
<div class="aside__about">
{{- partial "about.html" . -}}
</div>
<hr>
<div class="aside__content">
{{- block "aside" . }}{{- end }}
</div>
</section>
<section class="footer">
{{- partial "footer.html" . -}}
</section>
</div>
</body>
</html>

@ -0,0 +1 @@
<li><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></li>

@ -1,18 +1,12 @@
{{ define "main" }}
<main>
<article>
<header>
<h1>{{.Title}}</h1>
</header>
{{.Content}}
</article>
<h1 id="{{ .Title | urlize }}">{{ .Title | markdownify }}</h1>
{{ .Content }}
<ul>
{{ range .Pages }}
<li>
{{ .PublishDate.Format "2006-01-02" }} &ndash;
<a href="{{ .Permalink }}" title="{{ .Title }}">{{ .Title }}</a>
</li>
{{ .Render "li" }}
{{ end }}
</ul>
</main>
{{ end }}

@ -1,39 +0,0 @@
{{- $pctx := . -}}
{{- if .IsHome -}}{{ $pctx = .Site }}{{- end -}}
{{- $pages := slice -}}
{{- if or $.IsHome $.IsSection -}}
{{- $pages = $pctx.RegularPages -}}
{{- else -}}
{{- $pages = $pctx.Pages -}}
{{- end -}}
{{- $limit := .Site.Config.Services.RSS.Limit -}}
{{- if ge $limit 1 -}}
{{- $pages = $pages | first $limit -}}
{{- end -}}
{{- printf "<?xml version=\"1.0\" encoding=\"utf-8\" standalone=\"yes\"?>" | safeHTML }}
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>{{ if eq .Title .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} on {{ end }}{{ .Site.Title }}{{ end }}</title>
<link>{{ .Permalink }}</link>
<description>Recent content {{ if ne .Title .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}</description>
<generator>Hugo -- gohugo.io</generator>{{ with .Site.LanguageCode }}
<language>{{.}}</language>{{end}}{{ with .Site.Author.email }}
<managingEditor>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</managingEditor>{{end}}{{ with .Site.Author.email }}
<webMaster>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</webMaster>{{end}}{{ with .Site.Copyright }}
<copyright>{{.}}</copyright>{{end}}{{ if not .Date.IsZero }}
<lastBuildDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</lastBuildDate>{{ end }}
{{- with .OutputFormats.Get "RSS" -}}
{{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }}
{{- end -}}
{{ range where (where .Site.Pages ".Section" "posts") "Kind" "page" }}
<item>
<title>{{ .Title }}</title>
<link>{{ .Permalink }}</link>
<pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
{{ with .Site.Author.email }}<author>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</author>{{end}}
<guid>{{ .Permalink }}</guid>
<description>{{ .Content | html }}</description>
</item>
{{ end }}
</channel>
</rss>

@ -1,6 +1,19 @@
{{ define "main" }}
<h1>{{ .Title }}</h1>
{{ .Content }}<br>
{{ partial "tags.html" .}}<br>
<i>This page was last updated on: {{ .Lastmod.Format "2. January 2006" }}</i><br><br>
<header class="content__header">
<h1>{{ .Title | markdownify }}</h1>
</header>
<div class="content__body">
{{ .Content }}
</div>
<footer class="content__footer"></footer>
{{ end }}
{{define "aside" }}
{{ if .Params.description }}<p>{{ .Params.description }}</p>{{ end }}
{{ if or (.Params.author) (.Params.date) }}
<p>
{{ if .Params.author }}By {{ .Params.author }}{{ if .Date }}, {{ end }}{{ end }}
{{ if .Date }}{{ .Date.Format "2006-01-02" }}{{ end }}
</p>
{{ end }}
{{ end }}

@ -1,15 +1,4 @@
{{ define "main" }}
{{ .Content }}
<ul>
{{ with .Site.GetPage "/posts" }}
{{ range first 3 (sort .Data.Pages "Date" "desc" (where .Pages ".Params.private" "!=" true))}}
<li>
{{ .PublishDate.Format "2006-01-02" }} &ndash;
<a href="{{ .Permalink }}" >{{ .Title }}</a><br>
</li>
{{ end }}
</ul>
{{ .Content }}
{{ end }}
{{ end }}

@ -0,0 +1,15 @@
{{ with .Site.Params.about }}
<div class="aside__about">
{{ with .logo }}<img class="about__logo" src="{{ . | absURL }}" alt="Logo">{{ end }}
<h1 class="about__title">{{ .title }}</h1>
{{ with .description }}<p class="about__description">{{ . | markdownify }}</p>{{ end }}
</div>
{{ end }}
<ul class="aside__social-links">
{{ range $item := .Site.Params.socialLinks }}
<li>
<a href="{{ $item.url }}" rel="me" aria-label="{{ $item.title }}" title="{{ $item.title }}"><i class="{{ $item.icon }}" aria-hidden="true"></i></a>&nbsp;
</li>
{{ end }}
</ul>

@ -1,9 +1,14 @@
{{ block "footer" . }}
<div class="footer">
<pre>
<p class="copyright">{{ .Site.Copyright }}</p>
Copyright:&#09;© 2022 Frank Homburg
License:&#09;<a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="noopener">CC BY-SA 4.0</a>
<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>
</pre>
</div>
{{ end }}
</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>

@ -0,0 +1,12 @@
<title>{{ with .Title }}{{ . }} &ndash; {{end}}{{ .Site.Title }}</title>
{{ with .Site.Params.about }}<meta name="description" content="{{ .description }}">{{ end }}
<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,12 +1,10 @@
{{ block "header" . }}
<header>
<a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
<nav class="sidebar-nav">
<h1 class="page__logo"><a href="{{ .Site.BaseURL }}" class="page__logo-inner">{{ .Site.Title }}</a></h1>
<nav class="page__nav main-nav">
<ul>
{{ $currentPage := . }}
{{ range .Site.Menus.main }}
<a href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
<li class="main-nav__item"><a class="nav-main-item{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{end}}" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a></li>
{{ end }}
</ul>
</nav>
</header>
{{ end }}

@ -1 +0,0 @@
<a class="post-tag post-tag-{{ . | urlize }}" href="/tags/{{ . | urlize }}">{{ . }}</a>

@ -1,6 +0,0 @@
{{- with .Params.tags -}}
<div class="tags-list">
Tags:
{{ delimit (apply (apply (sort . ) "partial" "link" ".") "chomp" ".") ", " }}
</div>
{{- end -}}

@ -0,0 +1,22 @@
{{ 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 }}

@ -1,17 +0,0 @@
User-agent: Googlebot
Disallow: /
User-agent: Googlebot-Image
Disallow /
User-agent: Googlebot-News
Disallow /
User-agent: Googlebot-Video
Disallow /
User-agent: Mediapartners-Google
Disallow /
User-agent: Google
Disallow: /

@ -15,8 +15,8 @@
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #658D36;
color: white;
background-color: #98971A;
color: #1D2021;
}
</style>
<table id="no-js">

@ -1,15 +0,0 @@
{{ define "main" }}
<main>
<header>
<h1>Tags, sorted by age of content</h1>
</header>
{{ $taxo := "tags" }}
<ul class="{{ $taxo }}">
{{ with ($.Site.GetPage (printf "/%s" $taxo)) }}
{{ range .Pages }}
<li><a href="{{ .Permalink }}">{{ .Title}}</a></li>
{{ end }}
{{ end }}
</ul>
</main>
{{ end }}

@ -1,30 +0,0 @@
<header>
<a href="https://no-js.club/">no-JS.club</a>
<nav class="sidebar-nav">
<a href="/faq/" title="">faq</a>
<a href="https://todo.sr.ht/~hmbrg/no-JS" title="">membership</a>
</nav>
</header>
<body>
<h1>Your page couldn't be found (Error 404)</h1>
<p>Try going <a href="/">home</a>?</p>
<div class="footer">
<pre>
Copyright:&#09;© 2022 Frank Homburg
License:&#09;<a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="noopener">CC BY-SA 4.0</a>
Git:&#09;&#09;<a href="https://git.sr.ht/~hmbrg/no-js.club" rel="noopener">SourceHut</a>
</pre>
</div>
</body>
</html>

@ -1,64 +0,0 @@
-----BEGIN PGP PUBLIC KEY BLOCK-----
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
=qEHX
-----END PGP PUBLIC KEY BLOCK-----

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.3 KiB

@ -31,7 +31,7 @@ https://richj.co,48.0
https://darioniedermann.it,26.7
https://zakaria.org,299.0
https://sr.ht,131.0
https://starbreaker.org,33.5
https://starbreaker.org,45.4
https://ethanyoo.com,37
https://mos6581.com,38.0
https://lucianmarin.com,41.8

1 https://hmbrg.org 2.43
31 https://darioniedermann.it 26.7
32 https://zakaria.org 299.0
33 https://sr.ht 131.0
34 https://starbreaker.org 33.5 45.4
35 https://ethanyoo.com 37
36 https://mos6581.com 38.0
37 https://lucianmarin.com 41.8

@ -1,56 +1,78 @@
<!DOCTYPE html>
<html lang="en">
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<style>body{margin:20px auto;max-width:600px;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:#bc642d;text-decoration:none}a:hover{color:#b29730}h1,h2,h3{line-height:1.2;color:#658d36;font-size:1.1em}h1:before{content:"# ";content:"# " / ""}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}code{background: #4a0000}pre{tab-size:4}</style>
<title>
no-JS.club
<head><title>Categories &ndash; The no-JS.club </title>
</title>
</head>
<body>
<header>
<a href="https://no-js.club/">no-JS.club</a>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8"/>
<nav class="sidebar-nav">
<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>
<a href="/faq/" title="">faq</a>
<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>
<a href="https://todo.sr.ht/~hmbrg/no-JS" title="">membership</a>
<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>
</header>
<section class="page__body">
<h1 id="categories">Categories</h1>
<main>
<article>
<header>
<h1>Categories</h1>
</header>
</article>
<ul>
</ul>
</main>
</section>
<section class="page__aside">
<div class="aside__about">
<ul class="aside__social-links">
</ul>
</div>
<hr>
<div class="aside__content">
</div>
</section>
<div class="footer">
<pre>
<section class="footer"><p class="copyright"></p>
Copyright:&#09;© 2022 Frank Homburg
License:&#09;<a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="noopener">CC BY-SA 4.0</a>
<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>
</pre>
</div>
</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>

@ -0,0 +1,10 @@
<?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>

@ -0,0 +1,26 @@
/* 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;
}

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

@ -0,0 +1,29 @@
/* gruvbox dark mode
* https://github.com/morhetz/gruvbox
*/
:root {
--dark-black: #1d2021;
--black: #282828;
--bright-black: #928374;
--white: #ebdbb2;
--bright-white: #fbf1c7;
--red: #cc241d;
--green: #98971a;
--yellow: #d3869b;
--blue: #458588;
--magenta: #b16286;
--cyan: #689d6a;
--orange: #d65d0e;
--gray: #928374;
--bright-red: #fb4934;
--bright-green: #b8bb26;
--bright-yellow: #fabd2f;
--bright-blue: #83a598;
--bright-magenta: #d3869b;
--bright-cyan: #8ec07c;
--bright-orange: #fe8019;
--bright-gray: #a89984;
}

@ -0,0 +1,30 @@
/* 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;
}

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

@ -0,0 +1 @@
/* Override this file to customise the theme's CSS for your site */

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

@ -0,0 +1,18 @@
/* 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: "./";
}

@ -0,0 +1,64 @@
/* 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;
}

@ -0,0 +1,36 @@
.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);
}

@ -0,0 +1,11 @@
@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);
}

@ -0,0 +1,214 @@
/* 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,44 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<style>body{margin:20px auto;max-width:600px;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:#bc642d;text-decoration:none}a:hover{color:#b29730}h1,h2,h3{line-height:1.2;color:#658d36;font-size:1.1em}h1:before{content:"# ";content:"# " / ""}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}code{background: #4a0000}pre{tab-size:4}</style>
<title>
no-JS.club
<head><title>FAQ &ndash; The no-JS.club </title>
</title>
</head>
<body>
<header>
<a href="https://no-js.club/">no-JS.club</a>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8"/>
<nav class="sidebar-nav">
<a href="/faq/" title="">faq</a>
<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>
<a href="https://todo.sr.ht/~hmbrg/no-JS" title="">membership</a>
<body>
<div class="page">
</nav>
</header>
<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">
<header class="content__header">
<h1>FAQ</h1>
<p>About the no-JS.club[https://no-JS.club] project</p>
</header>
<div class="content__body">
<p>Below you find commonly asked question regarding the no-JS.club project and membership:</p>
<details>
<summary>How to join the no-JS club?</summary>
<h2 id="instructions">Instructions</h2>
<p>If you&rsquo;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>
<ol>
<li>
<p>🤞 Use <a href="https://gtmetrix.com" rel="noopener">GTMetrix</a>
to analyse your website 🤞</p>
<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>
@ -48,13 +54,12 @@
<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="--no-javascript-detected-">🙌 No JavaScript Detected 🙌</h3>
<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="-javascript-detected-">😞 JavaScript Detected! 😞</h3>
<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" rel="noopener">submit a ticket 🎫 on sourcehut</a>
</li>
<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>
@ -62,38 +67,27 @@
<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/1#event-1" rel="noopener">Example ticket showcasing an accepted request 🙌</a>
</p>
<p><a href="https://todo.sr.ht/~hmbrg/no-JS/2" rel="noopener">Example ticket showcasing a denied request 😢</a>
</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>Wasn&rsquo;t the project as well as the website called noJS.club before?</summary>
<p>Yes, you are right! But sadly because of reasons <a href="https://goel.io/nojs-club" rel="noopener">Karan Goel</a>
, the founder of the <a href="https://noJS.club" rel="noopener">noJS.club</a>
project, archived the corresponding <a href="https://github.com/karan/nojs.club" rel="noopener">GitHub repository</a>
which means that nobody is able to request for membership.</p>
<p>So the <a href="https://no-JS.club" rel="noopener">no-JS.club</a>
is the successor to Karan&rsquo;s project and anyone interested in becoming a member can open a <a href="https://todo.sr.ht/~hmbrg/no-JS" rel="noopener">ticket</a>
and apply for membership.</p>
<p>Yes, you are right! But sadly because of reasons <a href="https://goel.io">Karan Goel</a>, the founder of the <a href="https://noJS.club">noJS.club</a> project, archived the corresponding <a href="https://github.com/karan/nojs.club">GitHub repository</a> which means that nobody is able to request for membership.</p>
<p>So the <a href="https://no-JS.club">no-JS.club</a> is the successor to Karan&rsquo;s project and anyone interested in becoming a member can open a <a href="https://todo.sr.ht/~hmbrg/no-JS">ticket</a> and apply for membership.</p>
</details>
<details>
<summary>When will I become a member?</summary>
Once your request is approved, the website mentioned via support ticket will become a proud member of the <a href="https://no-JS.club" rel="noopener">no-JS.club</a>
and will be listed on the front page of the project website.
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>
<p>Good that you ask - well, hm&hellip; <strong>no!</strong></p>
<p><a href="https://no-js.club" rel="noopener">no-JS.club</a>
<strong>membership is absolutely free of charge</strong>.
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" rel="noopener">membership</a>
via support ticket</strong>.</p>
<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>
@ -102,20 +96,49 @@ We don&rsquo;t ask for money and don&rsquo;t expect anything else in return, <st
Please direct all further questions to my eMail address: <em>no-JS {at} hmbrg {dot} org</em>.
</details>
<br>
<br>
<i>This page was last updated on: 22. April 2022</i><br><br>
</div>
<footer class="content__footer"></footer>
</section>
<section class="page__aside">
<div class="aside__about">
<ul class="aside__social-links">
<div class="footer">
<pre>
</ul>
</div>
<hr>
<div class="aside__content">
<p>
2021-09-01
</p>
</div>
</section>
<section class="footer"><p class="copyright"></p>
Copyright:&#09;© 2022 Frank Homburg
License:&#09;<a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="noopener">CC BY-SA 4.0</a>
<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>
</pre>
</div>
</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>

@ -0,0 +1 @@
<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>

After

Width:  |  Height:  |  Size: 4.8 KiB

@ -1,41 +1,44 @@
<!DOCTYPE html>
<html lang="en">
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<style>body{margin:20px auto;max-width:600px;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:#bc642d;text-decoration:none}a:hover{color:#b29730}h1,h2,h3{line-height:1.2;color:#658d36;font-size:1.1em}h1:before{content:"# ";content:"# " / ""}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}code{background: #4a0000}pre{tab-size:4}</style>
<title>
no-JS.club
<head><title> The no-JS.club </title>
</title>
</head>
<body>
<header>
<a href="https://no-js.club/">no-JS.club</a>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8"/>
<nav class="sidebar-nav">
<a href="/faq/" title="">faq</a>
<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>
<a href="https://todo.sr.ht/~hmbrg/no-JS" title="">membership</a>
<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>
</nav>
</header>
<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>
<h1 id="welcome-to-the-no-jsclub-project">Welcome To The no-JS.club Project</h1>
<p>The Internet, as we have to experience it today, is an unnecessarily inflated creature.</p>
<p>Far too often, mechanisms are used that are absolutely unnecessary. Have we forgotten the tools of the early days and their ease of use?</p>
<p>Nowadays, also for the private homepage, because everything is so nicely clickable, one quickly reaches for top dogs like WordPress. Quickly click a few plug-ins and the data sling is ready. The visitor of the website is gifted with <strong>several hundred kilo bytes, or more, of JavaScript</strong> - thank you, but NO thank you.</p>
<p>And here comes the reborn no-JS.club into play. If you don&rsquo;t use JavaScript on your homepage, gift your website a <strong>free membership in the no-JS.club</strong>.</p>
<h2 id="list-of-proud-club-members">List Of Proud Club Members</h2>
<section class="page__body">
<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 bloated mess.</p>
<p>For this reason I much welcome projects like the <a href="https://1MB.club">1MB.club,</a> <a href="https://512KB.club">512KB.club,</a> <a href="https://250KB.club">250KB.club</a> and noJS.club!</p>
<p>These clubs are provided lists of websites that meet certain criteria. Everybody can <strong>free of charge</strong> submit a request for the listing of his homepage and as soon as the request has been checked and confirmed, the respective list will be extended by the website.</p>
<p>Inspired by these projects and driven by the fact that the <a href="https://github.com/karan/nojs.club">GitHub repository</a> of the <strong>noJS.club</strong> has been archived by its founder <a href="https://goel.io/nojs-club">Karan Goel</a> and thus unfortunately no new membership application can be submitted, I am succeeding him with the <a href="https://no-JS.club">no-JS.club.</a></p>
<p><a href="##">##</a> List Of Proud Club Members
<style>
#no-js {
border-collapse: collapse;
@ -53,8 +56,8 @@
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #658D36;
color: white;
background-color: #98971A;
color: #1D2021;
}
</style>
<table id="no-js">
@ -235,7 +238,7 @@
<tr>
<td>https://starbreaker.org</td>
<td>33.5</td>
<td>45.4</td>
</tr>
<tr>
@ -370,22 +373,40 @@
</tbody>
</table>
</p>
<ul>
</section>
<section class="page__aside">
<div class="aside__about">
<ul class="aside__social-links">
</ul>
</div>
<hr>
<div class="aside__content">
</div>
</section>
<div class="footer">
<pre>
<section class="footer"><p class="copyright"></p>
Copyright:&#09;© 2022 Frank Homburg
License:&#09;<a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="noopener">CC BY-SA 4.0</a>
<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>
</pre>
</div>
</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>

@ -0,0 +1,23 @@
<?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</language><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>Wed, 01 Sep 2021 13:03:54 +0200</pubDate>
<guid>https://no-js.club/faq/</guid>
<description>Below you find commonly asked question regarding the no-JS.club project and membership:
How to join the no-JS club? Instructions If you&amp;rsquo;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:
🤞 Use GTMetrix to analyse your website 🤞
Once complete, click on &amp;ldquo;Waterfall&amp;rdquo; and note 📝 the uncompressed size of transfered data
Next click on the &amp;ldquo;JS&amp;rdquo; tab to make sure your homepage doesn&amp;rsquo;t contain JS code 🙌 Example Result Where No JavaScript Detected 🙌 😞 Example Result Where JavaScript Was Detected!</description>
</item>
</channel>
</rss>

@ -3,7 +3,7 @@
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>https://no-js.club/faq/</loc>
<lastmod>2022-04-22T19:52:39+02:00</lastmod>
<lastmod>2022-04-23T14:05:35+02:00</lastmod>
</url><url>
<loc>https://no-js.club/</loc>
<priority>0</priority>

@ -1,56 +1,78 @@
<!DOCTYPE html>
<html lang="en">
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<style>body{margin:20px auto;max-width:600px;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:#bc642d;text-decoration:none}a:hover{color:#b29730}h1,h2,h3{line-height:1.2;color:#658d36;font-size:1.1em}h1:before{content:"# ";content:"# " / ""}h2:before{content:"## ";content:"## " / ""}h3:before{content:"### ";content:"### " / ""}code{background: #4a0000}pre{tab-size:4}</style>
<title>
no-JS.club
<head><title>Tags &ndash; The no-JS.club </title>
</title>
</head>
<body>
<header>
<a href="https://no-js.club/">no-JS.club</a>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8"/>
<nav class="sidebar-nav">
<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">
<a href="/faq/" title="">faq</a>
<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>
<a href="https://todo.sr.ht/~hmbrg/no-JS" title="">membership</a>
<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>
<main>
<header>
<h1>Tags, sorted by age of content</h1>
</header>
<ul>
<ul class="tags">
</ul>
</section>
</ul>
</main>
<section class="page__aside">
<div class="aside__about">
<ul class="aside__social-links">
</ul>
</div>
<hr>
<div class="aside__content">
</div>
</section>
<div class="footer">
<pre>
<section class="footer"><p class="copyright"></p>
Copyright:&#09;© 2022 Frank Homburg
License:&#09;<a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en" rel="noopener">CC BY-SA 4.0</a>
<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>
</pre>
</div>
</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>

@ -0,0 +1,10 @@
<?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>

@ -1,64 +0,0 @@
-----BEGIN PGP PUBLIC KEY BLOCK-----
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
=qEHX
-----END PGP PUBLIC KEY BLOCK-----

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.3 KiB

@ -31,7 +31,7 @@ https://richj.co,48.0
https://darioniedermann.it,26.7
https://zakaria.org,299.0
https://sr.ht,131.0
https://starbreaker.org,33.5
https://starbreaker.org,45.4
https://ethanyoo.com,37
https://mos6581.com,38.0
https://lucianmarin.com,41.8

1 https://hmbrg.org 2.43
31 https://darioniedermann.it 26.7
32 https://zakaria.org 299.0
33 https://sr.ht 131.0
34 https://starbreaker.org 33.5 45.4
35 https://ethanyoo.com 37
36 https://mos6581.com 38.0
37 https://lucianmarin.com 41.8

@ -0,0 +1,26 @@
/* 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;
}

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

@ -0,0 +1,29 @@
/* gruvbox dark mode
* https://github.com/morhetz/gruvbox
*/
:root {
--dark-black: #1d2021;
--black: #282828;
--bright-black: #928374;
--white: #ebdbb2;
--bright-white: #fbf1c7;
--red: #cc241d;
--green: #98971a;
--yellow: #d3869b;
--blue: #458588;
--magenta: #b16286;
--cyan: #689d6a;
--orange: #d65d0e;
--gray: #928374;
--bright-red: #fb4934;
--bright-green: #b8bb26;
--bright-yellow: #fabd2f;
--bright-blue: #83a598;
--bright-magenta: #d3869b;
--bright-cyan: #8ec07c;
--bright-orange: #fe8019;
--bright-gray: #a89984;
}

@ -0,0 +1,30 @@
/* 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;
}

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

@ -0,0 +1 @@
/* Override this file to customise the theme's CSS for your site */

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

@ -0,0 +1,18 @@
/* 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: "./";
}

@ -0,0 +1,64 @@
/* 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;
}

@ -0,0 +1,36 @@
.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);
}

@ -0,0 +1,11 @@
@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);
}

@ -0,0 +1,214 @@
/* 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;
}

@ -0,0 +1 @@
<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>

After

Width:  |  Height:  |  Size: 4.8 KiB

@ -0,0 +1,16 @@
name = "risotto"
license = "MIT"
licenselink = "https://github.com/joeroe/risotto/blob/master/LICENSE"
description = "A minimalist, responsive theme inspired by terminal ricing aesthetics."
homepage = "https://github.com/joeroe/risotto"
demosite = "https://risotto.joeroe.io"
tags = ["responsive", "minimal", "dark mode"]
features = []
min_version = "0.41.0"
[author]
name = "Joe Roe"
homepage = "https://joeroe.io"
Loading…
Cancel
Save