From 33dd5557d8bec8f2f9e238e77e54030699da3361 Mon Sep 17 00:00:00 2001 From: Sri Date: Fri, 10 Jan 2025 20:47:00 +0530 Subject: [PATCH 1/3] implementing dark mode --- about.css | 54 +++++-- about.html | 33 +++- contact.css | 43 +++-- contact.html | 27 ++++ desktop.ini | 2 + index.html | 439 ++++++-------------------------------------------- navbar.css | 1 - pricing.css | 34 +++- pricing.html | 27 ++++ register.css | 269 +++++++++++++++++++++++++++++-- register.html | 52 +++++- resume.css | 59 ++++++- resume.html | 30 +++- resume2.jpg | Bin 0 -> 29324 bytes styles.css | 27 +++- 15 files changed, 650 insertions(+), 447 deletions(-) create mode 100644 desktop.ini create mode 100644 resume2.jpg diff --git a/about.css b/about.css index 3c9be90..072f278 100644 --- a/about.css +++ b/about.css @@ -4,8 +4,37 @@ body { font-family: Arial, sans-serif; - background-color: antiquewhite; - } + background-color: var(--body-bg); + } + + :root { + --body-bg: antiquewhite; + --primary-color: white; + --border-color: #d6a52b; + --tertiary-color: #191970; + --pink-bg: #cf00a3; + --heading-color: #8b4513; + --icons-color: #d6a52b; + --footer-text: #4a4a4a; + --card-text: #333; + --card-bg: #f7f7f7; + --back-button-color: #333; +} + +html .dark { + --body-bg: black; + --primary-color: rgb(41, 40, 40); + --tertiary-color: #37fcff; + --border-color: black; + --pink-bg: #ff00ff; + --heading-color: #ffff00; + --icons-color: #d6ae2b; + --feature-border-color: #ffff00; + --footer-text: white; + --card-text: aqua; + --card-bg: #044464; + --back-button-color: #d6a52b; +} .navbar .logo h2{ margin-left: 150%; @@ -221,7 +250,8 @@ transform: scale(1.1); } .about-box { - background-color: #f9f9f9; + width: 80%; + background-color: var(--primary-color); border: 2px solid #d6a52b; border-radius: 10px; padding: 20px; @@ -248,7 +278,7 @@ left: 20px; background-color: transparent; border: none; - color: #333; + color: var(--back-button-color); font-size: 24px; cursor: pointer; z-index: 999; @@ -260,10 +290,10 @@ } .about-section h1 { text-align: center; - color: #8b4513; + color: var(--heading-color); } .about-section h2 { - color: #8b4513; + color: var(--heading-color); } .about-section li { color: #191970; @@ -274,7 +304,7 @@ .about-section p { margin: 10px 0; text-align: center; - color: #191970; + color: var(--tertiary-color); } .features { display: flex; @@ -285,7 +315,7 @@ } .feature-card { - background: #fdf4dc; + background: var(--card-bg); border: 2px solid #ffd465; border-radius: 8px; padding: 20px; @@ -301,12 +331,12 @@ .feature-card i { font-size: 40px; - color: #d6a52b; + color: var(--icons-color); margin-bottom: 10px; } .feature-card h3 { - color: #8b4513; + color: var(--heading-color); margin-bottom: 10px; } .image-button1 { @@ -339,9 +369,9 @@ footer { padding: 10px; - background-color: #f0cd9e66; + background-color: var(--primary-color); + color: var(--footer-text); text-align: center; - border: 4px solid #faebd7; } @media(max-width:768px) { diff --git a/about.html b/about.html index 3dff4dc..c1c943e 100644 --- a/about.html +++ b/about.html @@ -71,9 +71,9 @@

Ajivika

- About Us + About Us

-
+

In order to address the lack of an intelligent and adaptive Job Recommendation Portal, the idea to create a website Ajivika (literal @@ -145,7 +145,34 @@

🌍 Access to Jobs in Smaller Areas

const navLinks = document.querySelector('.nav-links'); navLinks.classList.toggle('active'); } - + + +
© 2024 Ajivika. All rights reserved.
diff --git a/contact.css b/contact.css index 5b08b80..a2774b3 100644 --- a/contact.css +++ b/contact.css @@ -1,6 +1,28 @@ body { font-family: Arial, sans-serif; - background-color: antiquewhite; + background-color: var(--body-bg); +} + +:root { + --body-bg: antiquewhite; + --primary-color: white; + --icon-color: #d6a52b; + --card-text: #333; + --card-bg: #f7f7f7; + --heading-color: #8b4513; + --text-area: white; + --textarea-text: black; +} + +html .dark { + --body-bg: black; + --primary-color: rgb(41, 40, 40); + --icon-color: aqua; + --card-text: yellow; + --card-bg: #044464; + --heading-color: rgb(255, 187, 52); + --text-area: gray; + --textarea-text: white; } .slideshow-container { @@ -141,7 +163,7 @@ body { .option p { font-size: 16px; - color: #333; + color: var(--card-text); } .options-container:hover{ color: #FFD465; @@ -234,7 +256,7 @@ text-align: left; /* Adjusts text alignment, optional */ left: 20px; background-color: transparent; border: none; - color: #333; + color: var(--card-text); font-size: 24px; cursor: pointer; z-index: 999; @@ -279,7 +301,7 @@ text-align: left; /* Adjusts text alignment, optional */ .contact-section { max-width: 600px; margin: 50px auto; - background-color: #fff; + background-color: var(--primary-color); padding: 30px; box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15); border-radius: 10px; @@ -293,14 +315,14 @@ text-align: left; /* Adjusts text alignment, optional */ .contact-section h1 { text-align: center; - color: #333; - font-size: 30px; + color: var(--heading-color); + font-size: 35px; margin-bottom: 20px; } .contact-section p { text-align: center; - color: #666; + color: var(--card-text); font-size: 15px; margin-bottom: 30px; } @@ -312,7 +334,7 @@ text-align: left; /* Adjusts text alignment, optional */ .contact-section label { margin-bottom: 5px; - color: #333; + color: var(--card-text); font-size: 16px; } @@ -320,9 +342,12 @@ text-align: left; /* Adjusts text alignment, optional */ .contact-section textarea { padding: 12px; border: 1px solid #ddd; + background-color: var(--text-area); + color: var(--textarea-text); border-radius: 5px; margin-bottom: 20px; font-size: 16px; + font-weight: 400; width: 100%; box-sizing: border-box; transition: all 0.3s ease; @@ -356,7 +381,7 @@ text-align: left; /* Adjusts text alignment, optional */ width: 20px; text-align: center; margin-right: 10px; - color: #d6a52b; + color: var(--icon-color); } .image-button1 { position: fixed; diff --git a/contact.html b/contact.html index 3098a30..6b26c45 100644 --- a/contact.html +++ b/contact.html @@ -140,5 +140,32 @@

Contact Us

} }); + + diff --git a/desktop.ini b/desktop.ini new file mode 100644 index 0000000..6fd6b8f --- /dev/null +++ b/desktop.ini @@ -0,0 +1,2 @@ +[LocalizedFileNames] +resume.jpg=@resume,0 diff --git a/index.html b/index.html index 74a91f1..4b6c6c9 100644 --- a/index.html +++ b/index.html @@ -30,14 +30,6 @@ @@ -788,8 +443,8 @@

