Merge pull request #10 from milan-codes/dev

Redesign, code quality workflows

Author: milan-codes

.github/workflows/check-formatting.yml

@@ -0,0 +1,14 @@
+name: Check formatting
+on:
+  pull_request:
+    branches: [main]
+jobs:
+  format:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: oven-sh/setup-bun@v2
+      - name: Install dependencies
+        run: bun install
+      - name: Check formatting
+        run: bun format:check

.github/workflows/check-linting.yml

@@ -0,0 +1,14 @@
+name: Check linting
+on:
+  pull_request:
+    branches: [main]
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: oven-sh/setup-bun@v2
+      - name: Install dependencies
+        run: bun install
+      - name: Check linting
+        run: bun lint

.prettierrc.mjs

@@ -1,7 +1,7 @@
 // .prettierrc.mjs
 /** @type {import("prettier").Config} */
 export default {
-  plugins: ["prettier-plugin-astro"],
+  plugins: ["prettier-plugin-astro", "prettier-plugin-tailwindcss"],
   overrides: [
     {
       files: "*.astro",

bun.lockb

@@ -1 +1 @@
-export default { extends: ['@commitlint/config-conventional'] };
+export default { extends: ["@commitlint/config-conventional"] };

commitlint.config.js

@@ -10,6 +10,8 @@
     "preview": "astro preview",
     "astro": "astro",
     "lint": "eslint .",
+    "format:write": "prettier . --write",
+    "format:check": "prettier . --check",
     "prepare": "husky"
   },
   "dependencies": {
@@ -32,6 +34,7 @@
     "husky": "^9.1.6",
     "prettier": "^3.3.3",
     "prettier-plugin-astro": "^0.14.1",
+    "prettier-plugin-tailwindcss": "^0.6.8",
     "rehype-katex": "^7.0.1",
     "rehype-mathjax": "^6.0.0",
     "remark-math": "^6.0.0",

package.json

@@ -1,49 +1,5 @@
----
-import { Image } from "astro:assets";
-import memoji from "../assets/memoji-mac.png";
----
-
-<div>
-  <div class="flex my-8">
-    <Image
-      alt="Milán Herke"
-      src={memoji}
-      loading="eager"
-      class="h-16 w-16 rounded-lg object-cover mr-4"
-    />
-    <div>
-      <h1 class="text-xl text-gray-900 dark:text-gray-100 tracking-wider">
-        Milán Herke
-      </h1>
-      <h1 class="text-gray-600 dark:text-gray-400">Software engineer</h1>
-      <h1 class="text-sm text-gray-400 dark:text-gray-600 hover:underline">
-        <a
-          href="mailto:milanherke@protonmail.com"
-          class="inline-flex items-center"
-          >milanherke@protonmail.com <svg
-            xmlns="http://www.w3.org/2000/svg"
-            width="24"
-            height="24"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            stroke-width="2"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            class="ml-1 h-4 w-4"
-            ><line x1="7" y1="17" x2="17" y2="7"></line><polyline
-              points="7 7 17 7 17 17"></polyline></svg
-          ></a
-        >
-      </h1>
-    </div>
-  </div>
-  <div class="my-8">
-    <h1 class="text-gray-900 dark:text-gray-100 mb-2 tracking-wider">About</h1>
-    <p class="text-gray-600 dark:text-gray-400">
-      Hi, I'm Milán. I enjoy building creative, cool products. I'm currently
-      working towards obtaining my bachelor's degree in computer science at the
-      University of Pécs, Faculty of Sciences.
-    </p>
-  </div>
+<div class="my-4 text-gray-600 dark:text-gray-400">
+  Hi, I'm Milán. I enjoy building creative, cool products. I'm currently working
+  towards obtaining my bachelor's degree in computer science at the University
+  of Pécs, Faculty of Sciences.
 </div>

src/assets/memoji-mac.png

@@ -8,13 +8,13 @@ const { announcement } = Astro.props;
 ---
 
 <div>
-  <h1 class="text-xl text-gray-900 dark:text-gray-100 tracking-wider">
+  <h1 class="text-xl tracking-wider text-gray-900 dark:text-gray-100">
     {announcement.data.title}
   </h1>
   <h1 class="text-gray-600 dark:text-gray-400">
     {announcement.data.description}
   </h1>
-  <div class="prose dark:prose-invert text-gray-600 dark:text-gray-400 my-8">
+  <div class="prose my-8 text-gray-600 dark:prose-invert dark:text-gray-400">
     <slot />
   </div>
 </div>

src/components/About.astro

@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+  class="ml-1 h-4 w-4"
+  ><line x1="5" y1="12" x2="19" y2="12"></line><polyline
+    points="12 5 19 12 12 19"></polyline></svg
+>