Personal Website

Repo intended for my personal website.

Website Link

esulu.github.io

Tools

Icons are from fontawesome

Personal Reference Sections Below

Colours

Red: #fd2549
Darker Grey: #232323
Lighter Grey: #191919
White: #f6f6f6

Font

Segoe UI

TODO

npm run sass

• Add the logo
• Support for widescreen
• Support for Laptop/Desktop screen
• Support for tablet
• Support for phone
• Make the tablet screen size slight less restrictive so the "X" doesn't overlap the text
• The logo bar is slightly short; extend it
• Contact page redesign (note quite done: add icons)
• Make the logo go back up to the main page
• Add resume section that opens a pdf of the file
• Add spacing between the different sections
• Adjust the spacing for each screen size
• Fill out the info page
• Fill out the projects page
• Add github links
• Make sure the github links in the projects open in a new tab
• Add a short text description on the project images when hovered
• Cleanup code
• Add link to website repo
• Add website logo (favicon)
• Styling for the boxes in the projects page (more vertical spacing for smaller screens, perhaps wider too)
• Change readme description when the site is done (remove in progress part)
• make the top bar height static (gets buggy when removing bookmarks)
• Add a custom link to the top bar
• add updated resume
• icons
• Search engine optimization
• Make the menu button appear/disappear depending on scroll

Optional

• Make it so the link stays static when navigating different sections
• Implement the originally planned fonts
• Light/dark theme option
• Make a button for email
• Put resume on the top bar
• Add animations

Future plans

• Work experience in the field
• Own domain