From cadeaa34eb659b5e08db11322b99af530d1af6b8 Mon Sep 17 00:00:00 2001 From: Prerna Date: Tue, 15 Oct 2024 12:33:33 +0530 Subject: [PATCH 1/2] vent Calendar Section, Forum/Discussion Boards, Footer Structure Is your feature request related to a problem? Please describe. I'm always frustrated when users cannot easily find information about upcoming events and community discussions on our website, leading to reduced engagement and missed opportunities. Describe the solution you'd like I would like to implement an "Upcoming Events" section on the homepage that clearly showcases our events, workshops, and meetups. Each event should include a title, date, time, location, and a registration link to make it easy for users to participate. Additionally, the Forum/Discussion Boards section should be repositioned to the footer for better visibility, encouraging users to engage in community discussions. This section should still include links to both our dedicated forum page and a third-party Discourse community, fostering greater interaction among members. Describe alternatives you've considered I considered keeping the Forum section in the main content area but found that moving it to the footer enhances the overall layout and highlights it as a resource for community engagement. Other alternatives included creating a separate events page, but I believe having it directly on the homepage increases visibility and participation. Additional context The "Upcoming Events" section will help users quickly find relevant activities and encourage them to engage with our community. By placing the Forum/Discussion Boards in the footer, we maintain a clean design while ensuring users can easily find ways to interact with others. This adjustment also includes keeping the copyright statement at the bottom for clarity. Screenshots of the new layout can be provided upon request for further illustration. --- .vscode/settings.json | 3 + README.md | 48 ++++++++++---- darkmode.js | 15 +++++ images/light.png | 0 index.html | 81 +++++++++++++++++------ styles.css | 146 ++++++++++++++++++++++++++---------------- 6 files changed, 206 insertions(+), 87 deletions(-) create mode 100644 .vscode/settings.json create mode 100644 darkmode.js create mode 100644 images/light.png diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..f673a71 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5502 +} \ No newline at end of file diff --git a/README.md b/README.md index d607a9d..c9d15dc 100644 --- a/README.md +++ b/README.md @@ -1,18 +1,32 @@ -# Code Social Community's Official Website +# GSSoc'24 Extended + +![License](https://cdn.prod.website-files.com/5e0f1144930a8bc8aace526c/65dd9eb5aaca434fac4f1c34_License-MIT-blue.svg) +![GitHub Issues](https://img.shields.io/github/issues/Code-Social/official-website) +![GitHub Pull Requests](https://img.shields.io/github/issues-pr/Code-Social/official-website) +![Stars](https://img.shields.io/github/stars/Code-Social/official-website) + +# ☕ Code Social Community's Official Website Welcome to the official repository for the Code Social Community website! This repository includes the code and content for our community-driven website. As an open-source project, we welcome contributions from anyone interested in enhancing our platform. -## About Code Social +## 🌟 About Code Social Code Social Community is a vibrant and inclusive space for tech enthusiasts to learn, grow, and connect. Founded in 2023, our mission is to empower individuals with resources, mentorship, and opportunities to cultivate their skills, explore their interests, and collaborate with like-minded peers. Join us on our journey to create something extraordinary together! -*Join the Code Social Community*: [Click here to join](https://discord.gg/MSTNyRSPYW) +![Discord](https://img.shields.io/badge/Discord-7289DA?style=for-the-badge&logo=discord&logoColor=white) +* 🤝 Join the Code Social Community : [Click here to join](https://discord.gg/MSTNyRSPYW) + +## ⚙️ Tech Stack +![HTML5](https://img.shields.io/badge/HTML-239120?style=for-the-badge&logo=html5&logoColor=white) +![CSS](https://img.shields.io/badge/CSS-239120?&style=for-the-badge&logo=css3&logoColor=white) +![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black) + -## Contributing to Our Website +## 🤗 Contributing to Our Website We believe in the power of community and open-source collaboration. Our website is a reflection of this, and we invite community members to contribute to its development. Here's how you can get involved: -### How to Contribute +### ✨ How to Contribute 1. **Fork the Repository**: Start by forking this repository to your GitHub account. 2. **Clone the Repository**: Clone the forked repository to your local machine using `git clone`. @@ -21,31 +35,31 @@ We believe in the power of community and open-source collaboration. Our website 5. **Push Changes**: Push your changes to your forked repository using `git push origin branch-name`. 6. **Create a Pull Request**: Open a pull request to the main repository. Provide a detailed description of your changes and any relevant information. -### What You Can Contribute +### 🛠️ What You Can Contribute - **Bug Fixes**: Help us identify and fix bugs. - **Features**: Implement new features or enhance existing ones. - **Documentation**: Improve our documentation, including this README. - **Design**: Contribute to the website's design and user experience. -### Contribution Guidelines +### 📋 Contribution Guidelines - Ensure your code follows our coding standards and best practices. - Write clear and concise commit messages. - Provide detailed descriptions in your pull requests. - Be respectful and collaborative in your interactions with other contributors. -## Getting Started +## 🚀 Getting Started To set up the project locally, follow these steps: 1. **Clone the Repository**: ```bash - git clone https://github.com/CodeSocialCommunity/website.git + git clone https://github.com/Code-Social/official-website.git ``` 2. **Navigate to the Project Directory**: ```bash - cd website + cd official-website ``` 3. **Install Dependencies**: ```bash @@ -56,10 +70,18 @@ To set up the project locally, follow these steps: npm start ``` -## Join Us +## 🎊 For GSSOC and Hacktober Fest participants : + +Please read the Contribution Guidelines and if you have any doubts ,feel free to connect with the project admins or mentors. We have set up a discord channel in our community server for the event to answer queries,foster discussions and enhance collaboration on the project. [Click here to join](https://discord.com/channels/1049667734025289729/1291810957563134105) + + +## Our Valuable Contributors ❤️✨ +[![Contributors](https://contrib.rocks/image?repo=Code-Social/official-website)]((https://github.com/Code-Social/official-website/graphs/contributors)) + +## 🙌 Join Us We are excited to build and improve this website with the help of our community. Your contributions, no matter how big or small, are valuable and appreciated. Let's create something amazing together! -For any questions or further discussions, feel free to reach out to us on our Discord server: [Click here to join](https://discord.gg/MSTNyRSPYW) +For any questions or further discussions, feel free to reach out to us on our Discord server: [Click here to join](https://discord.gg/MSTNyRSPYW)💬 -Happy coding! +💻 Happy coding! diff --git a/darkmode.js b/darkmode.js new file mode 100644 index 0000000..4f4f997 --- /dev/null +++ b/darkmode.js @@ -0,0 +1,15 @@ +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) +} +if(darkmode==="active") enableDarkmode() +themeSwitch.addEventListener("click", () =>{ + darkmode=localStorage.getItem('darkmode') + darkmode!=="active" ? enableDarkmode() : disableDarkmode() +}) \ No newline at end of file diff --git a/images/light.png b/images/light.png new file mode 100644 index 0000000..e69de29 diff --git a/index.html b/index.html index db7bb3a..204725d 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,6 @@ - @@ -15,6 +14,7 @@