homepage2

Dipsyland version 2, my personal homepage Live: https://dipsywong98.github.io Repo: https://github.com/dipsywong98/dipsywong98.github.io

Stack

  • Vue
  • SCSS
  • Pug
  • Github pages
  • component libraries

Homepage of dipsyland

Story

This is the second version of my personal homepage dipsyland (the first one). I am making this one for three reasons:

  1. My first generation website is too dirty

    1. It is a plain html with simple vue templates -- super long index.html -- hard to maintain since I don't want to look at this shit again.
    2. It requires a logo for each work which I don't have time to make -- lots of default logo -- my site looks ugly and boring.
    3. It requires me manually maintain a json file to display the list of works and notes and the content needs to be embedded inside the json file -- hard to update my works and blogs -- I didn't update my website for long

  2. I want to practice more frontend skill

    1. Yes I think my front end skill was really shit. I feel really jealous when I see my partner Daniel make the ScoreBoard extremely beautiful by just using CSS, in contrast with my minimalism admin panel. Yeah it just works but quite ugly hmmm.
    2. So this time I want to challenge myself to make a good looking website without using component libraries.

  3. I just want to have fun (YEEEEEE I think this is the most important reason YO)

First dipsyland has many duplicated icons

Anyway I just started this project since Jan 2018 when travelling, with three goals to achieve:

  1. No component libraries! Hardcore mode! But at the same time nice looking and fun!
  2. Explore the unknowns, like typescript, pug, scss, testing frameworks
  3. Convenent to dynamically update works and blogs

Then I challenge myself with two wonderful frontend features:

  1. Parallex 2.5D dipsyland bannar with animation
  2. Ripple to full screen effect

And then I just did it in a few days with reference to some components libraries by trying to understand how they did it. Thanks to the pioneers.

Afterwards it was the spring semester and I stopped the development since the graphics and game programming course were just too fun and time consumming, and then I had internship and worked for FYP during summer, and another very intensive computer vision course in fall semeseter, finally I restarted the homepage2 duing Christmas holiday, and I completed it as a Christmas present for myself yeah. (same as how homepage1 was borned what the actual fuck)

Three additional features were added since the restart of the project:

  1. Works/ blog display with dynamic filtering
  2. Works/ blog update using yml and md file outside of the repo
  3. Helper script to build and deploy the whole site to github pages (github pages cannot show .vue files directly)

I think these can bring some conveniece to anyone interested in me (are there?), at least to me when I want to J my works or update the conent

To conclude, I met the no coponent libraries and dynamically update objectives, but I give up typescript and testing frameworks since later on I found they are just adding more works to me without much help for this project, so I just leave it. Hope you would like dipsyland. Feel free to contact me if there are any issues~