From 09486b038345c002856e80a60fdcff37112dc340 Mon Sep 17 00:00:00 2001 From: beasroy Date: Sun, 7 Jan 2024 10:04:50 +0530 Subject: [PATCH 1/2] coc done --- src/components/Footer/Footer.jsx | 7 ++ src/components/Footer/Footer.scss | 60 +++++++++++++++- src/index.css | 1 + src/main.jsx | 6 ++ src/pages/Coc/Coc.jsx | 110 ++++++++++++++++++++++++++++++ src/pages/Coc/Coc.scss | 76 +++++++++++++++++++++ 6 files changed, 257 insertions(+), 3 deletions(-) create mode 100644 src/pages/Coc/Coc.jsx create mode 100644 src/pages/Coc/Coc.scss diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx index b4ece50..5b7cb3d 100644 --- a/src/components/Footer/Footer.jsx +++ b/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)} /> + + +
+ Code of Conduct +

Email us for more details

+ dscnsecorg@gmail.com
diff --git a/src/components/Footer/Footer.scss b/src/components/Footer/Footer.scss index aaf1078..505d5d1 100644 --- a/src/components/Footer/Footer.scss +++ b/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; + } +} \ No newline at end of file diff --git a/src/index.css b/src/index.css index 436b945..e96c84b 100644 --- a/src/index.css +++ b/src/index.css @@ -26,3 +26,4 @@ body { color: white !important; } } + diff --git a/src/main.jsx b/src/main.jsx index 3a2cac0..9ee4731 100644 --- a/src/main.jsx +++ b/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: , }, + { + path: "/coc", + element: + } ], }, { diff --git a/src/pages/Coc/Coc.jsx b/src/pages/Coc/Coc.jsx new file mode 100644 index 0000000..5db6511 --- /dev/null +++ b/src/pages/Coc/Coc.jsx @@ -0,0 +1,110 @@ +import React from 'react' +import "./Coc.scss" +const Coc = () => { + return ( +
+

Code of Conduct

+
+

+ 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. +

+

+ Respect: + 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. +

+

+ Collaboration: + Participants should embrace collaboration and teamwork. + Any attempts to sabotage or undermine other contributors' work will not be tolerated. +

+

+ Privacy: + 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. +

+

+ Professionalism: + 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. +

+

+ Safety: + 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 +

+

+ Code of Conduct Violations: + 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. +

+

+ Inclusivity: + 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. +

+

+ Intellectual Property: + Participants should respect the intellectual property rights of others. Any use of copyrighted + or trademarked material must be properly attributed or cleared for use +

+

+ Compliance with Laws: + All participants must comply with all applicable laws and regulations throughout the Winter of Code. + Any illegal activities will not be tolerated. +

+

+ Accountability: + All participants are accountable for their own actions and should take responsibility + for any consequences that may arise from those actions. +

+
+

Reporting a Breach

+
+

+ 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: +

+
    +
  • + Speak with a member of the Winter of Code team: + 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. +
    • +
  • + Email the Winter of Code team: + You can send an email to the official Winter of Code email address + dscnsecorg@gmail.com and describe the incident in detail. + We will investigate the matter and take appropriate action. +
    • +
  • Contact the following Winter of Code Representatives: + If you prefer to tell us in person but the team is not near, call the lead organizers below: + +
    • +
+

We take all reports of Code of Conduct breaches + seriously and will take appropriate action to address the situation. +

+

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 + dscnsecorg@gmail.com

+
+
+ ) +} + +export default Coc \ No newline at end of file diff --git a/src/pages/Coc/Coc.scss b/src/pages/Coc/Coc.scss new file mode 100644 index 0000000..21256df --- /dev/null +++ b/src/pages/Coc/Coc.scss @@ -0,0 +1,76 @@ +section { + position: block; +} + +.coc { + width: 70%; + margin: auto; + margin-bottom: 4rem; + margin-top: 8rem; + + .heading { + font-size: 1.5em; + color: #ff1717; + margin: 4rem 0; + position: relative; + + &:after { + content: ""; + position: absolute; + width: 50%; + border: 1px solid #ff1717; + bottom: -10px; + left: 50%; + transform: translate(-50%, -50%); + } + } + + p { + font-family: var(--body-font); + word-wrap: break-word; + margin: 2rem 0; + font-weight: 200; + } + + .text__bold { + font-weight: 700; + letter-spacing: 1px; + } + + .coc_list { + padding: 0; + + } + + li { + font-family: var(--body-font); + margin: 0 0 2rem; + word-wrap: break-word; + + &::marker { + unicode-bidi: isolate; + font-variant-numeric: tabular-nums; + text-transform: none; + text-indent: 0px !important; + text-align: start !important; + text-align-last: start !important; + } + + .emails { + margin-top: 10px; + margin-left: 30px; + padding: 0; + + li{ + margin-bottom: 2px; + } + } + } + a{ + color: #7FC7D9; + text-decoration: underline; + } +} + + + From f167f43ba57ebde9c59f367ee269c8a461649874 Mon Sep 17 00:00:00 2001 From: debojitsaha Date: Sun, 7 Jan 2024 14:24:23 +0530 Subject: [PATCH 2/2] updated: coc --- src/components/Footer/Footer.jsx | 16 +- src/components/Footer/Footer.scss | 12 +- src/pages/Coc/Coc.jsx | 272 ++++++++++++++++++------------ src/pages/Coc/Coc.scss | 122 +++++++------- 4 files changed, 239 insertions(+), 183 deletions(-) diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx index 5b7cb3d..ab9a126 100644 --- a/src/components/Footer/Footer.jsx +++ b/src/components/Footer/Footer.jsx @@ -18,7 +18,7 @@ const Footer = () => { window.open(url, "_blank"); }; return ( -
+
@@ -31,12 +31,13 @@ const Footer = () => { style={{ cursor: "pointer" }} onClick={() => openInNewWindow(footerData.instagram)} /> - openInNewWindow(footerData.linkedin)} /> - openInNewWindow(footerData.youtube̦)} /> @@ -45,12 +46,13 @@ const Footer = () => { style={{ cursor: "pointer" }} onClick={() => openInNewWindow(footerData.twitter)} /> -
- Code of Conduct -

Email us for more details

- dscnsecorg@gmail.com + Code of Conduct +

Email us for more details

+ + dscnsecorg@gmail.com +
diff --git a/src/components/Footer/Footer.scss b/src/components/Footer/Footer.scss index 505d5d1..0b6b793 100644 --- a/src/components/Footer/Footer.scss +++ b/src/components/Footer/Footer.scss @@ -193,7 +193,6 @@ justify-content: center; align-items: center; flex-direction: column; - } .footer_bottom img { @@ -217,19 +216,18 @@ margin-top: 20px; .footer_coc_email { - color: #DCF2F1; + color: #87a0f9; margin-top: 10px; margin-bottom: 10px; } .email_2 { - - - color: #DCF2F1; - text-transform: lowercase; + color: #ffffff; + text-transform: lowercase; + font-weight: 600; } @media screen and (max-width: 560px) { font-size: 15px; } -} \ No newline at end of file +} diff --git a/src/pages/Coc/Coc.jsx b/src/pages/Coc/Coc.jsx index 5db6511..6fcc905 100644 --- a/src/pages/Coc/Coc.jsx +++ b/src/pages/Coc/Coc.jsx @@ -1,110 +1,166 @@ -import React from 'react' -import "./Coc.scss" +import React from "react"; +import "./Coc.scss"; const Coc = () => { - return ( -
-

Code of Conduct

-
-

- 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. -

-

- Respect: - 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. -

-

- Collaboration: - Participants should embrace collaboration and teamwork. - Any attempts to sabotage or undermine other contributors' work will not be tolerated. -

-

- Privacy: - 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. -

-

- Professionalism: - 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. -

-

- Safety: - 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 -

-

- Code of Conduct Violations: - 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. -

-

- Inclusivity: - 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. -

-

- Intellectual Property: - Participants should respect the intellectual property rights of others. Any use of copyrighted - or trademarked material must be properly attributed or cleared for use -

-

- Compliance with Laws: - All participants must comply with all applicable laws and regulations throughout the Winter of Code. - Any illegal activities will not be tolerated. -

-

- Accountability: - All participants are accountable for their own actions and should take responsibility - for any consequences that may arise from those actions. -

-
-

Reporting a Breach

-
-

- 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: -

-
    -
  • - Speak with a member of the Winter of Code team: - 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. -
    • -
  • - Email the Winter of Code team: - You can send an email to the official Winter of Code email address - dscnsecorg@gmail.com and describe the incident in detail. - We will investigate the matter and take appropriate action. -
    • -
  • Contact the following Winter of Code Representatives: - If you prefer to tell us in person but the team is not near, call the lead organizers below: - -
    • -
-

We take all reports of Code of Conduct breaches - seriously and will take appropriate action to address the situation. -

-

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 - dscnsecorg@gmail.com

-
-
- ) -} + return ( +
+

Code of Conduct

+
+

+ 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. +

+

+ Respect: + 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. +

+

+ Collaboration: + Participants should embrace collaboration and teamwork. Any attempts + to sabotage or undermine other contributors' work will not be + tolerated. +

+

+ Privacy: + 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. +

+

+ Professionalism: + 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. +

+

+ Safety: + 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 +

+

+ Code of Conduct Violations: + 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. +

+

+ Inclusivity: + 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. +

+

+ Intellectual Property: + Participants should respect the intellectual property rights of + others. Any use of copyrighted or trademarked material must be + properly attributed or cleared for use +

+

+ Compliance with Laws: + All participants must comply with all applicable laws and regulations + throughout the Winter of Code. Any illegal activities will not be + tolerated. +

+

+ Accountability: + All participants are accountable for their own actions and should take + responsibility for any consequences that may arise from those actions. +

+
+

Reporting a Breach

+
+

+ 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: +

+
    +
  • + + Speak with a member of the Winter of Code team:{" "} + + + 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. + +
    • +
  • + Email the Winter of Code team: + + You can send an email to the official Winter of Code email address + + dscnsecorg@gmail.com + + {" "} + and describe the incident in detail. We will investigate the + matter and take appropriate action. + +
    • +
  • + + Contact the following Winter of Code Representatives: + + + {" "} + If you prefer to tell us in person but the team is not near, call + the lead organizers below: + + +
    • +
+

+ + We take all reports of Code of Conduct breaches seriously and will + take appropriate action to address the situation. + +

+

+ + 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 + + dscnsecorg@gmail.com + +

+
+
+ ); +}; -export default Coc \ No newline at end of file +export default Coc; diff --git a/src/pages/Coc/Coc.scss b/src/pages/Coc/Coc.scss index 21256df..b21f0cc 100644 --- a/src/pages/Coc/Coc.scss +++ b/src/pages/Coc/Coc.scss @@ -1,76 +1,76 @@ section { - position: block; + position: block; } .coc { - width: 70%; - margin: auto; - margin-bottom: 4rem; - margin-top: 8rem; + width: 70%; + margin: auto; + margin-bottom: 4rem; + margin-top: 8rem; - .heading { - font-size: 1.5em; - color: #ff1717; - margin: 4rem 0; - position: relative; + .heading { + font-size: 1.5em; + color: #ffffff; + margin: 4rem 0; + position: relative; - &:after { - content: ""; - position: absolute; - width: 50%; - border: 1px solid #ff1717; - bottom: -10px; - left: 50%; - transform: translate(-50%, -50%); - } + &:after { + content: ""; + position: absolute; + width: 20%; + border: 1px solid #fff; + bottom: -10px; + left: 50%; + transform: translate(-50%, -50%); } + } - p { - font-family: var(--body-font); - word-wrap: break-word; - margin: 2rem 0; - font-weight: 200; - } + p { + font-family: var(--body-font); + word-wrap: break-word; + margin: 2rem 0; + font-weight: 200; + } - .text__bold { - font-weight: 700; - letter-spacing: 1px; - } - - .coc_list { - padding: 0; + .text__bold { + font-weight: 700; + letter-spacing: 1px; + } - } - - li { - font-family: var(--body-font); - margin: 0 0 2rem; - word-wrap: break-word; + .coc_list { + padding: 0; + } - &::marker { - unicode-bidi: isolate; - font-variant-numeric: tabular-nums; - text-transform: none; - text-indent: 0px !important; - text-align: start !important; - text-align-last: start !important; - } + li { + font-family: var(--body-font); + margin: 0 0 2rem; + word-wrap: break-word; - .emails { - margin-top: 10px; - margin-left: 30px; - padding: 0; - - li{ - margin-bottom: 2px; - } - } - } - a{ - color: #7FC7D9; - text-decoration: underline; + &::marker { + unicode-bidi: isolate; + font-variant-numeric: tabular-nums; + text-transform: none; + text-indent: 0px !important; + text-align: start !important; + text-align-last: start !important; } -} - + .emails { + margin-top: 10px; + margin-left: 30px; + padding: 0; + li { + margin-bottom: 2px; + } + a { + font-weight: 600; + } + } + } + a { + color: #fff; + text-decoration: underline; + font-weight: 600; + } +}