Skip to content

DO NOT MERGE - Roynakakawa/new website #3496

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
roynakakawa wants to merge 3 commits into
base: main
Choose a base branch
from
+382 −975
Draft

DO NOT MERGE - Roynakakawa/new website #3496

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
d690c43
boiler plate ready
roynakakawa Aug 24, 2026
9249655
boilerplate draft ready
roynakakawa Aug 25, 2026
1c61146
boilerplate ready for demo
roynakakawa Aug 25, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
44 changes: 37 additions & 7 deletions docs/website/docusaurus.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -235,26 +235,25 @@ const config = {
navbar: {
logo: {
alt: "Mithril. A complete guide.",

src: "img/mithril-logo-text.svg",
},
items: [
{
type: "doc",
docId: "manual/welcome",
position: "left",
position: "right",
label: "Manual",
},
{
type: "doc",
docId: "mithril/intro",
label: "Protocol",
position: "left",
position: "right",
},
{
type: "dropdown",
label: "Use Cases",
position: "left",
position: "right",
items: [
{
type: "doc",
Expand All @@ -279,18 +278,49 @@ const config = {
position: "right",
},
{
to: "/glossary",
label: "Glossary",
to: "/glossary",
position: "right",
},
{
label: "Blog",
to: "/dev-blog",
position: "right",
},
{
label: "ADRs",
to: "/adr",
position: "right",
},
{
href: "https://github.com/IntersectMBO/mithril",
position: "right",
html: `<svg width="26" height="24" viewBox="0 0 26 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M13.241 0C6.45096 0 0.961914 5.49998 0.961914 12.3042C0.961914 17.7432 4.47894 22.3472 9.35798 23.9767C9.96799 24.0991 10.1914 23.7119 10.1914 23.3862C10.1914 23.1009 10.1713 22.1232 10.1713 21.1044C6.75559 21.8379 6.04429 19.6377 6.04429 19.6377C5.49536 18.2117 4.68202 17.8452 4.68202 17.8452C3.56405 17.0914 4.76346 17.0914 4.76346 17.0914C6.00358 17.1729 6.6543 18.3544 6.6543 18.3544C7.75191 20.2284 9.5206 19.6989 10.2321 19.3729C10.3337 18.5784 10.6592 18.0284 11.0048 17.7229C8.28048 17.4377 5.41418 16.3784 5.41418 11.6522C5.41418 10.3077 5.90178 9.20771 6.67441 8.35222C6.55251 8.04672 6.12548 6.78347 6.79656 5.09273C6.79656 5.09273 7.83334 4.76673 10.1711 6.35572C11.1719 6.08639 12.2041 5.94938 13.241 5.94823C14.2777 5.94823 15.3346 6.09097 16.3106 6.35572C18.6486 4.76673 19.6854 5.09273 19.6854 5.09273C20.3564 6.78347 19.9292 8.04672 19.8073 8.35222C20.6002 9.20771 21.0677 10.3077 21.0677 11.6522C21.0677 16.3784 18.2014 17.4172 15.4568 17.7229C15.9042 18.1099 16.2902 18.8432 16.2902 20.0044C16.2902 21.6544 16.2701 22.9787 16.2701 23.3859C16.2701 23.7119 16.4938 24.0991 17.1036 23.9769C21.9826 22.3469 25.4996 17.7432 25.4996 12.3042C25.5198 5.49998 20.0106 0 13.241 0Z"
fill="currentColor"
/>
</svg>`,
},
{
href: "https://discord.gg/5kaErDKDRq",
position: "right",
html: `<svg width="23" height="18" viewBox="0 0 23 18" xmlns="http://www.w3.org/2000/svg">
<path
d="M19.4778 1.49632C18.0074 0.806713 16.4357 0.286253 14.7879 0C14.7626 0 14.7246 0 14.7119 0.0390345C14.5091 0.403356 14.2809 0.884782 14.1288 1.27513C12.3543 1.00189 10.6051 1.00189 8.8686 1.27513C8.71649 0.884782 8.47566 0.416368 8.27286 0.0390345C8.26019 0.0130115 8.22216 0 8.19681 0C6.54903 0.286253 4.9773 0.793701 3.51965 1.49632C3.50697 1.49632 3.4943 1.50933 3.4943 1.52234C0.50294 6.08938 -0.308275 10.5523 0.0973328 14.9632C0.0973328 14.9892 0.110008 15.0023 0.122683 15.0153C2.08734 16.4986 4.00131 17.3964 5.86457 17.9949C5.88992 17.9949 5.92794 17.9949 5.94062 17.9689C6.38425 17.3443 6.77718 16.6937 7.11941 16.0041C7.14476 15.9651 7.11941 15.9131 7.08139 15.9C6.4603 15.6528 5.86457 15.3536 5.2815 15.0283C5.2308 15.0023 5.2308 14.9372 5.2815 14.8982C5.40826 14.8071 5.52233 14.703 5.63641 14.6119C5.66176 14.5989 5.68711 14.5859 5.71246 14.6119C9.47701 16.3815 13.5584 16.3815 17.2723 14.6119C17.2976 14.6119 17.323 14.6119 17.3483 14.6119C17.4624 14.703 17.5892 14.8071 17.7032 14.8982C17.7413 14.9242 17.7413 15.0023 17.7032 15.0283C17.1328 15.3666 16.5371 15.6658 15.9034 15.9C15.8653 15.9131 15.84 15.9651 15.8653 16.0041C16.2076 16.6937 16.6005 17.3443 17.0441 17.9689C17.0568 17.9949 17.0948 18.0079 17.1202 17.9949C18.9961 17.3964 20.9101 16.4986 22.8747 15.0153C22.8874 15.0023 22.9001 14.9762 22.9001 14.9632C23.3817 9.86271 22.1015 5.4388 19.5031 1.52234C19.5031 1.50933 19.4904 1.49632 19.4778 1.49632ZM7.6898 12.2828C6.5617 12.2828 5.62374 11.2159 5.62374 9.90175C5.62374 8.58759 6.53635 7.52064 7.6898 7.52064C8.84325 7.52064 9.78121 8.6006 9.75586 9.90175C9.75586 11.2159 8.84325 12.2828 7.6898 12.2828ZM15.333 12.2828C14.2049 12.2828 13.2669 11.2159 13.2669 9.90175C13.2669 8.58759 14.1795 7.52064 15.333 7.52064C16.4864 7.52064 17.4244 8.6006 17.399 9.90175C17.399 11.2159 16.4864 12.2828 15.333 12.2828Z"
fill="currentColor"
/>
</svg>`,
},
{ to: "/dev-blog", label: "Blog", position: "right" },
{ to: "/adr", label: "ADRs", position: "right" },
],
},
footer: {
style: "dark",
logo: {
alt: "Mithril. A complete guide.",
src: "img/mithril-logo-dark.svg",
width: 38,
height: 38,
},
links: [
{
Expand Down
12 changes: 0 additions & 12 deletions docs/website/homepage-content/hero.ts
View file
Open in desktop

This file was deleted.

21 changes: 0 additions & 21 deletions docs/website/homepage-content/use-cases.ts
View file
Open in desktop

This file was deleted.

27 changes: 0 additions & 27 deletions docs/website/homepage-content/why-mithril.tsx
View file
Open in desktop

This file was deleted.

74 changes: 0 additions & 74 deletions docs/website/src/components/AnimatedText.tsx
View file
Open in desktop

This file was deleted.

112 changes: 52 additions & 60 deletions docs/website/src/components/Features.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,66 +1,58 @@
import React, { FC } from "react";
import { motion } from "framer-motion";
import { FeatureList } from "../../homepage-content/features";
import useMediaQuery from "../hooks/useMediaQuery";
import { forTablet } from "../../helpers/media-queries";

type Props = {
icon: React.JSX.Element;
title: string;
description: string;
index: number;
};

const Feature: FC<Props> = ({ icon, title, description, index }) => {
const isTabletUp = useMediaQuery(forTablet);

const Features = () => {
return (
<motion.div
className="flex flex-col gap-3"
initial="hidden"
whileInView="visible"
viewport={{ once: true }}
transition={{ duration: 0.35, delay: isTabletUp ? index / 2 : 0.25 }}
variants={{
visible: { opacity: 1, y: 0 },
hidden: { opacity: 0, y: 100 },
}}
>
<div className="inline-flex gap-2 border-b pb-3 border-gray [&>*:first-child]:mt-0.5">
{icon}
<h4 className="text-2xl leading-7.5 font-medium text-blue m-0">
{title}
</h4>
<div className="relative w-full bg-white-ish">
<div className="justify-items-center py-14">
<h3>Features</h3>
</div>
<p className="text-black m-0 leading-normal">{description}</p>
</motion.div>
);
};

const Features: FC = () => {
return (
<section className="py-20 bg-blue-light">
<div className="pageContainer">
<motion.h5
className="text-base text-black pb-10 font-thin m-0"
initial="hidden"
whileInView="visible"
viewport={{ once: true }}
transition={{ duration: 0.35, delay: 0.15 }}
variants={{
visible: { opacity: 1, y: 0 },
hidden: { opacity: 0, y: 100 },
}}
>
FEATURES
</motion.h5>
<motion.div className="flex flex-col laptop:grid tablet:grid-cols-2 laptop:grid-rows-2 laptop:grid-flow-row gap-x-26.5 laptop:gap-y-10 tablet:gap-y-14 gap-y-12">
{FeatureList.map((props, idx) => (
<Feature key={idx} index={idx} {...props} />
))}
</motion.div>
<div className="max-w-3/4 mx-auto grid grid-cols-2 pt-4 pb-14 space-y-8 gap-8">
<div className="">
<div className="inline-flex gap-2 border-b pb-3 mb-3 border-(--ifm-color-primary-darker) [&>*:first-child]:mt-0.5">
%%
<h4 className="text-xl leading-7.5 m-0">Trustless Light wallets</h4>
</div>
<p className="text-black m-0 leading-normal">
Fully open-source, non-custodial chain state that emphasizes privacy
and functionality without relying on third-party servers
</p>
</div>
<div className="">
<div className="inline-flex gap-2 border-b pb-3 mb-3 border-(--ifm-color-primary-darker) [&>*:first-child]:mt-0.5">
%%
<h4 className="text-xl leading-7.5 m-0">Succint state proofs</h4>
</div>
<p className="text-black m-0 leading-normal">
Allow participants to verify the validity of a blockchain’s entire
history or specific state transitions with constant verification
costs and minimal bandwidth
</p>
</div>
<div className="">
<div className="inline-flex gap-2 border-b pb-3 mb-3 border-(--ifm-color-primary-darker) [&>*:first-child]:mt-0.5">
%%
<h4 className="text-xl leading-7.5 m-0">
Faster node bootstrapping
</h4>
</div>
<p className="text-black m-0 leading-normal">
Fast and secure data synchronization with layer 2 solutions –
including bridges, sidechains, and rollups – as well as applications
like light wallets.
</p>
</div>
<div className="">
<div className="inline-flex gap-2 border-b pb-3 mb-3 border-(--ifm-color-primary-darker) [&>*:first-child]:mt-0.5">
%%
<h4 className="text-xl leading-7.5 m-0">Decentralization</h4>
</div>
<p className="text-black m-0 leading-normal">
{" "}
Improved security and transparency, data and transactions are
recorded on distributed, verifiable ledgers accessible to all
participants
</p>
</div>
</div>
</section>
</div>
);
};

Expand Down
Loading
Loading