coc done

Author: beasroy

src/components/Footer/Footer.jsx

@@ -11,6 +11,7 @@ import wocLogo from "../../assets/wocLogo1.png";
 // @ts-ignore
 import gdscLogo from "../../assets/gdscLogo1.png";
 import footerData from "../../constants/footerData";
+import { Link } from "react-router-dom";
 
 const Footer = () => {
   const openInNewWindow = (url) => {
@@ -44,6 +45,12 @@ const Footer = () => {
               style={{ cursor: "pointer" }}
               onClick={() => openInNewWindow(footerData.twitter)}
             />
+            
+          </div>
+          <div className="footer_coc">
+          <Link  to="/coc">Code of Conduct</Link>
+          <p className="footer_coc_email">Email us for more details</p>
+          <a href="mailto: [email protected]" className="email_2">[email protected]</a>
           </div>
         </div>
         <div className="footer_resources">

src/components/Footer/Footer.scss

@@ -6,47 +6,56 @@
   box-sizing: border-box;
   position: relative;
   z-index: 2;
+
   @media screen and (max-width: 560px) {
     padding: 20px 20px;
   }
 }
+
 .footer_top {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 24px;
   margin-bottom: 80px;
+
   @media screen and (max-width: 560px) {
     flex-direction: column;
-    justify-content: center;
+    justify-content: space-between;
     margin-bottom: 30px;
     align-items: flex-start;
   }
 }
+
 .footer_logo_first {
   display: flex;
   align-items: center;
 }
+
 .footer_logo {
   max-width: 33.33%;
   display: flex;
   flex-direction: column;
   align-items: center;
+
   @media screen and (max-width: 560px) {
     max-width: 100%;
     justify-content: center;
     align-items: center;
   }
 }
+
 .footer_woc_logo {
   width: 40px;
   height: 40px;
   margin-right: 10px;
+
   @media screen and (max-width: 560px) {
     width: 50px;
     height: 50px;
   }
 }
+
 .footer_logo_text {
   font-size: 20px;
   font-weight: 600;
@@ -62,13 +71,16 @@
   align-items: center;
   justify-content: center;
   margin-top: 10px;
+
   p {
     font-size: 10px;
+
     @media screen and (max-width: 560px) {
       font-size: 15px;
     }
   }
 }
+
 .footer_logo_socials {
   margin-top: 10px;
   display: flex;
@@ -77,32 +89,40 @@
   max-width: 100%;
   gap: 8px;
 }
+
 .footer_logo_socials_icons1 {
   font-size: 25px;
+
   @media screen and (max-width: 560px) {
     font-size: 15px;
     background: rgba(255, 255, 255, 0.2);
     border-radius: 100%;
   }
 }
+
 .footer_logo_socials_icons2 {
   font-size: 25px;
+
   @media screen and (max-width: 560px) {
     font-size: 15px;
     background: rgba(255, 255, 255, 0.2);
     border-radius: 100%;
   }
 }
+
 .footer_logo_socials_icons3 {
   font-size: 24px;
+
   @media screen and (max-width: 560px) {
     font-size: 16px;
     background: rgba(255, 255, 255, 0.2);
     border-radius: 100%;
   }
 }
+
 .footer_resources {
   max-width: 33.33%;
+
   @media screen and (max-width: 560px) {
     max-width: 100%;
     display: flex;
@@ -113,15 +133,18 @@
     margin-top: 20px;
   }
 }
+
 .footer_resources_heading {
   margin: 0;
   margin-bottom: 5px;
   font-size: 20px;
+
   @media screen and (max-width: 560px) {
     font-size: 18px;
     margin-bottom: 12px;
   }
 }
+
 .footer_resources_text {
   margin: 8px 0px;
   font-size: 16px;
@@ -131,8 +154,10 @@
     margin: 6px 0px;
   }
 }
+
 .footer_socials {
   max-width: 33%;
+
   @media screen and (max-width: 560px) {
     max-width: 100%;
     display: flex;
@@ -141,41 +166,70 @@
     align-items: flex-start;
   }
 }
+
 .footer_socials_heading {
   margin: 0;
   margin-bottom: 5px;
   font-size: 20px;
+
   @media screen and (max-width: 560px) {
     font-size: 18px;
     margin-bottom: 12px;
   }
 }
+
 .footer_socials_text {
   margin: 8px 0px;
   font-size: 16px;
 
   @media screen and (max-width: 560px) {
     font-size: 12px;
-    margin: 6px 0px ;
+    margin: 6px 0px;
   }
 }
+
 .footer_bottom {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
-  
+
 }
+
 .footer_bottom img {
   width: 50%;
+
   @media screen and (max-width: 560px) {
     width: 100%;
   }
 }
+
 .footer_bottom p {
   margin: 10px 20px;
   font-size: 16px;
+
   @media screen and (max-width: 560px) {
     font-size: 14px;
   }
 }
+
+.footer_coc {
+  margin-top: 20px;
+
+  .footer_coc_email {
+    color: #DCF2F1;
+    margin-top: 10px;
+    margin-bottom: 10px;
+  }
+
+  .email_2 {
+   
+    
+      color: #DCF2F1;
+      text-transform: lowercase;
+  }
+
+  @media screen and (max-width: 560px) {
+    font-size: 15px;
+  }
+}

src/index.css

@@ -26,3 +26,4 @@ body {
     color: white !important;
   }
 }
+

src/main.jsx

@@ -7,6 +7,8 @@ import NotFound404 from "utils/NotFound404/NotFound404.jsx";
 import Home from "pages/Home/Home.jsx";
 import Team from "pages/Team/Team.jsx";
 import MainLayout from "components/Layout/MainLayout.jsx";
