selectively show ass card

This commit is contained in:
nin0 2025-06-25 16:37:15 -04:00
parent 49803ba398
commit 058139a8d7
2 changed files with 27 additions and 18 deletions

View file

@ -8,21 +8,24 @@ import GroupBox from "@components/GroupBox.astro";
}
</style>
<GroupBox>
<p>
<h2>YOUR BROWSER IS ASS</h2>
<span>
Your browser, <span class="ua"></span> does not support the full set
of web features which means that nin0.dev may not work as well as it
would on a non-ass browser.
<br />
<br />
Consider switching to a browser that is not ass such as <a
href="https://www.apple.com/ca/safari/">Safari</a
>, <a href="https://brave.com/">Brave</a>, or if you really have no
option, <a href="https://www.google.com/intl/en_ca/chrome/"
>Chrome</a
>. (these are personal preferences and I am not paid to say this)
</span>
</p>
</GroupBox>
<ass-browser>
<GroupBox>
<p>
<h2>YOUR BROWSER IS ASS</h2>
<span>
Your browser, <span class="ua"></span> does not support the full
set of web features which means that nin0.dev may not work as well
as it would on a non-ass browser.
<br />
<br />
Consider switching to a browser that is not ass such as <a
href="https://www.apple.com/ca/safari/">Safari</a
>, <a href="https://brave.com/">Brave</a>, or if you really have
no option, <a href="https://www.google.com/intl/en_ca/chrome/"
>Chrome</a
>. (these are personal preferences and I am not paid to say
this)
</span>
</p>
</GroupBox>
</ass-browser>

View file

@ -4,7 +4,13 @@ import HeartIcon from "@assets/svg/heart.svg";
---
<style is:global>
ass-browser {
display: none;
}
.ass-browser {
ass-browser {
display: block !important;
}
.spotify-card {
background-color: #2b2b3b !important;
}