forked from bradleytaunt/1mb-club
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
105 lines (98 loc) · 4.35 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
---
layout: default
title: 1MB Club
summary: Listing all websites under 1MB in total size
---
<header>
<h1>1MB Club</h1>
<p>The internet has become a <em>bloated mess</em>. Massive javascript libraries. Countless client-side queries. Overly complex frontend frameworks.</p>
<p>These things are a <strong>cancerous growth</strong> on the web.</p>
<p>But we can make a difference - no matter how small it may seem. <em>1MB Club</em> is a growing collection of performance-focused web pages found across the internet. The one and only rule for a web page to qualify as a member:</p>
<ol>
<li>Total website size (not <i>just</i> transfered data) must not exceed 1 megabyte</li>
</ol>
<blockquote>
<h3>How to Submit</h3>
<p>Please follow the instructions on the main <a target="_blank" href="https://github.com/bradleytaunt/1mb-club">Github project repo</a>.</p>
</blockquote>
<h3>Support</h3>
<p>If you are feeling generous, I would greatly appreciate any donations to help support the site.</p>
<ol>
<li>BTC: <strong><code>3JGsvjgxamQHi4VCALER4rXvnvzdWUaQGg</code></strong></li>
<li>Or simply <a href="https://www.buymeacoffee.com/WQTMtn7ir">buy me a coffee</a></li>
</ol>
<h3>Looking for a more <em>extreme</em> club?</h3>
<p>Take a look and checkout the even more exclusive membership collection at the <a href="https://xhtml.club">XHTML Club</a>.</p>
<br><hr><br>
<span>Jump to: </span>
<a href="#50"><50KB</a><span> · </span>
<a href="#100"><100KB</a><span> · </span>
<a href="#250"><250KB</a><span> · </span>
<a href="#512"><512KB</a><span> · </span>
<a href="#700"><700KB</a><span> · </span>
<a href="#1000"><em>Just Under</em> 1MB</a>
</header>
<main>
<ul>
{% assign site_items = site.site_listings | sort: 'size' %}
<h3 id="50"><50KB</h3>
{% for item in site_items %}
{% if item.size <= 50 %}
<li>
<span class="before" style="--data-size:{{ item.size }};"></span>
<span class="after">{{ item.size }} KB</span>
<a href="https://{{ item.pageurl }}">{{ item.pageurl }}</a>
</li>
{% endif %}
{% endfor %}
<h3 id="100"><100KB</h3>
{% for item in site_items %}
{% if item.size >= 50 and item.size <=100 %}
<li>
<span class="before" style="--data-size:{{ item.size }};"></span>
<span class="after">{{ item.size }} KB</span>
<a href="https://{{ item.pageurl }}">{{ item.pageurl }}</a>
</li>
{% endif %}
{% endfor %}
<h3 id="250"><250KB</h3>
{% for item in site_items %}
{% if item.size >= 100 and item.size <=250 %}
<li>
<span class="before" style="--data-size:{{ item.size }};"></span>
<span class="after">{{ item.size }} KB</span>
<a href="https://{{ item.pageurl }}">{{ item.pageurl }}</a>
</li>
{% endif %}
{% endfor %}
<h3 id="512"><512KB</h3>
{% for item in site_items %}
{% if item.size >= 250 and item.size <=512 %}
<li>
<span class="before" style="--data-size:{{ item.size }};"></span>
<span class="after">{{ item.size }} KB</span>
<a href="https://{{ item.pageurl }}">{{ item.pageurl }}</a>
</li>
{% endif %}
{% endfor %}
<h3 id="700"><700KB</h3>
{% for item in site_items %}
{% if item.size >= 512 and item.size <=700 %}
<li>
<span class="before" style="--data-size:{{ item.size }};"></span>
<span class="after">{{ item.size }} KB</span>
<a href="https://{{ item.pageurl }}">{{ item.pageurl }}</a>
</li>
{% endif %}
{% endfor %}
<h3 id="1000"><em>Just Under</em> 1MB</h3>
{% for item in site_items %}
{% if item.size >= 700 and item.size <=1000 %}
<li>
<span class="before" style="--data-size:{{ item.size }};"></span>
<span class="after">{{ item.size }} KB</span>
<a href="https://{{ item.pageurl }}">{{ item.pageurl }}</a>
</li>
{% endif %}
{% endfor %}
</main>