|
|
||
|---|---|---|
| about | ||
| admin🔒 | ||
| app_modules | ||
| contact-us | ||
| demo/svelte-nano-donate | ||
| design | ||
| downloads | ||
| events | ||
| fonts | ||
| fund-us | ||
| images | ||
| news | ||
| patron | ||
| privacy | ||
| research-and-development | ||
| small-is-beautiful | ||
| styles | ||
| videos | ||
| .gitignore | ||
| FundUs.component.js | ||
| index.page.md | ||
| index.xml.get.js | ||
| jsconfig.json | ||
| LICENSE | ||
| Main.layout.js | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| site-feature.png | ||
| styles.css.page.js | ||
| template.md | ||
| Video.component.js | ||
Small Technology Foundation web site
This is the web site for the Small Technology Foundation.
It’s built using Kitten, the Small Web toolkit.
Like this? Fund us!
Small Technology Foundation is a tiny, independent not-for-profit.
We exist in part thanks to patronage by people like you. If you share our vision and want to support our work, please become a patron or donate to us today and help us continue to exist.
Run it locally
-
Install Kitten
-
Clone the repository
git clone https://codeberg.org/small-tech/site.git -
Run kitten
kitten site
Hit https://localhost to access your local copy of the site.
Deployment
The site is set up to deploy automatically on pushes to master via Kitten’s deployment webhook feature.
Adding content
Content pages
Content pages are Kitten Markdown pages and are authored and maintained manually in the source code.
Components and fragments
Repeated partials, such as the “fund us” blurb are Kitten components that are imported via the front matter on Kitten Markdown pages an embedded on the page via component syntax, e.g., <${FundUs} />``.
Layout
Layout is via Kitten layout components. e.g., see the main layout in Main.layout.js.
Dynamic pages
The news, events, and videos pages are dynamically generated from the site’s database (using Kitten’s built-in database support).
To update the data here, sign in to the /admin page with your secret.
Fund Us and Patronage Pages
The Fund Us page contains the funding form and uses the fully client-side Stripe Checkout flow. The payment form is hosted by Stripe and we simply redirect the donor to it once they’ve selected their donation type (donation or patronage) and amount. When they successfully complete a transation, they are either returned to /fund-us/thank-you/ (for donations) or to their own patronage page, as specified by the inclusion of the Stripe session ID within the URL.
A note on graphics and compression
Image resolutions
For full-width images, the largest resolution we support is 4K (3,840 width) @ 1.5x. So a full-width header is 5,760 pixels wide.
For smaller graphics, render them at 2x.
Header compression settings
We compress the header PNGs using compress-or-die.com/png in 4 colour. The full set of settings are below. All are defaults apart from the Colors settings, set in bold:
Preprocessing
- Size: 100%
- Trim: no
- Blurring radius (px): 0
- Blurring threshold (px): 0
Compression
- Bit depth: 8 Bit
- Colors: 4
- Dithering: yes
- Extreme compression: no
Copyright and license
Copyright ⓒ 2019-present Small Technology Foundation Licensed under AGPLv3 or later.