| public | ||
| src | ||
| .gitattributes | ||
| .gitignore | ||
| astro.config.mjs | ||
| deploy.sh | ||
| LICENSE.md | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| tailwind.config.mjs | ||
| tsconfig.json | ||
| yarn.lock | ||
My Personal Website!
The codebase for my personal website, which you can visit here!
Written using Astro.js as the main framework, with Tailwind CSS. MDX rendering and syntax highlighting provided by remark.js.
Building
If you're interested in building this code, do the following:
git clone https://git.mami2.moe/akemi/noway.moe
cd noway.moe
npm install
npm run dev
# To view the compiled version
npm run preview
# Once you're ready to publish
npm run build
I use Cloudflare Pages for hosting. It's free for static sites, but there are many other options to consider including Vercel, Github, and Netlify all of which are also free and fast for static webpages! Live on the edge, pick one you haven't tried!
Licence
Feel free to fork this code and use it for your website! No need to credit me.
This code is licensed under AGPL, meaning that you must open source any forks of this code. That way everyone can benefit from our collective efforts!
Design
This site is designed to reuse pages as much as possible. There are only 4 particularly different page types:
- Home page
- Posts listing (blog listing, unix listing...)
- Markdown posts (blogs, contact page)
- Pinterest-style masonry (cat pics page)
In general, only 4 style sheets are necessary to cover all the pages, but each individual page makes adjustments on top of the base.
This makes it easy to make the website very mobile-responsive. The home page has the most complex responsive design. Images are attached below!
Desktop Windowed
iPad Vertical
iPhone 12
