Dark Mode Implementation

[avi-11]

Overview

Create dark mode for all the pages of the website, with toggle option between dark and light mode.

Description

DSC KIET website is an official website made with HTML, CSS, and JAVASCRIPT. This website describes the organization's workflow, events, and members.

Expected Outcomes

A dark mode feature with proper UI.

Skills

HTML, CSS, JAVASCRIPT.

Possible Mentors

Avaneesh Singh

Expected Time

8 days

Difficulty

Hard

[avi-11]

Use This Proposal Template as a Reference to write your own proposal for Msoc

Your Issue Name

Your Background and Technical Skills.

---

What problem are you trying to solve and Your Approach?

---

Your Timeline to solve the problem.

---

Your Commitments.

---

---

[avi-11]

Example of Proposal.

Improve the generated PDF in the PDF/LaTeX backend

About me

I have been programming since High School and I have been Advocating for Open-Source projects for the past 2 years. I
have experienced in Python , JavaScript, and Dart[Flutter] and I am currently learning Julia. I organized events on Open-Source in my College and I am the founding member of an Open-Source community fossc where I mentor Students in their Open-Source Journey. For more information about me You can head over to my website

---

Issue - Intermittent CI failures with PDF builds

Issue - The "PDF/LaTeX backend" stage often fails on CI, causing the docs not to deploy (since they only deploy if that stage passes) Restarting the build usually fixes it though.

Proposed Solution….

● Fixing any bug on the CI end.
● Debug any issue in the test of the LaTeX backend
● Rewriting guided Tests for it so that it can be fixed throughout the process.

---

TimeLine

May 20 - June 12

Community bonding, understanding Documenter.jl Codebase, re-scoping project implementation/timeline with help from mentors.

June 13 - June 23

Learning Julia Essentials and other essentials for integration and fixing of issue #1196 and #1467 and #1342 .

June 24 - July 15

Adding the Proposed Solution for the issue #1196 and #1467

---

Commitments.

● I’ll try my best to learn everything which is essential for the
project.
● I’ll Create regular Blog posts on the progress of the project
● I’ll try my best to complete the project on time.
● In case of any change in the above timeline, I will inform
the mentors in advance.

---

---

[codemaniac-sahil]

Enabling dark mode for all pages of website

About me

I have an experience of 2 years in web development. I know HTML, CSS, JavaScript and ReactJs. I made 5 projects in web development which include currency converter, weather web app and dictionary web app which uses API integration.

Proposed Solution

I will create a toggle menu for website which will give user, a choice to go in dark mode or light mode.

Commitments

• I will make sure that issue will be resolved as soon as possible.
• I will try my best to learn everything which is essential for the
  project.

[avi-11]

ok @codemaniac-sahil you can proceed on to build the functionality.

just read the readme.md and contributing.md to get more knowledge.

I'll assign you the task and you can ask any doubts regarding anything here.