pages-server
tcp/443
Open service 2a0a:4580:103f:c0de::2:443 · gmodena.systems
2026-01-23 20:06
HTTP/1.1 200 OK
Allow: GET, HEAD, OPTIONS
Cache-Control: public, max-age=600
Content-Length: 7186
Content-Type: text/html; charset=utf-8
Etag: "9a93d752de7925ebf6dd17f228d177106a66b324"
Last-Modified: Tue, 19 Aug 2025 19:06:51 GMT
Referrer-Policy: strict-origin-when-cross-origin
Server: pages-server
X-Pages-Cache: true
Date: Fri, 23 Jan 2026 20:07:00 GMT
Connection: close
Page title: Gabriele Modena · Gabriele Modena
<html lang="en">
<head>
<meta name="generator" content="Hugo 0.147.3"><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
<script defer data-domain="gmodena.systems" src="https://plausible.io/js/script.js"></script>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Gabriele Modena · Gabriele Modena</title>
<meta name="description" content="One page with my links" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<style>
:root{
--bg:#0b0f12;
--panel:#0f1417;
--muted:#94a3b8;
--accent:#7c3aed;
--accent-2:#06b6d4;
--text:#e6eef6;
--glass: rgba(255,255,255,0.03);
--radius:14px;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
@media (prefers-color-scheme: light) {
:root{ --bg:#f7fafc; --panel:#ffffff; --muted:#475569; --text:#0b1220; --glass: rgba(0,0,0,0.03); }
}
html,body{height:100%;}
body{margin:0;background:linear-gradient(180deg,var(--bg),#071018);color:var(--text);-webkit-font-smoothing:antialiased;display:flex;align-items:center;justify-content:center;padding:32px;}
.container{width:100%;max-width:520px;padding:28px;background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));border-radius:20px;box-shadow:0 10px 30px rgba(2,6,23,0.7);backdrop-filter: blur(6px);}
.profile{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.avatar{width:80px;height:80px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-weight:700;color:white;font-size:28px;box-shadow:0 6px 18px rgba(2,6,23,0.6)}
.avatar img{width:100%;height:100%;object-fit:cover;border-radius:999px;}
.title{font-size:1.25rem;font-weight:700}
.subtitle{color:var(--muted);font-size:0.95rem}
.links{display:grid;gap:12px;margin-top:8px}
.link{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:var(--panel);text-decoration:none;color:var(--text);box-shadow:0 6px 18px rgba(2,6,23,0.5);transition:transform .12s ease, box-shadow .12s ease;}
.link:active{transform:translateY(1px)}
.link:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(2,6,23,0.6)}
.link .icon{width:28px;height:28px;flex:0 0 28px;display:inline-grid;place-items:center}
.link .label{font-weight:600}
.link .desc{color:var(--muted);font-size:0.85rem}
.footer{margin-top:18px;text-align:center;color:var(--muted);font-size:0.82rem}
@media (max-width:420px){
body{padding:18px}
.container{padding:18px}
}
</style>
</head>
<body class="site">
<main class="container">
<section class="profile" aria-label="profile">
<div class="avatar">
<img src="/images/avatar.png" alt="Avatar" />
</div>
<div>
<div class="title">Gabriele Modena</div>
<div class="subtitle">Computer Person • Chaotic Good</div>
</div>
</section>
<section class="links" aria-label="links">
<a class="link" href="https://nowave.it" target="_blank" rel="noopener noreferrer">
<span class="icon"><svg role="img" aria-label="Website" viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
<text x="50%" y="50%" text-anchor="middle" dominant-baseline="middle" font-size="14" font-family="sans-serif" font-weight="bold">W</text>
</svg></span>
<div>
<div class="label">Personal website</div>
<div class="desc">nowave.it</div>
</div>
</a>
<a class="link" href="https://github.com/gmodena" target="_blank" rel="noopener noreferrer">
<span class="icon"><svg role="img" aria-label="GitHub" viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
<path d="M12 0C5.37 0 0 5.37 0 12a12 12 0 008.21 11.43c.6.11.82-.26.82-.58 0-.29-.01-1.05-.02-2.06-3.34.73-4.04-1.61-4.04-1.61-.54-1.39-1.32-1.76-1.32-1.76-1.08-.74.08-.73.08-.73 1.19.08
Open service 217.197.84.141:80 · gmodena.systems
2026-01-23 20:06
HTTP/1.1 302 Found content-length: 0 location: https://gmodena.systems/ cache-control: no-cache connection: close
Open service 217.197.84.141:443 · gmodena.systems
2026-01-23 20:06
HTTP/1.1 200 OK
Allow: GET, HEAD, OPTIONS
Cache-Control: public, max-age=600
Content-Length: 7186
Content-Type: text/html; charset=utf-8
Etag: "9a93d752de7925ebf6dd17f228d177106a66b324"
Last-Modified: Tue, 19 Aug 2025 19:06:51 GMT
Referrer-Policy: strict-origin-when-cross-origin
Server: pages-server
X-Pages-Cache: true
Date: Fri, 23 Jan 2026 20:06:59 GMT
Connection: close
Page title: Gabriele Modena · Gabriele Modena
<html lang="en">
<head>
<meta name="generator" content="Hugo 0.147.3"><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
<script defer data-domain="gmodena.systems" src="https://plausible.io/js/script.js"></script>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Gabriele Modena · Gabriele Modena</title>
<meta name="description" content="One page with my links" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<style>
:root{
--bg:#0b0f12;
--panel:#0f1417;
--muted:#94a3b8;
--accent:#7c3aed;
--accent-2:#06b6d4;
--text:#e6eef6;
--glass: rgba(255,255,255,0.03);
--radius:14px;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
@media (prefers-color-scheme: light) {
:root{ --bg:#f7fafc; --panel:#ffffff; --muted:#475569; --text:#0b1220; --glass: rgba(0,0,0,0.03); }
}
html,body{height:100%;}
body{margin:0;background:linear-gradient(180deg,var(--bg),#071018);color:var(--text);-webkit-font-smoothing:antialiased;display:flex;align-items:center;justify-content:center;padding:32px;}
.container{width:100%;max-width:520px;padding:28px;background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));border-radius:20px;box-shadow:0 10px 30px rgba(2,6,23,0.7);backdrop-filter: blur(6px);}
.profile{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.avatar{width:80px;height:80px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-weight:700;color:white;font-size:28px;box-shadow:0 6px 18px rgba(2,6,23,0.6)}
.avatar img{width:100%;height:100%;object-fit:cover;border-radius:999px;}
.title{font-size:1.25rem;font-weight:700}
.subtitle{color:var(--muted);font-size:0.95rem}
.links{display:grid;gap:12px;margin-top:8px}
.link{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:var(--panel);text-decoration:none;color:var(--text);box-shadow:0 6px 18px rgba(2,6,23,0.5);transition:transform .12s ease, box-shadow .12s ease;}
.link:active{transform:translateY(1px)}
.link:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(2,6,23,0.6)}
.link .icon{width:28px;height:28px;flex:0 0 28px;display:inline-grid;place-items:center}
.link .label{font-weight:600}
.link .desc{color:var(--muted);font-size:0.85rem}
.footer{margin-top:18px;text-align:center;color:var(--muted);font-size:0.82rem}
@media (max-width:420px){
body{padding:18px}
.container{padding:18px}
}
</style>
</head>
<body class="site">
<main class="container">
<section class="profile" aria-label="profile">
<div class="avatar">
<img src="/images/avatar.png" alt="Avatar" />
</div>
<div>
<div class="title">Gabriele Modena</div>
<div class="subtitle">Computer Person • Chaotic Good</div>
</div>
</section>
<section class="links" aria-label="links">
<a class="link" href="https://nowave.it" target="_blank" rel="noopener noreferrer">
<span class="icon"><svg role="img" aria-label="Website" viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
<text x="50%" y="50%" text-anchor="middle" dominant-baseline="middle" font-size="14" font-family="sans-serif" font-weight="bold">W</text>
</svg></span>
<div>
<div class="label">Personal website</div>
<div class="desc">nowave.it</div>
</div>
</a>
<a class="link" href="https://github.com/gmodena" target="_blank" rel="noopener noreferrer">
<span class="icon"><svg role="img" aria-label="GitHub" viewBox="0 0 24 24" width="20" height="20" fill="currentColor">
<path d="M12 0C5.37 0 0 5.37 0 12a12 12 0 008.21 11.43c.6.11.82-.26.82-.58 0-.29-.01-1.05-.02-2.06-3.34.73-4.04-1.61-4.04-1.61-.54-1.39-1.32-1.76-1.32-1.76-1.08-.74.08-.73.08-.73 1.19.08
Open service 2a0a:4580:103f:c0de::2:80 · gmodena.systems
2026-01-23 20:06
HTTP/1.1 302 Found content-length: 0 location: https://gmodena.systems/ cache-control: no-cache connection: close