Remove avatar grid overlay
This commit is contained in:
@@ -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
@@ -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"
|
||||||
|
|||||||
@@ -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: '';
|
||||||
|
|||||||
Reference in New Issue
Block a user