Add: new pages

Add CoC and Mission Statement

src/components/code/code.js

@@ -0,0 +1,73 @@
+const CoC = [
+    {
+        heading: "Introduction",
+        content: [
+            "• This document should serve as a framework for the standards that we hold contributors and those on the Rhino Linux team. This document is intended to be continually updated and edited as Rhino Linux grows as an organisation.",
+            " • Last Edited: June 29th 2024.",
+            "At Rhino Linux, we are committed to fostering an inclusive and welcoming community which seeks to thrive on mutual respect and honesty. We wholeheartedly believe that every member of our community should be treated with dignity and respect, regardless of race, sexuality, gender identity, disability or any other protected characteristic. To uphold these values, we expect all contributors to adhere to the following code of conduct:",
+        ]
+    },
+    {
+        heading: "Expected behaviours",
+        content: [
+            "Expected behaviours are to be followed by all contributors to the Rhino Linux project in all environments. Contributors represent the project and should follow the expected behaviours in all official channels including (but not limited to): The Rhino Linux Discord server and GitHub.",
+            "Examples of behaviour that contribute to fostering a positive environment includes:",
+            "• Showing respect towards different viewpoints and experiences",
+            "• Accepting constructive criticism",
+            "• Focusing on what is best for the community",
+            "• Expressing empathy towards other community members",
+            "• Treating all contributors with empathy, kindness and fairness",
+            "• Embracing diversity and inclusivity within the organisation"
+        ]
+    },
+    {
+        heading: "Unacceptable behaviours",
+        content: [
+            "Examples of any unacceptable behaviour by contributors includes:",
+            "• The use of sexualised language or imagery.",
+            "• Insulting or derogatory comments, including any personal or political attacks.",
+            "• Discrimination, harassment or exclusion based on any protected characteristic.",
+            "• Public or private harassment.",
+            "• Publishing others' private information, such as physical address, without explicit permission.",
+            "• Any other conduct which could reasonably be considered inappropriate in a professional setting."
+        ]
+    },
+    {
+        heading: "Honesty and Transparency",
+        content: [
+            "Honesty and transparency are paramount to the survival of any project. Please ensure that you adhere to these guidelines when contributing to Rhino Linux:",
+            "• Openly and honestly communicate with fellow contributors.",
+            "• If required, disclose to the team any conflicts of interest or biases that could potentially affect your contributions.",
+            "• Respect the intellectual property rights of other projects, and ensure that you provide proper credit to others for their work, when required."
+        ]
+    },
+    {
+        heading: "Seek help, offer support",
+        content: [
+            "We recognise the fact that Rhino Linux maintenance is largely built on the basis of volunteer work. As such some maintainers may be busier at times than others, or there will be periods of their lives where they may not be able to contribute as much.",
+            "• Do not hesitate to ask for help when needed, whether it is technical assistance, guidance, clarification or to reduce your workload.",
+            "• Offer your support and assistance to other contributors whenever, and wherever possible. Please ensure that this is done in a constructive and respectful manner.",
+            "• Foster a culture of collaboration and mentorship by sharing knowledge and resources with others."
+        ]
+    },
+    {
+        heading: "Ensuring maintainability",
+        content: [
+            "It is important to ensure that our code is up to standard. This means that proper programming conventions should be followed at all times. Rhino Linux is used by people globally, and as such needs to be maintained by multiple people. By contributing your code to Rhino Linux you agree to adhere to these guidelines:",
+            "• All code submitted to the Rhino Linux project must be properly commented and documented.",
+            "• Developer documentation for all repositories must be created with instructions on maintenance and development.",
+            "• Any and all AI-generated code submitted to the Rhino Linux project must be disclosed, and precautions must be in place to ensure that the code generated has the same quality and maintainability as any piece of code submitted by a maintainer.",
+            "• As a team we will conduct regular code reviews, as well as refactorings, to address technical debt, improve code quality and ensure long-term maintainability. These code reviews will be conducted at the team's discretion."
+        ]
+    },
+    {
+        heading: "Accountability",
+        content: [
+            "We recognise that contributors will have differing levels of capacity and availability. We ask that contributors inform other contributors within working groups of their capacity. This will allow for everyone to see who is able to take on certain tasks. If you are struggling, ask for help. We recognise things happen, and we would rather you ask for help, rather than going dark and abandoning what was being worked on for the project. As we have outlined in this document, community and collaboration is what makes Rhino Linux roll.",
+            "Breaking any of our expected behaviours has the potential to result in removal from the Rhino Linux team or the ability to contribute to the project.",
+            "By participating in the Rhino Linux community, you agree to abide by this code of conduct and contribute to creating a positive and inclusive environment for all members. Together, let's uphold the values of honesty, fairness, respect, and mutual support that define our community."
+        ]
+    }
+];
+
+export default CoC;

src/components/code/codeofconduct.jsx

@@ -0,0 +1,21 @@
+import React from "react";
+import CoC from "./code";
+
+function CodeOfConduct() {
+    return(
+        <div className="md:w-[85%] w-full mx-auto md:p-0 p-4 mt-4">
+            <h1 className="text-6xl font-bold py-4 text-rhino-purple text-center">Contributor Code of Conduct</h1>
+            {CoC.map((item, index) => (
+                <div key={index} className="text-white text-2xl py-4">
+                    <h2 className="text-4xl text-white py-4">{item.heading}</h2>
+                    {item.content.map((paragraph, i) => (
+                        <p className="text-white text-2xl py-2" key={i}>{paragraph}</p>
+                    ))}
+                </div>
+            ))}
+            <p className="text-white text-2xl py-4">Sincerely, <br /> The Rhino Linux team.</p>
+        </div>
+    )
+}
+
+export default CodeOfConduct;

src/components/content.jsx

@@ -26,7 +26,7 @@ function Content() {
       {contentData.map((item, index) => (
         <div
           key={index}
-          className="md:w-[85%] m-auto md:grid py-12 md:grid-cols-2 md:gap-8"
+          className="md:w-[85%] m-auto lg:grid py-12 lg:grid-cols-2 lg:gap-8"
         >
           <div>
             <h1 className="text-6xl font-bold py-4 text-rhino-purple">
@@ -56,7 +56,7 @@ function Content() {
               </a>
             )}
           </div>
-          <div className="py-8 md:py-0">
+          <div className="py-8 lg:py-0">
             <img
               src={item.imgSrc}
               className="w-full rounded-lg"

src/components/download/selection.jsx

@@ -36,7 +36,7 @@ const DownloadSelection = () => {
   };
 
   return (
-    <div className="md:w-[65%] w-full mx-auto md:p-0 p-4">
+    <div className="md:w-[85%] w-full mx-auto md:p-0 p-4">
       <label htmlFor="platform" className="block text-sm font-medium text-white">Select a platform:</label>
       <select
         id="platform"

src/components/footer.jsx

@@ -8,6 +8,11 @@ const footerItems = [
     { name: 'Unicorn', href: 'https://wiki.rhinolinux.org/user/unicorn' },
 ];
 
+const organisationalItems = [
+    { name: 'Mission Statement', href: '/statement/' },
+    { name: 'Code of Conduct', href: '/code/'}
+]
+
 function Footer() {
     return(
         <footer className="p-8">
@@ -16,12 +21,22 @@ function Footer() {
                 {footerItems.map((item, index) => (
                 <span key={index}>
                     <a href={item.href} className="text-rhino-purple">
-                    {item.name}
+                        {item.name}
                     </a>
                     {index < footerItems.length - 1 && ' | '}
                 </span>
                 ))}
             </p>
+            <p className="mb-4 text-center text-off-white text-2xl">
+                {organisationalItems.map((item, index) => (
+                    <span key={index}>
+                        <a href={item.href} className="text-rhino-purple">
+                            {item.name}
+                        </a>
+                        {index < organisationalItems.length - 1 && ' | '}
+                    </span>
+                ))}
+            </p>
         </footer>
     );
 }

src/components/statement/mission.jsx

@@ -0,0 +1,24 @@
+import React from "react";
+
+const MissionData = [
+    "The Rhino Linux organisation is a collection of individuals with the same goal, creating a Linux distribution that intends to parallel Arch Linux.",
+
+    "Just as Pacstall aims to be the AUR for Ubuntu, Rhino Linux aims to be the go-to, Debian-derived counterpart for Arch. A rolling release distribution with community-based package management central to our philosophy. Creation of a single package can take as little as a single file. These packages are often built in real time, right on the system before installation, giving the user immense levels of control of their own system; similarly, user choice will always be at the forefront of decision making. ",
+
+    "Rhino Linux is usable and mutable, and while we have defaults, we provide efficient ways to shape the distribution to tailor your needs. In addition to ease of management for the systems using our distribution, Rhino Linux and Pacstall aim to make it incredibly simple to package for multiple targets, and even test on them in containers."
+]
+
+function Mission() {
+    return(
+        <div className="md:w-[85%] w-full mx-auto md:p-0 p-4 mt-4">
+            <h1 className="text-6xl font-bold py-4 text-rhino-purple text-center">Our Mission:</h1>
+            <h2 className="text-4xl py-4 text-white text-center">Creating the go-to, Debian-derived counterpart for Arch.</h2>
+            {MissionData.map((item, index) => (
+                <p className="text-white text-2xl py-4" key={index}>{item}</p>
+            ))}
+            <p className="text-white text-2xl py-4">Sincerely, <br /> The Rhino Linux team.</p>
+        </div>
+    )
+}
+
+export default Mission;

src/components/unicorn/content.jsx

@@ -34,7 +34,7 @@ function Content() {
       {contentData.map((item, index) => (
         <div
           key={index}
-          className="md:w-[85%] m-auto md:grid py-12 md:grid-cols-2 md:gap-8"
+          className="md:w-[85%] m-auto lg:grid py-12 lg:grid-cols-2 lg:gap-8"
         >
           <div>
             <h1 className="text-5xl unicorn font-bold py-4 text-rhino-purple">
@@ -64,7 +64,7 @@ function Content() {
               </a>
             )}
           </div>
-          <div className="py-8 md:py-0">
+          <div className="py-8 lg:py-0">
             <img
               src={item.imgSrc}
               className="w-full rounded-lg"

src/pages/code.jsx

@@ -0,0 +1,15 @@
+import React from "react";
+import Menu from "../components/navbar";
+import CodeOfConduct from "../components/code/codeofconduct";
+import Footer from "../components/footer";
+
+export default function Home() {
+    return (
+      <main>
+        <Menu />
+        <CodeOfConduct />
+        <Footer />
+      </main>
+    );
+  }
+

src/pages/download.jsx

@@ -1,12 +1,14 @@
 import React from "react";
 import Menu from "../components/navbar";
 import Selection from "../components/download/selection";
+import Footer from "../components/footer";
 
 export default function Home() {
   return (
     <main>
       <Menu />
       <Selection />
+      <Footer />
     </main>
   );
 }

src/pages/statement.jsx

@@ -0,0 +1,14 @@
+import React from "react";
+import Menu from "../components/navbar";
+import Mission from "../components/statement/mission";
+import Footer from "../components/footer";
+
+export default function Home() {
+  return (
+    <main>
+      <Menu />
+      <Mission />
+      <Footer />
+    </main>
+  );
+}