pontus/pontus-front
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

mobile experience improvements

Browse source
This commit is contained in:
Aidan 2025-07-06 21:58:28 -04:00
parent ca41990710
commit dfbc3cade9
6 changed files with 163 additions and 158 deletions
Download patch file Download diff file Expand all files Collapse all files

88
app/servers/page.tsx
View file

@ -6,43 +6,43 @@ export default function Servers() {
return (
<main>
<Nav />
<div className="flex flex-col items-center justify-between gap-3 my-20">
<div className="flex flex-row items-center justify-between gap-2">
<TbServer size={36} />
<h1 className="text-4xl font-bold">
<div className="flex flex-col items-center justify-between gap-3 my-12 sm:my-20 px-4">
<div className="flex flex-col sm:flex-row items-center justify-between gap-2">
<TbServer size={32} className="sm:w-9 sm:h-9" />
<h1 className="text-3xl sm:text-4xl font-bold text-center">
servers and infrastructure
</h1>
</div>
</div>
<div className="flex flex-col items-center justify-between gap-3 my-20">
<h2 className="text-2xl font-semibold text-center w-full flex flex-wrap items-center justify-center">
<div className="flex flex-col items-center justify-between gap-3 my-12 sm:my-20 px-4">
<h2 className="text-xl sm:text-2xl font-semibold text-center w-full flex flex-wrap items-center justify-center">
where we host out of
</h2>
<div className="grid grid-cols-3 gap-4 my-4">
<p className="flex flex-row items-center justify-between gap-2 text-lg bg-blue-400 text-white px-4 py-2 rounded-full">
<Flag code="US" className="w-6 h-6" /> usa
<div className="flex flex-col sm:flex-row gap-3 sm:gap-4 my-4 w-full max-w-md">
<p className="flex flex-row items-center justify-center gap-2 text-base sm:text-lg bg-blue-400 text-white px-4 py-2 rounded-full">
<Flag code="US" className="w-5 h-5 sm:w-6 sm:h-6" /> usa
</p>
<p className="flex flex-row items-center justify-between gap-2 text-lg bg-red-400 text-white px-4 py-2 rounded-full">
<Flag code="CA" className="w-6 h-6" /> canada
<p className="flex flex-row items-center justify-center gap-2 text-base sm:text-lg bg-red-400 text-white px-4 py-2 rounded-full">
<Flag code="CA" className="w-5 h-5 sm:w-6 sm:h-6" /> canada
</p>
<p className="flex flex-row items-center justify-between gap-2 text-lg bg-orange-400 text-white px-4 py-2 rounded-full">
<Flag code="DE" className="mr-4 w-6 h-6" /> germany
<p className="flex flex-row items-center justify-center gap-2 text-base sm:text-lg bg-orange-400 text-white px-4 py-2 rounded-full">
<Flag code="DE" className="w-5 h-5 sm:w-6 sm:h-6" /> germany
</p>
</div>
</div>
<div className="flex flex-col items-center justify-between gap-3">
<h2 className="text-2xl font-semibold text-center w-full flex flex-wrap items-center justify-center">
<div className="flex flex-col items-center justify-between gap-3 px-4">
<h2 className="text-xl sm:text-2xl font-semibold text-center w-full flex flex-wrap items-center justify-center">
hardware
</h2>
<div className="grid grid-cols-3 gap-4 my-4 w-5xl">
<div className="flex flex-col gap-2 text-lg bg-blue-400 text-white px-8 py-8 rounded-4xl">
<div className="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-4 my-4 w-full max-w-7xl">
<div className="flex flex-col gap-2 text-base sm:text-lg bg-blue-400 text-white px-6 sm:px-8 py-6 sm:py-8 rounded-2xl sm:rounded-4xl">
<div className="flex flex-row items-center justify-between gap-2">
<TbServer size={36} />
<span className="text-2xl font-bold">
<TbServer size={28} className="sm:w-9 sm:h-9" />
<span className="text-xl sm:text-2xl font-bold">
NY-1
</span>
</div>
<p className="flex flex-col text-sm my-2 gap-4">
<p className="flex flex-col text-xs sm:text-sm my-2 gap-3 sm:gap-4">
<span><span className="font-bold">CPU:</span> 2x Intel Xeon E5-2699 v4 @ 3.60 GHz</span>
<span><span className="font-bold">RAM:</span> 256GB (8x Samsung 32GB DDR4)</span>
<span><span className="font-bold">Boot Drive:</span> Samsung Evo 850 250GB</span>
@ -52,14 +52,14 @@ export default function Servers() {
<span><span className="font-bold">Provider:</span> ColoCrossing</span>
</p>
</div>
<div className="flex flex-col gap-2 text-lg bg-red-400 text-white px-8 py-8 rounded-4xl">
<div className="flex flex-col gap-2 text-base sm:text-lg bg-red-400 text-white px-6 sm:px-8 py-6 sm:py-8 rounded-2xl sm:rounded-4xl">
<div className="flex flex-row items-center justify-between gap-2">
<TbServer size={36} />
<span className="text-2xl font-bold">
<TbServer size={28} className="sm:w-9 sm:h-9" />
<span className="text-xl sm:text-2xl font-bold">
CA-1
</span>
</div>
<p className="flex flex-col text-sm my-2 gap-4">
<p className="flex flex-col text-xs sm:text-sm my-2 gap-3 sm:gap-4">
<span><span className="font-bold">CPU:</span> 2 cores shared</span>
<span><span className="font-bold">RAM:</span> 2GB</span>
<span><span className="font-bold">Disk:</span> 3.5TB Raidz2</span>
@ -69,14 +69,14 @@ export default function Servers() {
<span><span className="font-bold">Provider:</span> Serverica</span>
</p>
</div>
<div className="flex flex-col gap-2 text-lg bg-orange-400 text-white px-8 py-8 rounded-4xl">
<div className="flex flex-col gap-2 text-base sm:text-lg bg-orange-400 text-white px-6 sm:px-8 py-6 sm:py-8 rounded-2xl sm:rounded-4xl">
<div className="flex flex-row items-center justify-between gap-2">
<TbServer size={36} />
<span className="text-2xl font-bold">
<TbServer size={28} className="sm:w-9 sm:h-9" />
<span className="text-xl sm:text-2xl font-bold">
DE-1
</span>
</div>
<p className="flex flex-col text-sm my-2 gap-4">
<p className="flex flex-col text-xs sm:text-sm my-2 gap-3 sm:gap-4">
<span><span className="font-bold">CPU:</span> 1vCPU AMD EPYC</span>
<span><span className="font-bold">RAM:</span> 1GB</span>
<span><span className="font-bold">Storage:</span> 153GB</span>
@ -85,14 +85,14 @@ export default function Servers() {
<span><span className="font-bold">Provider:</span> Oracle Cloud</span>
</p>
</div>
<div className="flex flex-col gap-2 text-lg bg-orange-400 text-white px-8 py-8 rounded-4xl">
<div className="flex flex-col gap-2 text-base sm:text-lg bg-orange-400 text-white px-6 sm:px-8 py-6 sm:py-8 rounded-2xl sm:rounded-4xl">
<div className="flex flex-row items-center justify-between gap-2">
<TbServer size={36} />
<span className="text-2xl font-bold">
<TbServer size={28} className="sm:w-9 sm:h-9" />
<span className="text-xl sm:text-2xl font-bold">
DE-2
</span>
</div>
<p className="flex flex-col text-sm my-2 gap-4">
<p className="flex flex-col text-xs sm:text-sm my-2 gap-3 sm:gap-4">
<span><span className="font-bold">CPU:</span> 1vCPU AMD EPYC</span>
<span><span className="font-bold">RAM:</span> 1GB</span>
<span><span className="font-bold">Storage:</span> 47GB</span>
@ -102,25 +102,25 @@ export default function Servers() {
</p>
</div>
</div>
<div className="flex flex-col items-center justify-between gap-3 my-20">
<h2 className="text-2xl font-semibold text-center w-full flex flex-wrap items-center justify-center">
<div className="flex flex-col items-center justify-between gap-3 my-12 sm:my-20 w-full">
<h2 className="text-xl sm:text-2xl font-semibold text-center w-full flex flex-wrap items-center justify-center">
our ip addresses
</h2>
<p className="text-center text-md my-2">
<p className="text-center text-sm sm:text-base my-2 px-4">
if you own a mail server/service, please consider whitelisting our ip addresses.
</p>
<div className="grid grid-cols-3 gap-4 my-4">
<p className="flex flex-row items-center gap-2 text-lg bg-blue-400 text-white px-4 py-2 rounded-full">
<Flag code="US" className="w-6 h-6" /> <span className="font-bold">NY1:</span> 192.3.178.206
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3 sm:gap-4 my-4 w-full max-w-4xl px-4">
<p className="flex flex-row items-center justify-center gap-2 text-sm sm:text-base bg-blue-400 text-white px-3 sm:px-4 py-2 rounded-full">
<Flag code="US" className="w-4 h-4 sm:w-5 sm:h-5" /> <span className="font-bold">NY1:</span> 192.3.178.206
</p>
<p className="flex flex-row items-center gap-2 text-lg bg-red-400 text-white px-4 py-2 rounded-full">
<Flag code="CA" className="w-6 h-6" /> <span className="font-bold">CA1:</span> 209.209.9.109
<p className="flex flex-row items-center justify-center gap-2 text-sm sm:text-base bg-red-400 text-white px-3 sm:px-4 py-2 rounded-full">
<Flag code="CA" className="w-4 h-4 sm:w-5 sm:h-5" /> <span className="font-bold">CA1:</span> 209.209.9.109
</p>
<p className="flex flex-row items-center gap-2 text-lg bg-orange-400 text-white px-4 py-2 rounded-full">
<Flag code="DE" className="w-6 h-6" /> <span className="font-bold">DE1:</span> 138.2.154.209
<p className="flex flex-row items-center justify-center gap-2 text-sm sm:text-base bg-orange-400 text-white px-3 sm:px-4 py-2 rounded-full">
<Flag code="DE" className="w-4 h-4 sm:w-5 sm:h-5" /> <span className="font-bold">DE1:</span> 138.2.154.209
</p>
<p className="flex flex-row items-center gap-2 text-lg bg-orange-400 text-white px-4 py-2 rounded-full">
<Flag code="DE" className="w-6 h-6" /> <span className="font-bold">DE2:</span> 158.180.60.92
<p className="flex flex-row items-center justify-center gap-2 text-sm sm:text-base bg-orange-400 text-white px-3 sm:px-4 py-2 rounded-full">
<Flag code="DE" className="w-4 h-4 sm:w-5 sm:h-5" /> <span className="font-bold">DE2:</span> 158.180.60.92
</p>
</div>
</div>