Add (C) Nintendo logo to sidebar

This commit is contained in:
kittentm 2026-02-24 07:10:05 +01:00
commit 0e50e64ba6
3 changed files with 45 additions and 8 deletions

View file

@ -91,12 +91,15 @@
</div>
</div>
</div>
<div class="websiteredirect-link-container" style="text-align: center; margin-top: 15px;">
<div class="websiteredirect-link-container">
<a href="https://www.nintendo.co.jp/wiiu/agmj/" target="_blank" rel="noopener noreferrer">
<img src="/assets/en/svg/text/menu/tx_officialpage-51d6bd752e52fb7c599246bec3c9bbb960e9f2ab063cf6e9e5b037e8fab8a7ea.svg" alt="Description" style="max-width: 100%; height: auto;">
<img src="/assets/en/svg/text/menu/tx_officialpage-51d6bd752e52fb7c599246bec3c9bbb960e9f2ab063cf6e9e5b037e8fab8a7ea.svg" alt="Official Page">
</a>
<div class="nintylogo-static">
<img src="/assets/en/svg/text/menu/tx_nintendo-8cad05eb543ca2c254e282cdf62fc0b3a027aed70e77a11a8cd45f0631f0acd7.svg" alt="Static Decoration">
</div>
</div>
</aside>
<script src="config.js"></script>
</body>

View file

@ -231,22 +231,22 @@ body {
cursor: pointer;
gap: 10px;
padding: 5px;
background: transparent; /* Removes the box */
background: transparent; /* vro fuckass vscode autocomplete adds comments... if anyone knows a better
code editor that doesnt do this pls dm me i hate having to remove these. */
}
.image-dropdown-toggle img:first-child {
height: 24px; /* Adjust based on your SVG height */
height: 24px;
}
.dropdown-arrow-icon {
height: 12px;
/* Use filter if you need the arrow to be white/different color */
}
.image-dropdown-options {
display: none; /* Hidden by default */
display: none;
position: absolute;
bottom: 100%; /* Opens upwards, or use top: 100% to open down */
bottom: 100%;
left: 50%;
transform: translateX(-50%);
background-color: rgba(0, 0, 0, 0.9);
@ -285,4 +285,38 @@ body {
.websiteredirect-link-container img {
width: 180px;
height: auto;
}
.websiteredirect-link-container {
margin-top: 15px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding-left: 15px;
z-index: 2;
}
.websiteredirect-link-container img {
width: 180px;
height: auto;
display: block;
}
.nintylogo-static {
margin-top: 10px;
width: 90px;
height: 15px;
overflow: hidden;
position: relative;
margin-top: 80px;
margin-bottom: 0px;
}
.nintylogo-static img {
width: 180px;
height: auto;
position: absolute;
top: 0;
left: 0;
}