Added a page to list out the servers.
This commit is contained in:
Alexis Werefox
parent
cc52a9fbef
commit
d7354f3c3a
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
@ -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 = {
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
@ -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 |
Loading…
Reference in New Issue