Skip to content

Commit adefd14

Browse files
TheNewAutonomyTheNewAutonomy
committed
Restructure resources and add principles section
- Add Principles section and nav link - Move research PDFs into separate boxed links - Add resource links to header and footer Made-with: Cursor
1 parent f15e202 commit adefd14

2 files changed

Lines changed: 107 additions & 24 deletions

File tree

‎index.html‎

Lines changed: 103 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -49,6 +49,10 @@
4949
<a class="menu__link transition" href="#features">Features</a>
5050
</li>
5151

52+
<li class="menu__item">
53+
<a class="menu__link transition" href="#principles">Principles</a>
54+
</li>
55+
5256
<li class="menu__item">
5357
<a class="menu__link transition" href="#fair-launch">Fair Launch</a>
5458
</li>
@@ -72,6 +76,16 @@
7276
<a class="menu__link transition" href="#media">Media</a>
7377
</li>
7478

79+
<li class="menu__item">
80+
<a class="menu__link transition" href="https://docs.catalystnet.org/" target="_blank"
81+
rel="noopener noreferrer">Docs</a>
82+
</li>
83+
84+
<li class="menu__item">
85+
<a class="menu__link transition" href="https://explorer.catalystnet.org/"
86+
target="_blank" rel="noopener noreferrer">Explorer</a>
87+
</li>
88+
7589
<li class="menu__item">
7690
<a href="mailto:darren.op@catalystnet.org">Contact</a>
7791
</li>
@@ -196,7 +210,7 @@ <h3 class="mission__caption">Testnet</h3>
196210
<div class="start__button flex-center">
197211
<a href="https://explorer.catalystnet.org/" target="_blank" rel="noopener noreferrer"
198212
class="button button--green">
199-
<b>Open block explorer</b>
213+
<b>Explorer</b>
200214
</a>
201215
</div>
202216
<div class="start__button flex-center">
@@ -214,33 +228,88 @@ <h3 class="mission__caption">Testnet</h3>
214228
<div class="start__button flex-center">
215229
<a href="https://docs.catalystnet.org/" target="_blank" rel="noopener noreferrer"
216230
class="button button--green">
217-
<b>Documentation</b>
231+
<b>Docs</b>
218232
</a>
219233
</div>
220-
<div class="start__button flex-center">
221-
<a href="https://catalystnet.org/media/IntroductionToCatalystNetwork.pdf" target="_blank"
222-
rel="noopener noreferrer"
223-
class="button button--green">
224-
<b>Introduction to Catalyst Network (PDF)</b>
225-
</a>
226-
</div>
227-
<div class="start__button flex-center">
228-
<a href="https://catalystnet.org/media/CatalystConsensusPaper.pdf" target="_blank"
229-
rel="noopener noreferrer"
230-
class="button button--green">
231-
<b>Catalyst consensus research paper (PDF)</b>
232-
</a>
233-
</div>
234-
<div class="start__button flex-center">
235-
<a href="https://catalystnet.org/media/CatalystNetworkSecurityConsiderations.pdf"
236-
target="_blank" rel="noopener noreferrer" class="button button--green">
237-
<b>Catalyst security considerations (PDF)</b>
238-
</a>
234+
<div class="mission__block mission__block--research" data-text="Research">
235+
<h3 class="mission__caption">Research</h3>
236+
<div class="mission__text">
237+
<div class="start__button flex-center">
238+
<a href="https://catalystnet.org/media/IntroductionToCatalystNetwork.pdf"
239+
target="_blank" rel="noopener noreferrer" class="button button--green">
240+
<b>Introduction (PDF)</b>
241+
</a>
242+
</div>
243+
<div class="start__button flex-center">
244+
<a href="https://catalystnet.org/media/CatalystConsensusPaper.pdf" target="_blank"
245+
rel="noopener noreferrer" class="button button--green">
246+
<b>Consensus paper (PDF)</b>
247+
</a>
248+
</div>
249+
<div class="start__button flex-center">
250+
<a href="https://catalystnet.org/media/CatalystNetworkSecurityConsiderations.pdf"
251+
target="_blank" rel="noopener noreferrer" class="button button--green">
252+
<b>Security considerations (PDF)</b>
253+
</a>
254+
</div>
255+
</div>
239256
</div>
240257
</div>
241258
</div>
242259
</div>
243260
</section>
261+
262+
<section id="principles" class="solution-section">
263+
<div class="container">
264+
<h2 class="section-title text-center">Principles</h2>
265+
<p class="text-center" style="max-width: 900px; margin: 0 auto;">
266+
Catalyst is designed so decentralisation is the default outcome, and so the experience feels like
267+
normal internet software—not “crypto”.
268+
</p>
269+
270+
<div class="feature-grid">
271+
<div class="feature-card" data-aos="flip-left" data-aos-delay="200" data-aos-duration="800">
272+
<div class="feature-icon">🖱️</div>
273+
<h3>One‑click participation</h3>
274+
<p>Anyone should be able to install, run a node, and be a full participant—without specialist
275+
hardware or knowledge.</p>
276+
</div>
277+
278+
<div class="feature-card" data-aos="flip-left" data-aos-delay="300" data-aos-duration="800">
279+
<div class="feature-icon">👛</div>
280+
<h3>Wallets without key‑jargon</h3>
281+
<p>Everyday users shouldn’t have to think about mnemonics, private keys, or custody mechanics to use
282+
the network safely.</p>
283+
</div>
284+
285+
<div class="feature-card" data-aos="flip-left" data-aos-delay="400" data-aos-duration="800">
286+
<div class="feature-icon">🧰</div>
287+
<h3>Web2‑native building</h3>
288+
<p>Builders should be able to deploy dApps and services using familiar web2 workflows, languages,
289+
and tooling.</p>
290+
</div>
291+
292+
<div class="feature-card" data-aos="flip-left" data-aos-delay="500" data-aos-duration="800">
293+
<div class="feature-icon">🫥</div>
294+
<h3>Invisible infrastructure</h3>
295+
<p>To users, Catalyst should fade into the background—like infrastructure behind everyday mobile and cloud apps.</p>
296+
</div>
297+
298+
<div class="feature-card" data-aos="flip-left" data-aos-delay="500" data-aos-duration="800">
299+
<div class="feature-icon">⚖️</div>
300+
<h3>Equal first class citizens</h3>
301+
<p>Catalyst is for everyday users, web2 and web3 builders and AI agents as equal first class citizens.</p>
302+
</div>
303+
304+
<div class="feature-card" data-aos="flip-left" data-aos-delay="500" data-aos-duration="800">
305+
<div class="feature-icon">🙊</div>
306+
<h3>Catalyst? What's that?</h3>
307+
<p>Most Catalyst users should love their apps and never hear the term Catalyst, just like Office users don't hear Azure or Hypervisor.</p>
308+
</div>
309+
310+
</div>
311+
</div>
312+
</section>
244313
<section id="problem" class="problem-section">
245314
<div class="container">
246315
<h2 class="section-title text-center">Blockchain's Centralization Crisis</h2>
@@ -711,7 +780,7 @@ <h4>Deliverables</h4>
711780
<li>✅ Public testnet running across Asia, Europe, and the USA</li>
712781
<li>✅ Block explorer</li>
713782
<li>✅ Wallet (complete; Chrome Web Store first, then Android and iOS)</li>
714-
<li>⏳ Developer tooling</li>
783+
<li>✅ Developer tooling</li>
715784
</ul>
716785
</div>
717786
</div>
@@ -724,7 +793,7 @@ <h3>Phase 2: Stability & Tooling (Q2 2026)</h3>
724793
<div>
725794
<h4>Stability hardening</h4>
726795
<ul>
727-
<li>⬜ Tech stack review, hardening and optimization</li>
796+
<li>⏳ Tech stack review, hardening and optimization</li>
728797
<li>⏳ Improvements to wallet, explorer and tooling</li>
729798
<li>⏳ Documentation, guides, and onboarding</li>
730799
<li>⬜ Genesis block creation</li>
@@ -735,7 +804,7 @@ <h4>Deliverables</h4>
735804
<ul>
736805
<li>⬜ Main network</li>
737806
<li>⏳ Wallet deployment: Chrome Web Store first, then Android and iOS</li>
738-
<li>⬜ Jeskei, DeFi, and other projects deploying</li>
807+
<li>⏳ Jeskei, DeFi, and other projects deploying</li>
739808
<li>⬜ Additional tools including AI skills</li>
740809
</ul>
741810
</div>
@@ -959,6 +1028,16 @@ <h2 class="title title--white contact__title">Get in touch </h2>
9591028
style="font-size:1.3em;"></span></a>
9601029
</div>
9611030
<div class="footer__links">
1031+
<span style="display: inline-block; margin-right: 14px;">
1032+
<a class="transition" href="https://docs.catalystnet.org/" target="_blank"
1033+
rel="noopener noreferrer">Docs</a>
1034+
<a class="transition" href="https://explorer.catalystnet.org/" target="_blank"
1035+
rel="noopener noreferrer" style="margin-left: 10px;">Explorer</a>
1036+
<a class="transition" href="https://faucet.catalystnet.org/" target="_blank"
1037+
rel="noopener noreferrer" style="margin-left: 10px;">Faucet</a>
1038+
<a class="transition" href="https://github.com/orgs/catalyst-network/projects/2" target="_blank"
1039+
rel="noopener noreferrer" style="margin-left: 10px;">Plan</a>
1040+
</span>
9621041
<a class="transition" href="policy.html" target="_blank">
9631042
Privacy
9641043
Policy

‎static/css/style.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1691,6 +1691,10 @@ iframe {
16911691
position: relative;
16921692
}
16931693

1694+
.mission__block--research {
1695+
margin-top: 26px;
1696+
}
1697+
16941698
.mission__block:before {
16951699
content: attr(data-text);
16961700
font-size: 60px;

0 commit comments

Comments
 (0)