Add macosportfolio.netlify.app (#132)

* Added macOS-Themed-Portfolio

* update readme, add screenshots

bump pre-commit hooks

---------

Co-authored-by: Janosh Riebesell <janosh.riebesell@gmail.com>

Author: ansxuman

.pre-commit-config.yaml

@@ -8,7 +8,7 @@ default_install_hook_types: [pre-commit, commit-msg]
 
 repos:
   - repo: https://github.com/pre-commit/pre-commit-hooks
-    rev: v4.6.0
+    rev: v5.0.0
     hooks:
       - id: check-case-conflict
       - id: check-symlinks
@@ -37,7 +37,7 @@ repos:
         args: [--config-file, .github/yamllint.yml]
 
   - repo: https://github.com/igorshubovych/markdownlint-cli
-    rev: v0.41.0
+    rev: v0.42.0
     hooks:
       - id: markdownlint
         # MD013: line too long
@@ -54,7 +54,7 @@ repos:
         stages: [commit, commit-msg]
 
   - repo: https://github.com/pre-commit/mirrors-eslint
-    rev: v9.10.0
+    rev: v9.15.0
     hooks:
       - id: eslint
         types: [file]

readme.md

@@ -734,6 +734,16 @@ Awesome examples of SvelteKit in the wild. Visit **[janosh.github.io/awesome-sve
 
    uses: [D3], [PostCSS], [Lodash], [PNPM]
 
+1. **[macOS-Themed Portfolio](https://macosportfolio.netlify.app)** 
+   [[code](https://github.com/ansxuman/macOS-Themed-Portfolio)] 
+   <a href="https://github.com/ansxuman/macOS-Themed-Portfolio/stargazers">
+   <img src="https://img.shields.io/github/stars/ansxuman/macOS-Themed-Portfolio?logo=github" alt="GitHub stars" valign="middle">
+   </a>
+
+   An interactive portfolio website inspired by the macOS interface.<br>
+
+   uses: [TypeScript], [Tailwind], [PM2], [Cloudflare], [Netlify], [Nginx]
+
 1. **[Guess The Year](https://guess-the-year.davjhan.com)**&nbsp;
    [[code](https://github.com/davjhan/guess-the-year-game)]&ensp;
    <a href="https://github.com/davjhan/guess-the-year-game/stargazers">
@@ -927,6 +937,7 @@ Awesome examples of SvelteKit in the wild. Visit **[janosh.github.io/awesome-sve
 [mvp.css]: https://github.com/andybrewer/mvp
 [nestjs]: https://nestjs.com
 [netlify]: https://netlify.com
+[nginx]: https://nginx.org
 [notion]: https://notion.so
 [octokit]: https://github.com/octokit/octokit.js
 [ogl]: https://github.com/oframe/ogl
@@ -935,6 +946,7 @@ Awesome examples of SvelteKit in the wild. Visit **[janosh.github.io/awesome-sve
 [picocss]: https://picocss.com
 [plausible]: https://plausible.io
 [playwright]: https://playwright.dev
+[pm2]: https://pm2.io
 [pnpm]: https://pnpm.io
 [pocketbase]: https://pocketbase.io
 [postcss]: https://postcss.org

site/src/sites.yml

@@ -3150,3 +3150,34 @@
       name: Nick Trombley
       location: Boston
       company: '@logrhythm '
+- title: macOS-Themed Portfolio
+  url: https://macosportfolio.netlify.app
+  repo: https://github.com/ansxuman/macOS-Themed-Portfolio
+  description: An interactive portfolio website inspired by the macOS interface.
+  uses:
+    - TypeScript
+    - Tailwind
+    - PM2
+    - Cloudflare
+    - Netlify
+    - Nginx
+  tags:
+    - blogs
+    - interactive
+    - macos
+    - open source
+    - portfolio
+    - projects
+    - theme
+  date_created: 2024-10-13T00:00:00.000Z
+  date_added: 2024-11-19T00:00:00.000Z
+  slug: macos-themed-portfolio
+  repo_stars: 43
+  contributors:
+    - github: ansxuman
+      twitter: null
+      url: https://ssh-i.in
+      avatar: https://avatars.githubusercontent.com/u/43794060?v=4
+      name: Anshuman
+      location: 0.0.0.0
+      company: InstaSafe

site/static/screenshots/macos-themed-portfolio.avif

@@ -935,3 +935,12 @@
   tags: [digital garden, commonplace, notes, networks, themes]
   date_created: 2019-07-09
   date_added: 2024-07-28
+
+- title: macOS-Themed Portfolio
+  url: https://macosportfolio.netlify.app
+  repo: https://github.com/ansxuman/macOS-Themed-Portfolio
+  description: An interactive portfolio website inspired by the macOS interface.
+  uses: [TypeScript, Tailwind, PM2, Cloudflare, Netlify, Nginx]
+  tags: [portfolio, macos, theme, interactive, blogs, projects]
+  date_created: 2024-10-13
+  date_added: 2024-11-19

site/static/screenshots/macos-themed-portfolio.small.avif

@@ -61,6 +61,7 @@ motion one: https://motion.dev
 mvp.css: https://github.com/andybrewer/mvp
 nestjs: https://nestjs.com
 netlify: https://netlify.com
+nginx: https://nginx.org
 notion: https://notion.so
 octokit: https://github.com/octokit/octokit.js
 ogl: https://github.com/oframe/ogl
@@ -69,6 +70,7 @@ passlock: https://github.com/passlock-dev/passkeys
 picocss: https://picocss.com
 plausible: https://plausible.io
 playwright: https://playwright.dev
+pm2: https://pm2.io
 pnpm: https://pnpm.io
 pocketbase: https://pocketbase.io
 postcss: https://postcss.org