-
Notifications
You must be signed in to change notification settings - Fork 12
/
Copy pathcode-of-conduct.html
154 lines (148 loc) · 7.25 KB
/
code-of-conduct.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang=" en " xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" content="true">
<meta property="og:image" content="" />
<!-- CSS & Fonts -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Lato:wght@400;700&display=swap" rel="stylesheet">
<!-- Icons and Meta Images -->
<link rel="shortcut icon" href="./img/favicon/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
<!-- Title -->
<link rel="stylesheet" href="./css/style.css">
<title>Hack Club ITER</title>
</head>
<a href="https://hackclub.com/"><img style="position: absolute; top: 0; left: 10px; border: 0; width: 100px; z-index: 999;" src="https://assets.hackclub.com/flag-orpheus-top.svg" alt="Hack Club" /></a>
<body class="home-body">
<header class="site-header" role="banner">
<div class="navbar-area">
<div class="container">
<nav class="site-navbar">
<a class="site-title" rel="author" href="/"><img src="./img/logos/logo-no-bg.png" href="" width="50px"></a>
<ul>
<li><a class="red-link" href="./index.html#about">About</a></li>
<li><a class="red-link" href="/workshops">Workshops</a></li>
<li><a class="red-link" href="/projects">Projects</a></li>
<li><a class="red-link" href="./team">Team</a></li>
<li><a class="red-link" href="#contact">Contact</a></li>
</ul>
<a class="hc-button-small" href="https://iter.hackclub.com/apply"> <span style="color: white;">Join us! 🚀</span> </a>
<button class="nav-toggler"> <span></span> </button>
</nav>
</div>
</div>
<script>
const navToggler = document.querySelector('.nav-toggler');
const navMenu = document.querySelector('.site-navbar ul');
const navLinks = document.querySelectorAll('.site-navbar a');
const header = document.querySelector('.site-header');
allEventListners();
function allEventListners() {
navToggler.addEventListener('click', togglerClick);
navLinks.forEach(elem => elem.addEventListener('click', navLinkClick));
}
function togglerClick() {
navToggler.classList.toggle('toggler-open');
navMenu.classList.toggle('open');
}
function navLinkClick() {
if(navMenu.classList.contains('open')) {
navToggler.click();
}
}
</script>
</header>
<main class="page-content" aria-label="Content">
<div class="wrapper">
<article class="post">
<h1 class="page-heading" style="color: #ec3750;">Code of Conduct</h1>
<p style="text-align: center;">The required standards of conduct for the Hack Club community & events.</p>
<div class="post-content">
<h2 id="resumo">Overall</h2>
<ul>
<li>Treat everyone with respect and kindness.</li>
<li>Think carefully about the way you communicate.</li>
<li>Don't be toxic or inconvenient.</li>
<li>If you encounter a problem, send an email to <span>[email protected] </span>.</li>
</ul>
<h2>Why do we have a Code of Conduct?</h2>
<p>The Hack Club community has people with many different perspectives. Hack Club employees are responsible for providing a friendly, safe and welcoming environment for everyone, regardless of personal characteristics such as age, disabilities, gender, nationality, race, religion, sexuality, or similar.</p>
<h2>Moderation and Punishments</h2>
<p>Please understand that what you do and say has consequences, and unwanted behavior will not be tolerated. By participating in the communities where the Code of Conduct applies, you must act in accordance with our values. If you act in a manner that is explicitly prohibited by the Code of Conduct, you will be alerted and asked to stop, and your posts may be removed by community moderators. In case of recidivism, you can be banned temporarily or permanently</p>
<h2>Hack Club's Code of Conduct</h2>
<p>We, at Hack Club ITER, strictly follow the Code of Conduct of Hack Club. Do check them <a href="https://hackclub.com/conduct/" target="_blank">here → </a></p>
</div>
</article>
</div>
</main>
<!-- Footer -->
<footer class="rodape_area bg_color">
<div class="rodape_top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="f_widget about-widget pl_70 wow fadeInLeft" data-wow-delay="0.4s" style="
visibility: visible;
animation-delay: 0.4s;
animation-name: fadeInLeft;
">
<h3 class="f-title f_600 t_color f_size_18">Hack Club ITER</h3>
<ul class="list-unstyled f_list" style="margin-left: 0">
<li> <a href="/#">Workshops</a> </li>
<li> <a href="/#">Projects</a> </li>
<li> <a href="iter.hackclub.com">Home</a> </li>
<li> <a href="#">Discord</a> </li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="f_widget about-widget pl_70 wow fadeInLeft" data-wow-delay="0.6s" style="
visibility: visible;
animation-delay: 0.6s;
animation-name: fadeInLeft;
">
<h3 class="f-title f_600 t_color f_size_18">Hack Club</h3>
<ul class="list-unstyled f_list" style="margin-left: 0">
<li> <a href="https://hackclub.com/">Website</a> </li>
<li> <a href="https://hackclub.com/press/">Press</a> </li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="f_widget social-widget pl_70 wow fadeInLeft" data-wow-delay="0.8s" style="
visibility: visible;
animation-delay: 0.8s;
animation-name: fadeInLeft;
">
<h3 class="f-title f_600 t_color f_size_18">Connect with us!</h3>
<div class="f_social_icon">
<a href="https://www.instagram.com/hackclubiter/" class="fab fa-instagram"></a>
<a href="https://twitter.com/hackclubiter" class="fab fa-twitter"></a>
<a href="#" class="fab fa-discord"></a>
<a href="https://github.com/hackclubiter" class="fab fa-github"></a>
<br>
<a href="https://www.linkedin.com/company/hackclubiter/" class="fab fa-linkedin"></a>
</div>
<div class="f_widget company_widget wow fadeInLeft" data-wow-delay="0.2s" style="
visibility: visible;
animation-delay: 0.2s;
animation-name: fadeInLeft;
"></div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<h3 class="f-title f_600 t_color f_size_18">Talk to us!</h3> <a href="mailto:[email protected]">[email protected]</a> </div>
</div>
</div>
</div>
<p style="display: flex; justify-content: center; padding-bottom: 1%; font-size: 15px;">© Hack Club ITER 2021</p>
</footer>
</body>
</html>