diff --git a/CONTRIBUTORS.md b/CONTRIBUTORS.md index b1fe52e..32fb1f3 100644 --- a/CONTRIBUTORS.md +++ b/CONTRIBUTORS.md @@ -264,6 +264,8 @@ [@christopher-force](https://github.com/christopher-force) +[@SuperCoderBlue](https://github.com/SuperCoderBlue) + [@sahilverma0433](https://github.com/cryptic-padawan) [@Lejla1502](https://github.com/Lejla1502) @@ -280,6 +282,5 @@ [@RedNoodle325](https://github.com/RedNoodle325) -[@bunnyBites](https://github.com/bunnyBites) --[@Vigneshwaar](https://github.com/V6g1) +[@bunnyBites](https://github.com/bunnyBites) -[@Vigneshwaar](https://github.com/V6g1) [@proton029](https://github.com/proton029) diff --git a/about.html b/about.html index 7633785..3f1b14b 100644 --- a/about.html +++ b/about.html @@ -68,7 +68,7 @@
-

The Complete Web Developer in 2021: ZTM

+

The Complete Web Developer in 2026: ZTM

Course Content

+
  • + A.I. & How to Use ChatGPT +
    + + This section will help you understand the power of these A.I. tools, but also + the big mistake that people make with them. + +
    +
  • HTML 5
    @@ -186,15 +195,6 @@

    Course Content

    • -
  • - ECMA Script Concepts -
    - - Latest Javascript trends with concepts ranging from ES5, ES6 to - ES9 & ES10. - -
    -
  • Command Line
    @@ -236,11 +236,18 @@

    Course Content

  • - React.js + Redux + React.js Fundamentals (v19)
    - You'll learn one of the upcoming technology known as React and - Redux. + You'll learn one of the upcoming technology known as React. + +
    +
    • +
  • + [OPTIONAL] Extra Learning: React Hooks +
    + + This section is optional. You'll learn about React Hooks.
    • @@ -267,6 +274,15 @@

    Course Content

    +
  • + Leveling Up: The Power of Problem Solving +
    + + You'll learn how to apply skill of problem solving + in your career as a web developer. + +
    +
  • FINAL PROJECT: SmartBrain Front-End
    @@ -315,28 +331,14 @@

    Course Content

    Personalized Advice from the Instructor!
    • -
  • - Bonus:Extra Bits -
    - Ask Me Anything videos by the Instructor! -
    -
  • Extra: For Windows Users
    Learn about installation guide for Windows users.
    • -
  • - Extras -
    - - A Special Thank You Gift! - -
    -
    • Find the + href="https://zerotomastery.io/courses/coding-bootcamp/" target="_blank">Find the course here
    diff --git a/modified_homepage_css.css b/modified_homepage_css.css index c030e3f..6967f23 100644 --- a/modified_homepage_css.css +++ b/modified_homepage_css.css @@ -3,9 +3,16 @@ padding: -10px; } @media (min-width: 992px) { .navbar-expand-lg .navbar-collapse { - margin-left: 161px; + margin-left: 101px; } } + +@media (992px <= width <= 1130px) { + #headerText { + margin-left: 0.5rem; + } +} + .navbar-brand { display: inline-block; padding-top: 0.3125rem; diff --git a/resources/style/about-page.css b/resources/style/about-page.css index a7835d0..de84c07 100644 --- a/resources/style/about-page.css +++ b/resources/style/about-page.css @@ -28,6 +28,12 @@ div ul{ /* background-color: rgb(219, 255, 255); */ } +/* visibility fix for links in .navbar-collapse when .navbar-toggler is clicked */ +.navbar ul a:hover { + padding-left: 2rem; +} +/* */ + .theme-toggle-text{ color: black; } diff --git a/resources/style/style.css b/resources/style/style.css index 890f915..cb75d14 100644 --- a/resources/style/style.css +++ b/resources/style/style.css @@ -11,6 +11,7 @@ body { } nav { background-color: rgba(255,255,255, 65%); + gap: 0.5rem; } nav a { color: black !important; @@ -646,6 +647,24 @@ i:hover { } } +/* media query fix (last link in nav visibility) */ + +@media (992px <= width <= 1130px) { + nav { + gap: 0; + } + + .navbar-collapse ul li { + padding: 0 8px; + } + + .theme-toggle-container { + margin-left: 0.5rem; + } +} + +/* */ + .gotopbtn { position: fixed; display: none; diff --git a/resources/style/themeToggle.css b/resources/style/themeToggle.css index 6c1c86a..eb5df8b 100644 --- a/resources/style/themeToggle.css +++ b/resources/style/themeToggle.css @@ -21,6 +21,14 @@ html[theme='dark'] { flex-direction: column; align-items: center; width: 85px; + /* additional style */ + gap: 0.5rem; + border-left: 3px solid rgb(105, 102, 102); + border-right: 3px solid rgb(105, 102, 102); + border-radius: 3px; + padding: 0 10px; + box-sizing: content-box; + /* */ } .theme-toggle-container span { diff --git a/todo_list.html b/todo_list.html index 298656e..7be06ae 100644 --- a/todo_list.html +++ b/todo_list.html @@ -38,6 +38,7 @@ .navbar{ background-color: #009999; position: fixed; + text-align: left; } li { @@ -174,6 +175,17 @@

    List :

    event.preventDefault(); }); + + + + +