t0tproduction/diluz.io

My personal website and collection of personal pages and CVs for all Di Luzios.

diluz.io

This project is a collection of personal pages and CVs for Di Luzios.

Setup

This project uses pnpm as the package manager.

If you do not have pnpm installed, you can install it with npm:

npm i -g pnpm

Make sure to install the dependencies:

pnpm i

Development Server

Start the development server on http://localhost:3000:

pnpm dev

Production

Build the application for production:

pnpm build

Locally preview production build:

pnpm preview

Generate static pages:

pnpm generate

Check out the deployment documentation for more information.

diluz.io's Issues

Make DvD Style Background speed not rely on framerate

The very first thing I learned in university when starting to build games was to not make any calculation based solely on framerates

Currently the background animation moves with a fixed distance and is called once per frame rendered. To fix this, the distance should also take into account the time passed since the last rendered frame. This should allow for a constant animation speed no matter the framerate.

CV Enhancements

• make navbar decide between topics, scroll there
• make topics collapsible? if so, open them on navbar navigate
• no breaking spaces between Di and Luzio

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update dependency @nuxtjs/i18n to v8.0.0
• chore(deps): update dependency @bg-dev/nuxt-naiveui to v1.9.0
• chore(deps): update dependency nuxt to v3.9.2
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

github-actions

.github/workflows/nodejs.yml

• actions/checkout v4
• actions/setup-node v4

npm

package.json

• @bg-dev/nuxt-naiveui 1.6.2
• @css-render/vue3-ssr 0.15.12
• @nuxt/image 1.2.0
• @nuxtjs/eslint-config-typescript 12.1.0
• @nuxtjs/i18n 8.0.0-rc.6
• @nuxtjs/tailwindcss 6.10.4
• @types/node 20.11.4
• @typescript-eslint/parser 6.19.0
• @vite-pwa/nuxt 0.4.0
• autoprefixer 10.4.16
• eslint 8.56.0
• git-commit-info 2.0.2
• nuxt 3.7.4
• prettier 3.2.2
• typescript 5.3.3
• vfonts 0.0.3
• vue-tsc 1.8.27
• pnpm 8.14.1

nvm

.nvmrc

• node 20.11.0

---

• Check this box to trigger a request for Renovate to run again on this repository

Bug: fix i18n not being persisted across pages

A potentially nice fix might be to use prefix based i18n instead of the "virtual" one right now

Add nuxt/images to add image optimization

this should just make images nicer to handle

https://image.nuxtjs.org/getting-started/installation

PDF CV

looks like most companies still require a pdf to be sent in.
Im assuming just printing this website isn't going to be the best solution, as its dark theme and I don't want to worry about print css.
But it might still be an option?

another option would be to use https://github.com/elipapa/markdown-cv
I would hope that I can create the markdown from my profile object, and therefore automatically create a "normal" style CV from my website as well. It already has print-css, so the printed file will be a nice PDF.

Auto generate buttons on main page

Currently we need to manually add buttons to the main page for new profiles, which is unneccessary.

ci: add back cypress/e2e tests

To allow for renovate updates more confidently, I want to add back e2e tests that make sure the page itself didn't fully break.

Add SQLite to static hosting

Someone actually Made a library to enable read only SQL DB without a server

https://phiresky.github.io/blog/2021/hosting-sqlite-databases-on-github-pages/

Could this be useful to this repo? Would be fun to try.

Add i18n

Theres a nuxt module for this, but currently theres not really text anyways, so this can wait.
Should probably be a dropdown next to light/dark mode toggle, at least somewhere visible

Remove reallife picture

Make the DvD moving part only show emoji style/drawn/rendered Bastis

CV style page for sebastian

• add a page on diluz.io/sebastian that is kind of a CV
• very simple at first, but make it fully dynamic, only based on data, and then pre-rendered and filled by nuxt

continually updated todos:

• Add Uni/ General education to right column
• beautify education entries
• add nationality/citizenship (relevant for remote jobs?)
• add location aka. based off (also relevant to jobs, lol)
• beautify projects, make dates not be chips but kind of corner attributes? in general think about the styling choices a bit...
• add Highlights to projects
• remove Icons in Short Bio, email and Location?
• make education a component and in mobile and tablet, load it below user; in desktop load as third column
• make right column be the second instead of third as soon as were in small mobile (projects should be the last then, because its the longest)
• make projects wider again in mobile, when not next to other columns
• timeline item dot remove shadows
• education date smaller, title bigger
• links in projects kleiner/ausgrauen generell weniger sichtbar
• tech skills min width
• move styles from shared-styles that arent needed in both _name and the component
• it seems that the page is not built in production mode? its clearly available in dev mode though, and even through navigation within production mode

Issues found:

• "social:" without colons

feedback

• spacing below socials too tight
• more space above project name?
• start/end icons in projects less intrusive/smaller

Add dark/light mode switch

Vuetify apparently has support for this, so it should be rather easy.
The toggle could be in the footer, or a header to the top right

Cleanup work

There's a few things i want to do:

• generate project image URLs based on profile/firstname so that the image URL needs to be just the name of the file, not the path
• add small icon next to link to profile in home Page, which displays the profile picture
• add text to GitHub icon to explain that the repo is OSS and can be found there
• potentially remove the DVD component and hide it behind an easteregg (e.g. click powered by text 5 times)
• make last entry in project timeline optional and customizable
• make CI run on pull requests
• add profile picture icons to menu buttons as well
• adjust pipeline to use node 16
• update dependencies
• adjust meta tags for profiles
• make sure netlify uses node16 to build as well
• fix meta tags (images and description not working?) -> https://metatags.io/

Feat: Add CLI to create new profile

Adding a profile is not difficult, but it could be made even easier.
Maybe something like this could be useful.

Switch to netlify

Netlify has free static hosting
Its probably nicer to use than GitHub pages, especially deploying
I want to look into it and potentially move the page.

feat: add nuxt security package

https://github.com/Baroshem/nuxt-security

Sebastian: Add images to jobs and projects

I'd like to add images to the projects and jobs in my CV

Basti emotes can leave screen

When changing tab the rendering stops. Since we now move based on delta-time the emotes are teleported out of screen depending on how long the tab was left. they do come back eventually, but a solution would be to not allow movement out of the screenspace at all.

CV fixes

• remove uninteresting projects such as hogwarts but better bot. github is linked, and if someone wanted to see all projects I made, they could
• mark jobs differently from projects? add a border, or sort them up? - a solution could also be to not sort currently running projects up - yes they're still active, but the most current project should always be on top?