mirror of
https://github.com/nkoehring/250kb-club.git
synced 2025-04-19 13:49:04 +02:00
pages update
This commit is contained in:
Norman Köhring
parent
c8940dc343
commit
141f64ad2f
82 changed files with 7185 additions and 6 deletions
11
content/10xdev_cc.md
Normal file
11
content/10xdev_cc.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "10xdev.cc"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 371
|
||||
|
||||
[extra]
|
||||
source = "https://10xdev.cc/"
|
||||
ratio = 100
|
||||
size = 0
|
||||
+++
|
||||
11
content/adambuczek_com.md
Normal file
11
content/adambuczek_com.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "adambuczek.com"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 11054
|
||||
|
||||
[extra]
|
||||
source = "https://adambuczek.com"
|
||||
ratio = 27
|
||||
size = 11
|
||||
+++
|
||||
11
content/aitrack_work.md
Normal file
11
content/aitrack_work.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "aitrack.work"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 116978
|
||||
|
||||
[extra]
|
||||
source = "https://aitrack.work/"
|
||||
ratio = 1
|
||||
size = 114
|
||||
+++
|
||||
11
content/axel_beckert_ch.md
Normal file
11
content/axel_beckert_ch.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "axel.beckert.ch"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 62603
|
||||
|
||||
[extra]
|
||||
source = "https://axel.beckert.ch/"
|
||||
ratio = 44
|
||||
size = 61
|
||||
+++
|
||||
11
content/ayham_xyz.md
Normal file
11
content/ayham_xyz.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "ayham.xyz"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 45819
|
||||
|
||||
[extra]
|
||||
source = "https://ayham.xyz/"
|
||||
ratio = 5
|
||||
size = 45
|
||||
+++
|
||||
11
content/bortox_it.md
Normal file
11
content/bortox_it.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "bortox.it"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 25252
|
||||
|
||||
[extra]
|
||||
source = "https://bortox.it/"
|
||||
ratio = 15
|
||||
size = 25
|
||||
+++
|
||||
11
content/carmody_me.md
Normal file
11
content/carmody_me.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "carmody.me"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 1915
|
||||
|
||||
[extra]
|
||||
source = "https://carmody.me/"
|
||||
ratio = 60
|
||||
size = 2
|
||||
+++
|
||||
11
content/cli_club.md
Normal file
11
content/cli_club.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "cli.club"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 15548
|
||||
|
||||
[extra]
|
||||
source = "https://cli.club/"
|
||||
ratio = 58
|
||||
size = 15
|
||||
+++
|
||||
11
content/emman_dev.md
Normal file
11
content/emman_dev.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "emman.dev"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 203893
|
||||
|
||||
[extra]
|
||||
source = "https://emman.dev"
|
||||
ratio = 2
|
||||
size = 199
|
||||
+++
|
||||
11
content/erikjohannes_no.md
Normal file
11
content/erikjohannes_no.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "erikjohannes.no"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 7150
|
||||
|
||||
[extra]
|
||||
source = "https://erikjohannes.no/"
|
||||
ratio = 53
|
||||
size = 7
|
||||
+++
|
||||
11
content/ezweber_xyz.md
Normal file
11
content/ezweber_xyz.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "ezweber.xyz"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 86919
|
||||
|
||||
[extra]
|
||||
source = "https://ezweber.xyz/"
|
||||
ratio = 1
|
||||
size = 85
|
||||
+++
|
||||
11
content/joodaloop_com.md
Normal file
11
content/joodaloop_com.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "joodaloop.com"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 84903
|
||||
|
||||
[extra]
|
||||
source = "https://joodaloop.com/"
|
||||
ratio = 22
|
||||
size = 83
|
||||
+++
|
||||
11
content/julia_school.md
Normal file
11
content/julia_school.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "julia.school"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 4530
|
||||
|
||||
[extra]
|
||||
source = "https://julia.school"
|
||||
ratio = 24
|
||||
size = 4
|
||||
+++
|
||||
11
content/kjvscripturejournals_com.md
Normal file
11
content/kjvscripturejournals_com.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "kjvscripturejournals.com"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 1351
|
||||
|
||||
[extra]
|
||||
source = "https://kjvscripturejournals.com/"
|
||||
ratio = 100
|
||||
size = 1
|
||||
+++
|
||||
11
content/korayer_de.md
Normal file
11
content/korayer_de.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "korayer.de"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 873
|
||||
|
||||
[extra]
|
||||
source = "https://korayer.de/"
|
||||
ratio = 100
|
||||
size = 1
|
||||
+++
|
||||
11
content/kwiii_xyz.md
Normal file
11
content/kwiii_xyz.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "kwiii.xyz"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 76618
|
||||
|
||||
[extra]
|
||||
source = "https://kwiii.xyz"
|
||||
ratio = 4
|
||||
size = 75
|
||||
+++
|
||||
11
content/ltlnx_codeberg_page.md
Normal file
11
content/ltlnx_codeberg_page.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "ltlnx.codeberg.page"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 11069
|
||||
|
||||
[extra]
|
||||
source = "https://ltlnx.codeberg.page"
|
||||
ratio = 67
|
||||
size = 11
|
||||
+++
|
||||
11
content/lukealexdavis_co_uk.md
Normal file
11
content/lukealexdavis_co_uk.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "lukealexdavis.co.uk"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 17299
|
||||
|
||||
[extra]
|
||||
source = "https://lukealexdavis.co.uk/"
|
||||
ratio = 20
|
||||
size = 17
|
||||
+++
|
||||
11
content/madelinepritchard_net.md
Normal file
11
content/madelinepritchard_net.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "madelinepritchard.net"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 100082
|
||||
|
||||
[extra]
|
||||
source = "https://madelinepritchard.net"
|
||||
ratio = 2
|
||||
size = 98
|
||||
+++
|
||||
11
content/nih_ar.md
Normal file
11
content/nih_ar.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "nih.ar"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 3040
|
||||
|
||||
[extra]
|
||||
source = "https://nih.ar/"
|
||||
ratio = 67
|
||||
size = 3
|
||||
+++
|
||||
11
content/otgt_us_eu_org.md
Normal file
11
content/otgt_us_eu_org.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "otgt.us.eu.org"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 29326
|
||||
|
||||
[extra]
|
||||
source = "https://otgt.us.eu.org/"
|
||||
ratio = 18
|
||||
size = 29
|
||||
+++
|
||||
11
content/perfectlighthousescores_com.md
Normal file
11
content/perfectlighthousescores_com.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "perfectlighthousescores.com"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 127999
|
||||
|
||||
[extra]
|
||||
source = "https://perfectlighthousescores.com"
|
||||
ratio = 4
|
||||
size = 125
|
||||
+++
|
||||
11
content/raregems_io.md
Normal file
11
content/raregems_io.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "raregems.io"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 152954
|
||||
|
||||
[extra]
|
||||
source = "https://raregems.io/"
|
||||
ratio = 2
|
||||
size = 149
|
||||
+++
|
||||
11
content/reim_ar.md
Normal file
11
content/reim_ar.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "reim.ar"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 43352
|
||||
|
||||
[extra]
|
||||
source = "https://reim.ar"
|
||||
ratio = 5
|
||||
size = 42
|
||||
+++
|
||||
11
content/riedler_wien_music.md
Normal file
11
content/riedler_wien_music.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "riedler.wien/music"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 41706
|
||||
|
||||
[extra]
|
||||
source = "https://riedler.wien/music/"
|
||||
ratio = 23
|
||||
size = 41
|
||||
+++
|
||||
11
content/robins_one.md
Normal file
11
content/robins_one.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "robins.one"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 17651
|
||||
|
||||
[extra]
|
||||
source = "https://robins.one"
|
||||
ratio = 23
|
||||
size = 17
|
||||
+++
|
||||
11
content/textonly_website.md
Normal file
11
content/textonly_website.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "textonly.website"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 1010
|
||||
|
||||
[extra]
|
||||
source = "https://textonly.website"
|
||||
ratio = 100
|
||||
size = 1
|
||||
+++
|
||||
11
content/theden_sh.md
Normal file
11
content/theden_sh.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "theden.sh"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 75951
|
||||
|
||||
[extra]
|
||||
source = "https://theden.sh/"
|
||||
ratio = 70
|
||||
size = 74
|
||||
+++
|
||||
11
content/thelazysre_com.md
Normal file
11
content/thelazysre_com.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "thelazysre.com"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 5945
|
||||
|
||||
[extra]
|
||||
source = "https://thelazysre.com/"
|
||||
ratio = 26
|
||||
size = 6
|
||||
+++
|
||||
11
content/virbox_net.md
Normal file
11
content/virbox_net.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "virbox.net"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 80109
|
||||
|
||||
[extra]
|
||||
source = "https://virbox.net"
|
||||
ratio = 2
|
||||
size = 78
|
||||
+++
|
||||
11
content/vort3_com.md
Normal file
11
content/vort3_com.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "vort3.com"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 12984
|
||||
|
||||
[extra]
|
||||
source = "https://vort3.com/"
|
||||
ratio = 27
|
||||
size = 13
|
||||
+++
|
||||
11
content/writerbywriter_com.md
Normal file
11
content/writerbywriter_com.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "writerbywriter.com"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 164184
|
||||
|
||||
[extra]
|
||||
source = "https://writerbywriter.com/"
|
||||
ratio = 4
|
||||
size = 160
|
||||
+++
|
||||
11
content/www_arizonabankruptcylawyer_org.md
Normal file
11
content/www_arizonabankruptcylawyer_org.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "www.arizonabankruptcylawyer.org"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 182365
|
||||
|
||||
[extra]
|
||||
source = "https://www.arizonabankruptcylawyer.org"
|
||||
ratio = 3
|
||||
size = 178
|
||||
+++
|
||||
11
content/www_epersonalinjurylawyers_com.md
Normal file
11
content/www_epersonalinjurylawyers_com.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "www.epersonalinjurylawyers.com"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 171123
|
||||
|
||||
[extra]
|
||||
source = "https://www.epersonalinjurylawyers.com"
|
||||
ratio = 4
|
||||
size = 167
|
||||
+++
|
||||
11
content/www_jouissance_net.md
Normal file
11
content/www_jouissance_net.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "www.jouissance.net"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 22095
|
||||
|
||||
[extra]
|
||||
source = "https://www.jouissance.net"
|
||||
ratio = 7
|
||||
size = 22
|
||||
+++
|
||||
11
content/www_muskfoundation_org.md
Normal file
11
content/www_muskfoundation_org.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "www.muskfoundation.org"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 664
|
||||
|
||||
[extra]
|
||||
source = "https://www.muskfoundation.org/"
|
||||
ratio = 100
|
||||
size = 1
|
||||
+++
|
||||
11
content/www_personalinjuryattorneys_me.md
Normal file
11
content/www_personalinjuryattorneys_me.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
+++
|
||||
title = "www.personalinjuryattorneys.me"
|
||||
date = "2023-01-31"
|
||||
updated = "2023-01-31"
|
||||
weight = 197510
|
||||
|
||||
[extra]
|
||||
source = "https://www.personalinjuryattorneys.me"
|
||||
ratio = 24
|
||||
size = 193
|
||||
+++
|
||||
40
pages.txt
40
pages.txt
|
|
@ -280,7 +280,6 @@ https://rectangles.app/
|
|||
https://davidjenei.com
|
||||
https://jundimubarok.com
|
||||
https://heavymetalmusic.reviews/
|
||||
https://www.zinzy.website/
|
||||
https://jaxson.neocities.org/
|
||||
https://feather.wiki/
|
||||
https://jasonsanta.xyz
|
||||
|
|
@ -296,3 +295,42 @@ https://1kb.lejtzen.dev
|
|||
https://tsk.bearblog.dev/
|
||||
https://okuno.se/
|
||||
https://starsy.netlify.app/
|
||||
https://kwiii.xyz
|
||||
https://www.jouissance.net
|
||||
https://www.muskfoundation.org/
|
||||
https://robins.one
|
||||
https://textonly.website
|
||||
https://korayer.de/
|
||||
https://joodaloop.com/
|
||||
https://nih.ar/
|
||||
https://thelazysre.com/
|
||||
https://madelinepritchard.net
|
||||
https://vort3.com/
|
||||
https://theden.sh/
|
||||
https://emman.dev
|
||||
https://axel.beckert.ch/
|
||||
https://reim.ar
|
||||
https://raregems.io/
|
||||
https://10xdev.cc/
|
||||
https://bortox.it/
|
||||
https://riedler.wien/music/
|
||||
https://kjvscripturejournals.com/
|
||||
https://otgt.us.eu.org/
|
||||
https://ltlnx.codeberg.page
|
||||
https://writerbywriter.com/
|
||||
https://www.personalinjuryattorneys.me
|
||||
https://www.arizonabankruptcylawyer.org
|
||||
https://www.epersonalinjurylawyers.com
|
||||
https://perlmancohen.com
|
||||
https://perfectlighthousescores.com
|
||||
https://ezweber.xyz/
|
||||
https://aitrack.work/
|
||||
https://julia.school
|
||||
https://xslendi.xyz/
|
||||
https://lukealexdavis.co.uk/
|
||||
https://erikjohannes.no/
|
||||
https://cli.club/
|
||||
https://adambuczek.com
|
||||
https://ayham.xyz/
|
||||
https://virbox.net
|
||||
https://carmody.me/
|
||||
|
|
|
|||
171
public/10xdev-cc/index.html
Normal file
171
public/10xdev-cc/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>10xdev.cc</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://10xdev.cc/ target=_blank>10xdev.cc</a> is a member of the exclusive 250kb club. The page weighs <strong> under 1kb </strong> and has a content-to-bloat ratio of <strong>100%</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" src="https://250kb.club/10xdev-cc">
|
||||
<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" src="https://250kb.club/10xdev-cc">
|
||||
<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" src="https://250kb.club/10xdev-cc">
|
||||
<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" src="https://250kb.club/10xdev-cc">
|
||||
<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/adambuczek-com/index.html
Normal file
171
public/adambuczek-com/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>adambuczek.com</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://adambuczek.com target=_blank>adambuczek.com</a> is a member of the exclusive 250kb club. The page weighs <strong> only 11kb </strong> and has a content-to-bloat ratio of <strong>27%</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" src="https://250kb.club/adambuczek-com">
|
||||
<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" src="https://250kb.club/adambuczek-com">
|
||||
<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" src="https://250kb.club/adambuczek-com">
|
||||
<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" src="https://250kb.club/adambuczek-com">
|
||||
<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/aitrack-work/index.html
Normal file
171
public/aitrack-work/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>aitrack.work</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://aitrack.work/ target=_blank>aitrack.work</a> is a member of the exclusive 250kb club. The page weighs <strong> only 114kb </strong> and has a content-to-bloat ratio of <strong>1%</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" src="https://250kb.club/aitrack-work">
|
||||
<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" src="https://250kb.club/aitrack-work">
|
||||
<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" src="https://250kb.club/aitrack-work">
|
||||
<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" src="https://250kb.club/aitrack-work">
|
||||
<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/axel-beckert-ch/index.html
Normal file
171
public/axel-beckert-ch/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>axel.beckert.ch</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://axel.beckert.ch/ target=_blank>axel.beckert.ch</a> is a member of the exclusive 250kb club. The page weighs <strong> only 61kb </strong> and has a content-to-bloat ratio of <strong>44%</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" src="https://250kb.club/axel-beckert-ch">
|
||||
<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" src="https://250kb.club/axel-beckert-ch">
|
||||
<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" src="https://250kb.club/axel-beckert-ch">
|
||||
<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" src="https://250kb.club/axel-beckert-ch">
|
||||
<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/ayham-xyz/index.html
Normal file
171
public/ayham-xyz/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>ayham.xyz</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://ayham.xyz/ target=_blank>ayham.xyz</a> is a member of the exclusive 250kb club. The page weighs <strong> only 45kb </strong> and has a content-to-bloat ratio of <strong>5%</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" src="https://250kb.club/ayham-xyz">
|
||||
<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" src="https://250kb.club/ayham-xyz">
|
||||
<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" src="https://250kb.club/ayham-xyz">
|
||||
<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" src="https://250kb.club/ayham-xyz">
|
||||
<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/bortox-it/index.html
Normal file
171
public/bortox-it/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>bortox.it</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://bortox.it/ target=_blank>bortox.it</a> is a member of the exclusive 250kb club. The page weighs <strong> only 25kb </strong> and has a content-to-bloat ratio of <strong>15%</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" src="https://250kb.club/bortox-it">
|
||||
<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" src="https://250kb.club/bortox-it">
|
||||
<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" src="https://250kb.club/bortox-it">
|
||||
<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" src="https://250kb.club/bortox-it">
|
||||
<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/carmody-me/index.html
Normal file
171
public/carmody-me/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>carmody.me</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://carmody.me/ target=_blank>carmody.me</a> is a member of the exclusive 250kb club. The page weighs <strong> only 2kb </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" src="https://250kb.club/carmody-me">
|
||||
<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" src="https://250kb.club/carmody-me">
|
||||
<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" src="https://250kb.club/carmody-me">
|
||||
<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" src="https://250kb.club/carmody-me">
|
||||
<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/cli-club/index.html
Normal file
171
public/cli-club/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>cli.club</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://cli.club/ target=_blank>cli.club</a> is a member of the exclusive 250kb club. The page weighs <strong> only 15kb </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" src="https://250kb.club/cli-club">
|
||||
<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" src="https://250kb.club/cli-club">
|
||||
<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" src="https://250kb.club/cli-club">
|
||||
<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" src="https://250kb.club/cli-club">
|
||||
<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/emman-dev/index.html
Normal file
171
public/emman-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>emman.dev</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://emman.dev target=_blank>emman.dev</a> is a member of the exclusive 250kb club. The page weighs <strong> only 199kb </strong> and has a content-to-bloat ratio of <strong>2%</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" src="https://250kb.club/emman-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" src="https://250kb.club/emman-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" src="https://250kb.club/emman-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" src="https://250kb.club/emman-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/erikjohannes-no/index.html
Normal file
171
public/erikjohannes-no/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>erikjohannes.no</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://erikjohannes.no/ target=_blank>erikjohannes.no</a> is a member of the exclusive 250kb club. The page weighs <strong> only 7kb </strong> and has a content-to-bloat ratio of <strong>53%</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" src="https://250kb.club/erikjohannes-no">
|
||||
<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" src="https://250kb.club/erikjohannes-no">
|
||||
<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" src="https://250kb.club/erikjohannes-no">
|
||||
<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" src="https://250kb.club/erikjohannes-no">
|
||||
<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/ezweber-xyz/index.html
Normal file
171
public/ezweber-xyz/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>ezweber.xyz</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://ezweber.xyz/ target=_blank>ezweber.xyz</a> is a member of the exclusive 250kb club. The page weighs <strong> only 85kb </strong> and has a content-to-bloat ratio of <strong>1%</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" src="https://250kb.club/ezweber-xyz">
|
||||
<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" src="https://250kb.club/ezweber-xyz">
|
||||
<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" src="https://250kb.club/ezweber-xyz">
|
||||
<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" src="https://250kb.club/ezweber-xyz">
|
||||
<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/joodaloop-com/index.html
Normal file
171
public/joodaloop-com/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>joodaloop.com</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://joodaloop.com/ target=_blank>joodaloop.com</a> is a member of the exclusive 250kb club. The page weighs <strong> only 83kb </strong> and has a content-to-bloat ratio of <strong>22%</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" src="https://250kb.club/joodaloop-com">
|
||||
<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" src="https://250kb.club/joodaloop-com">
|
||||
<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" src="https://250kb.club/joodaloop-com">
|
||||
<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" src="https://250kb.club/joodaloop-com">
|
||||
<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/julia-school/index.html
Normal file
171
public/julia-school/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>julia.school</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://julia.school target=_blank>julia.school</a> is a member of the exclusive 250kb club. The page weighs <strong> only 4kb </strong> and has a content-to-bloat ratio of <strong>24%</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" src="https://250kb.club/julia-school">
|
||||
<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" src="https://250kb.club/julia-school">
|
||||
<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" src="https://250kb.club/julia-school">
|
||||
<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" src="https://250kb.club/julia-school">
|
||||
<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/kjvscripturejournals-com/index.html
Normal file
171
public/kjvscripturejournals-com/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>kjvscripturejournals.com</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://kjvscripturejournals.com/ target=_blank>kjvscripturejournals.com</a> is a member of the exclusive 250kb club. The page weighs <strong> only 1kb </strong> and has a content-to-bloat ratio of <strong>100%</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" src="https://250kb.club/kjvscripturejournals-com">
|
||||
<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" src="https://250kb.club/kjvscripturejournals-com">
|
||||
<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" src="https://250kb.club/kjvscripturejournals-com">
|
||||
<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" src="https://250kb.club/kjvscripturejournals-com">
|
||||
<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/korayer-de/index.html
Normal file
171
public/korayer-de/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>korayer.de</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://korayer.de/ target=_blank>korayer.de</a> is a member of the exclusive 250kb club. The page weighs <strong> only 1kb </strong> and has a content-to-bloat ratio of <strong>100%</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" src="https://250kb.club/korayer-de">
|
||||
<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" src="https://250kb.club/korayer-de">
|
||||
<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" src="https://250kb.club/korayer-de">
|
||||
<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" src="https://250kb.club/korayer-de">
|
||||
<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/kwiii-xyz/index.html
Normal file
171
public/kwiii-xyz/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>kwiii.xyz</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://kwiii.xyz target=_blank>kwiii.xyz</a> is a member of the exclusive 250kb club. The page weighs <strong> only 75kb </strong> and has a content-to-bloat ratio of <strong>4%</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" src="https://250kb.club/kwiii-xyz">
|
||||
<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" src="https://250kb.club/kwiii-xyz">
|
||||
<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" src="https://250kb.club/kwiii-xyz">
|
||||
<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" src="https://250kb.club/kwiii-xyz">
|
||||
<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/ltlnx-codeberg-page/index.html
Normal file
171
public/ltlnx-codeberg-page/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>ltlnx.codeberg.page</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://ltlnx.codeberg.page target=_blank>ltlnx.codeberg.page</a> is a member of the exclusive 250kb club. The page weighs <strong> only 11kb </strong> and has a content-to-bloat ratio of <strong>67%</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" src="https://250kb.club/ltlnx-codeberg-page">
|
||||
<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" src="https://250kb.club/ltlnx-codeberg-page">
|
||||
<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" src="https://250kb.club/ltlnx-codeberg-page">
|
||||
<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" src="https://250kb.club/ltlnx-codeberg-page">
|
||||
<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/lukealexdavis-co-uk/index.html
Normal file
171
public/lukealexdavis-co-uk/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>lukealexdavis.co.uk</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://lukealexdavis.co.uk/ target=_blank>lukealexdavis.co.uk</a> is a member of the exclusive 250kb club. The page weighs <strong> only 17kb </strong> and has a content-to-bloat ratio of <strong>20%</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" src="https://250kb.club/lukealexdavis-co-uk">
|
||||
<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" src="https://250kb.club/lukealexdavis-co-uk">
|
||||
<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" src="https://250kb.club/lukealexdavis-co-uk">
|
||||
<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" src="https://250kb.club/lukealexdavis-co-uk">
|
||||
<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/madelinepritchard-net/index.html
Normal file
171
public/madelinepritchard-net/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>madelinepritchard.net</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://madelinepritchard.net target=_blank>madelinepritchard.net</a> is a member of the exclusive 250kb club. The page weighs <strong> only 98kb </strong> and has a content-to-bloat ratio of <strong>2%</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" src="https://250kb.club/madelinepritchard-net">
|
||||
<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" src="https://250kb.club/madelinepritchard-net">
|
||||
<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" src="https://250kb.club/madelinepritchard-net">
|
||||
<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" src="https://250kb.club/madelinepritchard-net">
|
||||
<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/nih-ar/index.html
Normal file
171
public/nih-ar/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>nih.ar</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://nih.ar/ target=_blank>nih.ar</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>67%</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" src="https://250kb.club/nih-ar">
|
||||
<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" src="https://250kb.club/nih-ar">
|
||||
<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" src="https://250kb.club/nih-ar">
|
||||
<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" src="https://250kb.club/nih-ar">
|
||||
<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/otgt-us-eu-org/index.html
Normal file
171
public/otgt-us-eu-org/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>otgt.us.eu.org</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://otgt.us.eu.org/ target=_blank>otgt.us.eu.org</a> is a member of the exclusive 250kb club. The page weighs <strong> only 29kb </strong> and has a content-to-bloat ratio of <strong>18%</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" src="https://250kb.club/otgt-us-eu-org">
|
||||
<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" src="https://250kb.club/otgt-us-eu-org">
|
||||
<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" src="https://250kb.club/otgt-us-eu-org">
|
||||
<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" src="https://250kb.club/otgt-us-eu-org">
|
||||
<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
171
public/perfectlighthousescores-com/index.html
Normal file
171
public/perfectlighthousescores-com/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>perfectlighthousescores.com</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://perfectlighthousescores.com target=_blank>perfectlighthousescores.com</a> is a member of the exclusive 250kb club. The page weighs <strong> only 125kb </strong> and has a content-to-bloat ratio of <strong>4%</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" src="https://250kb.club/perfectlighthousescores-com">
|
||||
<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" src="https://250kb.club/perfectlighthousescores-com">
|
||||
<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" src="https://250kb.club/perfectlighthousescores-com">
|
||||
<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" src="https://250kb.club/perfectlighthousescores-com">
|
||||
<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/raregems-io/index.html
Normal file
171
public/raregems-io/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>raregems.io</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://raregems.io/ target=_blank>raregems.io</a> is a member of the exclusive 250kb club. The page weighs <strong> only 149kb </strong> and has a content-to-bloat ratio of <strong>2%</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" src="https://250kb.club/raregems-io">
|
||||
<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" src="https://250kb.club/raregems-io">
|
||||
<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" src="https://250kb.club/raregems-io">
|
||||
<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" src="https://250kb.club/raregems-io">
|
||||
<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/reim-ar/index.html
Normal file
171
public/reim-ar/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>reim.ar</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://reim.ar target=_blank>reim.ar</a> is a member of the exclusive 250kb club. The page weighs <strong> only 42kb </strong> and has a content-to-bloat ratio of <strong>5%</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" src="https://250kb.club/reim-ar">
|
||||
<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" src="https://250kb.club/reim-ar">
|
||||
<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" src="https://250kb.club/reim-ar">
|
||||
<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" src="https://250kb.club/reim-ar">
|
||||
<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/riedler-wien-music/index.html
Normal file
171
public/riedler-wien-music/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>riedler.wien/music</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://riedler.wien/music/ target=_blank>riedler.wien/music</a> is a member of the exclusive 250kb club. The page weighs <strong> only 41kb </strong> and has a content-to-bloat ratio of <strong>23%</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" src="https://250kb.club/riedler-wien-music">
|
||||
<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" src="https://250kb.club/riedler-wien-music">
|
||||
<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" src="https://250kb.club/riedler-wien-music">
|
||||
<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" src="https://250kb.club/riedler-wien-music">
|
||||
<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/robins-one/index.html
Normal file
171
public/robins-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>robins.one</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://robins.one target=_blank>robins.one</a> is a member of the exclusive 250kb club. The page weighs <strong> only 17kb </strong> and has a content-to-bloat ratio of <strong>23%</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" src="https://250kb.club/robins-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" src="https://250kb.club/robins-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" src="https://250kb.club/robins-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" src="https://250kb.club/robins-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>
|
||||
259
public/rss.xml
259
public/rss.xml
|
|
@ -8,6 +8,265 @@
|
|||
<language>en</language>
|
||||
<atom:link href="https://250kb.club/rss.xml" rel="self" type="application/rss+xml"/>
|
||||
<lastBuildDate>Tue, 31 Jan 2023 00:00:00 +0000</lastBuildDate>
|
||||
<item>
|
||||
<title>10xdev.cc</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/10xdev-cc/</link>
|
||||
<guid>https://250kb.club/10xdev-cc/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>adambuczek.com</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/adambuczek-com/</link>
|
||||
<guid>https://250kb.club/adambuczek-com/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>aitrack.work</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/aitrack-work/</link>
|
||||
<guid>https://250kb.club/aitrack-work/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>axel.beckert.ch</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/axel-beckert-ch/</link>
|
||||
<guid>https://250kb.club/axel-beckert-ch/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>ayham.xyz</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/ayham-xyz/</link>
|
||||
<guid>https://250kb.club/ayham-xyz/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>bortox.it</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/bortox-it/</link>
|
||||
<guid>https://250kb.club/bortox-it/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>carmody.me</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/carmody-me/</link>
|
||||
<guid>https://250kb.club/carmody-me/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>cli.club</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/cli-club/</link>
|
||||
<guid>https://250kb.club/cli-club/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>emman.dev</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/emman-dev/</link>
|
||||
<guid>https://250kb.club/emman-dev/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>erikjohannes.no</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/erikjohannes-no/</link>
|
||||
<guid>https://250kb.club/erikjohannes-no/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>ezweber.xyz</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/ezweber-xyz/</link>
|
||||
<guid>https://250kb.club/ezweber-xyz/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>joodaloop.com</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/joodaloop-com/</link>
|
||||
<guid>https://250kb.club/joodaloop-com/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>julia.school</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/julia-school/</link>
|
||||
<guid>https://250kb.club/julia-school/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>kjvscripturejournals.com</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/kjvscripturejournals-com/</link>
|
||||
<guid>https://250kb.club/kjvscripturejournals-com/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>korayer.de</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/korayer-de/</link>
|
||||
<guid>https://250kb.club/korayer-de/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>kwiii.xyz</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/kwiii-xyz/</link>
|
||||
<guid>https://250kb.club/kwiii-xyz/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>ltlnx.codeberg.page</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/ltlnx-codeberg-page/</link>
|
||||
<guid>https://250kb.club/ltlnx-codeberg-page/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>lukealexdavis.co.uk</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/lukealexdavis-co-uk/</link>
|
||||
<guid>https://250kb.club/lukealexdavis-co-uk/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>madelinepritchard.net</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/madelinepritchard-net/</link>
|
||||
<guid>https://250kb.club/madelinepritchard-net/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>nih.ar</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/nih-ar/</link>
|
||||
<guid>https://250kb.club/nih-ar/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>otgt.us.eu.org</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/otgt-us-eu-org/</link>
|
||||
<guid>https://250kb.club/otgt-us-eu-org/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>perfectlighthousescores.com</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/perfectlighthousescores-com/</link>
|
||||
<guid>https://250kb.club/perfectlighthousescores-com/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>raregems.io</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/raregems-io/</link>
|
||||
<guid>https://250kb.club/raregems-io/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>reim.ar</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/reim-ar/</link>
|
||||
<guid>https://250kb.club/reim-ar/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>riedler.wien/music</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/riedler-wien-music/</link>
|
||||
<guid>https://250kb.club/riedler-wien-music/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>robins.one</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/robins-one/</link>
|
||||
<guid>https://250kb.club/robins-one/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>textonly.website</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/textonly-website/</link>
|
||||
<guid>https://250kb.club/textonly-website/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>theden.sh</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/theden-sh/</link>
|
||||
<guid>https://250kb.club/theden-sh/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>thelazysre.com</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/thelazysre-com/</link>
|
||||
<guid>https://250kb.club/thelazysre-com/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>virbox.net</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/virbox-net/</link>
|
||||
<guid>https://250kb.club/virbox-net/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>vort3.com</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/vort3-com/</link>
|
||||
<guid>https://250kb.club/vort3-com/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>writerbywriter.com</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/writerbywriter-com/</link>
|
||||
<guid>https://250kb.club/writerbywriter-com/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>www.arizonabankruptcylawyer.org</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/www-arizonabankruptcylawyer-org/</link>
|
||||
<guid>https://250kb.club/www-arizonabankruptcylawyer-org/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>www.epersonalinjurylawyers.com</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/www-epersonalinjurylawyers-com/</link>
|
||||
<guid>https://250kb.club/www-epersonalinjurylawyers-com/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>www.jouissance.net</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/www-jouissance-net/</link>
|
||||
<guid>https://250kb.club/www-jouissance-net/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>www.muskfoundation.org</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/www-muskfoundation-org/</link>
|
||||
<guid>https://250kb.club/www-muskfoundation-org/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>www.personalinjuryattorneys.me</title>
|
||||
<pubDate>Tue, 31 Jan 2023 00:00:00 +0000</pubDate>
|
||||
<link>https://250kb.club/www-personalinjuryattorneys-me/</link>
|
||||
<guid>https://250kb.club/www-personalinjuryattorneys-me/</guid>
|
||||
<description></description>
|
||||
</item>
|
||||
<item>
|
||||
<title>1kb.lejtzen.dev</title>
|
||||
<pubDate>Mon, 28 Nov 2022 00:00:00 +0000</pubDate>
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -15,6 +15,10 @@
|
|||
<loc>https://250kb.club/10kbclub-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/10xdev-cc/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/1kb-lejtzen-dev/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -43,6 +47,14 @@
|
|||
<loc>https://250kb.club/ache-one/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/adambuczek-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/aitrack-work/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/alexschroeder-ch/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -83,6 +95,14 @@
|
|||
<loc>https://250kb.club/artemislena-eu/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/axel-beckert-ch/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/ayham-xyz/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/bcachefs-org/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -151,6 +171,10 @@
|
|||
<loc>https://250kb.club/boehs-org/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/bortox-it/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/box-matto-nl/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -167,6 +191,10 @@
|
|||
<loc>https://250kb.club/bvnf-space/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/carmody-me/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/casperlefantom-net/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -195,6 +223,10 @@
|
|||
<loc>https://250kb.club/cleberg-io/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/cli-club/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/cnx-srht-site/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -299,6 +331,18 @@
|
|||
<loc>https://250kb.club/emersion-fr/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/emman-dev/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/erikjohannes-no/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/ezweber-xyz/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/fabioartuso-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -455,10 +499,18 @@
|
|||
<loc>https://250kb.club/john-doe-neocities-org/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/joodaloop-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/jrballesteros05-codeberg-page/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/julia-school/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/jundimubarok-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -507,6 +559,10 @@
|
|||
<loc>https://250kb.club/kj7nzl-net/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/kjvscripturejournals-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/koehr-in/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -515,10 +571,18 @@
|
|||
<loc>https://250kb.club/koehr-tech/</loc>
|
||||
<lastmod>2022-06-08</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/korayer-de/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/kunalmarwaha-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/kwiii-xyz/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/lambdapapers-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -563,6 +627,10 @@
|
|||
<loc>https://250kb.club/lobste-rs/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/ltlnx-codeberg-page/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/luana-cc/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -571,6 +639,10 @@
|
|||
<loc>https://250kb.club/lucianmarin-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/lukealexdavis-co-uk/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/lukeramsden-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -583,6 +655,10 @@
|
|||
<loc>https://250kb.club/m-chrzan-xyz/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/madelinepritchard-net/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/manpages-bsd-lv/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -679,6 +755,10 @@
|
|||
<loc>https://250kb.club/nicetranslator-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/nih-ar/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/nixnet-email/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -735,6 +815,10 @@
|
|||
<loc>https://250kb.club/oscarforner-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/otgt-us-eu-org/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/oxenburypartners-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -775,6 +859,10 @@
|
|||
<loc>https://250kb.club/pdgonzalez872-github-io/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/perfectlighthousescores-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/pgjones-dev/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -827,6 +915,10 @@
|
|||
<loc>https://250kb.club/radiocanadamini-ca/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/raregems-io/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/ratfactor-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -835,6 +927,10 @@
|
|||
<loc>https://250kb.club/rectangles-app/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/reim-ar/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/remoteroast-club/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -843,6 +939,14 @@
|
|||
<loc>https://250kb.club/richj-co/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/riedler-wien-music/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/robins-one/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/rya-nc/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -951,14 +1055,26 @@
|
|||
<loc>https://250kb.club/text-npr-org/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/textonly-website/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/thebestmotherfucking-website/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/theden-sh/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/thejollyteapot-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/thelazysre-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/thelion-website/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -1039,10 +1155,18 @@
|
|||
<loc>https://250kb.club/viniciushansen-github-io/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/virbox-net/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/volleyball-baustetten-de/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/vort3-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/webperf-xyz/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -1075,6 +1199,14 @@
|
|||
<loc>https://250kb.club/worldti-me/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/writerbywriter-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/www-arizonabankruptcylawyer-org/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/www-beh-uk/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -1107,10 +1239,18 @@
|
|||
<loc>https://250kb.club/www-dustri-org/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/www-epersonalinjurylawyers-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/www-groovestomp-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/www-jouissance-net/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/www-migadu-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -1119,6 +1259,10 @@
|
|||
<loc>https://250kb.club/www-minimumviable-it/</loc>
|
||||
<lastmod>2022-06-08</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/www-muskfoundation-org/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/www-neelc-org-about/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
@ -1135,6 +1279,10 @@
|
|||
<loc>https://250kb.club/www-paritybit-ca/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/www-personalinjuryattorneys-me/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://250kb.club/www-powerpointkaraoke-com/</loc>
|
||||
<lastmod>2023-01-31</lastmod>
|
||||
|
|
|
|||
171
public/textonly-website/index.html
Normal file
171
public/textonly-website/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>textonly.website</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://textonly.website target=_blank>textonly.website</a> is a member of the exclusive 250kb club. The page weighs <strong> only 1kb </strong> and has a content-to-bloat ratio of <strong>100%</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" src="https://250kb.club/textonly-website">
|
||||
<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" src="https://250kb.club/textonly-website">
|
||||
<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" src="https://250kb.club/textonly-website">
|
||||
<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" src="https://250kb.club/textonly-website">
|
||||
<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/theden-sh/index.html
Normal file
171
public/theden-sh/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>theden.sh</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://theden.sh/ target=_blank>theden.sh</a> is a member of the exclusive 250kb club. The page weighs <strong> only 74kb </strong> and has a content-to-bloat ratio of <strong>70%</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" src="https://250kb.club/theden-sh">
|
||||
<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" src="https://250kb.club/theden-sh">
|
||||
<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" src="https://250kb.club/theden-sh">
|
||||
<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" src="https://250kb.club/theden-sh">
|
||||
<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/thelazysre-com/index.html
Normal file
171
public/thelazysre-com/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>thelazysre.com</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://thelazysre.com/ target=_blank>thelazysre.com</a> is a member of the exclusive 250kb club. The page weighs <strong> only 6kb </strong> and has a content-to-bloat ratio of <strong>26%</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" src="https://250kb.club/thelazysre-com">
|
||||
<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" src="https://250kb.club/thelazysre-com">
|
||||
<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" src="https://250kb.club/thelazysre-com">
|
||||
<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" src="https://250kb.club/thelazysre-com">
|
||||
<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/virbox-net/index.html
Normal file
171
public/virbox-net/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>virbox.net</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://virbox.net target=_blank>virbox.net</a> is a member of the exclusive 250kb club. The page weighs <strong> only 78kb </strong> and has a content-to-bloat ratio of <strong>2%</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" src="https://250kb.club/virbox-net">
|
||||
<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" src="https://250kb.club/virbox-net">
|
||||
<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" src="https://250kb.club/virbox-net">
|
||||
<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" src="https://250kb.club/virbox-net">
|
||||
<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/vort3-com/index.html
Normal file
171
public/vort3-com/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>vort3.com</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://vort3.com/ target=_blank>vort3.com</a> is a member of the exclusive 250kb club. The page weighs <strong> only 13kb </strong> and has a content-to-bloat ratio of <strong>27%</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" src="https://250kb.club/vort3-com">
|
||||
<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" src="https://250kb.club/vort3-com">
|
||||
<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" src="https://250kb.club/vort3-com">
|
||||
<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" src="https://250kb.club/vort3-com">
|
||||
<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/writerbywriter-com/index.html
Normal file
171
public/writerbywriter-com/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>writerbywriter.com</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://writerbywriter.com/ target=_blank>writerbywriter.com</a> is a member of the exclusive 250kb club. The page weighs <strong> only 160kb </strong> and has a content-to-bloat ratio of <strong>4%</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" src="https://250kb.club/writerbywriter-com">
|
||||
<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" src="https://250kb.club/writerbywriter-com">
|
||||
<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" src="https://250kb.club/writerbywriter-com">
|
||||
<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" src="https://250kb.club/writerbywriter-com">
|
||||
<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/www-arizonabankruptcylawyer-org/index.html
Normal file
171
public/www-arizonabankruptcylawyer-org/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>www.arizonabankruptcylawyer.org</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://www.arizonabankruptcylawyer.org target=_blank>www.arizonabankruptcylawyer.org</a> is a member of the exclusive 250kb club. The page weighs <strong> only 178kb </strong> and has a content-to-bloat ratio of <strong>3%</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" src="https://250kb.club/www-arizonabankruptcylawyer-org">
|
||||
<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" src="https://250kb.club/www-arizonabankruptcylawyer-org">
|
||||
<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" src="https://250kb.club/www-arizonabankruptcylawyer-org">
|
||||
<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" src="https://250kb.club/www-arizonabankruptcylawyer-org">
|
||||
<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/www-epersonalinjurylawyers-com/index.html
Normal file
171
public/www-epersonalinjurylawyers-com/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>www.epersonalinjurylawyers.com</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://www.epersonalinjurylawyers.com target=_blank>www.epersonalinjurylawyers.com</a> is a member of the exclusive 250kb club. The page weighs <strong> only 167kb </strong> and has a content-to-bloat ratio of <strong>4%</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" src="https://250kb.club/www-epersonalinjurylawyers-com">
|
||||
<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" src="https://250kb.club/www-epersonalinjurylawyers-com">
|
||||
<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" src="https://250kb.club/www-epersonalinjurylawyers-com">
|
||||
<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" src="https://250kb.club/www-epersonalinjurylawyers-com">
|
||||
<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/www-jouissance-net/index.html
Normal file
171
public/www-jouissance-net/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>www.jouissance.net</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://www.jouissance.net target=_blank>www.jouissance.net</a> is a member of the exclusive 250kb club. The page weighs <strong> only 22kb </strong> and has a content-to-bloat ratio of <strong>7%</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" src="https://250kb.club/www-jouissance-net">
|
||||
<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" src="https://250kb.club/www-jouissance-net">
|
||||
<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" src="https://250kb.club/www-jouissance-net">
|
||||
<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" src="https://250kb.club/www-jouissance-net">
|
||||
<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/www-muskfoundation-org/index.html
Normal file
171
public/www-muskfoundation-org/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>www.muskfoundation.org</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://www.muskfoundation.org/ target=_blank>www.muskfoundation.org</a> is a member of the exclusive 250kb club. The page weighs <strong> only 1kb </strong> and has a content-to-bloat ratio of <strong>100%</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" src="https://250kb.club/www-muskfoundation-org">
|
||||
<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" src="https://250kb.club/www-muskfoundation-org">
|
||||
<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" src="https://250kb.club/www-muskfoundation-org">
|
||||
<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" src="https://250kb.club/www-muskfoundation-org">
|
||||
<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/www-personalinjuryattorneys-me/index.html
Normal file
171
public/www-personalinjuryattorneys-me/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>www.personalinjuryattorneys.me</h1><p class="big center">Proud member of the exclusive 250kb club!<p><time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Added: 2023-01-31 </time> | <time class=dt-published content=2023-01-31 datetime=2023-01-31 itemprop=datePublished pubdate> Last updated: 2023-01-31 </time><p class=e-content><a rel="noopener nofollow" href=https://www.personalinjuryattorneys.me target=_blank>www.personalinjuryattorneys.me</a> is a member of the exclusive 250kb club. The page weighs <strong> only 193kb </strong> and has a content-to-bloat ratio of <strong>24%</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" src="https://250kb.club/www-personalinjuryattorneys-me">
|
||||
<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" src="https://250kb.club/www-personalinjuryattorneys-me">
|
||||
<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" src="https://250kb.club/www-personalinjuryattorneys-me">
|
||||
<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" src="https://250kb.club/www-personalinjuryattorneys-me">
|
||||
<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>
|
||||
Loading…
Add table
Reference in a new issue