You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

29 lines
5.6 KiB
HTML

This file contains invisible Unicode characters!

This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden characters.

<!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>alessandrocuzzocrea.com</h1><p class="big center">Proud member of the exclusive 250KB Club!<p><time class=dt-published content=2023-05-10 datetime=2023-05-10 itemprop=datePublished pubdate> Added: 2023-05-10 </time> | <time class=dt-published content=2023-05-10 datetime=2023-05-10 itemprop=datePublished pubdate> Last updated: 2023-05-10 </time><p class=e-content><a rel="noopener nofollow" href=https://alessandrocuzzocrea.com target=_blank>alessandrocuzzocrea.com</a> is a member of the exclusive 250KB Club. The page weighs <strong> only 39kb </strong> and has a content-to-bloat ratio of <strong>8%</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>
&LTa title="250KB Club page" href="https://250kb.club/alessandrocuzzocrea-com">
&LTimg
alt="badge: proud member of the 250KB Club"
src="https://250kb.club/simple_badge_dark.png"
/>
&LT/a>
</code></pre></details><details><summary><img alt="simple badge, bright" src=/simple_badge_bright.png> (1.7kB)</summary> <pre><code>
&LTa title="250KB Club page" href="https://250kb.club/alessandrocuzzocrea-com">
&LTimg
alt="badge: proud member of the 250KB Club"
src="https://250kb.club/simple_badge_bright.png"
/>
&LT/a>
</code></pre></details><details><summary><img alt="color badge, bright" src=/color_badge_bright.png> (4.0kB)</summary> <pre><code>
&LTa title="250KB Club page" href="https://250kb.club/alessandrocuzzocrea-com">
&LTimg
alt="badge: proud member of the 250KB Club"
src="https://250kb.club/color_badge_bright.png"
/>
&LT/a>
</code></pre></details><details><summary><img alt="color badge, dark" src=/color_badge_dark.png> (5.7kB)</summary> <pre><code>
&LTa title="250KB Club page" href="https://250kb.club/alessandrocuzzocrea-com">
&LTimg
alt="badge: proud member of the 250KB Club"
src="https://250kb.club/color_badge_dark.png"
/>
&LT/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>