Personal website of Naiyer (@Microflash)
This site was made possible by
- Gridsome: a modern Vue.js framework for static websites (and more)
- Gridsome Portfolio Starter: a simple portfolio starter for Gridsome
- Gridsome Casper V3 Starter: Gridsome starter based on Ghost Casper V3 and tailwindcss
- Fuse.js: a lightweight fuzzy-search library
- Prism: a lightweight, extensible syntax highlighter
- Feather: beautiful open-source icons
- Spritely: a Node.js CLI to generate SVG sprites
- Remarkability: a compact CSS library for a pleasant reading experience on the web
- Bourbon: a lightweight SASS tool set
- Animate.css: a cross-browser library of CSS animations
- Grid By Example: a collection of examples and references on CSS Grid
This site uses
- CSS variables to achieve responsive design and theme switching
- GraphQL for querying data
- Vue.js as the frontend framework
- SASS as the CSS preprocessor (using Module System, and lightly adhering to SMACSS)
- Inter as the body font (variable font with traditional fallbacks)
- Space Grotesk as the heading font (variable font with traditional fallbacks)
- JetBrains Mono as the
monospace
font - a custom Prism theme to decorate the codeblocks
- Yarn as the package manager
- Git LFS to version large files
- GitHub Actions for continuous integration
- Netlify to publish the site
- vector graphics and illustrations created with Affinity Designer
The source of this site is available under MIT, the content under CC by SA.