diff --git a/bihar-culture-landing/assets/images/dark_mode.png b/bihar-culture-landing/assets/images/dark_mode.png new file mode 100644 index 0000000..9b4c1b0 Binary files /dev/null and b/bihar-culture-landing/assets/images/dark_mode.png differ diff --git a/bihar-culture-landing/assets/images/light_mode.png b/bihar-culture-landing/assets/images/light_mode.png new file mode 100644 index 0000000..15e1ae8 Binary files /dev/null and b/bihar-culture-landing/assets/images/light_mode.png differ diff --git a/bihar-culture-landing/culture.html b/bihar-culture-landing/culture.html index 8a8da57..bfef2a5 100644 --- a/bihar-culture-landing/culture.html +++ b/bihar-culture-landing/culture.html @@ -4,6 +4,7 @@ Bihar Culture & Arts + @@ -12,6 +13,11 @@

Culture & Arts of Bihar

+

Where Tradition Meets Timeless Beauty

Explore the rich art, music, and heritage that define the soul of Bihar.

diff --git a/bihar-culture-landing/darkmode.js b/bihar-culture-landing/darkmode.js new file mode 100644 index 0000000..0b82b60 --- /dev/null +++ b/bihar-culture-landing/darkmode.js @@ -0,0 +1,31 @@ +let darkmode = localStorage.getItem('darkmode') +const themeSwitch = document.getElementById('theme-switch') + +const enableDarkmode = () => { + document.body.classList.add('darkmode') + localStorage.setItem('darkmode', 'active') +} + +const disableDarkmode = () => { + document.body.classList.remove('darkmode') + localStorage.setItem('darkmode', null) +} + +themeSwitch.addEventListener("click", () => { + darkmode = localStorage.getItem('darkmode') + if (darkmode === "active") { + enableDarkmode() + } + else{ + disableDarkmode() + } +}) +themeSwitch.addEventListener("click", () => { + darkmode = localStorage.getItem('darkmode') + if (darkmode !== "active") { + enableDarkmode() + } + else{ + disableDarkmode() + } +}) diff --git a/bihar-culture-landing/festivals.html b/bihar-culture-landing/festivals.html index 5b4bf2f..855b1b6 100644 --- a/bihar-culture-landing/festivals.html +++ b/bihar-culture-landing/festivals.html @@ -4,12 +4,18 @@ Bihar Festivals +
+

Festivals of Bihar

Rythm of Devotion, Soul of a State

diff --git a/bihar-culture-landing/history.html b/bihar-culture-landing/history.html index e49a2ba..aad78f6 100644 --- a/bihar-culture-landing/history.html +++ b/bihar-culture-landing/history.html @@ -4,9 +4,15 @@ Bihar History +
+

History & Heritage

Weaving the tapestry of Bihar

diff --git a/bihar-culture-landing/index.html b/bihar-culture-landing/index.html index 16451cd..63d2a14 100644 --- a/bihar-culture-landing/index.html +++ b/bihar-culture-landing/index.html @@ -6,10 +6,16 @@ Bihar Culture - Discover the Rich Heritage of Bihar +
+

बिहार संस्कृति

Bihar Culture

Discover the Rich Heritage and Vibrant Culture of Bihar

diff --git a/bihar-culture-landing/modern.html b/bihar-culture-landing/modern.html index ae8f80c..99bfaab 100644 --- a/bihar-culture-landing/modern.html +++ b/bihar-culture-landing/modern.html @@ -4,9 +4,15 @@ Modern Bihar +
+

Modern Bihar

diff --git a/bihar-culture-landing/style.css b/bihar-culture-landing/style.css index 64124bb..873fae8 100644 --- a/bihar-culture-landing/style.css +++ b/bihar-culture-landing/style.css @@ -23,6 +23,24 @@ --font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } +.darkmode{ + --primary-color: #432323; + --secondary-color: #2F5755; + --accent-color: #5A9690; + --dark-color: #2c3e50; + --light-color: #ecf0f1; + --white: #ffffff; + --text-dark: #2c3e50; + --text-light: #7f8c8d; + background-color: black; + --shadow: 0 4px 15px rgba(0, 0, 0, 0.1); + --shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.15); + --border-radius: 12px; + --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); + --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; + --font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; +} + /* Import Google Fonts */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap'); @@ -39,6 +57,31 @@ body { overflow-x: hidden; } +#theme-switch{ + height: 50px; + width: 50px; + padding: 0; + border-radius: 50%; + background-color: transparent; + display: flex; + justify-content: center; + align-items: center; + position: fixed; + top: 10px; + right:20px ; + border: none; +} + +#theme-switch img:last-child{ + display: none; +} +.darkmode #theme-switch img:first-child{ + display: none; +} +.darkmode #theme-switch img:last-child{ + display: block; +} + /* Typography */ h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); diff --git a/bihar-culture-landing/tourism.html b/bihar-culture-landing/tourism.html index 30883b3..ad0d20b 100644 --- a/bihar-culture-landing/tourism.html +++ b/bihar-culture-landing/tourism.html @@ -6,6 +6,7 @@ Bihar Tourism +
+

Tourism in Bihar

Discover the heritage, nature, and vibrant culture of Bihar