this is the sponsor.noncon.org homepage, built using the @magic framework.
it is hosted at sponsor.noncon.org using github pages.
# first get the git repository
git clone https://github.com/nonconorg/sponsor.noncon.org
# go to the noncon.org directory that just got created
cd noncon.org
# install @magic and other dependencies
npm install
# see all available tasks
npm run
# run dev env
npm run dev
# run prod env, this uses the files that will be uploaded, not the dev build
npm run prod
# build to /docs dir
npm run build
# add files to git staging
git add .
git add src/pages/index.mjs
# commit changes with message
git commit -m "commit message"
# publish page on noncon.org (after comitting all changes to src and docs)
git push
to play around:
fork the page somewhere on your personal profile, setting up github pages for that repository, then changing config.mjs to reflect your path.
// /config.mjs:
export default {
ROOT: 'src',
THEME: 'noncon',
PUBLIC: 'docs',
WEB_ROOT: 'YOUR_REPOSITORY_NAME',
URL: 'YOUR_USER.github.io',
CNAME: 'noncon.org', <- delete this line.
HOIST: 'Gdpr',
}