From dd17f1e4eca8b213020f3715d4e102f970939189 Mon Sep 17 00:00:00 2001 From: Jayesh Pandey <116277383+jayeshpandey01@users.noreply.github.com> Date: Fri, 10 May 2024 20:20:50 +0530 Subject: [PATCH 1/2] Add Dark Mode and light Mode by using Html, CSS and JavaScript --- assests/style.css | 26 ++++++++++++++++++++++++++ index.html | 17 +++++++++++++++++ 2 files changed, 43 insertions(+) diff --git a/assests/style.css b/assests/style.css index 0c24eed..b9d8815 100644 --- a/assests/style.css +++ b/assests/style.css @@ -222,4 +222,30 @@ body{ } .fa-linkedin-square:hover{ color : rgb(0, 119, 181); +} + + +/* Dark and Light Mode */ +.switch { + align-self: flex-end; + margin: 0.9375rem; +} +.inner-switch { + display: inline-block; + cursor: pointer; + border: 1px solid #555; + border-radius: 1.25rem; + width: 3.125rem; + text-align: center; + font-size: 1rem; + padding: 0.1875rem; + margin-left: 0.3125rem; +} + +.dark, +.dark .nav, +.footer { + background-color: #222; + color: #e6e6e6; + border-color: #e6e6e6; } \ No newline at end of file diff --git a/index.html b/index.html index d9bebf8..15982a1 100644 --- a/index.html +++ b/index.html @@ -35,8 +35,25 @@
  • Contibute
    • +
  • +
    Dark mode: + OFF +
    +
    • + + -
    -
  • +
    + + +
    + Home + Contact-US + Contibute +
    +
    Dark mode: - OFF +
    -
    • - + +
    +
    + Coding Hustlers + + + + +
    +
    + +
    + -
    - +
    +
    -
    +

    Coding Hustlers

    Start your coding career with Coding Hustlers, @@ -95,7 +149,7 @@

    Want to contribute to Coding Hustlers Click on Contribute.

    -
    +

    Basic Programming

    @@ -104,13 +158,13 @@

    Basic Programming

    -
    +

    Competitive Programming

    -
    +

    Open Source and fellowship

    @@ -124,10 +178,10 @@

    Open Source and fellowship

    -
    -
    +
    +
    -
    +

    Basic Programming

    First, solve the problem. Then, write the code.”
    – John Johnson

    @@ -138,8 +192,17 @@

    First, solve the problem. Then, write the code.” <

    - Generic placeholder image +
    + c++ + Java + javascript + python +
    +

    Basic Programming

    Which is the best language @@ -156,18 +219,29 @@

    Basic Programming

    +
    -
    +
    - Generic placeholder image +
    + codechef + hackerearth + hackerrank + leetcode + topcoder +

    Competitive Programming

    Competitive programming is a sport. You have to solve a problem with code that is @@ -185,8 +259,8 @@

    Competitive Programming

    -
    -
    +
    +

    Competitive Programming

    “Make it work, make it right, make it fast.”
    – Kent Beck

    @@ -195,13 +269,13 @@

    “Make it work, make it right, make it fast.”

    - +
    -
    -
    -
    +
    +
    +

    Open Source & fellowship

    "It’s not a bug – it’s an undocumented feature."
    – (Anonymous) @@ -211,8 +285,18 @@

    "It’s not a bug – it’s an undocumented feature
    - Generic placeholder image +
    + c++ + Java + c++ + c++ + c++ +

    Open Source & Fellowship

    Open-source software is a type of computer software in which source code is released @@ -234,14 +318,14 @@

    Open Source & Fellowship

    -
    - +

    Satakshi Jain

    -

    Contact

    @@ -255,7 +339,7 @@

    Satakshi Jain

    Chris Pine

    -

    © 2023 copyright all right reserved

    +

    © 2024 copyright all right reserved

    --> - + \ No newline at end of file