mirror of
https://github.com/nkoehring/250kb-club.git
synced 2025-04-19 21:59:04 +02:00
29 lines
No EOL
5.5 KiB
HTML
29 lines
No EOL
5.5 KiB
HTML
<!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>footer,body>header,main{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 700 2.2em/1.4 sans-serif;letter-spacing:6px;text-align:center;margin-top:1.2em}h2{font:small-caps 700 2.0em/1.4 sans-serif;letter-spacing:5px;text-align:center}p{text-align:justify}a,a:visited {color:currentColor;text-decoration:underline}#donate,label,select{padding:.25em .5em;border:2px solid gray;background:none;color:currentColor;font:inherit}ol{list-style:none;padding:0}li{margin-bottom:1em;background:#0002}aside{position:relative;display:flex;flex-flow:row wrap;justify-content:flex-end;gap:.5em}.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 > .open-page,.entry > .ratio,.entry > .size{flex:0 0 auto;width:10%;text-align:right}.entry > .open-page img{max-height:32px;margin-top:4px}.entry-ratio-bar,.entry-size-bar{height:0;margin-bottom:2px;border-bottom:2px solid}.entry-ratio-bar.highlighted,.entry-size-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:#444}}</style><body><main id=member><h1 class="p-name dated" id=title>nomasters.io</h1><p class="big center">Proud member of the exclusive 250KB Club!<p><time class=dt-published content=2022-03-22 datetime=2022-03-22 itemprop=datePublished pubdate> Added: 2022-03-22 </time> | <time class=dt-published content=2022-03-22 datetime=2022-03-22 itemprop=datePublished pubdate> Last updated: 2022-03-22 </time><p class=e-content><a rel="noopener nofollow" href=https://nomasters.io/ target=_blank>nomasters.io</a> is a member of the exclusive 250KB Club. The page weighs <strong> only 50kb </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 possible, 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.<p><details><summary><img alt="simple badge, dark" src=/simple_badge_dark.png> (1.4kB)</summary> <pre><code>
|
||
<a title="250KB Club page" href="https://250kb.club/nomasters-io">
|
||
<img
|
||
alt="badge: proud member of the 250KB Club"
|
||
src="https://250kb.club/simple_badge_dark.png"
|
||
/>
|
||
</a>
|
||
</code></pre></details><p><details><summary><img alt="simple badge, bright" src=/simple_badge_bright.png> (1.7kB)</summary> <pre><code>
|
||
<a title="250KB Club page" href="https://250kb.club/nomasters-io">
|
||
<img
|
||
alt="badge: proud member of the 250KB Club"
|
||
src="https://250kb.club/simple_badge_bright.png"
|
||
/>
|
||
</a>
|
||
</code></pre></details><p><details><summary><img alt="color badge, bright" src=/color_badge_bright.png> (4.0kB)</summary> <pre><code>
|
||
<a title="250KB Club page" href="https://250kb.club/nomasters-io">
|
||
<img
|
||
alt="badge: proud member of the 250KB Club"
|
||
src="https://250kb.club/color_badge_bright.png"
|
||
/>
|
||
</a>
|
||
</code></pre></details><p><details><summary><img alt="color badge, dark" src=/color_badge_dark.png> (5.7kB)</summary> <pre><code>
|
||
<a title="250KB Club page" href="https://250kb.club/nomasters-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> |