+
+ )
+}
diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 58d04da0..a79f2b4d 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -1,18 +1,38 @@
import type { Metadata } from 'next'
+import EditPageButton from '@/components/EditPageButton'
+import { PageEditHistoryByline } from '@/components/EditHistoryByline'
import Link from 'next/link'
import AuthorCard from '@/components/AuthorCard'
import Breadcrumb from '@/components/Breadcrumb'
+import { fetchPage, getSection } from "@/lib/indexer"
export const metadata: Metadata = {
title: 'About',
}
-export default function AboutPage() {
+export default async function AboutPage() {
+ const page = await fetchPage("about")
+ const hero = getSection(page, "hero")
+ const history = getSection(page, "history")
+ const collabs = getSection(page, "collaborations")
+ const future = getSection(page, "future")
+ const quoteJuan = getSection(page, "quote-juan")
+ const quoteWill = getSection(page, "quote-will")
+
+ const historyFallback =
+ "Those efforts became IPFS, a free and open-source software project to allow users and applications to directly share information without needing a central server. Within IPFS, expertise in programming language theory led to Multiformats, an effort to make our technologies adaptable and upgradable in a future-proof way, and IPLD, our data model for content-addressed data.\n\nIn parallel with IPFS, where users voluntarily store data they find interesting, we designed and launched Filecoin, a protocol that allows users to pay others to store data they find interesting. Originally proposed in 2014, the Filecoin concept was further detailed in our 2017 whitepaper, with CryptoLab efforts supporting both the network launch and future improvements.\n\nProtocol Labs has evolved and expanded beyond internet infrastructure to address broader challenges in coordination, AI development, and human enhancement technologies. What was once the company behind IPFS and Filecoin is now an innovation network that supports field-building, grant-making, and investing across emerging technologies. PL's focus areas now span the full spectrum from securing digital rights to pioneering responsible advancement in AI, robotics, and neurotechnology. PL R&D is the corner of the network that supports the early engineering and research efforts that will drive these focus areas forward."
+
+ const futureFallback =
+ "This critical century demands both caution and ambition. With technologies capable of rewriting genetic codes and reshaping how billions coordinate, we're building robust foundations across our four focus areas. From securing digital human rights through Web3 infrastructure to advancing AI and neurotechnology responsibly, from pioneering public goods funding mechanisms to developing breakthrough coordination systems, our work aims to harness humanity's potential while navigating existential challenges.\n\nWe do these things in ways that make technology easy to upgrade and hard to turn against users. We work toward this ideal by building open-source software, with users and contributors as vital components in the development process, and a licensing stack that ensures these tools remain free to obtain and use. Through collaboration across our focus areas, we're accelerating the R&D pipeline to push humanity forward."
+
return (
{/* Hero */}
+
+
+
{/* Background image - rotated hexagon clip */}
- Our research is driven by beliefs about how technology should serve humanity.
+ {hero?.title || "Our research is driven by beliefs about how technology should serve humanity."}
- Substantial engineering efforts are necessary to turn ideas into real and useful tools that people can use. Our longest-term vision-driven innovation takes place in PL R&D.
+ {hero?.body || hero?.subtitle || "Substantial engineering efforts are necessary to turn ideas into real and useful tools that people can use. Our longest-term vision-driven innovation takes place in PL R&D."}
{/* History */}
-
+
-
- Those efforts became IPFS, a free and open-source software project to allow users and applications to directly share information without needing a central server. Within IPFS, expertise in programming language theory led to Multiformats, an effort to make our technologies adaptable and upgradable in a future-proof way, and IPLD, our data model for content-addressed data.
-
-
- In parallel with IPFS, where users voluntarily store data they find interesting, we designed and launched Filecoin, a protocol that allows users to pay others to store data they find interesting. Originally proposed in 2014, the Filecoin concept was further detailed in our 2017 whitepaper, with CryptoLab efforts supporting both the network launch and future improvements.
-
-
- Protocol Labs has evolved and expanded beyond internet infrastructure to address broader challenges in coordination, AI development, and human enhancement technologies. What was once the company behind IPFS and Filecoin is now an innovation network that supports field-building, grant-making, and investing across emerging technologies. PL's focus areas now span the full spectrum from securing digital rights to pioneering responsible advancement in AI, robotics, and neurotechnology. PL R&D is the corner of the network that supports the early engineering and research efforts that will drive these focus areas forward.
-
- Some of this support takes the form of our grant program, which supports academic research efforts related to the central mission and goals of Protocol Labs. Other support includes conference and event sponsorships, which usually involves representation from Protocol Labs researchers. If you're attending a conference we are sponsoring, you have a great chance of catching one of us in person. Alternatively, our conference sponsorships often take the form of sponsoring free, high-quality recordings of the talks to educate (or entertain) those unable to attend.
+ {collabs?.body || "Some of this support takes the form of our grant program, which supports academic research efforts related to the central mission and goals of Protocol Labs. Other support includes conference and event sponsorships, which usually involves representation from Protocol Labs researchers. If you're attending a conference we are sponsoring, you have a great chance of catching one of us in person. Alternatively, our conference sponsorships often take the form of sponsoring free, high-quality recordings of the talks to educate (or entertain) those unable to attend."}
@@ -137,20 +151,17 @@ export default function AboutPage() {
- This critical century demands both caution and ambition. With technologies capable of rewriting genetic codes and reshaping how billions coordinate, we're building robust foundations across our four focus areas. From securing digital human rights through Web3 infrastructure to advancing AI and neurotechnology responsibly, from pioneering public goods funding mechanisms to developing breakthrough coordination systems, our work aims to harness humanity's potential while navigating existential challenges.
-
-
- We do these things in ways that make technology easy to upgrade and hard to turn against users. We work toward this ideal by building open-source software, with users and contributors as vital components in the development process, and a licensing stack that ensures these tools remain free to obtain and use. Through collaboration across our focus areas, we're accelerating the R&D pipeline to push humanity forward.
-
@@ -158,11 +169,12 @@ export default function AboutPage() {
- “We consistently bet, not only that the future could be a fantastic and wonderful place, but that it's worthwhile for us, as an organization, to work toward that future.”
+ {quoteWill?.body || "\u201cWe consistently bet, not only that the future could be a fantastic and wonderful place, but that it\u2019s worthwhile for us, as an organization, to work toward that future.\u201d"}
+ )
+}
+
+function HexagonIcon({ className }: { className?: string }) {
+ return (
+
+ )
+}
diff --git a/src/app/areas/economies-governance/impact/page.tsx b/src/app/areas/economies-governance/impact/page.tsx
index 9019deb5..c4de9d97 100644
--- a/src/app/areas/economies-governance/impact/page.tsx
+++ b/src/app/areas/economies-governance/impact/page.tsx
@@ -1,13 +1,21 @@
import Link from 'next/link'
import type { Metadata } from 'next'
+import EditPageButton from '@/components/EditPageButton'
+import { PageEditHistoryByline } from '@/components/EditHistoryByline'
import Breadcrumb from '@/components/Breadcrumb'
+import { fetchPage, getSection } from '@/lib/indexer'
export const metadata: Metadata = {
title: 'Impact',
description: 'Track the impact of decentralized economies and governance initiatives.',
}
-export default function ImpactOverviewPage() {
+export default async function ImpactOverviewPage() {
+ const page = await fetchPage("area-eg-impact")
+ const heroSection = getSection(page, "hero")
+ const cardReport = getSection(page, "card-report-2025")
+ const cardDashboard = getSection(page, "card-live-dashboard")
+
return (
+
+
+
{/* Hero */}
- Impact
+ {heroSection?.title || "Impact"}
- Track ecosystem growth, measure outcomes, and explore the real-world impact of decentralized economies and governance.
+ {heroSection?.subtitle || "Track ecosystem growth, measure outcomes, and explore the real-world impact of decentralized economies and governance."}
@@ -37,10 +48,12 @@ export default function ImpactOverviewPage() {
-
Impact Report 2025
+
+ {cardReport?.title || "Impact Report 2025"}
+
- Annual report on ecosystem growth, key initiatives, and measurable outcomes.
+ {cardReport?.body || "Annual report on ecosystem growth, key initiatives, and measurable outcomes."}
- Real-time metrics and data visualizations tracking ecosystem activity.
+ {cardDashboard?.body || "Real-time metrics and data visualizations tracking ecosystem activity."}
- Building crypto-native economic and governance infrastructure to create more efficient, equitable structures that coordinate at the scale of nation-states.
+ {heroSection?.subtitle || "Building crypto-native economic and governance infrastructure to create more efficient, equitable structures that coordinate at the scale of nation-states."}
-
- This focus area rectifies the inadequacies of current macro systems, which often struggle to coordinate and solve monumental challenges like climate change. By leveraging cryptoeconomics and improved governance tools, we are rethinking how capital is formed and deployed.
-
-
- This movement harnesses mechanism design to align millions of people worldwide toward shared goals, creating structures that can allocate resources at the scale of nation-states for the benefit of all humanity.
-
@@ -27,7 +35,7 @@ export default function AreasPage() {
Focus Areas
- Four research directions driving breakthroughs in computing, coordination, and human capability.
+ {heroSection?.subtitle || "Four research directions driving breakthroughs in computing, coordination, and human capability."}
@@ -54,6 +62,7 @@ export default function AreasPage() {
))}
+
)
}
diff --git a/src/app/blog/AtprotoFeed.tsx b/src/app/blog/AtprotoFeed.tsx
deleted file mode 100644
index 68a1bc53..00000000
--- a/src/app/blog/AtprotoFeed.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-'use client'
-
-import { useState, useEffect } from 'react'
-import Link from 'next/link'
-import { useAuth } from '@/lib/atproto'
-import { formatDate } from '@/lib/format'
-import type { PostEntry } from '@/lib/lexicons'
-
-export default function AtprotoFeed() {
- const { isAuthenticated } = useAuth()
- const [posts, setPosts] = useState([])
- const [isLoading, setIsLoading] = useState(true)
-
- useEffect(() => {
- async function fetchPosts() {
- try {
- const response = await fetch('/api/feed')
- if (response.ok) {
- const data = await response.json()
- setPosts(data.posts || [])
- }
- } catch {
- // ATProto feed unavailable — silent fallback
- } finally {
- setIsLoading(false)
- }
- }
- fetchPosts()
- }, [])
-
- // Don't render anything if ATProto has no posts and isn't loading
- if (!isLoading && posts.length === 0 && !isAuthenticated) return null
-
- return (
-
+ set('approach-ai', 'subtitle', v)}
+ multiline
+ placeholder="Responsible advancement in AGI, robotics, and immersive technologies that reshape how we interact with the world."
+ className="text-sm text-gray-500 leading-relaxed"
+ />
+
+ set('approach-neuro', 'subtitle', v)}
+ multiline
+ placeholder="Accelerating brain-computer interfaces and NeuroAI to expand human cognition and treat brain disorders."
+ className="text-sm text-gray-500 leading-relaxed"
+ />
+
+
+
+
+
+
+
+ {/* Team */}
+
+
Team
+
+ set('team', 'body', v)}
+ multiline
+ placeholder="A fully remote team distributed across the globe, working with talented and intellectually curious people who share a passion for improving technology for humanity."
+ className="text-lg text-gray-700 leading-relaxed max-w-2xl"
+ />
+
+
+ Meet the team
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/app/globals.css b/src/app/globals.css
index a69c0bad..2b05243c 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -5,10 +5,17 @@
&::-webkit-scrollbar { display: none; }
}
+@font-face {
+ font-family: 'Aileron';
+ src: url('/fonts/Aileron-Regular.woff2') format('woff2');
+ font-weight: 400;
+ font-style: normal;
+}
+
/* ===== Theme (Tailwind v4 CSS-first config) ===== */
@theme {
- --font-body: var(--font-inter), sans-serif;
- --font-serif: var(--font-serif), Georgia, "Times New Roman", serif;
+ --font-family-body: 'Aileron', sans-serif;
+ --font-family-serif: 'Newsreader', Georgia, "Times New Roman", serif;
--breakpoint-sm: 640px;
--breakpoint-md: 768px;
@@ -53,7 +60,8 @@ html {
}
h1, h2, h3, h4, h5, h6 {
- font-family: var(--font-serif);
+ font-family: var(--font-newsreader);
+ font-weight: 400;
}
p + ul, p + ol, p + blockquote {
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index e893845b..501e4d3e 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,19 +1,31 @@
import type { Metadata } from 'next'
-import { Inter, Newsreader } from 'next/font/google'
+import localFont from 'next/font/local'
+import { Newsreader } from 'next/font/google'
import { siteConfig } from '@/lib/site-config'
import { AuthProvider } from '@/lib/atproto'
import SiteShell from '@/components/SiteShell'
import './globals.css'
-const inter = Inter({
- subsets: ['latin'],
- variable: '--font-inter',
+const aileron = localFont({
+ src: [
+ {
+ path: '../../public/fonts/Aileron-Regular.woff2',
+ weight: '400',
+ style: 'normal',
+ },
+ {
+ path: '../../public/fonts/Aileron-Bold.woff2',
+ weight: '700',
+ style: 'normal',
+ },
+ ],
+ variable: '--font-aileron',
})
const newsreader = Newsreader({
subsets: ['latin'],
weight: '400',
- variable: '--font-serif',
+ variable: '--font-newsreader',
})
export const metadata: Metadata = {
@@ -50,11 +62,11 @@ export default function RootLayout({
}) {
return (
-
+
{children}
)
-}
+}
\ No newline at end of file
diff --git a/src/app/outreach/collaboration/page.tsx b/src/app/outreach/collaboration/page.tsx
index 0b60071d..0ed6c489 100644
--- a/src/app/outreach/collaboration/page.tsx
+++ b/src/app/outreach/collaboration/page.tsx
@@ -1,35 +1,53 @@
import type { Metadata } from 'next'
+import EditPageButton from '@/components/EditPageButton'
+import { PageEditHistoryByline } from '@/components/EditHistoryByline'
import Breadcrumb from '@/components/Breadcrumb'
+import { fetchPage, getSection } from '@/lib/indexer'
export const metadata: Metadata = {
title: 'Collaborate',
description: 'Partner with PL R&D to advance the frontiers of computing and build infrastructure for humanity.',
}
-export default function CollaborationPage() {
+export default async function CollaborationPage() {
+ const page = await fetchPage("collaborate")
+ const heroSection = getSection(page, "hero")
+ const bodySection = getSection(page, "body")
+
+ const heroTitle = heroSection?.title || "Collaborate With Us"
+ const heroBody = heroSection?.subtitle || "We believe in open collaboration. Whether you're a researcher, developer, institution, or visionary builder, there are many ways to work together on problems that matter."
+ const bodyParagraphs = bodySection?.body
+ ? bodySection.body.split("\n\n").filter(Boolean)
+ : [
+ "PL R&D works at the intersection of fundamental research and real-world impact. We're building the infrastructure for a better internet and exploring how technology can help humanity flourish.",
+ "Our collaborative approach brings together researchers, engineers, and institutions worldwide. We're always looking for partners who share our vision of open, decentralized, and human-centric technology.",
+ ]
+
return (
+
+
+
{/* Hero */}
- Collaborate With Us
+ {heroTitle}
- We believe in open collaboration. Whether you're a researcher, developer, institution, or visionary builder, there are many ways to work together on problems that matter.
+ {heroBody}
{/* Content */}
-
- PL R&D works at the intersection of fundamental research and real-world impact. We're building the infrastructure for a better internet and exploring how technology can help humanity flourish.
-
-
- Our collaborative approach brings together researchers, engineers, and institutions worldwide. We're always looking for partners who share our vision of open, decentralized, and human-centric technology.
-
- Driving R&D breakthroughs to push humanity forward.
+
+ {hero?.title || "Driving R&D breakthroughs to push humanity forward."}
- Use-inspired research across four frontiers
+ {approach?.title || "Use-inspired research across four frontiers"}
- We work in Pasteur's Quadrant — pursuing fundamental understanding while staying anchored to real-world impact. Our four focus areas span the most consequential frontiers in computing, society, and human cognition.
+ {approach?.body || "We work in Pasteur's Quadrant — pursuing fundamental understanding while staying anchored to real-world impact. Our four focus areas span the most consequential frontiers in computing, society, and human cognition."}
@@ -119,8 +130,8 @@ export default function HomePage() {
-
Digital Human Rights
-
Building decentralized infrastructure that enshrines freedom and safety in the digital age.
+
{dhr?.title || "Digital Human Rights"}
+
{dhr?.subtitle || "Building decentralized infrastructure that enshrines freedom and safety in the digital age."}
)
}
-
-
diff --git a/src/components/EditHistoryByline.tsx b/src/components/EditHistoryByline.tsx
new file mode 100644
index 00000000..6042594a
--- /dev/null
+++ b/src/components/EditHistoryByline.tsx
@@ -0,0 +1,318 @@
+'use client'
+
+import { useCallback, useEffect, useState } from 'react'
+import { formatDate } from '@/lib/format'
+import { ADMIN_DID, OPPORTUNITY_COLLECTION, PAGE_COLLECTION } from '@/lib/lexicons'
+
+type EditEvent = {
+ uri?: string
+ target: string
+ editor: string
+ editorHandle?: string | null
+ changedFields?: string[] | null
+ editedAt: string
+ note?: string | null
+}
+
+type Profile = {
+ did: string
+ handle: string
+ displayName?: string
+ avatar?: string
+}
+
+/**
+ * Small inline byline for a content record: shows the latest editor + relative
+ * time, plus a "View history (N)" control that opens a full-log drawer.
+ *
+ * Mounted on public detail pages and on edit pages. Fetches from
+ * /api/edit-history?target= on mount. Swallows errors — if the indexer
+ * is down, the byline just doesn't render.
+ */
+export default function EditHistoryByline({ targetUri }: { targetUri: string }) {
+ const [events, setEvents] = useState(null)
+ const [profiles, setProfiles] = useState>({})
+ const [open, setOpen] = useState(false)
+
+ useEffect(() => {
+ let cancelled = false
+ fetch(`/api/edit-history?target=${encodeURIComponent(targetUri)}`)
+ .then((r) => (r.ok ? r.json() : Promise.reject(r.statusText)))
+ .then((data: { events: EditEvent[] }) => {
+ if (!cancelled) setEvents(data.events ?? [])
+ })
+ .catch(() => {
+ if (!cancelled) setEvents([])
+ })
+ return () => {
+ cancelled = true
+ }
+ }, [targetUri])
+
+ // Hydrate profiles (avatar/displayName) from public Bluesky API as events arrive.
+ useEffect(() => {
+ if (!events || events.length === 0) return
+ const dids = Array.from(new Set(events.map((e) => e.editor))).filter(
+ (d) => !profiles[d],
+ )
+ if (dids.length === 0) return
+ Promise.all(
+ dids.map((did) =>
+ fetch(
+ `https://public.api.bsky.app/xrpc/app.bsky.actor.getProfile?actor=${encodeURIComponent(did)}`,
+ )
+ .then((r) => (r.ok ? r.json() : null))
+ .then((p) =>
+ p
+ ? ({
+ did,
+ handle: p.handle,
+ displayName: p.displayName,
+ avatar: p.avatar,
+ } as Profile)
+ : null,
+ )
+ .catch(() => null),
+ ),
+ ).then((results) => {
+ const next = { ...profiles }
+ for (const p of results) {
+ if (p) next[p.did] = p
+ }
+ setProfiles(next)
+ })
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [events])
+
+ // Close on Escape.
+ useEffect(() => {
+ if (!open) return
+ const onKey = (e: KeyboardEvent) => {
+ if (e.key === 'Escape') setOpen(false)
+ }
+ window.addEventListener('keydown', onKey)
+ return () => window.removeEventListener('keydown', onKey)
+ }, [open])
+
+ if (!events || events.length === 0) return null
+
+ const latest = events[0]
+ const latestProfile = profiles[latest.editor]
+
+ return (
+ <>
+
+