Skip to content

Commit 890631a

Browse files
nicoespeonnicoespeon
committed
Add CoC at /conduct
1 parent c037b30 commit 890631a

3 files changed

Lines changed: 209 additions & 0 deletions

File tree

‎src/constants/navlinks.ts‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,10 @@ export const navLinks = [
2626
name: { fr: "Transparence", en: "Transparency" },
2727
href: `${base}transparency`,
2828
},
29+
{
30+
name: { fr: "Code de conduite", en: "Code of Conduct" },
31+
href: `${base}conduct`,
32+
},
2933
{
3034
name: { fr: "Présentez (CFP)", en: "Call For Papers" },
3135
href: "https://www.papercall.io/dev-mtl-2025",

‎src/main.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ import { BrowserRouter, Route, Routes } from "react-router-dom";
77
import { LanguageProvider } from "./contexts/LanguageContext.Provider";
88
import "./index.css";
99
import AboutPage from "./pages/AboutPage";
10+
import ConductPage from "./pages/ConductPage";
1011
import SpeakerPage from "./pages/SpeakerPage";
1112
import SpeakersPage from "./pages/SpeakersPage";
1213
import SponsorsPage from "./pages/SponsorsPage";
@@ -27,6 +28,7 @@ createRoot(document.getElementById("root")!).render(
2728
<Route path="/speaker/:name" element={<SpeakerPage />} />
2829
<Route path="/sponsors" element={<SponsorsPage />} />
2930
<Route path="/transparency" element={<TransparencyPage />} />
31+
<Route path="/conduct" element={<ConductPage />} />
3032
</Route>
3133
</Routes>
3234
</BrowserRouter>

‎src/pages/ConductPage.tsx‎

Lines changed: 203 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,203 @@
1+
import { useTranslation } from "@/hooks/useTranslation";
2+
3+
export default function ConductPage() {
4+
const { t } = useTranslation();
5+
6+
return (
7+
<div className="container mx-auto px-4 py-8">
8+
<div className="max-w-4xl mx-auto">
9+
<div className="prose prose-lg max-w-none">
10+
<p className="text-lg text-gray-600 leading-relaxed mb-6">
11+
{t({
12+
fr: "/dev/mtl se consacre à offrir une expérience de conférence amusante et sans harcèlement pour tous, indépendamment du genre, de l'identité de genre, de l'orientation sexuelle, du handicap, de l'apparence physique, de la taille corporelle, de la race ou de la religion.",
13+
en: "/dev/mtl is dedicated to providing a fun harassment-free conference experience for everyone, regardless of gender, gender identity, sexual orientation, disability, physical appearance, body size, race, or religion.",
14+
})}
15+
</p>
16+
17+
<p className="text-lg text-gray-600 leading-relaxed mb-6">
18+
{t({
19+
fr: "Soyez gentil avec les autres. N'insultez pas et ne rabaissez pas les autres participants. Comportez-vous de manière professionnelle.",
20+
en: "Be kind to others. Do not insult or put down other attendees. Behave professionally.",
21+
})}
22+
</p>
23+
24+
<p className="text-lg text-gray-600 leading-relaxed mb-6">
25+
{t({
26+
fr: "Rappelez-vous que le harcèlement et les blagues sexistes, racistes ou d'exclusion ne sont pas appropriés pour /dev/mtl.",
27+
en: "Remember that harassment and sexist, racist, or exclusionary jokes are not appropriate for /dev/mtl.",
28+
})}
29+
</p>
30+
31+
<p className="text-lg text-gray-600 leading-relaxed mb-12">
32+
{t({
33+
fr: "Les participants qui enfreignent ces règles peuvent être invités à quitter la conférence sans remboursement à la seule discrétion des organisateurs de la conférence.",
34+
en: "Attendees violating these rules may be asked to leave the conference without a refund at the sole discretion of the conference organizers.",
35+
})}
36+
</p>
37+
38+
<p className="text-lg text-gray-600 leading-relaxed mb-12">
39+
{t({
40+
fr: "Merci de contribuer à faire de cet événement un événement accueillant et amical pour tous.",
41+
en: "Thank you for helping make this a welcoming, friendly event for all.",
42+
})}
43+
</p>
44+
45+
<h2 className="text-3xl font-semibold text-gray-700 mb-6">
46+
{t({
47+
fr: "Code de conduite complet",
48+
en: "Full Code of Conduct",
49+
})}
50+
</h2>
51+
52+
<p className="text-gray-600 leading-relaxed mb-6 italic">
53+
{t({
54+
fr: "Pour clarifier ce qui est attendu, tous les délégués/participants, conférenciers, exposants, organisateurs et bénévoles de tout événement /dev/mtl sont tenus de se conformer au Code de conduite suivant. Les organisateurs appliqueront ce code tout au long de l'événement.",
55+
en: "To make clear what is expected, all delegates/attendees, speakers, exhibitors, organizers and volunteers at any /dev/mtl event are required to conform to the following Code of Conduct. Organizers will enforce this code throughout the event.",
56+
})}
57+
</p>
58+
59+
<h3 className="text-2xl font-semibold text-gray-700 mb-4 mt-8">
60+
{t({
61+
fr: "Ce qu'est la conférence",
62+
en: "What the conference is",
63+
})}
64+
</h3>
65+
66+
<p className="text-gray-600 leading-relaxed mb-6">
67+
{t({
68+
fr: "/dev/mtl est une conférence communautaire destinée au réseautage et à la collaboration dans la communauté des développeurs.",
69+
en: "/dev/mtl is a community conference intended for networking and collaboration in the developer community.",
70+
})}
71+
</p>
72+
73+
<p className="text-gray-600 leading-relaxed mb-6">
74+
{t({
75+
fr: "Nous valorisons la participation de chaque membre de la communauté et souhaitons que tous les participants aient une expérience agréable et enrichissante. En conséquence, tous les participants sont censés faire preuve de respect et de courtoisie envers les autres participants tout au long de la conférence, lors de tous les événements de la conférence et dans tous les espaces en ligne de la conférence (tels que Discord), qu'ils soient officiellement parrainés par /dev/mtl ou non.",
76+
en: "We value the participation of each member of the community and want all attendees to have an enjoyable and fulfilling experience. Accordingly, all attendees are expected to show respect and courtesy to other attendees throughout the conference, at all conference events, and in all conference online spaces (such as Discord), whether officially sponsored by /dev/mtl or not.",
77+
})}
78+
</p>
79+
80+
<h3 className="text-2xl font-semibold text-gray-700 mb-4 mt-8">
81+
{t({
82+
fr: "Soyez gentil avec les autres",
83+
en: "Be Kind To Others",
84+
})}
85+
</h3>
86+
87+
<p className="text-gray-600 leading-relaxed mb-6">
88+
{t({
89+
fr: "N'insultez pas et ne rabaissez pas les autres participants. Comportez-vous de manière professionnelle. Rappelez-vous que le harcèlement et les blagues sexistes, racistes ou d'exclusion ne sont pas appropriés pour /dev/mtl. Les participants qui enfreignent ces règles peuvent être invités à quitter la conférence sans remboursement à la seule discrétion des organisateurs de la conférence.",
90+
en: "Do not insult or put down other attendees. Behave professionally. Remember that harassment and sexist, racist, or exclusionary jokes are not appropriate for /dev/mtl. Attendees violating these rules may be asked to leave the conference without a refund at the sole discretion of the conference organizers.",
91+
})}
92+
</p>
93+
94+
<h3 className="text-2xl font-semibold text-gray-700 mb-4 mt-8">
95+
{t({
96+
fr: "Soyez respectueux",
97+
en: "Be Respectful",
98+
})}
99+
</h3>
100+
101+
<p className="text-gray-600 leading-relaxed mb-6">
102+
{t({
103+
fr: "Nous ne serons pas tous d'accord tout le temps, mais le désaccord n'est pas une excuse pour un mauvais comportement et de mauvaises manières. Nous ne tolérons pas le harcèlement des participants à la conférence sous quelque forme que ce soit.",
104+
en: "Not all of us will agree all the time, but disagreement is no excuse for poor behavior and poor manners. We do not tolerate harassment of conference participants in any form.",
105+
})}
106+
</p>
107+
108+
<p className="text-gray-600 leading-relaxed mb-6">
109+
{t({
110+
fr: "Le harcèlement comprend : les commentaires verbaux offensants liés au genre, à l'identité de genre, à l'orientation sexuelle, au handicap, à l'apparence physique, à la taille corporelle, à la race, à la religion ; les images sexuelles dans les espaces publics ; l'intimidation délibérée, le harcèlement ou le suivi ; la photographie ou l'enregistrement harcelant ; la perturbation soutenue des discussions ou d'autres événements ; le contact physique inapproprié ; et l'attention sexuelle non désirée.",
111+
en: "Harassment includes: offensive verbal comments related to gender, gender identity, sexual orientation, disability, physical appearance, body size, race, religion; sexual images in public spaces; deliberate intimidation, stalking, or following; harassing photography or recording; sustained disruption of talks or other events; inappropriate physical contact; and unwelcome sexual attention.",
112+
})}
113+
</p>
114+
115+
<h3 className="text-2xl font-semibold text-gray-700 mb-4 mt-8">
116+
{t({
117+
fr: "Choisissez vos mots",
118+
en: "Choose Your Words",
119+
})}
120+
</h3>
121+
122+
<p className="text-gray-600 leading-relaxed mb-6">
123+
{t({
124+
fr: "Soyez prudent dans les mots que vous choisissez. Rappelez-vous que les blagues sexistes, racistes et autres blagues d'exclusion peuvent être offensantes pour ceux qui vous entourent. Les jurons excessifs et les blagues offensantes ne sont pas appropriés pour /dev/mtl. Nous sommes tous des adultes, capables d'avoir des conversations d'adultes. Préfacez votre présentation avec des avertissements de déclenchement/contenu appropriés, si nécessaire.",
125+
en: "Be careful in the words that you choose. Remember that sexist, racist, and other exclusionary jokes can be offensive to those around you. Excessive swearing and offensive jokes are not appropriate for /dev/mtl. We are all adults, capable of having adult conversations. Preface your presentation with appropriate Trigger/Content Warnings, if necessary.",
126+
})}
127+
</p>
128+
129+
<p className="text-gray-600 leading-relaxed mb-6">
130+
{t({
131+
fr: "Toute communication doit être appropriée pour un public professionnel comprenant des personnes de nombreux horizons différents. Le langage et les images sexuels ne sont pas appropriés pour tout lieu de conférence, y compris les présentations.",
132+
en: "All communication should be appropriate for a professional audience including people of many different backgrounds. Sexual language and imagery is not appropriate for any conference venue, including talks.",
133+
})}
134+
</p>
135+
136+
<p className="text-gray-600 leading-relaxed mb-6">
137+
{t({
138+
fr: "Les participants invités à cesser tout comportement de harcèlement sont censés se conformer immédiatement.",
139+
en: "Participants asked to stop any harassing behavior are expected to comply immediately.",
140+
})}
141+
</p>
142+
143+
<p className="text-gray-600 leading-relaxed mb-6">
144+
{t({
145+
fr: "Les exposants dans le hall d'exposition, les stands de sponsors ou de vendeurs, ou des activités similaires sont également soumis à la politique anti-harcèlement. En particulier, les exposants ne doivent pas utiliser d'images, d'activités ou d'autres matériels sexualisés. Le personnel des stands (y compris les bénévoles) ne doit pas utiliser de vêtements/uniformes/costumes sexualisés, ou créer autrement un environnement sexualisé.",
146+
en: "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.",
147+
})}
148+
</p>
149+
150+
<h3 className="text-2xl font-semibold text-gray-700 mb-4 mt-8">
151+
{t({
152+
fr: "Photographie",
153+
en: "Photography",
154+
})}
155+
</h3>
156+
157+
<p className="text-gray-600 leading-relaxed mb-6">
158+
{t({
159+
fr: "Afin de faire de /dev/mtl 2024 une excellente expérience pour tous, ne photographiez, ne filmez ou n'enregistrez personne à /dev/mtl sans leur permission expresse, demandée à l'avance. Si quelqu'un ne veut pas être photographié, filmé ou enregistré, veuillez respecter ses souhaits.",
160+
en: "In order to make /dev/mtl 2024 a great experience for everyone, do not photograph, video, or audio record anyone at /dev/mtl without their express permission, sought in advance. If someone does not want to be photographed, video or audio recorded, please respect their wishes.",
161+
})}
162+
</p>
163+
164+
<p className="text-gray-600 leading-relaxed mb-6">
165+
{t({
166+
fr: "Les photos de foule sont autorisées, mais lorsque seuls les visages de quelques personnes sont visibles, la permission doit être demandée à toutes ces personnes.",
167+
en: "Crowd shots are permitted, but when only the faces of a few people are visible, permission should be sought from all of those individuals.",
168+
})}
169+
</p>
170+
171+
<p className="text-gray-600 leading-relaxed mb-12 italic">
172+
{t({
173+
fr: "Si un participant adopte un comportement qui viole ce code de conduite, les organisateurs de la conférence peuvent prendre toute mesure qu'ils jugent appropriée, y compris avertir le contrevenant ou l'expulsion de la conférence sans remboursement.",
174+
en: "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.",
175+
})}
176+
</p>
177+
178+
<h2 className="text-3xl font-semibold text-gray-700 mb-6 mt-12">
179+
{t({
180+
fr: "Licence",
181+
en: "License",
182+
})}
183+
</h2>
184+
185+
<p className="text-gray-600 leading-relaxed mb-6">
186+
{t({
187+
fr: "Ce Code de conduite a été dérivé de l'exemple de politique du wiki Geek Feminism, créé par l'Ada Initiative et d'autres bénévoles, qui est sous licence Creative Commons Zero.",
188+
en: "This Code of Conduct was forked from the example policy from the Geek Feminism wiki, created by the Ada Initiative and other volunteers, which is under a Creative Commons Zero license.",
189+
})}
190+
</p>
191+
192+
<p className="text-gray-600 leading-relaxed">
193+
{t({
194+
fr: "Le Code de conduite de la conférence par www.dev-mtl.ca/conduct est sous licence Creative Commons Attribution 3.0 Unported License.",
195+
en: "Conference Code of Conduct by www.dev-mtl.ca/conduct is licensed under a Creative Commons Attribution 3.0 Unported License.",
196+
})}
197+
</p>
198+
</div>
199+
</div>
200+
</div>
201+
);
202+
}
203+

0 commit comments

Comments
 (0)