bonzi/bonzi-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove avatar grid overlay

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
404.html
+1 -1
View File
@@ -11,7 +11,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com" />
<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 rel="stylesheet" href="style.css?v=clean-cutout-7" />
<link rel="stylesheet" href="style.css?v=avatar-clean-8" />
<style>
.e404 {
display: flex;
index.html
+1 -4
View File
@@ -22,7 +22,7 @@
<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 rel="stylesheet" href="style.css?v=clean-cutout-7" />
<link rel="stylesheet" href="style.css?v=avatar-clean-8" />
</head>
<body>
<div class="scanlines" aria-hidden="true"></div>
@@ -89,9 +89,6 @@
</div>
<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
src="avatar.png"
alt="bonzi"
style.css
-18
View File
@@ -365,24 +365,6 @@ main { padding: 0; }
.portrait:hover {
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::after {
content: '';