Skip to content

Import new website #322

Open
2color wants to merge 75 commits into
mainfrom
import-new-website
Open

Import new website #322
2color wants to merge 75 commits into
mainfrom
import-new-website

Conversation

@2color

@2color 2color commented Jul 5, 2026

Copy link
Copy Markdown
Member

new ipfs website for 2026

2color added 30 commits May 6, 2026 20:56
- replace static dot pattern with deterministic mesh of jittered nodes
  and nearest-neighbor edges so the hero conveys "content addressing"
  visually rather than as decoration
- mask the mesh near the headline anchor to keep copy legible while
  preserving density at the edges
- seed the PRNG and render at build time to avoid client-side cost
  and layout shift across builds
- replace the placeholder logomark with the official IPFS symbol;
  add a mono variant so the footer can render it on the dark
  background without recoloring the full-color version
- default Nav to the color logomark by dropping the override
- add @fontsource/commit-mono and point --font-mono at it so all
  code, CIDs, eyebrow labels, and terminal-style content render in
  a neutral, readable monospace
- reserve Departure Mono via a new --font-display-mono token and
  .mono-display class; its single-weight pixel face was being
  artificially bolded everywhere it appeared
- switch IPFS wordmarks (Nav, Footer), hero tagline highlight, and
  the two $ install CTAs to .mono-display so Departure stays a
  display accent rather than the default mono
- extend the mono selector to pre/kbd/samp so future code blocks
  inherit the workhorse face automatically
- introduce Community.astro with two-row photo ribbon
- pull from 12 of 20 community photos for variety
- make rows horizontally swipeable on mobile with snap
- wire section into index between constellation and get started

Why: surface the public/open nature of the project and give
visitors a tangible sense of the community before the CTA.
- remove standalone Community section and fold its photo ribbon
  into the navy Get Started block so the page ends on one CTA
- expand CTA grid with Newsletter and YouTube cards; switch to
  responsive auto-fit layout to handle the extra cards
- swap em-dash asides for periods/commas across copy to match
  the house style
- replace community-26.jpg with community-19.jpg in the assets
- split out Open science with ORCESTRA and GainForest so the
  research story has its own home instead of riding inside
  Resilient web publishing and Open social
- replace the GainForest entry in Open social with atproto and
  Seed Hypermedia, so the social section shows the protocol the
  framing already calls out plus a hypermedia-document example
- update the section lede from four jobs to five to match the
  new category count
- Drop the generic Astro minimal-template boilerplate that no
  longer reflects what this repo actually is
- Describe the site as the IPFS marketing site and document the
  real src/ layout (components, data, layouts, pages, styles)
- Note the Node >=22.12.0 engine requirement so contributors
  don't hit version mismatches
- introduce ThreePillars section breaking IPFS into addressing,
  discovery, and transfer; clarifies the technical decomposition
  beyond the higher-level Foundations commitments
- add Tools section with job-to-be-done filter; surfaces Kubo,
  Helia, iroh-blobs, Omnipin, ipfs-deploy-action, and gateways so
  visitors can find tooling by what they're trying to do
- replace synthetic Helia snippets in WorksEverywhere with
  patterns adapted from ipfs-examples/helia-101 and link back to
  each source file, so demos match real, runnable examples
- list Matadisco under Discovery so atproto-based dataset
  discovery shows up alongside DHT and indexer-based routing
- point radicle-artifact at its Radicle repo node URL instead of
  the project landing page so visitors land on the source
