Remove avatar grid overlay

This commit is contained in:
Zebratic
2026-07-06 11:46:32 +00:00
parent ec05bfb757
commit bf3249cec1
3 changed files with 2 additions and 23 deletions
+1 -1
View File
@@ -11,7 +11,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="style.css?v=clean-cutout-7" /> <link rel="stylesheet" href="style.css?v=avatar-clean-8" />
<style> <style>
.e404 { .e404 {
display: flex; display: flex;
+1 -4
View File
@@ -22,7 +22,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="style.css?v=clean-cutout-7" /> <link rel="stylesheet" href="style.css?v=avatar-clean-8" />
</head> </head>
<body> <body>
<div class="scanlines" aria-hidden="true"></div> <div class="scanlines" aria-hidden="true"></div>
@@ -89,9 +89,6 @@
</div> </div>
<a class="portrait" href="https://git.molberg.cloud/bonzi" target="_blank" rel="noopener" aria-label="open gitea profile"> <a class="portrait" href="https://git.molberg.cloud/bonzi" target="_blank" rel="noopener" aria-label="open gitea profile">
<div class="portrait-grid" aria-hidden="true">
<span></span><span></span><span></span><span></span>
</div>
<img <img
src="avatar.png" src="avatar.png"
alt="bonzi" alt="bonzi"
-18
View File
@@ -365,24 +365,6 @@ main { padding: 0; }
.portrait:hover { .portrait:hover {
border-color: var(--green-soft); border-color: var(--green-soft);
} }
.portrait-grid {
position: absolute;
inset: 0;
z-index: 2;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
pointer-events: none;
opacity: 0.82;
}
.portrait-grid span {
border-color: color-mix(in oklab, var(--fg) 16%, transparent);
border-style: solid;
border-width: 0;
}
.portrait-grid span:nth-child(1) { border-right-width: 1px; border-bottom-width: 1px; }
.portrait-grid span:nth-child(2) { border-bottom-width: 1px; }
.portrait-grid span:nth-child(3) { border-right-width: 1px; }
.portrait::before, .portrait::before,
.portrait::after { .portrait::after {
content: ''; content: '';