From 2abf6f67af1a5624c3b9a0a12db242d9b937aec0 Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Tue, 18 Apr 2023 15:47:04 +1000
Subject: [PATCH] added cod

---
 resources/js/components/SMMastHead.vue |  2 +-
 resources/js/views/CodeOfConduct.vue   | 95 ++++++++++++++++++++++++++
 2 files changed, 96 insertions(+), 1 deletion(-)
 create mode 100644 resources/js/views/CodeOfConduct.vue

diff --git a/resources/js/components/SMMastHead.vue b/resources/js/components/SMMastHead.vue
index 922ec4d..d97029c 100644
--- a/resources/js/components/SMMastHead.vue
+++ b/resources/js/components/SMMastHead.vue
@@ -50,7 +50,7 @@ const props = defineProps({
 const tabGroups = [
     [
         { title: "Contact", to: "/contact" },
-        { title: "Code of Conduct", to: "/page" },
+        { title: "Code of Conduct", to: "/code-of-conduct" },
         { title: "Privacy", to: "/page" },
         { title: "Governance", to: "/page" },
         { title: "Teams", to: "/login" },
diff --git a/resources/js/views/CodeOfConduct.vue b/resources/js/views/CodeOfConduct.vue
new file mode 100644
index 0000000..9756cb1
--- /dev/null
+++ b/resources/js/views/CodeOfConduct.vue
@@ -0,0 +1,95 @@
+<template>
+    <SMMastHead title="Code of Conduct" />
+    <SMContainer>
+        <div class="container-text">
+            <p>
+                STEMMechanics supports the international community open to
+                everyone without discrimination. We want this community to be a
+                safe and welcoming place for both newcomers and current members.
+                Everyone should feel comfortable and accepted regardless of
+                their personal background and affiliation our projects and
+                workshops.
+            </p>
+            <h3>Philosophy</h3>
+            <p>
+                If you have a question or would like help with a project, you
+                can send it our way using the form on this page or be emailing
+                <a href="mailto:hello@stemmechanics.com.au"
+                    >hello@stemmechanics.com.au</a
+                >.
+            </p>
+            <h3>Application</h3>
+            <p>
+                This Code of Conduct applies to all users, contributors and
+                participants who engage with the STEMMechanics workshops,
+                projects and its community platforms.
+            </p>
+            <h3>Expectations</h3>
+            <ul>
+                <li>
+                    Politeness is expected at all times. Be kind and courteous.
+                </li>
+                <li>
+                    Always assume positive intent from others. Be aware that
+                    differences in culture and English proficiency make written
+                    communication more difficult than face-to-face communication
+                    and that your interpretation of messages may not be the one
+                    the author intended. Conversely, if someone asks you to
+                    rephrase something you said, be ready to do so without
+                    feeling judged.
+                </li>
+                <li>
+                    Feedback is always welcome but keep your criticism
+                    constructive. We encourage you to open discussions,
+                    proposals, issues, and bug reports. Use the community
+                    platforms to discuss improvements, not to vent out
+                    frustration. Similarly, when other users offer you feedback
+                    please accept it gracefully.
+                </li>
+            </ul>
+            <h3>Code of Conduct team</h3>
+            <ul>
+                <li>James Collins, james@stemmechanics.com.au</li>
+                <ul>
+                    <li>
+                        GitHub / Discord / Reddit:
+                        <span class="italic">nomadjimbob</span>
+                    </li>
+                    <li>Languages: English</li>
+                </ul>
+            </ul>
+        </div>
+    </SMContainer>
+</template>
+
+<script setup lang="ts">
+import SMMastHead from "../components/SMMastHead.vue";
+</script>
+
+<style lang="scss">
+.container-text {
+    max-width: 800px;
+    margin: 0 auto;
+    line-height: 1.4em;
+
+    h3 {
+        margin-top: 60px;
+    }
+}
+
+.sm-contact-socials {
+    list-style-type: none;
+    padding: 0;
+    display: flex;
+    font-size: 200%;
+    justify-content: center;
+
+    li {
+        margin: 0 16px;
+    }
+}
+
+.address {
+    margin-top: 60px;
+}
+</style>