Personal Website with Html, Css, and Js. With eslintJS and prettier support.
• Personal Website
This repository houses Shon Santhosh's web development and design portfolio. It is built using HTML/CSS and JavaScript and was developed with ThomasMathew.
It has a eslintjs support with prettier features
- Created with HTML and CSS
- Sass compilation and prefixing
- JavaScript concatenation
- For More Features:
- used EslintJS
- used prettier features
- used airbnb
Then open the folder in your command line, and install the needed dependencies:
If you found any bugs/errors while npm i command run this command - Run the command 'rm package-lock.json', then re-ran 'npm install' and everything will work :)
cd projectname
npm install
Finally, run npm start
to run. Your site will be running on browser
, viewable at this URL:
http://localhost:8000
To create compressed, production-ready assets, run npm run build
.
Add 404 page for the site
Issue Type: Feature request
Features
Add a 404 page for the site which is currently github pages custom 404 page. Now days the most of the website has the 404 pages as customly designed by them. So if this website has one 404 page designed that will be good.
Fix max-width
Fix for max-width the website looks messy with paragraph its because of the max width. the website paragraoh was only 50% width oof website because of max width. Fixed that. Needed to be tested
__tests
Create test with selenium
Add tests to automate your website testing
[ImgBot] Optimize images
Beep boop. Your images are optimized!
Your image file size has been reduced 🎉
Details
| File | Before | After | Percent reduction | |:--|:--|:--|:--| | /public/images/bg.jpg | 497.39kb | 484.85kb | 2.52% | | /icons/20211202_144844.png | 483.25kb | 477.57kb | 1.18% | | | | | | | Total : | 980.65kb | 962.42kb | 1.86% |
📝 docs | :octocat: repo | 🙋🏾 issues | 🏪 marketplace
~Imgbot - Part of Optimole family
New design
The old design colors where very much brighty. I changed it to a dark mode theme this website now looks Better than the old design.
This needed to be tested and see how it looks like
Fixed Mobile View aligment
Fixed #9 (re-fixed)
Fixed all bugs/error which can be found on #9 issues.
Add Poppins font
Issue Type: Feature request
Features The paragraph of the site is same as header. Now days tge website has fiffrent and descent font family so add a good font for the paragraph. It may make website good because header font look stylish and paragraph font look diffrent from heading text.
You can import it from google font i prefer popins font - https://fonts.google.com/specimen/Poppins ( Poppins-font )
Fix mobile view alignment
Fix Mobile View Alignment
Fix alignment errors of Mobile view the images and footer section has some alignment problems fix that and make paragraph some more aligned to left to get a better look in the mobike view.