An exploration svelte-kit based static site Wax clone using svelte-kit, a JS framework for static and dynamic websites.
This does three things at once, to provide an all-javascript approach to fast, reliable, responsive, and standards-oriented Javascript sites.
google_drive_id
into the files _config.yml
; once this is done, you can sync the page against Google and download
any new or changed files while in dev mode or while building as a node target. (In static site mode, obviously, you can't
keep it synced to Google, because then it wouldn't be static. But in developing a site collaboratively, it's very helpful
to be able to edit essays in Google Docs and metadata in Google Sheets. For Jekyll, you'd need to use my scripts 'rubberstamp' to do this.)sharp
node
module which calls libvips
(must be installed on the system). This is a lot faster than imagemagick, currently used
by Wax. Also, the flexibility for editing IIIF manifests is greatly increased compared to Wax, because most of the IIIF manifests
are generated inside svelte-kit itself at endpoints. Both the image and presentation APIs for
IIIF are built entirely inside sveltekit as endpoints, making it easier to configure them and include metadata inside the fields.It does this while attempting to maintain back-compatability with the data ingest for
Wax sites, so that you can simply drop in a wax _data
folder and _config.yml
file and
experiment with svelte-kit on the fly.
Demo site at https://paperdata.benschmidt.org
To run locally:
git clone github.com/bmschmidt/bmschmidt.github.io
cd bmschmidt.github.io
npm i
npm run dev
go to localhost:3000
Edit files in src/routes
and they'll be instantly updated on the server.
/_config.yml
for general site configuration, names of collections, etc./_data
for the location of csv files, images, etc.