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.

135 lines
4.4 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>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;
}
@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>slackjeff.com.br</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://slackjeff.com.br/ target=_blank>slackjeff.com.br</a> is a member of the exclusive 250kb club. The page weighs only <strong>5057kb</strong> and has a content-to-bloat ratio of <strong>1%</strong>.<p><a href=/>back</a></main></body><script async data-goatcounter=https://250kb-club.goatcounter.com/count src=//gc.zgo.at/count.js></script>