skopcaak/skopec.dev
1
1
Fork 0
mirror of https://github.com/pepaskopec-blip/skopec.dev.git synced 2026-10-27 07:04:33 +00:00
Code Issues Projects Releases Packages Wiki Activity

Add photos of the main PC and Proxmox server to the Hardware page.

Browse source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
pepaskopec-blip 2026-10-15 14:41:11 +02:00
commit 61afead1e7
8 changed files with 25 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
404.html
View file

@ -28,7 +28,7 @@
} }
})(); })();
</script> </script>
<link rel="stylesheet" href="style.css?v=20261022"> <link rel="stylesheet" href="style.css?v=20261023">
</head> </head>
<body> <body>
<a class="skip-link" href="#main">Skip to content</a> <a class="skip-link" href="#main">Skip to content</a>

6
hardware.html
View file

@ -34,7 +34,7 @@
} }
})(); })();
</script> </script>
<link rel="stylesheet" href="style.css?v=20261022"> <link rel="stylesheet" href="style.css?v=20261023">
<script type="application/ld+json"> <script type="application/ld+json">
{ {
"@context": "https://schema.org", "@context": "https://schema.org",
@ -145,6 +145,8 @@
<li>600 W 80+ Bronze</li> <li>600 W 80+ Bronze</li>
</ul> </ul>
</div> </div>
<img class="hw-photo" src="main-pc.webp" width="1600" height="1200" loading="lazy" decoding="async"
alt="The main PC: a black mid-tower with a tempered-glass side panel and mesh front, white-lit fans, with the Fera 5 cooler and XFX Radeon card visible inside.">
<div class="hw-visual" aria-hidden="true"> <div class="hw-visual" aria-hidden="true">
<div class="mock-fetch"> <div class="mock-fetch">
<div class="mock-fetch-bar"> <div class="mock-fetch-bar">
@ -302,6 +304,8 @@
<a href="https://www.instagram.com/skopcaak1" target="_blank" rel="noopener noreferrer">@skopcaak1 →</a> <a href="https://www.instagram.com/skopcaak1" target="_blank" rel="noopener noreferrer">@skopcaak1 →</a>
</div> </div>
</div> </div>
<img class="hw-photo" src="server.webp" width="1600" height="1200" loading="lazy" decoding="async"
alt="The Proxmox server with the side panel off: Corsair CX450 PSU, Huananzhi board with an Endorfy Fera 5 cooler, RAM and WD drives in a reused office case.">
<div class="hw-visual" aria-hidden="true"> <div class="hw-visual" aria-hidden="true">
<div class="mock-server-unit"> <div class="mock-server-unit">
<div class="server-unit-top"> <div class="server-unit-top">

2
index.html
View file

@ -34,7 +34,7 @@
} }
})(); })();
</script> </script>
<link rel="stylesheet" href="style.css?v=20261022"> <link rel="stylesheet" href="style.css?v=20261023">
<script type="application/ld+json"> <script type="application/ld+json">
{ {
"@context": "https://schema.org", "@context": "https://schema.org",

BIN
main-pc.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 125 KiB

2
privacy.html
View file

@ -33,7 +33,7 @@
} }
})(); })();
</script> </script>
<link rel="stylesheet" href="style.css?v=20261022"> <link rel="stylesheet" href="style.css?v=20261023">
<script type="application/ld+json"> <script type="application/ld+json">
{ {
"@context": "https://schema.org", "@context": "https://schema.org",

2
projects.html
View file

@ -34,7 +34,7 @@
} }
})(); })();
</script> </script>
<link rel="stylesheet" href="style.css?v=20261022"> <link rel="stylesheet" href="style.css?v=20261023">
<script type="application/ld+json"> <script type="application/ld+json">
{ {
"@context": "https://schema.org", "@context": "https://schema.org",

BIN
server.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 170 KiB

16
style.css
View file

@ -1917,6 +1917,22 @@ a:hover {
justify-content: center; justify-content: center;
} }
.hw-photo {
width: 100%;
height: auto;
background: var(--bg-deep);
border: 1px solid var(--line-strong);
border-radius: 4px;
box-shadow: 0 14px 30px rgba(0, 0, 0, 0.25);
}
@media (min-width: 820px) {
.hw-photo {
grid-column: 2;
grid-row: 1 / span 2;
}
}
/* Desktop fastfetch widget */ /* Desktop fastfetch widget */
.mock-fetch { .mock-fetch {
width: 100%; width: 100%;