tobias/portfolio
tobias/portfolio
Watch
1
0
Fork
You've already forked portfolio
 0
mirror of https://github.com/tobikli/portfolio.git synced 2026-07-31 01:45:38 +02:00
Code Issues Projects Releases Packages Wiki Activity
Portfolio Site written in TS and Vue https://tobiwn.me
109 commits 3 branches 2 tags 34 MiB
  • Vue 46.8%
  • CSS 32%
  • TypeScript 13.4%
  • Typst 5.8%
  • HTML 1.7%
  • Other 0.3%
Find a file
Exact
Repository files (latest commit first)
Filename Latest commit message Latest commit date
Tobias Klingenberg a05d5e952b Rename to research
2026-07-30 17:45:24 +02:00
.github/workflows Revise GitHub Actions for Vite app build process 2026-02-12 23:22:30 +01:00
.vscode Initial commit 2026-02-01 14:02:48 +01:00
public Make meta tags static 2026-07-04 22:14:13 +02:00
src Rename to research 2026-07-30 17:45:24 +02:00
.editorconfig Initial commit 2026-02-01 14:02:48 +01:00
.env Update HIP 2026-04-23 20:14:16 +02:00
.envrc Add .envrc 2026-07-19 00:25:45 +02:00
.gitattributes Initial commit 2026-02-01 14:02:48 +01:00
.gitignore Add .envrc 2026-07-19 00:25:45 +02:00
.prettierrc.json Initial commit 2026-02-01 14:02:48 +01:00
env.d.ts Initial commit 2026-02-01 14:02:48 +01:00
eslint.config.ts Initial commit 2026-02-01 14:02:48 +01:00
flake.lock Add Flake shell 2026-07-16 22:23:30 +02:00
flake.nix Make devshell darwin compatible 2026-07-22 14:50:38 +02:00
index.html Make meta tags static 2026-07-04 22:14:13 +02:00
LICENSE Initial commit 2026-02-01 14:02:48 +01:00
package-lock.json Add HIP Report 2026-07-30 17:44:57 +02:00
package.json Add intersts and bump version 2026-07-10 23:40:39 +02:00
README.md Minor Improvements 2026-02-16 23:11:32 +01:00
tsconfig.app.json Initial commit 2026-02-01 14:02:48 +01:00
tsconfig.json Initial commit 2026-02-01 14:02:48 +01:00
tsconfig.node.json Initial commit 2026-02-01 14:02:48 +01:00
vite.config.ts Remove Branch and Commit 2026-03-27 20:12:24 +01:00

README.md

Portfolio

Build Vite App

Clean, animated personal portfolio built with Vue 3 + Vite. Content lives in simple Markdown files and a few small data helpers, so you can update sections without touching components.

NOTE: My live version of this site can be found here: tobiwn.me

Features

  • Modern Vue 3 + Vite setup with motion and custom cursor details
  • Content-first: projects, education, work, and publications pulled from Markdown
  • Easy theming with Tailwind-style utility classes and light/dark support
  • Popup-driven detail views for projects, CV, and publications (PDF preview included)

Quickstart

npm install
npm run dev

Recommended: Node 20 (package.json engines covers ^20.19.0 or >=22.12.0).

Customization

  • Edit content in Markdown under src/data/content/... (projects, education, work, publications). Entries are ordered by filename, so use numeric prefixes (e.g., 05-latest.md … 01-oldest.md) to keep newest first.
  • Adjust small data helpers in src/data if you add new fields. Components read from those typed loaders.
  • Assets like PDFs for publications live in src/data/content/publications/papers; reference filenames in the Markdown frontmatter.

NOTE: More information on customization is here

Scripts

  • Development: npm run dev
  • Type-check: npm run type-check
  • Build: npm run build
  • Preview build: npm run preview

Environment

  • VITE_GIT_HASH and VITE_GIT_BRANCH are set automatically by the npm scripts for build metadata; you normally do not need to set them manually.
  • SET VITE_BASE_URL as your site URL and VITE_GITHUB_URL as the repository hosting your instance

Tech Stack

  • Vue 3, Vite, TypeScript
  • motion-v for animations
  • @tato30/vue-pdf for inline PDF previews
  • gray-matter for parsing Markdown content