Skip to content

Latest commit

Β 

History

History
93 lines (56 loc) Β· 2.28 KB

File metadata and controls

93 lines (56 loc) Β· 2.28 KB

Jackestar's Portfolio & Blog

Netlify Status

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