- add hrefs to Nav, Footer, and use-case story cards that were rendered as dead anchors
- give Constellation's active-node label a real URL (skip placeholder)
- add section ids (#tools, #community, #usecases) so internal nav anchors resolve
- store full URLs alongside display strings in stories data so cards link to source case studies

Without these, the primary navigation and most case-study cards did nothing on click.
- replace the Stargate card with the HIN (Vereign) Swiss healthcare messaging case — a stronger fit for the "resilient publishing" framing, with concrete scale (700k messages/month) and a clear no-central-database story
- Make each community CTA a single clickable card with hover affordance
- Drop the redundant arrow+URL line and secondary link list that made
  card heights uneven
- Split the dual-link Chat card into separate Discord (Matrix hidden
  for now so the row fits five tiles)
- Point YouTube at the actual @ipfsbot channel
- Render community ribbon photos in colour; grayscale read as somber
  for a "by the community" section
- Remove eyebrow labels on Foundations, ThreePillars, Tools, UseCases,
  and GetStarted: the titles carry the section identity and the eyebrows
  added visual noise without new information
- Recolor "a Better Web" from teal to yellow; the teal accent vanished
  against the teal/navy hero gradient, so the headline lost its anchor
- Drop the underline and trailing period; the colour shift alone is
  enough emphasis and the period read as a hard stop on the tagline
- Remove install CTA from top nav; install path lives in docs and
  was crowding the bar alongside the github link
- Drop placeholder CID from footer bottom bar so the line stops
  reading like unfinished copy
- Add Bluesky link to footer Community column to surface the
  ipfs.tech profile alongside GitHub and Discuss
- Reword use-cases lede to emphasise broad applicability of
  content addressing instead of the narrow "five jobs" framing
- Point atproto case study link at the data-model spec section
  on CID formats, which is the actual evidence for the claim
- Add SocialProof section after hero: muted brand logo strip plus a
  prominent testimonials grid, surfacing proof high on the page
- Consolidate use-case quotes into that band so testimonials read as
  one prominent block instead of being buried in story cards
- Drop the "Works everywhere" tab; the first section now states two
  commitments, with a new transport fan-out diagram and RASL emphasis
- Move the runtime code examples into the three pillars so each job
  (addressing, discovery, transfer) shows its call
- Make testimonials a single horizontal row with prev/next arrows and
  tighter spacing, so the section takes less vertical space
- Add the Vereign testimonial to the HIN case, the deployment it speaks to
- Drop the per-pillar code blocks from addressing/discovery/transfer to
  keep that section focused on the concepts
- Remove fileName state and file icon input from FileDropCID
- Drop outer borders from all three island components
- Simplify result/status divs in LocationVsContent
- Switch TransportRoutes lanes to left-border row style
It doesn't really map web to discovery because it's not pointing
to content addressed metadata
- Preload Geist Sans 400 and Geist Pixel Circle woff2 files
- Uses ?url imports so Astro resolves hashed paths at build time
2color added 7 commits June 25, 2026 12:31
Imported from https://github.com/ipfs/ipfs-website-v2

* source/main: (55 commits)
  fix seed logo
  using > running
  refine style
  Sprinkle ipfs ✨
  fix footer mobile layout
  Fix links
  Add logos
  chore: remove actyx case study
  Add text size css variables for consistency
  refine foundations
  Migrate font sizes to rem token scale
  Add IPFS favicon and mono nav logomark
  Link keywords and brand logos, refine demos
  Add dark mode toggle and refine labels
  more subtle
  Apply pre-release suggestions from issue #6
  Refine tools and add radicle-artifact
  Add IPLD library links by format
  Bump devalue from 5.8.0 to 5.8.1
  Bump astro from 6.2.2 to 6.4.6
  ...
@vercel

This comment was marked as outdated.

@github-actions

github-actions Bot commented Jul 5, 2026

Copy link
Copy Markdown

🚀 Build Preview on IPFS ready

2color added 8 commits July 5, 2026 20:26
Remove separate sub field from tagline object and inline the
text with a strong tag, since it was the only place needing
markup and kept as plain data otherwise.
- update section title to lead with content addressing benefits
- remove get-started CTA rows from foundation cards, since the
  links were stale and duplicated info covered elsewhere on page
Replace the stale crates.io/radicle.network node links with the
current radicle.norman.life node address, and update the hint
text to describe what the tool does.
Point to the ipfs.tech blog writeup instead of the dead
observer.com article.
Add SimplePage to the use-case stories with a quote from
co-founder Joel Thorstensson, showcasing no-code sites published
on IPFS.
- Replace fake sha256+custom-base32 CID stub with multiformats
  CID.create, since the placeholder wasn't a valid CID and diverged
  from real IPFS output
- Decode pasted CIDs with CID.parse and derive the multicodec/hash
  labels from them, since they were hardcoded to raw/sha2-256 and
  showed wrong values for CIDs like dag-pb
2color added 5 commits July 6, 2026 18:30
- switch UI accents (chips, badges, avatars, buttons) from Commit Mono to Geist Pixel Circle
- keep Commit Mono for code/CID/terminal content only
- drop now-unused Geist Mono font imports and dependency

Unifies display/accent text on one face and trims two loaded font weights from the bundle.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant