butter/butter-www-2026
6
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

enable localizationw

Browse source
This commit is contained in:
n8fr8 2026-04-21 19:34:03 -04:00
parent 0cd2a2f09d
commit 384af2d663
12 changed files with 979 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

41
www/src/pages/index.tsx
View file

@ -2,6 +2,8 @@ import type {ReactNode} from 'react';
import Layout from '@theme/Layout';
import Heading from '@theme/Heading';
import Translate, {translate} from '@docusaurus/Translate';
const CONTACT_US = '/contact';
const BOOT_IMAGES = '/docs/build-a-box';
const REPO = 'https://guardianproject.dev/butter';
@ -17,11 +19,11 @@ function Hero() {
alt="Butter App Feature Logo"
/>
<Heading as="h1" className="hero-title">
Introducing Butter Box
<Translate id="home.title">Introducing Butter Box</Translate>
</Heading>
<p className="hero-subtitle">
No Internet? No electricity? No problem.<br/>
Bring internet services and sites where they are not.
<Translate id="home.subtitle1">Life without internet made smoother.</Translate><br/>
<Translate id="home.subtitle2">Get access to tools that help.</Translate>
</p>
</div>
</header>
@ -42,66 +44,65 @@ export default function Home(): ReactNode {
alt="A Butter Box: A Raspberry Pi Zero W 2 plugged into a battery and solar panel."
/>
<p className="caption">
An app store, encrypted chat, and more, all available over WiFi
from an off-the-grid Raspberry Pi.
<Translate id="home.whatisbutterbox">An app store, encrypted chat, and more, all available over WiFi from an off-the-grid Raspberry Pi.</Translate>
</p>
</div>
<section className="section">
<Heading as="h2">How does it work?</Heading>
<Heading as="h2"><Translate id="home.section1.title">How does it work?</Translate></Heading>
<p className="content-text">
Butter Box broadcasts its own WiFi network. Once you join, you
<Translate id="home.section1.description">Butter Box broadcasts its own WiFi network. Once you join, you
can install Butter, get apps, join a public chatroom, or make
your own private one to share with friends. Butter Box works
even when there&apos;s no Internet. Just stop by the box to
download more apps or check in on your chatrooms. Everything is
stored right on the Butter Box.
stored right on the Butter Box.</Translate>
</p>
<img
src="/img/docs/20250815_142828.jpg"
alt="A Butter Box: A Raspberry Pi Zero W 2 plugged into a battery and solar panel."
/>
<a className="btn-main" target="_blank" rel="noreferrer" href={DOCS}>
Learn More
<Translate id="home.learnmore">Learn More</Translate>
</a>
</section>
<section className="section">
<Heading as="h2">Get your own Butter Box</Heading>
<Heading as="h2"><Translate id="home.getbutter.title">Get your own Butter Box</Translate></Heading>
<p className="content-text">
We help make &amp; ship Butter Boxes to partners around the world.
Reach out to us if you serve a community that could benefit.
<Translate id="home.getbutter.description">We help make &amp; ship Butter Boxes to partners around the world.
Reach out to us if you serve a community that could benefit.</Translate>
</p>
<a className="btn-main" href={`${CONTACT_US}`}>
Get in Touch
<Translate id="home.getintouch">Get in Touch</Translate>
</a>
</section>
<section className="section">
<Heading as="h2">Make your own Butter Box</Heading>
<Heading as="h2"><Translate id="home.makebutter.title">Make your own Butter Box</Translate></Heading>
<p className="content-text">
You can make your own Butter Box by installing a pre-made image
<Translate id="home.makebutter.description">You can make your own Butter Box by installing a pre-made image
on a Raspberry Pi or even an old PC. Just download the image and burn it onto a
MicroSD card or USB drive using the same RPi or Disk Imager you&apos;d use to install
other distros.
other distros.</Translate>
</p>
<a
className="btn-main"
target="_blank"
rel="noreferrer"
href={BOOT_IMAGES}>
Learn How!
<Translate id="home.learnhow">Learn How!</Translate>
</a>
<p className="content-text" style={{marginTop: '1.5rem'}}>
Or, customize your Butter Box following the instructions in our
open source repository.
<Translate id="home.getcode.title">Or, customize your Butter Box following the instructions in our
open source repository.</Translate>
</p>
<a
className="btn-main"
target="_blank"
rel="noreferrer"
href={`${REPO}`}>
Source &amp; Documentation
<Translate id="home.getsource.button">Source &amp; Documentation</Translate>
</a>
</section>
</div>