Jackestar's Portfolio & Blog

Build Page

git clone https://github.com/jackestar/JS-Blog 

Build static vitepress and copy static files

npm i
npm run build

Deploy in dist folder

Deploys

netlify dev-branch (main)

netlify

github

cloudfare

Vitepress Blog Enhance and TODO

✅ finish 🏗️ in work 📜 todo

Console code ✅

sample for ```bash ``` with the class console inside a div the sign $ but the sign is not copied

Majax overflow fix ✅

Lack of overflow for some Majax elements

Title animation 🏗️

Animation of the title letters. Gradient color that rotates for the color of the letters ✅. Change or effect by pressing or hovering over them 📜

Image Zoom 🏗️

When you click on an image it is enlarged and displayed on the entire screen maintaining the aspect ratio ✅, enlargement animation when selecting the image 📜, thumbnails gallery 📜, next and previous button 📜

OpenGraph implementation (autogenerated) 🏗️

Collect the title and description of each markdown and generate an Opengraph, generate a thumbnail

New color scheme 📜

At least a new light and dark theme, theme switcher with some keyboard shortcut

Main image animation 📜

Change and animate the image of the main page with some floating effect, interaction with the scroll, the mouse and with the title

Sidebar and aside concealable 📜

Any button to hide the aside and sidebar

Export to PDF 📜

Option to export to PDF, PDF/A or PDF/X format, page metadata

Multilang 📜

localization for spanish and english

Web App Manifest Generator 📜

TODO

• Better Readme
• Better color scheme
• Global color scheme
• Migrate from vitepress to astro
• Status page?
• Page transition
• Proper Github CI/CD
• ENV file (to set different build enviroment and configs for easy migration)
• MD formatter and style
• fr translation
• better CTA (maybe for the blog too)
• check hover unblur
• portfolio contact me section