Ajivika

} -

Welcome to Ajivika

-

Your one-stop destination for career growth and learning.

+

Welcome to Ajivika

+

Your one-stop destination for career growth and learning.

@@ -827,7 +482,7 @@

Welcome to Ajivika

-

+

What are you looking for?

@@ -845,11 +500,11 @@

cursor: pointer; " onmouseover="this.style.backgroundColor='#FFD465'" - onmouseout="this.style.backgroundColor='white'" + onmouseout="this.style.backgroundColor='var(--card-bg)'" > - + Resume @@ -866,9 +521,9 @@

cursor: pointer; " onmouseover="this.style.backgroundColor='#FFD465'" - onmouseout="this.style.backgroundColor='white'" + onmouseout="this.style.backgroundColor='var(--card-bg)'" > - + Apply for Jobs cursor: pointer; " onmouseover="this.style.backgroundColor='#FFD465'" - onmouseout="this.style.backgroundColor='white'" + onmouseout="this.style.backgroundColor='var(--card-bg)'" > cursor: pointer; " onmouseover="this.style.backgroundColor='#FFD465'" - onmouseout="this.style.backgroundColor='white'" + onmouseout="this.style.backgroundColor='var(--card-bg)'" > >
-

About Ajivika

+

About Ajivika

Ajivika is your one-stop destination for career growth and learning. From creating professional resumes to applying for top jobs, we @@ -957,7 +612,7 @@

