mirror of
https://github.com/nkoehring/250kb-club.git
synced 2025-04-17 12:49:04 +02:00
45 lines
No EOL
6.4 KiB
HTML
45 lines
No EOL
6.4 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=koehr name=author><meta content="The 250kb Club" name=DC.title><link href=https://koehr.ing 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{color:#333;background:#fff;margin:0;padding:0;font:16px/1.4 sans-serif}body>header,main,body>footer{width:calc(100% - 2em);max-width:calc(800px - 2em);margin:0 auto;padding:0 1em}#main-footer{border-top:1px solid #d3d3d3;margin:3rem auto 0;font-size:85%}main{margin:3em auto}h1{letter-spacing:6px;text-align:center;margin-top:1.2em;font:small-caps 700 2.2em/1.4 sans-serif}h2{letter-spacing:5px;text-align:center;font:small-caps 700 2em/1.4 sans-serif}p{text-align:justify}a,a:visited{color:currentColor;text-decoration:underline}select,label,#donate{color:currentColor;font:inherit;background:0 0;border:2px solid gray;padding:.25em .5em}ol{padding:0;list-style:none}li{background-color:#0002;margin-bottom:1em}aside{flex-flow:wrap;justify-content:flex-end;gap:.5em;display:flex;position:relative}.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{background:#fff;border:3px solid #ddd;width:calc(714px - 2em);max-width:calc(100vw - 2em - 6px);padding:0 1em;display:none;position:absolute;top:2.5em;left:-1em}#info-toggle:checked~#info-popup{display:block}.entry{flex-flow:row;justify-content:space-between;height:2em;padding:.5em .5em 0;font-size:1.3em;line-height:2em;display:flex}.entry>.url{text-overflow:ellipsis;flex:auto;width:70%;overflow:hidden}.entry>.size,.entry>.ratio,.entry>.open-page{text-align:right;flex:none;width:10%}.entry>.open-page img{max-height:32px;margin-top:4px}.entry-size-bar,.entry-ratio-bar{border-bottom:2px solid;height:0;margin-bottom:2px}.entry-size-bar.highlighted,.entry-ratio-bar.highlighted{border-bottom-width:4px}.entry-size-bar{width:calc(var(--size)/256*100%);border-bottom-color:#e44}.entry-ratio-bar{width:var(--ratio);border-bottom-color:#56b}#pager{flex-flow:row;justify-content:space-between;align-items:center;display:flex}.badges{margin:2em 0}.badges>img{margin-bottom:-5px}pre{background:#8885;display:block}details{margin:1em 0}summary{cursor:pointer}summary>pre{background:0 0;margin:0;display:inline-block}@media (prefers-color-scheme:dark){body{color:#fff;background:#222}#info-popup{background:#000;border-color:#444}}</style><body><main id=member><h1 class="p-name dated" id=title>legiblenews.com</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-updated content=2025-02-22 datetime=2025-02-22 itemprop=dateUpdated pubdate> Last updated: 2025-02-22 </time><p class=e-content><a rel="noopener nofollow" href=https://legiblenews.com target=_blank>legiblenews.com</a> is a member of the exclusive 250KB Club. The page weighs <strong> only 71kb </strong> and has a content-to-bloat ratio of <strong>11%</strong>.<p>The owner of this page is now entitled to add one of those shiny badges to their page. But, even though I tried to make them as small as possible, a badge will add some kilobytes to the page weight. A code snipped can be found by clicking on the respective badge.<p>The badges can either be downloaded and served as part of the website 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.<div class=badges><details><summary><img alt="simple badge, dark" src=/simple_badge_dark.png> (1.1kB)</summary> <pre><code>
|
||
<a title="250KB Club page" href="https://250kb.club/legiblenews-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.0kB)</summary> <pre><code>
|
||
<a title="250KB Club page" href="https://250kb.club/legiblenews-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> (1.4kB)</summary> <pre><code>
|
||
<a title="250KB Club page" href="https://250kb.club/legiblenews-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> (1.7kB)</summary> <pre><code>
|
||
<a title="250KB Club page" href="https://250kb.club/legiblenews-com">
|
||
<img
|
||
alt="badge: proud member of the 250KB Club"
|
||
src="https://250kb.club/color_badge_dark.png"
|
||
/>
|
||
</a>
|
||
</code></pre></details><details><summary>[[ Proud Member of the 250kB Club ]] (~120 bytes)</summary> <pre><code>
|
||
<a title="250KB Club page" href="https://250kb.club/legiblenews-com">
|
||
[[ Proud Member of the 250kB Club ]]
|
||
</a>
|
||
</code></pre></details><details><summary><pre> ___ ___ __ _ ___ ___ _ _
|
||
|_ ) __|/ \| |_| _ ) / __| |_ _| |__
|
||
/ /|__ \ () | / / _ \ | (__| | || | '_ \
|
||
/___|___/\__/|_\_\___/ \___|_|\_,_|_.__/ (~260 bytes)</pre></summary> <pre><code>
|
||
<a title="250KB Club page" href="https://250kb.club/legiblenews-com">
|
||
<pre>
|
||
___ ___ __ _ ___ ___ _ _
|
||
|_ ) __|/ \| |_| _ ) / __| |_ _| |__
|
||
/ /|__ \ () | / / _ \ | (__| | || | '_ \
|
||
/___|___/\__/|_\_\___/ \___|_|\_,_|_.__/
|
||
</pre>
|
||
</a>
|
||
</code></pre></details></div><p><a href=/>back to page list</a></main></body><script async data-goatcounter=https://250kb-club.goatcounter.com/count src=//gc.zgo.at/count.js></script> |