reactapp.ir template

• define global colors
• remove all colors and use global colors [ each page 2 extra color ]
• refactor classes, scss files
• reafactor js files
• reafactor html files
• convert transitions, transform, flex to mixin ones
• optimize template
• create other pages

• scroll to top in pages/courses/javascript.html
• _variables move the sizes to the bottom of the colors
• fix size of each cart in learning-steps
• use components/_main-banner for learning-steps banner
• make footer responsive
• create footer template in display.js
• add footer with js
• add footer to all pages
• make forums responsive
• forums pages > use root selector for styles
• change .main class
• fix forums size and add margin or padding into main content
• change table heading color to lighter gray
• remove footer extra padding
• javascript page > use root selector for styles
• create side-menu component
• javascript > change .main
• courses/javascript remove repeated course chapter list
• complete pages/terms.html main
• complete pages/contact.html main
• refactor navbar, topbar, sidebar classes
• add link to topbar icons
• remove global.js if not used
• check firefox issue on navbar>search-bar font
• land it on github pages
• minify js, css files with webpack
• export an kit-starter scss for later-use
• format/reafactor all html files
• format/reafactor all scss files
• format/reafactor all js files

• fix comment section in pages/courses/javascript js
• fix size of each cart in learning-steps
• fix send-comment section border and box-shadow
• remove extra padding from send-comment
• format html
• format/refactor scss

• fix cart fonts
• fix cursor pointer in carts
• fix cursor pointer in posts
• add urls for each cart
• add cursor pointer for search button in pages/blog.html
• format html
• format scss
• format js

*runs a http server on port 8000*

command:

npm run server

output:

> [email protected] server
> python scripts/http-server.py

Serving HTTP on 0.0.0.0 port 8000 (http://0.0.0.0:8000/) ...

Auto-Compiles your sass files every time it changes assets/scss/styles.scss to assets/css/styles.css

command:

npm run sass

output:

>  [email protected] sass
>  sass --watch assets/scss/styles.scss assets/css/styles.css

Sass is watching for changes. Press Ctrl-C to stop.