+import Coc from "pages/Coc/Coc.jsx";
+
 
 const routes = [
   {
@@ -21,6 +23,10 @@ const routes = [
         path: "/team",
         element: <Team />,
       },
+      {
+        path: "/coc",
+        element:<Coc/>
+      }
     ],
   },
   {

src/pages/Coc/Coc.jsx

@@ -0,0 +1,110 @@
+import React from 'react'
+import "./Coc.scss"
+const Coc = () => {
+    return (
+        <section className='coc'>
+            <h1 className='heading'>Code of Conduct</h1>
+            <div>
+                <p className='text__bold'>
+                    By participating in Winter Of Code, all participants agree to
+                    abide by this Code of Conduct. Failure to comply with this Code of Conduct may result in disqualification
+                    and expulsion from the event, and may also lead to legal action in severe cases.
+                </p>
+                <p className="coc__rules">
+                    <span className="text__bold">Respect: </span>
+                    All participants must respect each other's opinions, beliefs, and values.
+                    Discriminatory language or behavior will not be tolerated. This includes, but is not limited to, sexism,
+                    racism, homophobia, and ableism.
+                </p>
+                <p className="coc__rules">
+                    <span className="text__bold">Collaboration: </span>
+                    Participants should embrace collaboration and teamwork.
+                    Any attempts to sabotage or undermine other contributors' work will not be tolerated.
+                </p>
+                <p className="coc__rules">
+                    <span className="text__bold">Privacy: </span>
+                    Participants must respect the privacy of others. Any confidential information shared
+                    during the Winter of Code must not be disclosed
+                    without the express consent of the person or team that shared it.
+                </p>
+                <p className="coc__rules">
+                    <span className="text__bold">Professionalism: </span>
+                    Participants should conduct themselves in a professional manner throughout the Winter of Code.
+                    This includes dressing appropriately, refraining from using inappropriate language,
+                    and avoiding any behavior that would be considered unprofessional.
+                </p>
+                <p className="coc__rules">
+                    <span className="text__bold">Safety: </span>
+                    Participants should prioritize their safety and the safety
+                    of others throughout the Winter of Code. Any behavior that puts others in danger,
+                    including but not limited to physical violence or verbal threats, will not be tolerated
+                </p>
+                <p className="coc__rules">
+                    <span className="text__bold">Code of Conduct Violations: </span>
+                    Any participant who violates the Code of Conduct may be subject to disciplinary action,
+                    up to and including expulsion from the Winter of Code.
+                    All participants have the right to report any Code of Conduct violations to the event organizers.
+                </p>
+                <p className="coc__rules">
+                    <span className="text__bold">Inclusivity: </span>
+                    The Winter of Code should be inclusive to all individuals regardless of gender,
+                    ethnicity, race, religion, age, or any other characteristic.
+                    All participants should work towards creating a safe and welcoming environment for everyone involved.
+                </p>
+                <p className="coc__rules">
+                    <span className="text__bold">Intellectual Property: </span>
+                    Participants should respect the intellectual property rights of others. Any use of copyrighted
+                    or trademarked material must be properly attributed or cleared for use
+                </p>
+                <p className="coc__rules">
+                    <span className="text__bold">Compliance with Laws: </span>
+                    All participants must comply with all applicable laws and regulations throughout the Winter of Code.
+                    Any illegal activities will not be tolerated.
+                </p>
+                <p className="coc__rules">
+                    <span className="text__bold">Accountability: </span>
+                    All participants are accountable for their own actions and should take responsibility
+                    for any consequences that may arise from those actions.
+                </p>
+            </div>
+            <h1 className='heading'>Reporting a Breach</h1>
+            <div>
+                <p>
+                    If you experience or witness a breach of the Winter of Code Code of Conduct,
+                    we encourage you to report it immediately. You can report it in the following ways:
+                </p>
+                <ul className='coc_list'>
+                    <li>
+                        <span className="text__bold">Speak with a member of the Winter of Code team: </span>
+                        <span>You can approach any member of the Winter of Code team and share your concerns with them.
+                            They will take appropriate action to address the situation. The team will be identifiable by Winter of Code official t-shirts,
+                            bearing the Winter of Code logo, along with a lanyard and identity card.</span>
+                    </li>
+                    <li>
+                        <span className="text__bold">Email the Winter of Code team: </span>
+                        <span>You can send an email to the official Winter of Code email address</span>
+                        <a href="mailto: [email protected]"> [email protected] </a><span>  and describe the incident in detail.
+                            We will investigate the matter and take appropriate action.</span>
+                    </li>
+                    <li><span className="text__bold">Contact the following Winter of Code Representatives:</span>
+                        <span> If you prefer to tell us in person but the team is not near, call the lead organizers below:</span>
+                        <ul className="emails">
+                            <li>Debojit Saha:  <a href="mailto:[email protected]">[email protected]</a></li>
+                            <li>Subhajit Hait:  <a href="mailto:[email protected]">[email protected]</a></li>
+                            <li>Manish Kumar Barnwal:  <a href="mailto:[email protected]">[email protected]</a></li>
+                            <li>Kajal Jaiswal:  <a href="mailto:[email protected]">[email protected]</a></li>
+                        </ul>
+                    </li>
+                </ul>
+                <p><span>We take all reports of Code of Conduct breaches
+                    seriously and will take appropriate action to address the situation.</span>
+                </p>
+                <p><span>Winter of Code reserves the right to amend, make exceptions, or otherwise revise the policies either partially or fully.
+                    If you have any questions regarding the policies, please contact us at
+                </span><a href="mailto: [email protected] "> [email protected] </a><span></span></p>
+            </div>
+        </section>
+    )
+}
+
+export default Coc