About Ajivika

class="footer-section quick-link" style="flex: 1; min-width: 200px" > -

Quick Links

+

Quick Links

    Quick Links

-

Resources

+

Resources

    Resources

class="footer-section social-icons" style="flex: 1; min-width: 200px" > -

Follow Us

+

Follow Us

Follow Us class="footer-section subscribe-section" style="flex: 1; min-width: 200px" > -

Subscribe to Our Newsletter

+

Subscribe to Our Newsletter

Subscribe to Our Newsletter padding: 10px; border: none; border-radius: 5px; - background-color: #d6a52b; + background-color: rgb(229, 229, 61); color: #222; cursor: pointer; " @@ -1161,29 +816,31 @@

Subscribe to Our Newsletter

} - diff --git a/navbar.css b/navbar.css index b5ed86c..2d42d71 100644 --- a/navbar.css +++ b/navbar.css @@ -7,7 +7,6 @@ body { font-family: Arial, Helvetica, sans-serif; line-height: 1.6; - /* background-color: antiquewhite; */ color: #333; } .navbar{ diff --git a/pricing.css b/pricing.css index 147ccfb..8830087 100644 --- a/pricing.css +++ b/pricing.css @@ -4,7 +4,27 @@ body { font-family: Arial, sans-serif; - background-color: antiquewhite; + background-color: var(--body-bg); +} + +:root { + --body-bg: antiquewhite; + --primary-color: white; + --heading-color: #d6a52b; + --container-text: #6f6f6f; + --card-bg: #fdf4dc; + --card-text: #191970; + --price-color: #8b4513; +} + +html .dark { + --body-bg: black; + --primary-color: rgb(41, 40, 40); + --heading-color: rgb(255, 187, 52); + --container-text: aqua; + --card-bg: #044464; + --card-text: yellow; + --price-color: aqua; } #google_translate_element { @@ -241,12 +261,12 @@ body { .pricing-section h1 { font-size: 36px; - color: #8b4513; + color: var(--heading-color); margin-bottom: 20px; } .pricing-section p { - color: #6f6f6f; + color: var(--container-text); font-size: 18px; margin-bottom: 40px; } @@ -259,7 +279,7 @@ body { } .pricing-card { - background: #fdf4dc; + background: var(--card-bg); border: 2px solid #ffd465; border-radius: 8px; width: 280px; @@ -281,7 +301,7 @@ body { .pricing-card .price { font-size: 30px; - color: #8b4513; + color: var(--price-color); margin: 10px 0; } @@ -292,7 +312,7 @@ body { } .pricing-card ul li { - color: #191970; + color: var(--card-text); margin: 10px 0; } @@ -367,7 +387,7 @@ body { color: #d6a52b; } .about-box { -background-color: #f9f9f9; +background-color: var(--primary-color); border: 2px solid #d6a52b; border-radius: 10px; padding: 20px; diff --git a/pricing.html b/pricing.html index 39e2b9d..273a4b4 100644 --- a/pricing.html +++ b/pricing.html @@ -124,5 +124,32 @@

Premium Plan

} + + diff --git a/register.css b/register.css index 138968d..f1e0023 100644 --- a/register.css +++ b/register.css @@ -1,6 +1,6 @@ body { font-family: 'Arial', sans-serif; - background-color: antiquewhite; + background-color: var(--body-bg); height: 100vh; display: flex; justify-content: center; @@ -10,13 +10,43 @@ overflow: hidden; /* Hide scrollbar for the falling snowflakes */ position: relative; } + + :root { + --body-bg: antiquewhite; + --primary-color: white; + --heading-color: #d6a52b; + --container-text: #6f6f6f; + --card-bg: #fdf4dc; + --card-text: #191970; + --price-color: #8b4513; + --shadow-color: rgb(137,79,31); + --h2-color: #333; + --text-area-bg: #fff; + --text-area-color: black; + --icon-color: black; + } + + html .dark { + --body-bg: black; + --primary-color: rgb(41, 40, 40); + --heading-color: rgb(255, 187, 52); + --container-text: aqua; + --card-bg: #022538; + --card-text: yellow; + --price-color: aqua; + --h2-color: rgb(255, 187, 52); + --text-area-bg: transparent; + --text-area-color: white; + --icon-color: white; + } + .back-button { position: absolute; - top: 20px; + top: 4%; left: 20px; background-color: transparent; border: none; - color: #333; + color: var(--heading-color); font-size: 24px; cursor: pointer; z-index: 999; @@ -27,6 +57,222 @@ color: #d6a52b; } + .theme-converter{ + position: absolute; + top: 2%; + right: 20px; + border: none; + background-color: var(--body-bg); + color: var(--body-bg); + font-size: 24px; + cursor: pointer; + z-index: 999; + transition: color 0.3s ease; + } + + .theme-switch { + --toggle-size: 15px; + /* the size is adjusted using font-size, + this is not transform scale, + so you can choose any size */ + --container-width: 5.625em; + --container-height: 2.5em; + --container-radius: 6.25em; + /* radius 0 - minecraft mode :) */ + --container-light-bg: #3D7EAE; + --container-night-bg: #1D1F2C; + --circle-container-diameter: 3.375em; + --sun-moon-diameter: 2.125em; + --sun-bg: #ECCA2F; + --moon-bg: #C4C9D1; + --spot-color: #959DB1; + --circle-container-offset: calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1); + --stars-color: #fff; + --clouds-color: #F3FDFF; + --back-clouds-color: #AACADF; + --transition: .5s cubic-bezier(0, -0.02, 0.4, 1.25); + --circle-transition: .3s cubic-bezier(0, -0.02, 0.35, 1.17); + } + + .theme-switch, .theme-switch *, .theme-switch *::before, .theme-switch *::after { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding: 0; + font-size: var(--toggle-size); + } + + .theme-switch__container { + width: var(--container-width); + height: var(--container-height); + background-color: var(--container-light-bg); + border-radius: var(--container-radius); + overflow: hidden; + cursor: pointer; + -webkit-box-shadow: 0em -0.062em 0.062em rgba(0, 0, 0, 0.25), 0em 0.062em 0.125em rgba(255, 255, 255, 0.94); + box-shadow: 0em -0.062em 0.062em rgba(0, 0, 0, 0.25), 0em 0.062em 0.125em rgba(255, 255, 255, 0.94); + -webkit-transition: var(--transition); + -o-transition: var(--transition); + transition: var(--transition); + position: relative; + } + + .theme-switch__container::before { + content: ""; + position: absolute; + z-index: 1; + inset: 0; + -webkit-box-shadow: 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset, 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset; + box-shadow: 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset, 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset; + border-radius: var(--container-radius) + } + + .theme-switch__checkbox { + display: none; + } + + .theme-switch__circle-container { + width: var(--circle-container-diameter); + height: var(--circle-container-diameter); + background-color: rgba(255, 255, 255, 0.1); + position: absolute; + left: var(--circle-container-offset); + top: var(--circle-container-offset); + border-radius: var(--container-radius); + -webkit-box-shadow: inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), 0 0 0 0.625em rgba(255, 255, 255, 0.1), 0 0 0 1.25em rgba(255, 255, 255, 0.1); + box-shadow: inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), 0 0 0 0.625em rgba(255, 255, 255, 0.1), 0 0 0 1.25em rgba(255, 255, 255, 0.1); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-transition: var(--circle-transition); + -o-transition: var(--circle-transition); + transition: var(--circle-transition); + pointer-events: none; + } + + .theme-switch__sun-moon-container { + pointer-events: auto; + position: relative; + z-index: 2; + width: var(--sun-moon-diameter); + height: var(--sun-moon-diameter); + margin: auto; + border-radius: var(--container-radius); + background-color: var(--sun-bg); + -webkit-box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #a1872a inset; + box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #a1872a inset; + -webkit-filter: drop-shadow(0.062em 0.125em 0.125em rgba(0, 0, 0, 0.25)) drop-shadow(0em 0.062em 0.125em rgba(0, 0, 0, 0.25)); + filter: drop-shadow(0.062em 0.125em 0.125em rgba(0, 0, 0, 0.25)) drop-shadow(0em 0.062em 0.125em rgba(0, 0, 0, 0.25)); + overflow: hidden; + -webkit-transition: var(--transition); + -o-transition: var(--transition); + transition: var(--transition); + } + + .theme-switch__moon { + -webkit-transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); + width: 100%; + height: 100%; + background-color: var(--moon-bg); + border-radius: inherit; + -webkit-box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #969696 inset; + box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #969696 inset; + -webkit-transition: var(--transition); + -o-transition: var(--transition); + transition: var(--transition); + position: relative; + } + + .theme-switch__spot { + position: absolute; + top: 0.75em; + left: 0.312em; + width: 0.75em; + height: 0.75em; + border-radius: var(--container-radius); + background-color: var(--spot-color); + -webkit-box-shadow: 0em 0.0312em 0.062em rgba(0, 0, 0, 0.25) inset; + box-shadow: 0em 0.0312em 0.062em rgba(0, 0, 0, 0.25) inset; + } + + .theme-switch__spot:nth-of-type(2) { + width: 0.375em; + height: 0.375em; + top: 0.937em; + left: 1.375em; + } + + .theme-switch__spot:nth-last-of-type(3) { + width: 0.25em; + height: 0.25em; + top: 0.312em; + left: 0.812em; + } + + .theme-switch__clouds { + width: 1.25em; + height: 1.25em; + background-color: var(--clouds-color); + border-radius: var(--container-radius); + position: absolute; + bottom: -0.625em; + left: 0.312em; + -webkit-box-shadow: 0.937em 0.312em var(--clouds-color), -0.312em -0.312em var(--back-clouds-color), 1.437em 0.375em var(--clouds-color), 0.5em -0.125em var(--back-clouds-color), 2.187em 0 var(--clouds-color), 1.25em -0.062em var(--back-clouds-color), 2.937em 0.312em var(--clouds-color), 2em -0.312em var(--back-clouds-color), 3.625em -0.062em var(--clouds-color), 2.625em 0em var(--back-clouds-color), 4.5em -0.312em var(--clouds-color), 3.375em -0.437em var(--back-clouds-color), 4.625em -1.75em 0 0.437em var(--clouds-color), 4em -0.625em var(--back-clouds-color), 4.125em -2.125em 0 0.437em var(--back-clouds-color); + box-shadow: 0.937em 0.312em var(--clouds-color), -0.312em -0.312em var(--back-clouds-color), 1.437em 0.375em var(--clouds-color), 0.5em -0.125em var(--back-clouds-color), 2.187em 0 var(--clouds-color), 1.25em -0.062em var(--back-clouds-color), 2.937em 0.312em var(--clouds-color), 2em -0.312em var(--back-clouds-color), 3.625em -0.062em var(--clouds-color), 2.625em 0em var(--back-clouds-color), 4.5em -0.312em var(--clouds-color), 3.375em -0.437em var(--back-clouds-color), 4.625em -1.75em 0 0.437em var(--clouds-color), 4em -0.625em var(--back-clouds-color), 4.125em -2.125em 0 0.437em var(--back-clouds-color); + -webkit-transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25); + -o-transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25); + transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25); + } + + .theme-switch__stars-container { + position: absolute; + color: var(--stars-color); + top: -100%; + left: 0.312em; + width: 2.75em; + height: auto; + -webkit-transition: var(--transition); + -o-transition: var(--transition); + transition: var(--transition); + } + + /* actions */ + + .theme-switch__checkbox:checked + .theme-switch__container { + background-color: var(--container-night-bg); + } + + .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container { + left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter)); + } + + .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container:hover { + left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter) - 0.187em) + } + + .theme-switch__circle-container:hover { + left: calc(var(--circle-container-offset) + 0.187em); + } + + .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__moon { + -webkit-transform: translate(0); + -ms-transform: translate(0); + transform: translate(0); + } + + .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__clouds { + bottom: -4.062em; + } + + .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__stars-container { + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + } + /* Snowflakes animation */ .snowflake { position: absolute; @@ -75,9 +321,9 @@ width: 550px; padding: 40px; border: 2px solid #d6a52b; - background-color: white; + background-color: var(--card-bg); border-radius: 10px; - box-shadow: 10px 10px 20px rgb(137,79,31); + box-shadow: 10px 10px 20px var(--shadow-color); position: relative; z-index: 1; animation: fadeIn 0.8s ease-in-out; @@ -95,7 +341,7 @@ left: -2px; right: -2px; bottom: -2px; - background: white; + background: var(--card-bg); background-size: 600% 600%; border-radius: 12px; z-index: -1; @@ -105,22 +351,25 @@ h2 { text-align: center; margin-bottom: 30px; - color: #333; + color: var(--h2-color); font-size: 24px; } .input-group { position: relative; margin-bottom: 20px; + color: var(--icon-color); } .input-group input { width: 100%; padding: 10px 40px; border: 1px solid #ddd; + background-color: var(--text-area-bg); border-radius: 4px; box-sizing: border-box; font-size: 14px; + color: var(--icon-color); } .input-group .icon { @@ -128,7 +377,7 @@ left: 10px; top: 50%; transform: translateY(-50%); - color: #888; + color: var(--icon-color); } .input-group .toggle-password { @@ -186,8 +435,8 @@ } .social-icon { - background: #333; - color: white; + background: var(--h2-color); + color: var(--primary-color); width: 40px; height: 40px; border-radius: 50%; diff --git a/register.html b/register.html index 0e1aee0..f498dbf 100644 --- a/register.html +++ b/register.html @@ -12,8 +12,29 @@ - - +
+
    • + +
    Logo
    @@ -239,6 +260,33 @@

    Start with Ajivika

    console.log("No user signed in"); } + + diff --git a/resume.css b/resume.css index 8e69d5f..168a25a 100644 --- a/resume.css +++ b/resume.css @@ -6,7 +6,33 @@ body { font-family: Arial, sans-serif; } .section1 { - border: 2px solid #d6a52b; + border: 2px solid var(--border-color); + } + + :root { + --body-bg: antiquewhite; + --primary-color: white; + --tertiary-color: #191970; + --para-text: black; + --resume-color: rgb(202, 98, 12); + --resume-box: white; + --h2-color: #000; + --label-color: black; + --text-color: black; + --text-border-color: black; +} + +html .dark { + --body-bg: black; + --primary-color: rgb(41, 40, 40); + --tertiary-color: #37fcff; + --para-text: aqua; + --resume-color: yellow; + --resume-box: #044464; + --h2-color: rgb(242, 242, 78); + --label-color: #ffd465; + --text-color: white; + --text-border-color: #ccc; } #google_translate_element { @@ -76,6 +102,14 @@ body { user-select: none; } + label{ + color: var(--label-color); + } + + input{ + background-color: var(--resume-box); + } + .banner-image { width: 100%; height: 300px; @@ -120,7 +154,6 @@ body { } .options-section h2 { - color: #4a4a4a; font-size: 28px; margin-bottom: 10px; } @@ -173,7 +206,7 @@ body { } section h2 { - color: #000; + color: var(--h2-color); font-size: 30px; margin-bottom: 20px; margin-top: 0; @@ -236,7 +269,7 @@ body { color: #d6a52b; } .section1 { - background-color: antiquewhite; + background-color: var(--body-bg); width: 100%; display: flex; } @@ -255,7 +288,7 @@ body { position: relative; } .resume-box { - background-color: #fff; + background-color: var(--resume-box); padding: 20px; border: 2px solid #d6a52b; border-radius: 5px; @@ -303,8 +336,17 @@ body { cursor: pointer; width: 100%; } + + input[type="text"] { + color: var(--text-color); + } + + input[type="number"] { + border: 1px solid var(--text-border-color); + } + fieldset { - background-color: #fff; + background-color: var(--resume-box); padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); @@ -421,7 +463,7 @@ body { } .resume-section{ - background-color: #fff; + background-color: var(--primary-color); display: flex; flex-direction: column; justify-content: center; @@ -437,6 +479,7 @@ body { } .resume-section p{ + color: var(--para-text); text-align: center; margin-bottom: 2rem; } @@ -447,7 +490,7 @@ body { h1 { margin-bottom: 20px; font-size: 2.5em; - color: rgb(202, 98, 12); + color: var(--resume-color); } @media (max-width: 956px) { diff --git a/resume.html b/resume.html index a653e1a..5abd620 100644 --- a/resume.html +++ b/resume.html @@ -65,7 +65,7 @@

    Ajivika

    -
    +

    My Resume

    This is where you can view and manage your resume details.

    @@ -363,5 +363,33 @@

    Resume Detail Entry

    doc.save("resume.pdf"); } + + + diff --git a/resume2.jpg b/resume2.jpg new file mode 100644 index 0000000000000000000000000000000000000000..4dcaa1e9dcc8def80ba6a8f9c53137d94371cd9f GIT binary patch literal 29324 zcmeIb2V7K1wm;rTQi3Qs+K!+k0TB=dq)lXz3<@Y983aUfY=l7+kQO9JkR~SylA|;d z1tjO3B}0=NI{j~(X7>GNcV~8I-oE$#Vpo6q-dne-&Z(+XCw!~K58@|5#}s81WI;qk zL?A=p9|%7Jx(*^fbcpZ){z!li>0we*5)x7ha&of6R1{QHloXVd)JJKLQ6D{il#=oo z3N)|HFUy8qo2>hjtHf5)+*Q z9Xd`#e4Geh4+4WgM5I7#2@U@GM|22iBN_SOBNUWChT>zOLqx>Hhe(JCtp;*?0nb4s z$4O~_623}Cr)ETc%AWrGS5VZ@)Y8_ueMi^W#MI2(!qUpY(aG7x)y>`SXa6SwPoD*by$p|tjCvIv zla!p2nwFlCnN?6&R9sS8R$ftCSKrXs^r5+>yQjCWe_(KEcxrlPcJ9;s!s61#=GOMk z?jCCYfIt@!i1-Ux-zobqbR7riIz&Q3OhQhei|CLGkcf|ykp3i0MtfC_+{m8p)cMDU z>92(*=D$C}DWZ;Kxc{h&f{{yf>huPIw9l0NKEizeCCa`N_6uFZASz-ap!0~2gCHO* zq_;R@h3mNgd4=H6PMW3zZO!r1aqt(U7=DRO*|2GC=TOPE6xf^;EqJpJ5BfQ9zGR~1C5~1pPYd%#Fp%_Pn+i%n5UaD94BSI}zDFD# z14oA4J;EHWZ^WwzF^uV|64a@{C=bA+rK;KZ#0rO;B&((@F4Tg z6z1(h`C5~FKAEKhq#3MyZjckMWA2xxFJs}KX+#VW_yh0)0TAahvabe^z|e$-M3|}p zZGZFa3XBZZhZgQ@YtaMkB;4ib0P+9~(Fgc5LLJtG&CQx;H zfIwB(6$cRw!ngp+0=ll8z_Bl#j0e>!H~>5%j0VUGPAfu&=pVJ8&{FDY{y6(mh~j5f zM`5^JfKjBL{xrALbL6)B{X!mcda`*1GH3sOhfuQr20F$s}S`s#d7`JL~j~L zicw`t_?79TU&rMf+0Hb&l`a|wzKXU;3KVp_!!FQ)@lwI<DU739(s&ki+5e8&b1|wmEcu)tpxAR2%-FDf} zujB)-Kz@0Jc&N4fL)Tpw4CgLnt7%6RS_?78gQTDuS3EAcTw>+V1;(p)6V4Tv21CiM zK<8mg7BuF9^PDnH6W2lxdBQK0{ z2u-S3|5o^y>fF4G$O}V%)vgrWdjhQ&F&1FXrAM0Djg@I5Lo#$XVik-hhVvK0raOUN zq00ci$P$4*Wc8{gYY6A(%

    Cy%03`#UhElxw7kAT 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 Date: Sat, 11 Jan 2025 22:03:08 +0530 Subject: [PATCH 2/3] Fixed changes in dark mode pr --- about.css | 2 +- index.html | 18 +- login.css | 258 +++++++++++++++++++ login.html | 686 ++++++++++++++++++++------------------------------ pricing.css | 2 +- register.css | 685 +++++++++++++++++-------------------------------- register.html | 449 ++++++++++++++++----------------- styles.css | 27 ++ 8 files changed, 1015 insertions(+), 1112 deletions(-) create mode 100644 login.css diff --git a/about.css b/about.css index 072f278..319b24f 100644 --- a/about.css +++ b/about.css @@ -17,7 +17,7 @@ --icons-color: #d6a52b; --footer-text: #4a4a4a; --card-text: #333; - --card-bg: #f7f7f7; + --card-bg: #fdf4dc; --back-button-color: #333; } diff --git a/index.html b/index.html index 4b6c6c9..e3751d8 100644 --- a/index.html +++ b/index.html @@ -184,10 +184,6 @@ text-decoration: none; } - .orange { - color: rgb(229, 229, 61); - } - section h2 { color: #000; font-size: 30px; @@ -200,7 +196,7 @@ position: fixed; bottom: 20px; right: 20px; - background-color: rgb(229, 229, 61); + background-color: var(--heading-color); color: white; border: none; border-radius: 50%; @@ -599,7 +595,7 @@

    >
    -

    About Ajivika

    +

    About Ajivika

    Ajivika is your one-stop destination for career growth and learning. From creating professional resumes to applying for top jobs, we @@ -612,7 +608,7 @@

    About Ajivika

    class="footer-section quick-link" style="flex: 1; min-width: 200px" > -

    Quick Links

    +

    Quick Links

      Quick Links

    -

    Resources

    +

    Resources