Migrate to shadcn-svelte, complete redesign (#11)

.github/workflows/deploy.yml

@@ -1,40 +1,40 @@
-name: Deploy to GitHub Pages
+# name: Deploy to GitHub Pages
 
-on:
-  push:
-    branches: [main]
-  pull_request:
-    branches: [main]
+# on:
+#   push:
+#     branches: [main]
+#   pull_request:
+#     branches: [main]
 
-jobs:
-  deploy:
-    permissions:
-      pages: write
-      contents: write
+# jobs:
+#   deploy:
+#     permissions:
+#       pages: write
+#       contents: write
 
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
+#     runs-on: ubuntu-latest
+#     steps:
+#       - name: Checkout
+#         uses: actions/checkout@v4
 
-      - name: Setup bun
-        uses: oven-sh/setup-bun@v2
-        with:
-          bun-version: latest
+#       - name: Setup bun
+#         uses: oven-sh/setup-bun@v2
+#         with:
+#           bun-version: latest
 
-      - name: Install dependencies
-        run: bun install
+#       - name: Install dependencies
+#         run: bun install
 
-      - name: build
-        env:
-          BASE_PATH: '/${{ github.event.repository.name }}'
-          PUBLIC_URL: "https://ilkersigirci.github.io"
-        run: |
-          bun run build
+#       - name: build
+#         env:
+#           BASE_PATH: '/${{ github.event.repository.name }}'
+#           PUBLIC_URL: "https://ilkersigirci.github.io"
+#         run: |
+#           bun run build
 
-      - name: Deploy
-        uses: peaceiris/actions-gh-pages@v4
-        with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: ./build
-          publish_branch: gh-pages
+#       - name: Deploy
+#         uses: peaceiris/actions-gh-pages@v4
+#         with:
+#           github_token: ${{ secrets.GITHUB_TOKEN }}
+#           publish_dir: ./build
+#           publish_branch: gh-pages

.gitignore

@@ -1,13 +1,24 @@
-.DS_Store
 node_modules
-/build
+
+# Output
+.output
+.vercel
 /.svelte-kit
-/package
+/build
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Env
 .env
 .env.*
 !.env.example
-.vercel
-.output
+!.env.test
+
+# Vite
 vite.config.js.timestamp-*
 vite.config.ts.timestamp-*
+
+# Custom
 static/pagefind

.prettierrc

@@ -1,11 +1,12 @@
 {
-	"semi": false,
 	"useTabs": true,
 	"singleQuote": true,
 	"trailingComma": "none",
 	"printWidth": 100,
-	"plugins": ["prettier-plugin-svelte"],
-	"pluginSearchDirs": ["."],
+	"plugins": [
+		"prettier-plugin-svelte",
+		"prettier-plugin-tailwindcss"
+	],
 	"overrides": [
 		{
 			"files": "*.svelte",
@@ -14,4 +15,4 @@
 			}
 		}
 	]
-}
+}

README.md

@@ -1,4 +1,4 @@
-# Blog-Markdown
+# my-blog
 
 ## Install && Run the App
 
@@ -22,6 +22,12 @@ bun run build
 
 #preview your app
 bun run preview
+
+## With pagefind in package.json
+vite build && pagefind
+
+## Without pagefind in package.json
+vite build
 ```
 
 ## Vercel Project Settings
@@ -39,4 +45,9 @@ bun run preview
 - For custom Ignored Build Step
     - Go to Settings -> Git -> Ignored Build Step -> Project Settings
     - Custom -> if [ "$VERCEL_GIT_COMMIT_REF" == "gh-pages" ]; then exit 0; else exit 1; fi
-    - (Alternative) Run my bash script -> bash scripts/vercel_ignored_build_step.sh
+    - (Alternative) Run my bash script -> bash scripts/vercel_ignored_build_step.s
+
+
+## TODO
+
+- Using [official mdsvex](https://github.com/pngwn/MDsveX) package instead of [@huntabyte/mdsvex](https://github.com/huntabyte/MDsveX) breaks the code highlighting. Need to fix it.

components.json

@@ -0,0 +1,14 @@
+{
+	"$schema": "https://shadcn-svelte.com/schema.json",
+	"style": "default",
+	"tailwind": {
+		"config": "tailwind.config.ts",
+		"css": "src/app.css",
+		"baseColor": "zinc"
+	},
+	"aliases": {
+		"components": "$lib/components",
+		"utils": "$lib/utils"
+	},
+	"typescript": true
+}

docker-compose.yml

@@ -1,15 +1,15 @@
 version: '3.9'
-name: blog-markdown
+name: my-blog
 
 networks:
   bun_network:
     driver: bridge
 
 services:
-  blog-markdown:
-    container_name: blog-markdown
+  my-blog:
+    container_name: my-blog
     # The name of the image that will be created when building this container
-    image: blog-markdown:latest
+    image: my-blog:latest
     build:
       context: .
       dockerfile: Dockerfile

eslint.config.js

@@ -0,0 +1,33 @@
+import js from '@eslint/js';
+import ts from 'typescript-eslint';
+import svelte from 'eslint-plugin-svelte';
+import prettier from 'eslint-config-prettier';
+import globals from 'globals';
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+	js.configs.recommended,
+	...ts.configs.recommended,
+	...svelte.configs['flat/recommended'],
+	prettier,
+	...svelte.configs['flat/prettier'],
+	{
+		languageOptions: {
+			globals: {
+				...globals.browser,
+				...globals.node
+			}
+		}
+	},
+	{
+		files: ['**/*.svelte'],
+		languageOptions: {
+			parserOptions: {
+				parser: ts.parser
+			}
+		}
+	},
+	{
+		ignores: ['build/', '.svelte-kit/', 'dist/']
+	}
+];

journey/2020/1.md

@@ -0,0 +1,6 @@
+---
+title: Bachelor's degree, Computer Engineering  🎓
+month: 'June'
+image: '/metu_logo.svg'
+---
+Graduated from Middle East Technical University, Computer Engineering Department.

journey/2020/2.md

@@ -0,0 +1,6 @@
+---
+title: Started working at HAVELSAN
+month: 'October'
+image: '/havelsan_logo.svg'
+---
+I have started as Software Engineer at HAVELSAN Simulation Department.

journey/2021/1.md

@@ -0,0 +1,6 @@
+---
+title: Started working at Databoss
+month: 'June'
+image: './cg-logo.png'
+---
+I have started as Machine Learning Engineer at Databoss Machine Learning Team.

journey/2023/1.md

@@ -0,0 +1,8 @@
+---
+title: Master of Science, Computer Engineering  🎓
+month: 'September'
+image: '/metu_logo.svg'
+---
+Graduated from Middle East Technical University, Computer Engineering Department.
+
+[Thesis](/pdfs/Thesis.pdf): **On The Use of Large Language Model for Virtual Screening**

journey/2024/1.md

@@ -0,0 +1,5 @@
+---
+title: Created my personal website
+month: 'May'
+---
+I have created my personal website using SvelteKit and mdsveX. I have also added a blog section to share my journey and thoughts.