https://github.com/logotip4ik/blog

Place to put my thoughts
https://github.com/logotip4ik/blog

blog markdown ogl popmotion shaders vite vue3

Last synced: 3 months ago
JSON representation

Place to put my thoughts

• Host: GitHub
• URL: https://github.com/logotip4ik/blog
• Owner: logotip4ik
• License: agpl-3.0
• Created: 2022-10-03T20:49:41.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-04-20T20:33:50.000Z (10 months ago)
• Last Synced: 2024-04-21T21:15:43.444Z (10 months ago)
• Topics: blog, markdown, ogl, popmotion, shaders, vite, vue3
• Language: Vue
• Homepage: https://blog.bogdankostyuk.xyz
• Size: 2.79 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![SWUbanner](https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/banner-direct-single.svg)](https://stand-with-ukraine.pp.ua/)

# Blog

[blog.bogdankostyuk.xyz](https://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](https://github.com/oxalorg/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](https://vitejs.dev) - as written on the website "Next Generation Frontend Tooling", in simpler words - bundler, but not quite

- [Animejs](https://animejs.com) - 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](https://github.com/oframe/ogl) - background, smaller that threejs

- [Sakura](https://github.com/oxalorg/sakura) - instead of building styles from ground up, used this and added some minor changes to specific areas

- [shiki](https://shiki.matsu.io) - used for syntax highlighting in markdown

---

## Usage

1. Clone or fork this repo

   ```shell

   $ git clone https://github.com/logotip4ik/blog

   ```

2. Install all the dependencies

   ```shell

   $ yarn

   ```

   or

   ```

   $ npm install

   ```

3. Run the local server!

   ```shell

   $ yarn dev

   ```

   or

   ```shell

   $ npm run dev

   ```

---

### Star if you liked it 😜