replace raster assets with CSS: emoji gradient cards, mock windows (add forge), gradient wallpaper

This commit is contained in:
dvorakmortonxd 2026-10-05 14:28:41 +02:00
commit dae4f1c414
47 changed files with 333 additions and 184 deletions

View file

@ -276,10 +276,9 @@ export default function WebLayout() {
rel="noopener noreferrer"
className="project-card"
>
<div
className="project-image"
style={{ backgroundImage: `url(${project.img})` }}
/>
<div className={`project-thumb thumb-${idx % 6}`} aria-hidden="true">
{project.emoji}
</div>
<h4 className="project-title">{project.title}</h4>
<p className="project-desc">{project.desc}</p>
</a>
@ -289,12 +288,11 @@ export default function WebLayout() {
<Section id="hardware" eyebrow="My gear" title="Hardware I own">
<div className="project-grid">
{techProjects.map((project) => (
{techProjects.map((project, idx) => (
<div key={project.title} className="project-card">
<div
className="project-image"
style={{ backgroundImage: `url(${project.image})` }}
/>
<div className={`project-thumb thumb-${idx % 6}`} aria-hidden="true">
{project.emoji}
</div>
<h4 className="project-title">{project.title}</h4>
<p className="project-desc">{project.desc}</p>
</div>
@ -318,7 +316,7 @@ export default function WebLayout() {
</Section>
<footer className="web-footer glass">
<span className="web-footer-label">v2.2.13</span>
<span className="web-footer-label">v2.2.14</span>
© 2025-2026 Martin Dvořák. All rights reserved (not really I dont care, just
follow the GPL3.0 License)
</footer>