From d7354f3c3a22c000966467a7d11374574c4e2ae9 Mon Sep 17 00:00:00 2001
From: Alexis Werefox <adh9694@gmail.com>
Date: Sat, 1 May 2021 22:33:12 +0000
Subject: [PATCH] Added a page to list out the servers.

---
 src/info/components/server-block.js | 33 +++++++++++++++++++++++++++
 src/info/components/server-card.js  | 24 ++++++++++++++++++++
 src/info/js/variables.js            | 35 +++++++++++++++++++++++++++++
 src/info/pages/servers/index.js     | 13 +++++++++++
 src/info/public/emoji/computer.svg  |  1 +
 5 files changed, 106 insertions(+)
 create mode 100644 src/info/components/server-block.js
 create mode 100644 src/info/components/server-card.js
 create mode 100644 src/info/pages/servers/index.js
 create mode 100644 src/info/public/emoji/computer.svg

diff --git a/src/info/components/server-block.js b/src/info/components/server-block.js
new file mode 100644
index 0000000..bc8ad1e
--- /dev/null
+++ b/src/info/components/server-block.js
@@ -0,0 +1,33 @@
+import { SERVERS } from "../js/variables";
+import SCard from "./server-card";
+import Link from "next/link";
+
+export default function ServerBlock({}) {
+  return (
+    <div className="p-4 w-full inline-flow align-middle justify-center space-y-4">
+      <p className="w-full text-lg text-center text-werefox-blue-dark dark:text-werefox-blue">
+        All the stuff I run uses the following server machines, with a reverse
+        SSH connection to a{" "}
+        <Link href="https://www.linode.com/?r=61251dc51397edcfacadd7f3744b258b63ad4248">
+          <a
+            target="_blank"
+            className="transition hover:text-werefox-pink-dark dark:hover:text-werefox-pink"
+          >
+            Linode VPS
+          </a>
+        </Link>
+        {"."}
+      </p>
+      {Object.keys(SERVERS).map((server) => (
+        <SCard
+          server={server}
+          model={SERVERS[server].model}
+          cpu={SERVERS[server].cpu}
+          gpu={SERVERS[server].gpu}
+          ram={SERVERS[server].ram}
+          os={SERVERS[server].os}
+        />
+      ))}
+    </div>
+  );
+}
diff --git a/src/info/components/server-card.js b/src/info/components/server-card.js
new file mode 100644
index 0000000..014aa15
--- /dev/null
+++ b/src/info/components/server-card.js
@@ -0,0 +1,24 @@
+export default function ServerCard({ server, model, cpu, gpu, ram, os }) {
+  return (
+    <div className="p-4 w-full inline-flow rounded-lg ring-2 ring-werefox-grey-darker dark:ring-werefox-grey-darker bg-werefox-grey-lightest dark:bg-werefox-grey text-lg text-werefox-grey-darker dark:text-werefox-grey-lightest">
+      <p>
+        <code>{`System: ${server}`}</code>
+      </p>
+      <p>
+        <code>{`Model: ${model}`}</code>
+      </p>
+      <p>
+        <code>{`CPU: ${cpu}`}</code>
+      </p>
+      <p>
+        <code>{`GPU: ${gpu}`}</code>
+      </p>
+      <p>
+        <code>{`RAM: ${ram}`}</code>
+      </p>
+      <p>
+        <code>{`OS: ${os}`}</code>
+      </p>
+    </div>
+  );
+}
diff --git a/src/info/js/variables.js b/src/info/js/variables.js
index 80337f0..b9af0b2 100644
--- a/src/info/js/variables.js
+++ b/src/info/js/variables.js
@@ -135,6 +135,15 @@ export const PAGES = {
       },
     ],
   },
