Added a page to list out the servers.

This commit is contained in:
Alexis Werefox 2021-05-01 22:33:12 +00:00
parent cc52a9fbef
commit d7354f3c3a
5 changed files with 106 additions and 0 deletions

View File

@ -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>
);
}

View File

@ -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>
);
}

View File

@ -135,6 +135,15 @@ export const PAGES = {
}, },
], ],
}, },
Servers: {
url: "/servers",
images: [
{
src: "/emoji/computer.svg",
alt: "Computer emoji",
},
],
},
"Support Me?": { "Support Me?": {
url: "/support", url: "/support",
images: [ 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 // An object listing the different stuff I do
export const PROJECTS = { export const PROJECTS = {

View File

@ -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>
);
}

View File

@ -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>

After

Width:  |  Height:  |  Size: 2.1 KiB