Shine Lin Thant https://shinelinthant.glitch.me
This project shows basic information about myself.
- Translate SCSS to CSS: In order to use one of the animations that I found on speckyboy.com/css-background-effects/, I had to use an online converter to translate the SCSS to CSS since the original SCSS code was not working. This is the translator I used: cssportal.com/scss-to-css/
- Used jQuery, CSS animations & Bootstrap: Included the use of jQuery, CSS animations, and Bootstrap to enhance the design of the webpage.
- Design Templates: For the first part of the page, I incorporated some elements from tooplate.com, such as the moving background particles and the buttons.
- CSS Animation: I used the CSS animation from codepen.io/vajkri/pen/NxzZwL for the chart, and modified it so that it would show me what I want. I also used the CSS animation from speckyboy.com/css-background-effects/ for the animated gradient background.
- Chart animation: Once you load the page and immediately go to the chart, you will see the animation.
- Go to top button: The button on the bottom right corner that only appears when you're not at the top of the page, takes you (scroll automatically) to the top of the page upon click.
- Auto scroll on click: Clicking on any of the three buttons will take you (autoscroll) to that particular section of the page.