+  Servers: {
+    url: "/servers",
+    images: [
+      {
+        src: "/emoji/computer.svg",
+        alt: "Computer emoji",
+      },
+    ],
+  },
   "Support Me?": {
     url: "/support",
     images: [
@@ -297,6 +306,32 @@ export const FAQS = {
   },
 };
 
+// This is where I put my server specifications
+
+export const SERVERS = {
+  "Intel NUC": {
+    model: "8i5BEH",
+    cpu: "Intel i5 8529U eight-core @2.3-3.8Ghz",
+    gpu: "Intel Iris Plus Graphics 655",
+    ram: "16 Gb @2400Mhz",
+    os: "Ubuntu Server 20.04",
+  },
+  "Raspberry Pi 4 (x2)": {
+    model: "B Rev 1.4",
+    cpu: "BCM2835 four-core @1.5Ghz",
+    gpu: "N/A",
+    ram: "8 Gb",
+    os: "Ubuntu Server 20.04",
+  },
+  "ASUS MINIPC": {
+    model: "PB50 0601",
+    cpu: "AMD Ryzen 5 3550H eight-core @2.1-3.7GHz",
+    gpu: "AMD Radeon Vega 8 Graphics",
+    ram: "32 Gb",
+    os: "Ubuntu Server 20.10",
+  },
+};
+
 // An object listing the different stuff I do
 
 export const PROJECTS = {
diff --git a/src/info/pages/servers/index.js b/src/info/pages/servers/index.js
new file mode 100644
index 0000000..dbb1ec4
--- /dev/null
+++ b/src/info/pages/servers/index.js
@@ -0,0 +1,13 @@
+import BasicPage from "../../components/basic-page";
+import WCard from "../../components/werefox-card";
+import SBlock from "../../components/server-block";
+
+export default function Servers() {
+  return (
+    <BasicPage page_title="Servers" card_title="Here are my server specs!">
+      <WCard innerText="Servers">
+          <SBlock />
+      </WCard>
+    </BasicPage>
+  );
+}
diff --git a/src/info/public/emoji/computer.svg b/src/info/public/emoji/computer.svg
new file mode 100644
index 0000000..05b9c88
--- /dev/null
+++ b/src/info/public/emoji/computer.svg
@@ -0,0 +1 @@
+<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="1.5" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path clip-rule="evenodd" d="m0 0h32v32h-32z"/></clipPath><metadata/><path d="m0 0h32v32h-32z" fill="none"/><g clip-path="url(#a)"><path d="m12 25h-9c-.552 0-1-.448-1-1 0-3.541 0-15.459 0-19 0-.552.448-1 1-1h26c.552 0 1 .448 1 1v19c0 .552-.448 1-1 1h-9v2s.889 1.334 1.482 2.223c.102.153.112.35.025.513s-.257.264-.441.264c-2.239 0-7.893 0-10.132 0-.184 0-.354-.101-.441-.264s-.077-.36.025-.513c.593-.889 1.482-2.223 1.482-2.223z" fill="none" stroke="#000" stroke-width="4"/><path d="m20 24h-8v3l1 1h6l1-1z" fill="#8c8c8c"/><path d="m20 27h-8s-.889 1.334-1.482 2.223c-.102.153-.112.35-.025.513s.257.264.441.264h10.132c.184 0 .354-.101.441-.264s.077-.36-.025-.513c-.593-.889-1.482-2.223-1.482-2.223z" fill="#bfbfbf"/><path d="m30 5c0-.552-.448-1-1-1-4.355 0-21.645 0-26 0-.552 0-1 .448-1 1v19c0 .552.448 1 1 1h26c.552 0 1-.448 1-1 0-3.541 0-15.459 0-19z" fill="#d9d9d9"/><path d="m3 5h26v16h-26z" fill="#334cec"/><g fill="#8899f4"><path d="m24 7c0-.552-.448-1-1-1s-1 .448-1 1 .448 1 1 1 1-.448 1-1z"/><path d="m24 10c0-.552-.448-1-1-1s-1 .448-1 1 .448 1 1 1 1-.448 1-1z"/><path d="m24 13c0-.552-.448-1-1-1s-1 .448-1 1 .448 1 1 1 1-.448 1-1z"/><path d="m28 7.5c0-.133-.053-.26-.146-.354-.094-.093-.221-.146-.354-.146-.555 0-1.445 0-2 0-.133 0-.26.053-.354.146-.093.094-.146.221-.146.354s.053.26.146.354c.094.093.221.146.354.146h2c.133 0 .26-.053.354-.146.093-.094.146-.221.146-.354z"/><path d="m28 10.5c0-.133-.053-.26-.146-.354-.094-.093-.221-.146-.354-.146-.555 0-1.445 0-2 0-.133 0-.26.053-.354.146-.093.094-.146.221-.146.354s.053.26.146.354c.094.093.221.146.354.146h2c.133 0 .26-.053.354-.146.093-.094.146-.221.146-.354z"/><path d="m28 13.5c0-.133-.053-.26-.146-.354-.094-.093-.221-.146-.354-.146-.555 0-1.445 0-2 0-.133 0-.26.053-.354.146-.093.094-.146.221-.146.354s.053.26.146.354c.094.093.221.146.354.146h2c.133 0 .26-.053.354-.146.093-.094.146-.221.146-.354z"/></g></g></svg>
\ No newline at end of file