From a0be4f040e361eacb070dc0b0d4b486b8b30c422 Mon Sep 17 00:00:00 2001 From: Shreyash Date: Sun, 25 Aug 2024 21:04:24 +0530 Subject: [PATCH] Fixed Darkmode and Milestone Section Co-authored-by: shreyash3087 Co-authored-by: sanjay-kv --- Website/index.html | 22 ++++----- Website/styles.css | 119 ++++++++++++++++++++++++++------------------- 2 files changed, 79 insertions(+), 62 deletions(-) diff --git a/Website/index.html b/Website/index.html index 125e2291f..45a6f73fb 100644 --- a/Website/index.html +++ b/Website/index.html @@ -9,7 +9,7 @@ - +
@@ -41,7 +41,7 @@
-

Welcome to the Machine Learning Repositories

+

Welcome to the Machine Learning Repositories

Explore a curated collection of diverse machine learning repositories available on GitHub, presented by the RecodeHive community.

@@ -123,7 +123,7 @@

Milestones Progress

Algorithms and Deep Learning Models

This milestone enhances the website's performance and design by integrating advanced algorithms and Deep Learning models.

-
+

34 closed / 34 total

@@ -131,7 +131,7 @@

Algorithms and Deep Learning Models

Classification Models

This Milestone focuses on improving the website's performance and design by implementing and optimizing various classification models.

-
+

23 closed / 23 total

@@ -139,7 +139,7 @@

Classification Models

Data Analysis

This milestone is dedicated to enhancing the website's performance and design through the integration and application of data analysis techniques.

-
+

20 closed / 20 total

@@ -147,7 +147,7 @@

Data Analysis

NLP Models

This milestone focuses on integrating NLP models to enhance website functionality and user interaction, improving performance and design through advanced natural language processing techniques.

-
+

5 closed / 10 total

@@ -155,7 +155,7 @@

NLP Models

Computer Vision Models

This milestone focuses on integrating computer vision models to improve website performance and design by enabling advanced image and video analysis capabilities.

-
+

10 closed / 20 total

@@ -163,7 +163,7 @@

Computer Vision Models

Detection Models

This milestone involves improving the website's performance and design by implementing advanced detection models to enhance functionality and accuracy.

-
+

34 closed / 34 total

@@ -171,7 +171,7 @@

Detection Models

Prediction Models

This milestone aims to integrate advanced prediction models to boost website performance and user experience with cutting-edge algorithms and machine learning techniques.

-
+

60 closed / 60 total

@@ -179,7 +179,7 @@

Prediction Models

Recommendation Models

This milestone focuses on integrating advanced recommendation models to improve website performance and deliver personalized user experiences.

-
+

4 closed / 4 total

@@ -215,7 +215,7 @@

Recommendation Models

-

© 2024 Machine Learning Repos - RecodeHive. All rights reserved.

+
© 2024 Machine Learning Repos - RecodeHive. All rights reserved.
diff --git a/Website/styles.css b/Website/styles.css index fdbbd3c5f..09d300211 100644 --- a/Website/styles.css +++ b/Website/styles.css @@ -42,11 +42,8 @@ body { background-color: #0a0a2e; font-family: 'Arial', sans-serif; display: flex; - flex-direction: column; - color:white; - + flex-direction: column; } - header { background-color: #121245; padding: 10px 20px; @@ -140,11 +137,13 @@ h2 { font-size: 2em; margin-bottom: 20px; animation: slideInRight 1s ease-in-out; + color:white; } p { font-size: 1.2em; line-height: 1.6; + color:white; } button#toggle-stats { @@ -411,7 +410,9 @@ button#toggle-languages:hover { transition: transform 0.3s ease, box-shadow 0.3s ease; animation: fadeIn 1s ease-in-out; } - +.card h3{ + color:white; +} .card-languages{ background: #fff; border: 1px solid #ddd; @@ -751,25 +752,24 @@ button#toggle-languages:hover { #milestones-progress { margin: 50px 0; padding: 20px; - background-color: #f9f9f9; } #milestones-progress h2 { text-align: center; font-size: 2em; margin-bottom: 20px; - color: #333; + color: white; animation: slideInRight 1s ease-in-out; } .milestones-grid { display: grid; - grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); + grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); gap: 20px; } .milestone-card { - background-color: rgb(87, 251, 248); + background-color: #121245; padding: 20px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); @@ -783,19 +783,19 @@ button#toggle-languages:hover { } .milestone-card h3 { - color: #333; + color: white; font-size: 1.25em; margin-bottom: 10px; } .milestone-card p { - color: #666; + color: white; font-size: 0.9em; margin-bottom: 15px; line-height: 1.5; } -.progress-bar { +.milestone-progress-bar { background-color: rgb(116, 243, 209); border-radius: 5px; overflow: hidden; @@ -820,48 +820,34 @@ button#toggle-languages:hover { /* Dark Mode Styles */ body.dark-mode { - background-color: #121245; - color: #f1f1f1; -} - -.dark-mode .navbar { - background-color: #000; + background-color:#f4f4f4; } .dark-mode .nav-links a { - color: #fff; + color:#fff; } -.dark-mode .welcome-title { - color: #fff; +.dark-mode h2{ + color:black; } - -.dark-mode .highlight { - color: #fff; +.dark-mode .card h3{ + color:black; } - -.dark-mode .stat-card { - background-color: #212148; -} - -.dark-mode .stat-card h3 { - color: #fff; +.dark-mode .welcome-section span{ + color:rgb(3, 3, 122); } - -.dark-mode .stat-card p { - color: rgb(255, 213, 98); +.dark-mode .welcome-section p{ + color:black; } - -.dark-mode .stat-icon { - color: #fff; +.dark-mode .highlight { + color: black; } -.dark-mode .stat-card:hover { - background-color: #151537; +.dark-mode .stat-card { + background-color: #050066; } - -.dark-mode .stat-card:hover .stat-icon{ - color: #fff; +.dark-mode .contri-heading{ + color:black; } @@ -873,18 +859,49 @@ body.dark-mode { font-size: 1.2em; transition: color 0.3s ease; } - -.dark-mode .welcome-section a{ - color: #cfd9e5; +.dark-mode #languages{ + background-color: #fff; + color: black; } - -#toggle-dark-mode i { - font-size: 1.5em; +.dark-mode #milestone{ + background-color: #fff; + color:black; } - -#toggle-dark-mode:hover { - color: #fff; +.dark-mode .card{ + background-color: #fff; +} +.dark-mode #milestone{ + background-color: #fff; + color:black; +} +.dark-mode #contributors{ + background-color: #f9f9f9; +} +.dark-mode #contributors h2{ + color: #333; +} +.dark-mode #contributors-grid{ + background: linear-gradient(135deg, #f0f4f8, #cfd9e5); } +.dark-mode .contributor-github { + background: linear-gradient(135deg, #f0f4f8, #cfd9e5); + color: #0366d6; +} +.dark-mode .contributor{ + background: #ffffff; +} +.dark-mode #milestones-progress h2 { + color: black; +} +.dark-mode .milestone-card { + background-color: white; +} +.dark-mode .milestone-card h3{ + color:black; +} +.dark-mode .milestone-card p{ + color:black; +}