Merge pull request dabit3#1 from diffalot/code-of-conduct

add a code of conduct to the JAWAD website

Author: dabit3

images/darkline3.png

@@ -31,6 +31,7 @@
 		<section class="navleft">
 			<a href="/" class=""><h3 >HOME</h3></a>
 			<a href="#" class="aboutus"><h3 >ABOUT</h3></a>
+			<a href="#" class="code-of-conduct"><h3 >CODE OF CONDUCT</h3></a>
 			<a href="mailto:hello@developers.ms"><h3 class="contactus">CONTACT</h3>	</a>
 			<a href="mailto:hello@developers.ms?subject=Submit a talk" title="Submit a talk"><h3 class="giveatalk" >GIVE A TALK</h3></a>
 			<a href="/newsletter"><h3 >NEWSLETTER</h3></a>
@@ -61,13 +62,13 @@
 			</div>
 		</section>
 	</div>
-	
+
 	<div class="main-container">
 		<section class="main-container-1">
 			<h2 class="main-container-h2">Meet other local Developers to network, share knowledge, to review the state of the art, or to dream up new applications. Meetups are free <br />(as speech and beer).</h2>
 		</section>
 	</div>
-	
+
 	<div class="second-container">
 		<section class="main-container-2">
 			<div class="line-holder">
@@ -84,6 +85,81 @@ <h3 class="main-container-h3" id="aboutustarget">About</h3>
 		</section>
 	</div>
 
+	<div class="third-container">
+		<section class="third-container-3">
+			<div class="line-holder-2">
+				<img class="line1" src="images/darkline3.png" alt="">
+					<h3 class="third-container-h3" id="code-of-conducttarget">Code of Conduct</h3>
+				<img src="images/darkline3.png" alt="" class="line2">
+			</div>
+			<div class="clearfix"></div>
+
+			<p>
+			All presenters, sponsors, and volunteers at any JAWAD event are
+			required to agree with the following code of conduct. Organizers will enforce
+			this code throughout every event.
+			</p>
+
+			<h3>The Quick Version</h3>
+
+			<p>
+			JAWAD is dedicated to providing a harassment-free experience for
+			everyone, regardless of gender, sexual orientation, disability, physical
+			appearance, body size, race, or religion. We do not tolerate harassment of
+			meeting participants in any form. Sexual language and imagery is not
+			appropriate for any meeting or post meeting social activities. Meeting
+			participants violating these rules may be sanctioned or expelled from the
+			meeting without a refund at the discretion of the meeting organizers.
+			</p>
+
+			<h3>The Less Quick Version</h3>
+
+			<p>
+			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.
+			</p>
+
+			<p>
+			Participants asked to stop any harassing behavior are expected to comply
+			immediately.
+			</p>
+
+			<p>
+			Sponsors are also subject to the anti-harassment policy. In particular,
+			sponsors should not use sexualized images, activities, or other material. Sponsor
+			staff (including volunteers) should not use sexualized
+			clothing/uniforms/costumes, or otherwise create a sexualized environment.
+			</p>
+
+			<p>
+			If a participant engages in harassing behavior, the meeting organizers may take
+			any action they deem appropriate, including warning the offender or expulsion
+			from the meeting with no refund.
+			</p>
+
+			<p>
+			If you are being harassed, notice that someone else is being harassed, or have
+			any other concerns, please contact a meeting organizer immediately. Meeting
+			organizers will introduce themselves at the beginning of each meeting.
+			</p>
+
+			<p>
+			Meeting organizers will be happy to help participants contact venue security or
+			local law enforcement, provide escorts, or otherwise assist those experiencing
+			harassment to feel safe for the duration of the meeting. We value your
+			attendance.
+			</p>
+
+			<p>
+			We expect participants to follow these rules at all meeting venues, all
+			meeting-related social events, and on the JAWAD mailing list.
+			</p>
+		</section>
+	</div>
+
 	<div class="third-container">
 		<div class="third-container-3">
 			<div class="line-holder-2">
@@ -101,27 +177,27 @@ <h3 class="third-container-h3" id="usefullinkstarget">Useful Links</h3>
 			<p class="three-link">Hacker News caters to programmers and entrepreneurs, delivering content related to computer science and entrepreneurship. It is run by Paul Graham's investment fund and startup incubator, Y Combinator.</p>
 			<p class="three-link three-under"><a href="http://www.css-tricks.com" target="_blank"><span class="three-big">CSS-Tricks</span></a></p>
 			<p class="three-link">Dedicated to the world of CSS and related technologies. Snippets, videos, tricks and tutorials</p>
-			
+
 			<p class="three-link three-under"><a href="http://www.github.com/" target="_blank"><span class="three-big">GitHub</span></a></p>
 			<p class="three-link">GitHub is a Git repository web-based hosting service, which offers all of the distributed revision control and source code management (SCM) functionality of Git as well as adding its own features</p>
-	
+
 			<p class="three-link three-under"><a href="http://www.codecademy.com/" target="_blank"><span class="three-big">Code Academy</span></a></p>
 			<p class="three-link">Learn how to code.</p>
 
 		</div>
 	</div>
 
 	<div class="fourth-container-wrapper">
-		
+
 		<div class="fourth-container">
 			<div class="line-holder-3">
 				<img class="line1" src="images/blueline2.png" alt="">
 					<h3 class="fourth-container-h3" id="">Sponsors</h3>
 				<img src="images/blueline2.png" alt="" class="line2">
 			</div>
-			
+
 			<div class="clearfix"></div>
-			
+
 			<section class="sponsor-container-section">
 				<div class="sponsorcontainer">
 					<div class="sponsor sponsorone" >
@@ -177,7 +253,7 @@ <h4>
 			</div>
 		</div>
 	</div> -->
-	
+
 	<footer>
 		<div class="mainfooter">
 			<div class="footer-content">
@@ -196,4 +272,4 @@ <h4>
 <script src="js/main.js"></script>
 <script src="js/resize.js"></script>
 </body>
-</html>
+</html>

index.html

@@ -158,6 +158,21 @@ $('#hamburger').click(function() {
 			open = false;
     });
 
+    $('.code-of-conduct').click(function(e) {
+      
+    	e.preventDefault();
+    	
+      $('html,body').animate({
+         scrollTop: $("#code-of-conducttarget").offset().top - 70
+      });
+
+      TweenMax.to(content, .4, {marginRight:0, ease:Cubic.easeInOut});
+			TweenMax.to(content, .4, {marginLeft:0, ease:Cubic.easeInOut});
+			TweenMax.to(leftnav, .4, {marginLeft:-400, ease:Cubic.easeInOut});
+			
+			open = false;
+    });
+
     $('.usefullinks').click(function(e) {
 
     	e.preventDefault();
@@ -178,4 +193,4 @@ $('#hamburger').click(function() {
 			$(".navleft h3").css('font-weight', '300', 'important')
 		}
 
-});
+});