Skip to content
This repository was archived by the owner on Oct 7, 2022. It is now read-only.

Commit

Permalink
Adding CoC page and css fix
Browse files Browse the repository at this point in the history
  • Loading branch information
@PorwalDhruv05
PorwalDhruv05 committed Sep 26, 2022
1 parent 192587d commit 18ddf9d
Show file tree
Hide file tree
Showing 7 changed files with 178 additions and 38 deletions.
4 changes: 2 additions & 2 deletions src/components/header.js
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from "react";
import { Link } from 'gatsby';
export const Header = ({bg}) => (
<header className={`header-main ${bg}`} style={{background: bg}}>
export const Header = ({bg,classHeader}) => (
<header className={`header-main ${classHeader}`} style={{background: bg}}>
<input className="menu-btn" type="checkbox" id="menu-btn" />
<label className="menu-icon" htmlFor="menu-btn">
<span className="navicon" />
Expand Down
2 changes: 1 addition & 1 deletion src/components/heroBanner.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ export function HeroBanner() {
<div className="video__overlay" />
<div className="video__content">
<div className="logo__main">
<img src={logo} width={300} height={300} loading="lazy" />
<img src={logo} width={200} height={200} loading="lazy" />
</div>
<div className="m-t-20">
<h3 className="content__desc">PyConf Hyderabad</h3>
Expand Down
50 changes: 21 additions & 29 deletions src/misc/coc.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,32 +3,24 @@ title: "Code of Conduct"
slug: "code-of-conduct"
---

## COC

<p><strong>This “Dont be a jerk” policy is a shortened, more casual version of the longer Code of Conduct policy. <a href="http://meta.wikimedia.org/wiki/Don%27t_be_a_dick">Read full version</a>.</strong></p>

<p>PyConf Hyderabad is dedicated to providing a harassment-free conference experience for everyone, regardless of age, gender, sexual orientation, physical appearance, disability, race, religion or employment. Harassment includes offensive verbal comments related to gender, sexual orientation, disability, physical appearance, body size, race, religion, sexual images in public spaces, deliberate intimidation, stalking, following, harassing photography or recording, sustained disruption of talks or other events, inappropriate physical contact, and unwelcome sexual attention. We have zero tolerance on harassment of conference participants in any form, including, but not limited to the activities mentioned here.</p>

<p>Participants asked to stop any harassing behavior are expected to comply immediately.</p>

<p>Exhibitors in the expo hall, sponsor or vendor booths, or similar activities are also subject to the anti-harassment policy. In particular, exhibitors should not use sexualized images, activities, or other material. Booth staff (including volunteers) should not use sexualized clothing/uniforms/costumes, or otherwise create a sexualized environment.</p>

<p>All communication should be appropriate for a professional audience, including people from many different backgrounds. Sexual language or imagery is inappropriate for all aspects of the conference, including talks. Remember that sexist, racist or any other form of exclusionary or offensive jokes or excessive public swearing are not appropriate at any venue of PyConf Hyderabad.</p>

<p>Do not insult or put down attendees or engage in any action that violates the open, welcoming and sharing spirit of the conference. Be kind and sensitive to the people around you when you are attending the conference, and avoid any kind of offensive or degrading behavior.</p>

<p>If a participant engages in behavior that violates this code of conduct, the conference organizers may take any action they deem appropriate, including warning the offender or expulsion from the conference with no refund.</p>

<p>Thank you for helping to make PyConf Hyderabad a welcoming, friendly event for all.</p>

<p><b>Contact Information</b></p>

<p>If you are being harassed, or notice that someone else is being harassed, or have any other concerns, please contact any of these individuals for reporting CoC violations:</p>

Ramanathan Ramakrishnamoorthy<br />
Sanchit Balchandani<br />


<p><b>License</b><br />
This Code of Conduct was forked from Pycon India Conference under a Creative Commons Attribution 3.0 Unported License.
PyConf Hyderabad Code of Conduct is licensed under a Creative Commons Attribution 3.0 Unported License.</p>
import bookImage from "../static/images/book.webp";

<div class="body-wrap">
<section class="absolute w-screen -z-10 h-[80vh]">
<img src={bookImage} alt="hero background" class="h-full" height="100%" width="100%"></img>
</section>
<section class="container mx-auto z-10 pt-40 lg:px-5">
<section class="bg-white container .bg-black-shadow">
<h1 class="text-center coc-title">Code of Conduct</h1>
<p><strong>This “Don’t be a jerk” policy is a shortened, more casual version of the longer Code of Conduct policy. <a href="http://meta.wikimedia.org/wiki/Don%27t_be_a_dick">Read full version</a>.</strong></p>
<p>PyConf Hyderabad is dedicated to providing a harassment-free conference experience for everyone, regardless of age, gender, sexual orientation, physical appearance, disability, race, religion or employment. Harassment includes offensive verbal comments related to gender, sexual orientation, disability, physical appearance, body size, race, religion, sexual images in public spaces, deliberate intimidation, stalking, following, harassing photography or recording, sustained disruption of talks or other events, inappropriate physical contact, and unwelcome sexual attention. We have zero tolerance on harassment of conference participants in any form, including, but not limited to the activities mentioned here.</p>
<p>Participants asked to stop any harassing behavior are expected to comply immediately.</p>
<p>Exhibitors in the expo hall, sponsor or vendor booths, or similar activities are also subject to the anti-harassment policy. In particular, exhibitors should not use sexualized images, activities, or other material. Booth staff (including volunteers) should not use sexualized clothing/uniforms/costumes, or otherwise create a sexualized environment.</p>
<p>All communication should be appropriate for a professional audience, including people from many different backgrounds. Sexual language or imagery is inappropriate for all aspects of the conference, including talks. Remember that sexist, racist or any other form of exclusionary or offensive jokes or excessive public swearing are not appropriate at any venue of PyConf Hyderabad.</p> <p>Do not insult or put down attendees or engage in any action that violates the open, welcoming and sharing spirit of the conference. Be kind and sensitive to the people around you when you are attending the conference, and avoid any kind of offensive or degrading behavior.</p> <p>If a participant engages in behavior that violates this code of conduct, the conference organizers may take any action they deem appropriate, including warning the offender or expulsion from the conference with no refund.</p>
<p>Thank you for helping to make PyConf Hyderabad a welcoming, friendly event for all.</p> <p><b>Contact Information</b></p> <p>If you are being harassed, or notice that someone else is being harassed, or have any other concerns, please contact any of these individuals for reporting CoC violations:</p> <p>Ramanathan Ramakrishnamoorthy<br /> Sanchit Balchandani</p>
<p>Please write to contact@hydpy.org if you have any questions.</p>
<p><b>License</b><br /> This Code of Conduct was forked from Pycon India Conference under a Creative Commons Attribution 3.0 Unported License. PyConf Hyderabad Code of Conduct is licensed under a Creative Commons Attribution 3.0 Unported License.</p>
</section>
</section>
<div id="__empty_holder"></div>
</div>
2 changes: 1 addition & 1 deletion src/pages/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import {SEO} from "../components/seo";
const IndexPage = () => {
return (
<div className="body-wrap">
<Header />
<Header classHeader={"absolute"}/>
<HeroBanner />
</div>
);
Expand Down
3 changes: 1 addition & 2 deletions src/pages/{mdx.frontmatter__slug}.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,8 @@ import Layout from "./../components/layout";
const MiscPage = ({ data, children }) => {
return (
<>
<Header />
<Header classHeader={"header-misc"}/>
<Layout pageTitle="layout test">
<p>{data.mdx.frontmatter.title}</p>
{children}
</Layout>
</>
Expand Down
Binary file added src/static/images/book.webp
View file
Binary file not shown.
155 changes: 152 additions & 3 deletions src/static/stylesheets/application.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -510,7 +510,7 @@ p {
}

.content__desc,.content__sub_desc {
font-size: 7.25em!important;
font-size: 6.25em!important;
font-weight: 600!important;
text-transform: uppercase;
font-family: poppins,sans-serif;
Expand Down Expand Up @@ -760,7 +760,6 @@ a {
}

.header-main {
position: absolute;
background-color: transparent;
box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
width: 100%;
Expand Down Expand Up @@ -809,6 +808,12 @@ a {
padding-top: 10px;
}

@media screen and (min-width: 1024px) {
.header-main .menu {
padding-bottom: 10px;
}
}

.header-main .menu .menu-highlight {
background: #ec5d25;
border-radius: 50px;
Expand Down Expand Up @@ -926,7 +931,7 @@ a {
}

.logo__main img{
height: 10em;
height: 8em;
}

.header-main .menu-btn:checked~.menu{
Expand All @@ -942,4 +947,148 @@ a {
.video__content {
top : 55%;
}
}

*,*::before,*::after {
box-sizing: border-box;
}

.container {
width: 100%;
padding: 25px 25px;
margin-right: auto;
margin-left: auto
}

@media (min-width: 576px) {
.container {
max-width:540px
}
}

@media (min-width: 768px) {
.container {
max-width:720px
}
}

@media (min-width: 992px) {
.container {
max-width:960px
}
}

@media (min-width: 1200px) {
.container {
max-width:940px;
}
}

.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}

.wrapper {
text-align: center;
margin: 0 auto;
max-width: 70rem
}

.wrapper h2 {
font-size: 2rem;
padding-bottom: 1rem;
margin-bottom: 3rem;
text-transform: uppercase
}

h2.special-bg,.section.flexible h2 {
background-color: var(--primary-color);
padding: 1.2rem;
color : #fff
}

.h-\[80vh\] {
height: 80vh;
}

@media (max-width: 576px) {
.h-\[80vh\] {
height: 50vh;
}
}

.w-screen {
width: 100vw;
}

.-z-10 {
z-index: -10;
}

.absolute {
position: absolute;
}

.pt-40 {
padding-top: 12rem;
}

.mx-auto {
margin-left: auto;
margin-right: auto;
}

.z-10 {
z-index: 10;
}

.container {
width: 100%;
}

.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255/var(--tw-bg-opacity));
}

@media (min-width: 1024px){
.lg\:flex-row {
flex-direction: row;
}
.lg\:py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
}

@media screen and (max-width: 767px) {
.header-main.header-misc .menu-btn:checked~.menu{
background: white;
}
}

.header-main.header-misc li a{
color: grey;
}

.header-main.header-misc .menu-highlight a{
color: white;
}

.header-main.header-misc .navicon , .header-main.header-misc .navicon:before , .header-main.header-misc .navicon:after{
background : grey;
}

.coc-title{
font-size: 50px!important;
margin-bottom: 20px;
margin-top : 0px;
}

.bg-black-shadow{
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}

0 comments on commit 18ddf9d

Please sign in to comment.