First static site generator

I’m recently hooked by the static site generator, hence I have decided to create one for myself. Why not? The huge reason is that I could host the site using the GitHub’s static site hosting services, but the one I have previously created in 2018 API-Reference-Template. is server base, which is not generator base. The static site generator isn’t hard to create, the most valuable technology is the frontend and UI/UX. However, I have already created the frontend for my own use. The main task for me would just have to extract the server base to generator base. I have also renamed the tool to SiraDoc, so then I’m able to use it for other sites as well! Just like the previous website, yet a lot easier and more suitable for the GitHub Actions’ environment! 😉 ...

September 26, 2021 · 1 min · 139 words · Jen-Chieh Shen

Parallax Website

Link: MapleStory Survival Kit This is the final project from the first class of web development from our school. I joined this class as an elective class so I could have a peek of how web development works. A list below is few highlights I would like to show from this project. Parallax Effect Use of Sound Gashapon 👁️ Parallax Effect Most parallax effect I have seen aren’t quite satisfied to me. Generally they will have a image at the back of other components then have it semi-stationary to sit still at the place. In this project I would like to have a peek of how CSS can do on 2016. Fortunately, after being learning animation system from CSS I am for sure that the parallax effect I was to imagine are possible to accomplish by just the CSS without using JavaScript. You can use the small panel on the top left corner to navigate through the four pages from this website. ...

August 14, 2018 · 2 min · 267 words · Jen-Chieh Shen