Add Code of Conduct page

data/code-of-conduct.md

@@ -0,0 +1 @@
+../static/code-of-conduct.md

src/lib/Footer.svelte

@@ -29,7 +29,13 @@
 
 			<div class="md:inline-flex gap-10 sm:ml-auto sm:mt-0 mt-10 justify-center sm:justify-start">
 				<div class="flex justify-center">
-					<a class="text-black external" href="https://docs.ethbrno.cz/events/2022" rel="noopener noreferrer"
+					<a class="text-black" href="/code-of-conduct/">Code of Conduct </a>
+				</div>
+				<div class="flex justify-center">
+					<a
+						class="text-black external"
+						href="https://docs.ethbrno.cz/events/2022"
+						rel="noopener noreferrer"
 						>Documentation
 					</a>
 				</div>

src/routes/code-of-conduct/+page.js

@@ -0,0 +1,11 @@
+/** @type {import('./$types').PageLoad} */
+import { base } from '$app/paths';
+import { marked } from 'marked';
+
+marked.setOptions({ gfm: true });
+export async function load({ fetch }) {
+    const response = await fetch(`${base}/code-of-conduct.md`).then((r) => r.text());
+
+    const compiledResponse = await marked.parse(response);
+    return { content: compiledResponse };
+}

src/routes/code-of-conduct/+page.svelte

@@ -0,0 +1,23 @@
+<script>
+	import { onMount } from 'svelte';
+	export let data = {
+        content: ''
+    };
+</script>
+
+<svelte:head>
+	<title>Code of Conduct | ETHBrno²</title>
+</svelte:head>
+
+<section class="text-white bg-black body-font">
+	<div class="container mx-auto flex flex-col xl:max-w-screen-xl px-8 md:px-3 ">
+		<h1 class="pt-12 pb-6 xl:pt-20 xl:pb-10 text-4xl">Code of Conduct</h1>
+		<article class="mb-12">
+			<div
+				class="[&_hr]:md-separator [&_p]:paragraph  [&_a]:href [&_h1]:header [&_h2]:head2 [&_ul]:list [&_li]:sublist [&_h3]:head3 [&_h4]:head4 [&_h5]:head5 [&_img[src*='#left']]:hidden md:[&_img[src*='#left']]:flex md:[&_img[src*='#left']]:float-left [&_img[src*='#left']]:mt-12 [&_img[src*='#left']]:mr-5"
+			>
+				{@html data.content}
+			</div>
+		</article>
+	</div>
+</section>

static/code-of-conduct.md

@@ -0,0 +1,35 @@
+We are a collective and we want to bring people in the community together to exchange ideas, make new friends, and build things as an inclusive, welcoming, and safe community.
+
+Therefore, any harmful or discriminating behavior by anyone (volunteers, organizers, project leads, contributors, hackers, or absolutely anyone involved in our community) will not be tolerated and results in the offending person(s) being excluded from the group.
+
+Members should be judged by their actions, not criteria such as degrees, age, race, nationality, sex, sexual orientation, gender, gender identity or expression, disability, physical appearance, religion (or lack thereof), or position. We are a diverse community. Leave your egos at the door.
+
+## Be Open
+We welcome one and all. We especially love to adopt newbies in the community. We foster decentralized, open communities, society, and technology, so we should be open to everyone and everything. We all bring different backgrounds and experiences. Great things can happen when we show up with an open mind and curiosities to explore. If you don't have an open mind, this group is not for you.
+
+## Be Respectful
+Be exceptionally kind to others. Respect their work, time, and perspectives. Do not insult or troll others, unless it is for banter (covered in a later point). We all spend our time, resources, and energy to be part of this group. Respect each other, the projects, and the process.
+
+## Be Daring
+Dare to create something nobody did before. If you get stuck, ask for help - people will help you when you ask. This is a community. We create things together.
+
+## What We Create
+Promote Decentralization. Build what matters to you. You can organize events, build applications, or foster public discourse. You can create art and beauty on a computer. Most importantly, create, hack, and build together.
+
+## Contributions in Other Ways
+Banter and memeing is encouraged as you see fit.
+
+## Personal Responsibility
+Everyone in this community is responsible for their own tasks. If you have a project, it is your responsibility to manage it. We are not here to spoon feed you or do your work for you. Ain't nobody got time for that. But we are a community and here to support. Always reach out if you are having issues with completing a task.
+
+## Unacceptable Behavior & Harassment
+Unacceptable behavior includes: intimidation, harassment, abuse, discrimination, derogatory or demeaning words or actions by any participant in our community online or in person. If you have disagreements with someone, communicate directly with each other and work on a solution.
+
+Harassment includes: harmful or prejudicial verbal or written comments related to gender, sexual orientation, race, religion, disability; inappropriate use of nudity and/or sexual images (including presentation slides); inappropriate depictions of violence (including presentation slides); deliberate intimidation, stalking or following; harassing photography or recording; sustained disruption of talks or other events; inappropriate physical contact, and unwelcomed sexual attention.
+
+## Notify Us
+If you are subject to or witness unacceptable behavior, or have any other concerns, you can always notify a project lead, event organizer, or member of the core group. Anytime. We will do everything to help and support you. If you can't find anyone in person, reach out via email: [utxo@utxo.foundation](mailto:utxo@utxo.foundation)
+
+---
+
+*Text taken from our friends at ETHBerlin - thank you!*