esulu / esulu.github.io

Personal Website

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

esulu.github.io's Issues

Height of the top bar for larger screens not responsive

When changing only the height the top bar gets funky

Phones not completely supported

Doesn’t work on my phone. Text needs to be smaller and logo has to be fixed.

Convert px sizes to rem