Skip to content

Commit 1aa76a6

Browse files
pellepelle
committed
Cleanups
1 parent b925793 commit 1aa76a6

9 files changed

Lines changed: 313 additions & 16 deletions

File tree

‎TAIPs/index.mdx‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
---
2+
title: TAIPs - Transaction Authorization Improvement Proposals
3+
layout: layout.vto
4+
---
5+
import TAIPs from "@/components/TAIPs.tsx";
6+
7+
<article className="prose">
8+
9+
# TAIPs
10+
11+
Transaction Authorization Improvement Proposals
12+
13+
<TAIPs />
14+
15+
</article>

‎_includes/layout.vto‎

Lines changed: 23 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,29 @@
99
<link rel="stylesheet" href="/styles.css">
1010
</head>
1111
<body>
12-
{{ content }}
12+
<header class="bg-white">
13+
<nav class="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8" aria-label="Global">
14+
<div class="flex lg:flex-1">
15+
<a href="/" class="-m-1.5 p-1.5 flex flex-row sm:flex-col">
16+
<span class="text-md font-black">TAP</span>
17+
<span class="text-md font-light">The Transaction Authorization Protocol for public blockchains</span>
18+
</a>
19+
</div>
20+
<div class="lg:flex lg:gap-x-12">
21+
<a href="/" class="text-sm font-semibold leading-6 text-gray-900">Home</a>
22+
<a href="/TAIPs" class="text-sm font-semibold leading-6 text-gray-900">TAIPs</a>
23+
</div>
24+
</nav>
25+
</header>
1326

14-
<footer>footer</footer>
27+
<main class="bg-white">
28+
<div class="mx-auto max-w-2xl text-base leading-7 text-gray-700">
29+
{{ content }}
30+
</div>
31+
</main>
32+
33+
<footer class="py-16 mx-auto max-w-2xl">
34+
&copy; 2024 <a href="https://notabene.id">Notabene, Inc.</a>
35+
</footer>
1536
</body>
1637
</html>

‎_includes/taip.vto‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,21 @@
1818
</script>
1919
</head>
2020
<body class="container mx-auto bg-white">
21+
<header class="bg-white">
22+
<nav class="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8" aria-label="Global">
23+
<div class="flex lg:flex-1">
24+
<a href="/" class="-m-1.5 p-1.5 flex flex-col sm:flex-row">
25+
<span class="text-md font-black">TAP</span>
26+
<span class="text-md font-light">The Transaction Authorization Protocol for public blockchains</span>
27+
</a>
28+
</div>
29+
<div class="lg:flex lg:gap-x-12">
30+
<a href="/" class="text-sm font-semibold leading-6 text-gray-900">Home</a>
31+
<a href="/TAIPs" class="text-sm font-semibold leading-6 text-gray-900">TAIPs</a>
32+
</div>
33+
</nav>
34+
</header>
35+
2136
<header class="bg-white py-16 sm:py-24">
2237
<div class="mx-auto max-w-2xl">
2338
<div class="mx-auto max-w-2xl lg:mx-0">

‎components/Hero.tsx‎

Lines changed: 2 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -14,15 +14,6 @@ export function Hero() {
1414
/>
1515
</div>
1616
<div className="mx-auto max-w-2xl py-8 sm:py-12 lg:py-14">
17-
<div className="hidden sm:mb-8 sm:flex sm:justify-center">
18-
<div className="relative rounded-full px-3 py-1 text-sm leading-6 text-gray-600 ring-1 ring-gray-900/10 hover:ring-gray-900/20">
19-
Notabene announces support for TAP{" "}
20-
<a href="#" className="font-semibold text-indigo-600">
21-
<span className="absolute inset-0" aria-hidden="true" />
22-
Read more <span aria-hidden="true">&rarr;</span>
23-
</a>
24-
</div>
25-
</div>
2617
<div className="text-center">
2718
<h1 className="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">
2819
Safe and compliant real-world transactions on any public blockchain
@@ -39,10 +30,10 @@ export function Hero() {
3930
Read the TAP Whitepaper
4031
</a>
4132
<a
42-
href="#"
33+
href="/TAIPs/taip-4"
4334
className="text-sm font-semibold leading-6 text-gray-900"
4435
>
45-
Learn more <span aria-hidden="true">→</span>
36+
Read the standards <span aria-hidden="true">→</span>
4637
</a>
4738
</div>
4839
</div>

‎components/TAIPs.tsx‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
import { Fragment } from "npm:react";
2+
import { Menu, Transition } from "npm:@headlessui/react";
3+
import { EllipsisVerticalIcon } from "npm:@heroicons/react/20/solid";
4+
5+
import { getTAIPs, TAIP } from "@/utils/taips.ts";
6+
7+
const statuses = {
8+
Complete: "text-green-700 bg-green-50 ring-green-600/20",
9+
Review: "text-green-700 bg-green-50 ring-green-600/20",
10+
Draft: "text-gray-600 bg-gray-50 ring-gray-500/10",
11+
Archived: "text-yellow-800 bg-yellow-50 ring-yellow-600/20",
12+
};
13+
14+
function classNames(...classes) {
15+
return classes.filter(Boolean).join(" ");
16+
}
17+
18+
export default () => {
19+
const TAIPs = getTAIPs();
20+
return (
21+
<>
22+
<ul role="list">
23+
{TAIPs.map((taip) => (
24+
<li
25+
key={taip.slug}
26+
className="flex items-center justify-between"
27+
>
28+
<div className="min-w-0">
29+
<div className="flex items-start gap-x-3">
30+
<p className="text-blue-500">TAIP-{taip.taip}</p>
31+
<p className="text-md font-semibold leading-6 text-gray-900">
32+
<a
33+
href={taip.slug}
34+
>
35+
{taip.title}
36+
</a>
37+
</p>
38+
<p
39+
className={classNames(
40+
statuses[taip.status],
41+
"rounded-md whitespace-nowrap mt-0.5 px-1.5 py-0.5 text-xs font-medium ring-1 ring-inset",
42+
)}
43+
>
44+
{taip.status}
45+
</p>
46+
</div>
47+
</div>
48+
</li>
49+
))}
50+
</ul>
51+
</>
52+
);
53+
};

‎deno.json‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
{
22
"imports": {
33
"lume/": "https://deno.land/x/lume@v2.1.3/",
4-
"@/": "./"
4+
"@/": "./",
5+
"$std/": "https://deno.land/std@0.216.0/"
56
},
67
"tasks": {
78
"lume": "echo \"import 'lume/cli.ts'\" | deno run -A -",

0 commit comments

Comments
 (0)