Migrate to Vite

.github/workflows/build.yml

@@ -4,23 +4,22 @@
 name: Build
 on:
   pull_request:
-    branches: [ master ]
+    branches: [master]
 
 jobs:
   test_and_build:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v3
-    
-      # extract `engines.node` from package.json and save it to output
+      - uses: actions/checkout@v4
+
+      # extract `engines.node` from package.json and set as env variable
       - name: Get Node.JS version from package.json
-        id: get-versions
-        run: echo ::set-output name=node::$(jq -r .engines.node ./package.json)
+        run: echo "NODE_VERSION=$(jq -r .engines.node ./package.json)" >> "$GITHUB_ENV"
 
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
-          node-version: ${{steps.get-versions.outputs.node}}
+          node-version: ${{ env.NODE_VERSION }}
           cache: 'npm'
 
       - run: npm ci

.gitignore

@@ -5,3 +5,4 @@ node_modules
 ./js
 ./css
 site
+dist

README.md

@@ -1,37 +1,41 @@
 <div align="center">
-  <img src="https://raw.githubusercontent.com/pareder/portfolio/master/img/logo/logo.svg" width="100" alt="Logo"/>
+  <img src="https://raw.githubusercontent.com/pareder/portfolio/master/public/logo/logo.svg" width="100" alt="Logo"/>
 </div>
 <h1 align="center">
   Personal Website
 </h1>
 <p align="center">
-  My own <a href="https://pareder.netlify.app" target="_blank">personal site</a> portfolio build with <a href="https://gulpjs.com" target="_blank">Gulp</a> and hosted with <a href="https://www.netlify.com" target="_blank">Netlify</a>.
+  My own <a href="https://pareder.netlify.app" target="_blank">personal site</a> portfolio build with <a href="https://vite.dev" target="_blank">Vite</a> and hosted with <a href="https://www.netlify.com" target="_blank">Netlify</a>.
 </p>
 <p align="center">
   <a href="https://app.netlify.com/sites/pareder/deploys" target="_blank">
     <img src="https://api.netlify.com/api/v1/badges/cf04beed-dd89-4657-9d0f-96522e004a38/deploy-status" alt="Netlify Status" />
   </a>
 </p>
 
-![demo](./img/cover.png)
+![demo](./public/cover.png)
 
 ## Used
 
-* [Gulp](https://gulpjs.com/)
-* [Pug](https://pugjs.org/)
-* [SCSS](https://sass-lang.com/documentation/syntax#scss)
+- [Vite](https://vite.dev)
+- [Vituum](https://vituum.dev)
+- [Pug](https://pugjs.org/)
+- [SCSS](https://sass-lang.com)
 
 ## Project Setup
+
 ```
 npm install
 ```
 
 ### Starts the server
+
 ```
 npm start
 ```
 
 ### Compiles and minifies for production
+
 ```
 npm run build
 ```