mirror of
https://github.com/nkoehring/250kb-club.git
synced 2025-04-19 21:59:04 +02:00
page update
This commit is contained in:
Norman Köhring
parent
81efb09fb0
commit
4266c62b4f
16 changed files with 780 additions and 5 deletions
11
content/5am_is.md
Normal file
11
content/5am_is.md
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
+++
|
||||||
|
title = "5am.is"
|
||||||
|
date = "2023-02-26"
|
||||||
|
updated = "2023-02-26"
|
||||||
|
weight = 21875
|
||||||
|
|
||||||
|
[extra]
|
||||||
|
source = "https://5am.is/"
|
||||||
|
ratio = 10
|
||||||
|
size = 21
|
||||||
|
+++
|
||||||
11
content/arciniega_one.md
Normal file
11
content/arciniega_one.md
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
+++
|
||||||
|
title = "arciniega.one"
|
||||||
|
date = "2023-02-26"
|
||||||
|
updated = "2023-02-26"
|
||||||
|
weight = 56072
|
||||||
|
|
||||||
|
[extra]
|
||||||
|
source = "https://arciniega.one/"
|
||||||
|
ratio = 13
|
||||||
|
size = 55
|
||||||
|
+++
|
||||||
11
content/jlelse_dev.md
Normal file
11
content/jlelse_dev.md
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
+++
|
||||||
|
title = "jlelse.dev"
|
||||||
|
date = "2023-02-26"
|
||||||
|
updated = "2023-02-26"
|
||||||
|
weight = 3041
|
||||||
|
|
||||||
|
[extra]
|
||||||
|
source = "https://jlelse.dev/"
|
||||||
|
ratio = 58
|
||||||
|
size = 3
|
||||||
|
+++
|
||||||
11
content/nelson_cloud.md
Normal file
11
content/nelson_cloud.md
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
+++
|
||||||
|
title = "nelson.cloud"
|
||||||
|
date = "2023-02-26"
|
||||||
|
updated = "2023-02-26"
|
||||||
|
weight = 7915
|
||||||
|
|
||||||
|
[extra]
|
||||||
|
source = "https://nelson.cloud/"
|
||||||
|
ratio = 60
|
||||||
|
size = 8
|
||||||
|
+++
|
||||||
|
|
@ -336,3 +336,6 @@ https://chino.is-a.dev/
|
||||||
https://10maurycy10.github.io/
|
https://10maurycy10.github.io/
|
||||||
https://hylang.org/
|
https://hylang.org/
|
||||||
https://www.cweagans.net/
|
https://www.cweagans.net/
|
||||||
|
https://5am.is/
|
||||||
|
https://nelson.cloud/
|
||||||
|
https://arciniega.one/
|
||||||
|
|
|
||||||
171
public/5am-is/index.html
Normal file
171
public/5am-is/index.html
Normal file
|
|
@ -0,0 +1,171 @@
|
||||||
|
<!doctype html><html lang=en><head><meta charset=utf-8><meta content="width=device-width,initial-scale=1" name=viewport><title>The 250kb Club</title><meta content="An exclusive membership for web pages presenting themselves in no more than 250kb." name=description><meta content="Norman Köhring" name=author><meta content="The 250kb Club" name=DC.title><link href=https://koehr.in rel=author><link href=/favicon.png rel=icon type=image/x-icon><link href=https://250kb.club/rss.xml rel=alternate title=RSS type=application/rss+xml><style>body {
|
||||||
|
font: 16px/1.4 sans-serif;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background: white;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
body>header,main,body>footer {
|
||||||
|
max-width: calc(720px - 2em);
|
||||||
|
width: calc(100% - 2em);
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 1em;
|
||||||
|
}
|
||||||
|
#main-footer {
|
||||||
|
border-top: 1px solid lightgrey;
|
||||||
|
margin: 3rem auto 0;
|
||||||
|
font-size: 85%;
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
margin: 3em auto;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
font: small-caps bold 2.2em/1.4 sans-serif;
|
||||||
|
letter-spacing: 6px;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 1.2em;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font: small-caps bold 2.0em/1.4 sans-serif;
|
||||||
|
letter-spacing: 5px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
a,a:visited {
|
||||||
|
color: currentColor;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
select, label {
|
||||||
|
padding: .25em .5em;
|
||||||
|
border: 2px solid gray;
|
||||||
|
background: none;
|
||||||
|
color: currentColor;
|
||||||
|
font: inherit;
|
||||||
|
}
|
||||||
|
ol {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
background-color: #0002;
|
||||||
|
}
|
||||||
|
aside {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row break;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.hidden { visibility: hidden; }
|
||||||
|
.big { font-size: 1.5em; }
|
||||||
|
.center { text-align: center; }
|
||||||
|
#info-toggle { display: none; }
|
||||||
|
#info-toggle ~ label { text-align: center; }
|
||||||
|
#info-toggle ~ label > .info-close { display: none; }
|
||||||
|
#info-toggle:checked ~ label > .info-close { display: inline; }
|
||||||
|
#info-toggle:checked ~ label > .info-text { display: none; }
|
||||||
|
|
||||||
|
#info-popup {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
top: 2.5em;
|
||||||
|
left: -1em;
|
||||||
|
width: calc(720px - 2em - 6px);
|
||||||
|
max-width: calc(100vw - 2em - 6px);
|
||||||
|
padding: 0 1em;
|
||||||
|
background: #FFF;
|
||||||
|
border: 3px solid #DDD;
|
||||||
|
}
|
||||||
|
#info-toggle:checked ~ #info-popup { display: block; }
|
||||||
|
|
||||||
|
.entry {
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row nowrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: .5em .5em 0;
|
||||||
|
height: 2em;
|
||||||
|
line-height: 2em;
|
||||||
|
font-size: 1.3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.entry > .url {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
width: 70%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
.entry > .size, .entry > .ratio, .entry > .open-page {
|
||||||
|
flex: 0 0 auto;
|
||||||
|
width: 10%;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.entry > .open-page img {
|
||||||
|
max-height: 32px;
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.entry-size-bar, .entry-ratio-bar {
|
||||||
|
height: 0;
|
||||||
|
margin-bottom: 2px;
|
||||||
|
border-bottom: 2px solid;
|
||||||
|
}
|
||||||
|
.entry-size-bar.highlighted, .entry-ratio-bar.highlighted {
|
||||||
|
border-bottom-width: 4px;
|
||||||
|
}
|
||||||
|
.entry-size-bar {
|
||||||
|
border-bottom-color: #E44;
|
||||||
|
width: calc(var(--size)/256 * 100%);
|
||||||
|
}
|
||||||
|
.entry-ratio-bar {
|
||||||
|
border-bottom-color: #56B;
|
||||||
|
width: var(--ratio);
|
||||||
|
}
|
||||||
|
#pager {
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row nowrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.badges > img {
|
||||||
|
margin-bottom: -5px;
|
||||||
|
}
|
||||||
|
pre {
|
||||||
|
display: block;
|
||||||
|
height: 11em;
|
||||||
|
background: #8885;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
body { background: #222; color: white; }
|
||||||
|
#info-popup { background: #000; border-color: #444; }
|
||||||
|
}</style><body><main id=member><h1 class="p-name dated" id=title>5am.is</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-02-26 datetime=2023-02-26 itemprop=datePublished pubdate> Added: 2023-02-26 </time> | <time class=dt-published content=2023-02-26 datetime=2023-02-26 itemprop=datePublished pubdate> Last updated: 2023-02-26 </time><p class=e-content><a rel="noopener nofollow" href=https://5am.is/ target=_blank>5am.is</a> is a member of the exclusive 250kb club. The page weighs <strong> only 21kb </strong> and has a content-to-bloat ratio of <strong>10%</strong>.<p>They are now entitled to add one of those shiny badges to your page. But don't forget, even though I tried to make them as small as possibe, a badge will add some kilobytes to your page weight. A code snipped can be found by clicking on the respective badge.<p class=badges>The badges can either be downloaded and served by yourself or linked directly from 250kb.club. The latter might save a few users some bandwidth if the badge is already cached. On the other hand this gives the 250kb.club server a log entry for <i>every visitor of <strong>your</strong> page</i>. I'm not interested in those logs but you still have to trust my word. So decide for yourself.<details><summary><img alt="simple badge, dark" src=/simple_badge_dark.png> (1.4kB)</summary> <pre><code>
|
||||||
|
<a title="250kb club page" href="https://250kb.club/5am-is">
|
||||||
|
<img
|
||||||
|
alt="badge: proud member of the 250kb club"
|
||||||
|
src="https://250kb.club/simple_badge_dark.png"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</code></pre></details><details><summary><img alt="simple badge, bright" src=/simple_badge_bright.png> (1.7kB)</summary> <pre><code>
|
||||||
|
<a title="250kb club page" href="https://250kb.club/5am-is">
|
||||||
|
<img
|
||||||
|
alt="badge: proud member of the 250kb club"
|
||||||
|
src="https://250kb.club/simple_badge_bright.png"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</code></pre></details><details><summary><img alt="color badge, bright" src=/color_badge_bright.png> (4.0kB)</summary> <pre><code>
|
||||||
|
<a title="250kb club page" href="https://250kb.club/5am-is">
|
||||||
|
<img
|
||||||
|
alt="badge: proud member of the 250kb club"
|
||||||
|
src="https://250kb.club/color_badge_bright.png"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</code></pre></details><details><summary><img alt="color badge, dark" src=/color_badge_dark.png> (5.7kB)</summary> <pre><code>
|
||||||
|
<a title="250kb club page" href="https://250kb.club/5am-is">
|
||||||
|
<img
|
||||||
|
alt="badge: proud member of the 250kb club"
|
||||||
|
src="https://250kb.club/color_badge_dark.png"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</code></pre></details><p><a href=/>back</a></main></body><script async data-goatcounter=https://250kb-club.goatcounter.com/count src=//gc.zgo.at/count.js></script>
|
||||||
171
public/arciniega-one/index.html
Normal file
171
public/arciniega-one/index.html
Normal file
|
|
@ -0,0 +1,171 @@
|
||||||
|
<!doctype html><html lang=en><head><meta charset=utf-8><meta content="width=device-width,initial-scale=1" name=viewport><title>The 250kb Club</title><meta content="An exclusive membership for web pages presenting themselves in no more than 250kb." name=description><meta content="Norman Köhring" name=author><meta content="The 250kb Club" name=DC.title><link href=https://koehr.in rel=author><link href=/favicon.png rel=icon type=image/x-icon><link href=https://250kb.club/rss.xml rel=alternate title=RSS type=application/rss+xml><style>body {
|
||||||
|
font: 16px/1.4 sans-serif;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background: white;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
body>header,main,body>footer {
|
||||||
|
max-width: calc(720px - 2em);
|
||||||
|
width: calc(100% - 2em);
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 1em;
|
||||||
|
}
|
||||||
|
#main-footer {
|
||||||
|
border-top: 1px solid lightgrey;
|
||||||
|
margin: 3rem auto 0;
|
||||||
|
font-size: 85%;
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
margin: 3em auto;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
font: small-caps bold 2.2em/1.4 sans-serif;
|
||||||
|
letter-spacing: 6px;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 1.2em;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font: small-caps bold 2.0em/1.4 sans-serif;
|
||||||
|
letter-spacing: 5px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
a,a:visited {
|
||||||
|
color: currentColor;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
select, label {
|
||||||
|
padding: .25em .5em;
|
||||||
|
border: 2px solid gray;
|
||||||
|
background: none;
|
||||||
|
color: currentColor;
|
||||||
|
font: inherit;
|
||||||
|
}
|
||||||
|
ol {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
background-color: #0002;
|
||||||
|
}
|
||||||
|
aside {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row break;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.hidden { visibility: hidden; }
|
||||||
|
.big { font-size: 1.5em; }
|
||||||
|
.center { text-align: center; }
|
||||||
|
#info-toggle { display: none; }
|
||||||
|
#info-toggle ~ label { text-align: center; }
|
||||||
|
#info-toggle ~ label > .info-close { display: none; }
|
||||||
|
#info-toggle:checked ~ label > .info-close { display: inline; }
|
||||||
|
#info-toggle:checked ~ label > .info-text { display: none; }
|
||||||
|
|
||||||
|
#info-popup {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
top: 2.5em;
|
||||||
|
left: -1em;
|
||||||
|
width: calc(720px - 2em - 6px);
|
||||||
|
max-width: calc(100vw - 2em - 6px);
|
||||||
|
padding: 0 1em;
|
||||||
|
background: #FFF;
|
||||||
|
border: 3px solid #DDD;
|
||||||
|
}
|
||||||
|
#info-toggle:checked ~ #info-popup { display: block; }
|
||||||
|
|
||||||
|
.entry {
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row nowrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: .5em .5em 0;
|
||||||
|
height: 2em;
|
||||||
|
line-height: 2em;
|
||||||
|
font-size: 1.3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.entry > .url {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
width: 70%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
.entry > .size, .entry > .ratio, .entry > .open-page {
|
||||||
|
flex: 0 0 auto;
|
||||||
|
width: 10%;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.entry > .open-page img {
|
||||||
|
max-height: 32px;
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.entry-size-bar, .entry-ratio-bar {
|
||||||
|
height: 0;
|
||||||
|
margin-bottom: 2px;
|
||||||
|
border-bottom: 2px solid;
|
||||||
|
}
|
||||||
|
.entry-size-bar.highlighted, .entry-ratio-bar.highlighted {
|
||||||
|
border-bottom-width: 4px;
|
||||||
|
}
|
||||||
|
.entry-size-bar {
|
||||||
|
border-bottom-color: #E44;
|
||||||
|
width: calc(var(--size)/256 * 100%);
|
||||||
|
}
|
||||||
|
.entry-ratio-bar {
|
||||||
|
border-bottom-color: #56B;
|
||||||
|
width: var(--ratio);
|
||||||
|
}
|
||||||
|
#pager {
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row nowrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.badges > img {
|
||||||
|
margin-bottom: -5px;
|
||||||
|
}
|
||||||
|
pre {
|
||||||
|
display: block;
|
||||||
|
height: 11em;
|
||||||
|
background: #8885;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
body { background: #222; color: white; }
|
||||||
|
#info-popup { background: #000; border-color: #444; }
|
||||||
|
}</style><body><main id=member><h1 class="p-name dated" id=title>arciniega.one</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-02-26 datetime=2023-02-26 itemprop=datePublished pubdate> Added: 2023-02-26 </time> | <time class=dt-published content=2023-02-26 datetime=2023-02-26 itemprop=datePublished pubdate> Last updated: 2023-02-26 </time><p class=e-content><a rel="noopener nofollow" href=https://arciniega.one/ target=_blank>arciniega.one</a> is a member of the exclusive 250kb club. The page weighs <strong> only 55kb </strong> and has a content-to-bloat ratio of <strong>13%</strong>.<p>They are now entitled to add one of those shiny badges to your page. But don't forget, even though I tried to make them as small as possibe, a badge will add some kilobytes to your page weight. A code snipped can be found by clicking on the respective badge.<p class=badges>The badges can either be downloaded and served by yourself or linked directly from 250kb.club. The latter might save a few users some bandwidth if the badge is already cached. On the other hand this gives the 250kb.club server a log entry for <i>every visitor of <strong>your</strong> page</i>. I'm not interested in those logs but you still have to trust my word. So decide for yourself.<details><summary><img alt="simple badge, dark" src=/simple_badge_dark.png> (1.4kB)</summary> <pre><code>
|
||||||
|
<a title="250kb club page" href="https://250kb.club/arciniega-one">
|
||||||
|
<img
|
||||||
|
alt="badge: proud member of the 250kb club"
|
||||||
|
src="https://250kb.club/simple_badge_dark.png"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</code></pre></details><details><summary><img alt="simple badge, bright" src=/simple_badge_bright.png> (1.7kB)</summary> <pre><code>
|
||||||
|
<a title="250kb club page" href="https://250kb.club/arciniega-one">
|
||||||
|
<img
|
||||||
|
alt="badge: proud member of the 250kb club"
|
||||||
|
src="https://250kb.club/simple_badge_bright.png"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</code></pre></details><details><summary><img alt="color badge, bright" src=/color_badge_bright.png> (4.0kB)</summary> <pre><code>
|
||||||
|
<a title="250kb club page" href="https://250kb.club/arciniega-one">
|
||||||
|
<img
|
||||||
|
alt="badge: proud member of the 250kb club"
|
||||||
|
src="https://250kb.club/color_badge_bright.png"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</code></pre></details><details><summary><img alt="color badge, dark" src=/color_badge_dark.png> (5.7kB)</summary> <pre><code>
|
||||||
|
<a title="250kb club page" href="https://250kb.club/arciniega-one">
|
||||||
|
<img
|
||||||
|
alt="badge: proud member of the 250kb club"
|
||||||
|
src="https://250kb.club/color_badge_dark.png"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</code></pre></details><p><a href=/>back</a></main></body><script async data-goatcounter=https://250kb-club.goatcounter.com/count src=//gc.zgo.at/count.js></script>
|
||||||
File diff suppressed because one or more lines are too long
171
public/jlelse-dev/index.html
Normal file
171
public/jlelse-dev/index.html
Normal file
|
|
@ -0,0 +1,171 @@
|
||||||
|
<!doctype html><html lang=en><head><meta charset=utf-8><meta content="width=device-width,initial-scale=1" name=viewport><title>The 250kb Club</title><meta content="An exclusive membership for web pages presenting themselves in no more than 250kb." name=description><meta content="Norman Köhring" name=author><meta content="The 250kb Club" name=DC.title><link href=https://koehr.in rel=author><link href=/favicon.png rel=icon type=image/x-icon><link href=https://250kb.club/rss.xml rel=alternate title=RSS type=application/rss+xml><style>body {
|
||||||
|
font: 16px/1.4 sans-serif;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background: white;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
body>header,main,body>footer {
|
||||||
|
max-width: calc(720px - 2em);
|
||||||
|
width: calc(100% - 2em);
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 1em;
|
||||||
|
}
|
||||||
|
#main-footer {
|
||||||
|
border-top: 1px solid lightgrey;
|
||||||
|
margin: 3rem auto 0;
|
||||||
|
font-size: 85%;
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
margin: 3em auto;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
font: small-caps bold 2.2em/1.4 sans-serif;
|
||||||
|
letter-spacing: 6px;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 1.2em;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font: small-caps bold 2.0em/1.4 sans-serif;
|
||||||
|
letter-spacing: 5px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
a,a:visited {
|
||||||
|
color: currentColor;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
select, label {
|
||||||
|
padding: .25em .5em;
|
||||||
|
border: 2px solid gray;
|
||||||
|
background: none;
|
||||||
|
color: currentColor;
|
||||||
|
font: inherit;
|
||||||
|
}
|
||||||
|
ol {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
background-color: #0002;
|
||||||
|
}
|
||||||
|
aside {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row break;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.hidden { visibility: hidden; }
|
||||||
|
.big { font-size: 1.5em; }
|
||||||
|
.center { text-align: center; }
|
||||||
|
#info-toggle { display: none; }
|
||||||
|
#info-toggle ~ label { text-align: center; }
|
||||||
|
#info-toggle ~ label > .info-close { display: none; }
|
||||||
|
#info-toggle:checked ~ label > .info-close { display: inline; }
|
||||||
|
#info-toggle:checked ~ label > .info-text { display: none; }
|
||||||
|
|
||||||
|
#info-popup {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
top: 2.5em;
|
||||||
|
left: -1em;
|
||||||
|
width: calc(720px - 2em - 6px);
|
||||||
|
max-width: calc(100vw - 2em - 6px);
|
||||||
|
padding: 0 1em;
|
||||||
|
background: #FFF;
|
||||||
|
border: 3px solid #DDD;
|
||||||
|
}
|
||||||
|
#info-toggle:checked ~ #info-popup { display: block; }
|
||||||
|
|
||||||
|
.entry {
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row nowrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: .5em .5em 0;
|
||||||
|
height: 2em;
|
||||||
|
line-height: 2em;
|
||||||
|
font-size: 1.3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.entry > .url {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
width: 70%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
.entry > .size, .entry > .ratio, .entry > .open-page {
|
||||||
|
flex: 0 0 auto;
|
||||||
|
width: 10%;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.entry > .open-page img {
|
||||||
|
max-height: 32px;
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.entry-size-bar, .entry-ratio-bar {
|
||||||
|
height: 0;
|
||||||
|
margin-bottom: 2px;
|
||||||
|
border-bottom: 2px solid;
|
||||||
|
}
|
||||||
|
.entry-size-bar.highlighted, .entry-ratio-bar.highlighted {
|
||||||
|
border-bottom-width: 4px;
|
||||||
|
}
|
||||||
|
.entry-size-bar {
|
||||||
|
border-bottom-color: #E44;
|
||||||
|
width: calc(var(--size)/256 * 100%);
|
||||||
|
}
|
||||||
|
.entry-ratio-bar {
|
||||||
|
border-bottom-color: #56B;
|
||||||
|
width: var(--ratio);
|
||||||
|
}
|
||||||
|
#pager {
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row nowrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.badges > img {
|
||||||
|
margin-bottom: -5px;
|
||||||
|
}
|
||||||
|
pre {
|
||||||
|
display: block;
|
||||||
|
height: 11em;
|
||||||
|
background: #8885;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
body { background: #222; color: white; }
|
||||||
|
#info-popup { background: #000; border-color: #444; }
|
||||||
|
}</style><body><main id=member><h1 class="p-name dated" id=title>jlelse.dev</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-02-26 datetime=2023-02-26 itemprop=datePublished pubdate> Added: 2023-02-26 </time> | <time class=dt-published content=2023-02-26 datetime=2023-02-26 itemprop=datePublished pubdate> Last updated: 2023-02-26 </time><p class=e-content><a rel="noopener nofollow" href=https://jlelse.dev/ target=_blank>jlelse.dev</a> is a member of the exclusive 250kb club. The page weighs <strong> only 3kb </strong> and has a content-to-bloat ratio of <strong>58%</strong>.<p>They are now entitled to add one of those shiny badges to your page. But don't forget, even though I tried to make them as small as possibe, a badge will add some kilobytes to your page weight. A code snipped can be found by clicking on the respective badge.<p class=badges>The badges can either be downloaded and served by yourself or linked directly from 250kb.club. The latter might save a few users some bandwidth if the badge is already cached. On the other hand this gives the 250kb.club server a log entry for <i>every visitor of <strong>your</strong> page</i>. I'm not interested in those logs but you still have to trust my word. So decide for yourself.<details><summary><img alt="simple badge, dark" src=/simple_badge_dark.png> (1.4kB)</summary> <pre><code>
|
||||||
|
<a title="250kb club page" href="https://250kb.club/jlelse-dev">
|
||||||
|
<img
|
||||||
|
alt="badge: proud member of the 250kb club"
|
||||||
|
src="https://250kb.club/simple_badge_dark.png"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</code></pre></details><details><summary><img alt="simple badge, bright" src=/simple_badge_bright.png> (1.7kB)</summary> <pre><code>
|
||||||
|
<a title="250kb club page" href="https://250kb.club/jlelse-dev">
|
||||||
|
<img
|
||||||
|
alt="badge: proud member of the 250kb club"
|
||||||
|
src="https://250kb.club/simple_badge_bright.png"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</code></pre></details><details><summary><img alt="color badge, bright" src=/color_badge_bright.png> (4.0kB)</summary> <pre><code>
|
||||||
|
<a title="250kb club page" href="https://250kb.club/jlelse-dev">
|
||||||
|
<img
|
||||||
|
alt="badge: proud member of the 250kb club"
|
||||||
|
src="https://250kb.club/color_badge_bright.png"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</code></pre></details><details><summary><img alt="color badge, dark" src=/color_badge_dark.png> (5.7kB)</summary> <pre><code>
|
||||||
|
<a title="250kb club page" href="https://250kb.club/jlelse-dev">
|
||||||
|
<img
|
||||||
|
alt="badge: proud member of the 250kb club"
|
||||||
|
src="https://250kb.club/color_badge_dark.png"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</code></pre></details><p><a href=/>back</a></main></body><script async data-goatcounter=https://250kb-club.goatcounter.com/count src=//gc.zgo.at/count.js></script>
|
||||||
171
public/nelson-cloud/index.html
Normal file
171
public/nelson-cloud/index.html
Normal file
|
|
@ -0,0 +1,171 @@
|
||||||
|
<!doctype html><html lang=en><head><meta charset=utf-8><meta content="width=device-width,initial-scale=1" name=viewport><title>The 250kb Club</title><meta content="An exclusive membership for web pages presenting themselves in no more than 250kb." name=description><meta content="Norman Köhring" name=author><meta content="The 250kb Club" name=DC.title><link href=https://koehr.in rel=author><link href=/favicon.png rel=icon type=image/x-icon><link href=https://250kb.club/rss.xml rel=alternate title=RSS type=application/rss+xml><style>body {
|
||||||
|
font: 16px/1.4 sans-serif;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
background: white;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
body>header,main,body>footer {
|
||||||
|
max-width: calc(720px - 2em);
|
||||||
|
width: calc(100% - 2em);
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 0 1em;
|
||||||
|
}
|
||||||
|
#main-footer {
|
||||||
|
border-top: 1px solid lightgrey;
|
||||||
|
margin: 3rem auto 0;
|
||||||
|
font-size: 85%;
|
||||||
|
}
|
||||||
|
main {
|
||||||
|
margin: 3em auto;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
font: small-caps bold 2.2em/1.4 sans-serif;
|
||||||
|
letter-spacing: 6px;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 1.2em;
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font: small-caps bold 2.0em/1.4 sans-serif;
|
||||||
|
letter-spacing: 5px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
a,a:visited {
|
||||||
|
color: currentColor;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
select, label {
|
||||||
|
padding: .25em .5em;
|
||||||
|
border: 2px solid gray;
|
||||||
|
background: none;
|
||||||
|
color: currentColor;
|
||||||
|
font: inherit;
|
||||||
|
}
|
||||||
|
ol {
|
||||||
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
background-color: #0002;
|
||||||
|
}
|
||||||
|
aside {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row break;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.hidden { visibility: hidden; }
|
||||||
|
.big { font-size: 1.5em; }
|
||||||
|
.center { text-align: center; }
|
||||||
|
#info-toggle { display: none; }
|
||||||
|
#info-toggle ~ label { text-align: center; }
|
||||||
|
#info-toggle ~ label > .info-close { display: none; }
|
||||||
|
#info-toggle:checked ~ label > .info-close { display: inline; }
|
||||||
|
#info-toggle:checked ~ label > .info-text { display: none; }
|
||||||
|
|
||||||
|
#info-popup {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
top: 2.5em;
|
||||||
|
left: -1em;
|
||||||
|
width: calc(720px - 2em - 6px);
|
||||||
|
max-width: calc(100vw - 2em - 6px);
|
||||||
|
padding: 0 1em;
|
||||||
|
background: #FFF;
|
||||||
|
border: 3px solid #DDD;
|
||||||
|
}
|
||||||
|
#info-toggle:checked ~ #info-popup { display: block; }
|
||||||
|
|
||||||
|
.entry {
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row nowrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: .5em .5em 0;
|
||||||
|
height: 2em;
|
||||||
|
line-height: 2em;
|
||||||
|
font-size: 1.3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.entry > .url {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
width: 70%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
.entry > .size, .entry > .ratio, .entry > .open-page {
|
||||||
|
flex: 0 0 auto;
|
||||||
|
width: 10%;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.entry > .open-page img {
|
||||||
|
max-height: 32px;
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.entry-size-bar, .entry-ratio-bar {
|
||||||
|
height: 0;
|
||||||
|
margin-bottom: 2px;
|
||||||
|
border-bottom: 2px solid;
|
||||||
|
}
|
||||||
|
.entry-size-bar.highlighted, .entry-ratio-bar.highlighted {
|
||||||
|
border-bottom-width: 4px;
|
||||||
|
}
|
||||||
|
.entry-size-bar {
|
||||||
|
border-bottom-color: #E44;
|
||||||
|
width: calc(var(--size)/256 * 100%);
|
||||||
|
}
|
||||||
|
.entry-ratio-bar {
|
||||||
|
border-bottom-color: #56B;
|
||||||
|
width: var(--ratio);
|
||||||
|
}
|
||||||
|
#pager {
|
||||||
|
display: flex;
|
||||||
|
flex-flow: row nowrap;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.badges > img {
|
||||||
|
margin-bottom: -5px;
|
||||||
|
}
|
||||||
|
pre {
|
||||||
|
display: block;
|
||||||
|
height: 11em;
|
||||||
|
background: #8885;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
body { background: #222; color: white; }
|
||||||
|
#info-popup { background: #000; border-color: #444; }
|
||||||
|
}</style><body><main id=member><h1 class="p-name dated" id=title>nelson.cloud</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-02-26 datetime=2023-02-26 itemprop=datePublished pubdate> Added: 2023-02-26 </time> | <time class=dt-published content=2023-02-26 datetime=2023-02-26 itemprop=datePublished pubdate> Last updated: 2023-02-26 </time><p class=e-content><a rel="noopener nofollow" href=https://nelson.cloud/ target=_blank>nelson.cloud</a> is a member of the exclusive 250kb club. The page weighs <strong> only 8kb </strong> and has a content-to-bloat ratio of <strong>60%</strong>.<p>They are now entitled to add one of those shiny badges to your page. But don't forget, even though I tried to make them as small as possibe, a badge will add some kilobytes to your page weight. A code snipped can be found by clicking on the respective badge.<p class=badges>The badges can either be downloaded and served by yourself or linked directly from 250kb.club. The latter might save a few users some bandwidth if the badge is already cached. On the other hand this gives the 250kb.club server a log entry for <i>every visitor of <strong>your</strong> page</i>. I'm not interested in those logs but you still have to trust my word. So decide for yourself.<details><summary><img alt="simple badge, dark" src=/simple_badge_dark.png> (1.4kB)</summary> <pre><code>
|
||||||
|
<a title="250kb club page" href="https://250kb.club/nelson-cloud">
|
||||||
|
<img
|
||||||
|
alt="badge: proud member of the 250kb club"
|
||||||
|
src="https://250kb.club/simple_badge_dark.png"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</code></pre></details><details><summary><img alt="simple badge, bright" src=/simple_badge_bright.png> (1.7kB)</summary> <pre><code>
|
||||||
|
<a title="250kb club page" href="https://250kb.club/nelson-cloud">
|
||||||
|
<img
|
||||||
|
alt="badge: proud member of the 250kb club"
|
||||||
|
src="https://250kb.club/simple_badge_bright.png"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</code></pre></details><details><summary><img alt="color badge, bright" src=/color_badge_bright.png> (4.0kB)</summary> <pre><code>
|
||||||
|
<a title="250kb club page" href="https://250kb.club/nelson-cloud">
|
||||||
|
<img
|
||||||
|
alt="badge: proud member of the 250kb club"
|
||||||
|
src="https://250kb.club/color_badge_bright.png"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</code></pre></details><details><summary><img alt="color badge, dark" src=/color_badge_dark.png> (5.7kB)</summary> <pre><code>
|
||||||
|
<a title="250kb club page" href="https://250kb.club/nelson-cloud">
|
||||||
|
<img
|
||||||
|
alt="badge: proud member of the 250kb club"
|
||||||
|
src="https://250kb.club/color_badge_dark.png"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</code></pre></details><p><a href=/>back</a></main></body><script async data-goatcounter=https://250kb-club.goatcounter.com/count src=//gc.zgo.at/count.js></script>
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -15,6 +15,20 @@
|
||||||
<guid>https://250kb.club/10maurycy10-github-io/</guid>
|
<guid>https://250kb.club/10maurycy10-github-io/</guid>
|
||||||
<description></description>
|
<description></description>
|
||||||
</item>
|
</item>
|
||||||
|
<item>
|
||||||
|
<title>5am.is</title>
|
||||||
|
<pubDate>Sun, 26 Feb 2023 00:00:00 +0000</pubDate>
|
||||||
|
<link>https://250kb.club/5am-is/</link>
|
||||||
|
<guid>https://250kb.club/5am-is/</guid>
|
||||||
|
<description></description>
|
||||||
|
</item>
|
||||||
|
<item>
|
||||||
|
<title>arciniega.one</title>
|
||||||
|
<pubDate>Sun, 26 Feb 2023 00:00:00 +0000</pubDate>
|
||||||
|
<link>https://250kb.club/arciniega-one/</link>
|
||||||
|
<guid>https://250kb.club/arciniega-one/</guid>
|
||||||
|
<description></description>
|
||||||
|
</item>
|
||||||
<item>
|
<item>
|
||||||
<title>chino.is-a.dev</title>
|
<title>chino.is-a.dev</title>
|
||||||
<pubDate>Sun, 26 Feb 2023 00:00:00 +0000</pubDate>
|
<pubDate>Sun, 26 Feb 2023 00:00:00 +0000</pubDate>
|
||||||
|
|
@ -29,6 +43,13 @@
|
||||||
<guid>https://250kb.club/hylang-org/</guid>
|
<guid>https://250kb.club/hylang-org/</guid>
|
||||||
<description></description>
|
<description></description>
|
||||||
</item>
|
</item>
|
||||||
|
<item>
|
||||||
|
<title>jlelse.dev</title>
|
||||||
|
<pubDate>Sun, 26 Feb 2023 00:00:00 +0000</pubDate>
|
||||||
|
<link>https://250kb.club/jlelse-dev/</link>
|
||||||
|
<guid>https://250kb.club/jlelse-dev/</guid>
|
||||||
|
<description></description>
|
||||||
|
</item>
|
||||||
<item>
|
<item>
|
||||||
<title>kookoomyawka.my1.ru/clock.html</title>
|
<title>kookoomyawka.my1.ru/clock.html</title>
|
||||||
<pubDate>Sun, 26 Feb 2023 00:00:00 +0000</pubDate>
|
<pubDate>Sun, 26 Feb 2023 00:00:00 +0000</pubDate>
|
||||||
|
|
@ -36,6 +57,13 @@
|
||||||
<guid>https://250kb.club/kookoomyawka-my1-ru-clock-html/</guid>
|
<guid>https://250kb.club/kookoomyawka-my1-ru-clock-html/</guid>
|
||||||
<description></description>
|
<description></description>
|
||||||
</item>
|
</item>
|
||||||
|
<item>
|
||||||
|
<title>nelson.cloud</title>
|
||||||
|
<pubDate>Sun, 26 Feb 2023 00:00:00 +0000</pubDate>
|
||||||
|
<link>https://250kb.club/nelson-cloud/</link>
|
||||||
|
<guid>https://250kb.club/nelson-cloud/</guid>
|
||||||
|
<description></description>
|
||||||
|
</item>
|
||||||
<item>
|
<item>
|
||||||
<title>www.cweagans.net</title>
|
<title>www.cweagans.net</title>
|
||||||
<pubDate>Sun, 26 Feb 2023 00:00:00 +0000</pubDate>
|
<pubDate>Sun, 26 Feb 2023 00:00:00 +0000</pubDate>
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -39,6 +39,10 @@
|
||||||
<loc>https://250kb.club/512kb-club/</loc>
|
<loc>https://250kb.club/512kb-club/</loc>
|
||||||
<lastmod>2023-02-26</lastmod>
|
<lastmod>2023-02-26</lastmod>
|
||||||
</url>
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>https://250kb.club/5am-is/</loc>
|
||||||
|
<lastmod>2023-02-26</lastmod>
|
||||||
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>https://250kb.club/abridge-netlify-app/</loc>
|
<loc>https://250kb.club/abridge-netlify-app/</loc>
|
||||||
<lastmod>2023-02-26</lastmod>
|
<lastmod>2023-02-26</lastmod>
|
||||||
|
|
@ -79,6 +83,10 @@
|
||||||
<loc>https://250kb.club/antranigv-am/</loc>
|
<loc>https://250kb.club/antranigv-am/</loc>
|
||||||
<lastmod>2023-02-26</lastmod>
|
<lastmod>2023-02-26</lastmod>
|
||||||
</url>
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>https://250kb.club/arciniega-one/</loc>
|
||||||
|
<lastmod>2023-02-26</lastmod>
|
||||||
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>https://250kb.club/arfer-net/</loc>
|
<loc>https://250kb.club/arfer-net/</loc>
|
||||||
<lastmod>2023-02-26</lastmod>
|
<lastmod>2023-02-26</lastmod>
|
||||||
|
|
@ -507,6 +515,10 @@
|
||||||
<loc>https://250kb.club/jeffhuang-com/</loc>
|
<loc>https://250kb.club/jeffhuang-com/</loc>
|
||||||
<lastmod>2023-02-26</lastmod>
|
<lastmod>2023-02-26</lastmod>
|
||||||
</url>
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>https://250kb.club/jlelse-dev/</loc>
|
||||||
|
<lastmod>2023-02-26</lastmod>
|
||||||
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>https://250kb.club/jmtd-net/</loc>
|
<loc>https://250kb.club/jmtd-net/</loc>
|
||||||
<lastmod>2023-02-26</lastmod>
|
<lastmod>2023-02-26</lastmod>
|
||||||
|
|
@ -755,6 +767,10 @@
|
||||||
<loc>https://250kb.club/natestemen-xyz/</loc>
|
<loc>https://250kb.club/natestemen-xyz/</loc>
|
||||||
<lastmod>2023-02-26</lastmod>
|
<lastmod>2023-02-26</lastmod>
|
||||||
</url>
|
</url>
|
||||||
|
<url>
|
||||||
|
<loc>https://250kb.club/nelson-cloud/</loc>
|
||||||
|
<lastmod>2023-02-26</lastmod>
|
||||||
|
</url>
|
||||||
<url>
|
<url>
|
||||||
<loc>https://250kb.club/nest-jakl-one/</loc>
|
<loc>https://250kb.club/nest-jakl-one/</loc>
|
||||||
<lastmod>2023-02-26</lastmod>
|
<lastmod>2023-02-26</lastmod>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue