Added Project page

71c36622 · likewhoa · Pavel Ševčík · ae6149c3 · 71c36622 · 71c36622
Unverified Commit 71c36622 authored Sep 25, 2020 by likewhoa Committed by Pavel Ševčík Sep 25, 2020
Hide whitespace changes
Inline Side-by-side

Showing with 61 additions and 6 deletions

src/components/Layout.tsx src/components/Layout.tsx +6 -6

src/css/defaults.css src/css/defaults.css +11 -0

src/pages/project/index.tsx src/pages/project/index.tsx +44 -0

No files found.
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -23,7 +23,7 @@ export const Layout: FC = ({ children }) => {
              </Link>
            </li>
            <li>
-              <a href="/downloads">Downloads</a>
+              <a href="/project">Project</a>
            </li>
            <li>
              <a href="#features">Features</a>
@@ -47,8 +47,8 @@ export const Layout: FC = ({ children }) => {
              </Link>
            </li>
            <li>
-              <a className="white-text" href="/downloads">
-                Downloads
+              <a className="white-text" href="/project">
+                Project
              </a>
            </li>
            <li>
@@ -97,7 +97,7 @@ export const Layout: FC = ({ children }) => {
                <li>
                  <a
                    className="red-text text-darken-2"
-                    href="https://wiki.ronindojo.io/en/FAQ"
+                    href="https://wiki.ronindojo.io/FAQ"
                  >
                    FAQ
                  </a>
@@ -108,8 +108,8 @@ export const Layout: FC = ({ children }) => {
                  </Link>
                </li>
                <li>
-                  <a className="red-text text-darken-2" href="/downloads">
-                    RoninOS
+                  <a className="red-text text-darken-2" href="/project">
+                    Project
                  </a>
                </li>
                <li>

--- a/src/css/defaults.css
+++ b/src/css/defaults.css
@@ -38,3 +38,14 @@ p {
  margin: auto;
  overflow: auto;
 }
+
+/**
+ * Project Page
+ */
+
+.project-page { padding-top: 25px }
+
+.card .card-content .card-title {
+  border-bottom: 1px solid rgba(160,160,160,0.2);
+  padding: 5px 5px;
+}
\ No newline at end of file
--- a/src/pages/project/index.tsx
+++ b/src/pages/project/index.tsx
+import React, { Fragment } from "react";
+import { NextPage } from "next";
+import Head from "next/head";
+
+const ProjectPage: NextPage = () => {
+  return (
+    <Fragment>
+      <Head>
+        <title>Project | RoninDojo.io</title>
+        <meta property="og:title" content="Project | RoninDojo.io" />
+        <meta name="twitter:title" content="Project | RoninDojo.io" />
+        <meta property="og:url" content="https://ronindojo.io/project/" />
+        <link rel="canonical" href="https://ronindojo.io/project/" />
+      </Head>
+      <div className="container">
+        <div className="section project-page">
+          <div className="row">
+            <div className="col s6 m6">
+              <div className="card small grey darken-4">
+                <div className="card-content white-text">
+                  <span className="card-title">RoninDojo Project</span>
+                  <p>Our project is built by the community for the community and our code is actively developed at
+                    <a href="https://ronindojo.io/contribute" target="_blank" rel="noreferrer"> https://ronindojo.io/contribute</a>. We encourage our users to explore our various projects
+                     and look through our code which we have extensibly commented to help users navigate and understand.</p>
+                </div>
+              </div>
+            </div>
+            <div className="col s6 m6">
+              <div className="card small grey darken-4">
+                <div className="card-content white-text">
+                  <span className="card-title">RoninOS</span>
+                  <p>We ship custom minimal ARM images based on the <a href="https://manjaro.org" target="_blank" rel="noreferrer">Manjaro</a> Arch Linux distribution. These images support various
+                    single board computers and can be downloaded from our <a href="/downloads">downloads</a> page.</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </Fragment>
+  );
+};
+
+export default ProjectPage;