This is the code base for v2 of my portfolio at HTKO.ca.
Full responsive. Using a heavily modified version of Bulma to define grid structure; it is CSS only, unopinionated, fast (<200KB!), yet supports all modern flexbox grid conventions. My Gulp build process then compiles SASS & SCSS, copies portfolio items from my local sources, builds it with Hugo, and renders real-time with BrowserSync for a live editing experience. I deploy using Git on DigitalOcean due to delta updates for all file types, which means builds deploy in seconds not hours.
Download and install dependencies123git clone https://github.com/htkoca/htko-site-base.gitcd htko-site-basenpm install
Build12npm run server # local live editingnpm run builder # remote live build (!)
(!) renders only for build confirmation. All linked elements point to htko.ca and load accordingly based on files there.
- 100% HTKO design.
- Style Structure: Custom lightweight base based on Bulma.
AutoPrefixerto compile sass & scss files to css.
- Portfolio Support: Pull from all local sources.
Gray-Matterfor front matter / build configuration processing.
FS-Extrafor portfolio projects compilation.
- Human ready: Linting, Sourcemapping, Live-editing.
BrowserSyncfor building and rendering.