Skip to content

logotip4ik/blog

Repository files navigation

SWUbanner

Blog

blog.bogdankostyuk.xyz

Still under development, but feel free to read and break everything 😁. Also one of main challenges is to use as little as possible of classes selectors, exception is code highlighting and that's why sakura (classless CSS framework / theme) was choosen

code is licensed under MIT,
content in website is licensed under CC BY-NC-SA 4.0
.

Build with

  • Vite - as written on the website "Next Generation Frontend Tooling", in simpler words - bundler, but not quite

  • Animejs - used for animations, could use gsap, but i wanted to build the blog simple and small. Bundlephobia says that gsap is 3.8 times larger then animejs.

  • OGL - background, smaller that threejs

  • Sakura - instead of building styles from ground up, used this and added some minor changes to specific areas

  • shiki - used for syntax highlighting in markdown


Usage

  1. Clone or fork this repo

    $ git clone https://github.com/logotip4ik/blog
  2. Install all the dependencies

    $ yarn

    or

    $ npm install
    
  3. Run the local server!

    $ yarn dev

    or

    $ npm run dev

Star if you liked it 😜