space/my-portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Codex tried to make the site more responsive on mobile
Build Check / build (push) Successful in 48s
Details
Build Check / push-image (push) Successful in 2m43s
Details
Build Check / deploy-coolify (push) Successful in 7s
Details

Browse Source
This commit is contained in:
Space-Banane
2026-06-03 15:58:29 +02:00
parent 40526e115e
commit aebeed3964
19 changed files with 130 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/sections/Uptime.tsx
+10 -10
View File
@@ -2,32 +2,32 @@
export function Uptime() {
return (
<section className="w-full max-w-6xl mx-auto space-y-10 px-4">
<section className="w-full max-w-6xl mx-auto space-y-8 px-4 sm:space-y-10">
<div className="text-center space-y-4">
<h2 className="text-3xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-500">
<h2 className="text-2xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-500 sm:text-3xl">
Downtime
</h2>
<p className="text-gray-400 max-w-2xl mx-auto">
<p className="mx-auto max-w-2xl text-sm text-gray-400 sm:text-base">
I love selfhosting stuff, can you tell?
</p>
</div>
<div className="max-w-3xl mx-auto">
<div className="p-6 rounded-2xl bg-gradient-to-br from-gray-800/20 to-transparent backdrop-blur-sm border border-white/6">
<h3 className="text-2xl font-semibold text-white mb-4 text-center">
<div className="mx-auto max-w-3xl">
<div className="mx-auto w-full max-w-[20rem] rounded-2xl border border-white/6 bg-gradient-to-br from-gray-800/20 to-transparent p-5 backdrop-blur-sm sm:max-w-none sm:p-6">
<h3 className="mb-4 text-center text-xl font-semibold text-white sm:text-2xl">
Github vs HomeLab Uptime
</h3>
<div className="flex gap-6 items-center justify-between">
<div className="flex flex-col items-center justify-between gap-6 sm:flex-row">
<div className="flex-1 text-center">
<img src="/gh_down.png" alt="GitHub downtime" className="mx-auto h-28 object-contain" />
<img src="/gh_down.png" alt="GitHub downtime" className="mx-auto h-24 object-contain sm:h-28" />
<h4 className="mt-3 font-medium text-white">GitHub</h4>
<p className="text-gray-400 mt-1">Goes down more.</p>
</div>
<div className="w-px h-24 bg-white/6" />
<div className="h-px w-24 bg-white/6 sm:h-24 sm:w-px" />
<div className="flex-1 text-center">
<img src="/homelab_down.png" alt="HomeLab" className="mx-auto h-28 object-contain" />
<img src="/homelab_down.png" alt="HomeLab" className="mx-auto h-24 object-contain sm:h-28" />
<h4 className="mt-3 font-medium text-white">HomeLab</h4>
<p className="text-gray-400 mt-1">Goes down less.</p>
</div>