Rabbit: Difference between revisions
Jump to navigation
Jump to search
Restore original Rabbit image sizing and placement; keep Builder link in upper-left. |
Replace Builder corner with complete neon billboard and full-sign hover glow. |
||
| Line 74: | Line 74: | ||
@media(prefers-reduced-motion:reduce) {.rg-city-stage .rbc-corner * {animation:none!important;transition:none!important;}} | @media(prefers-reduced-motion:reduce) {.rg-city-stage .rbc-corner * {animation:none!important;transition:none!important;}} | ||
/* Complete approved sign; only the existing Builder corner is changed. */ | |||
.rg-city-stage .rbc-billboard-link {display:block;line-height:0;text-decoration:none!important;background:none!important;border:0;margin:0;padding:0;outline-offset:6px;cursor:pointer;} | |||
.rg-city-stage img.rbc-billboard-image {display:block;width:100%!important;height:auto!important;max-width:100%!important;margin:0!important;border:0!important;filter:brightness(1);transition:filter .25s ease;} | |||
.rg-city-stage .rbc-billboard-link:is(:hover,:focus-visible) .rbc-billboard-image {filter:brightness(1.14) drop-shadow(0 0 6px #fa55dcb3) drop-shadow(0 0 12px #35edf180);} | |||
.rg-city-stage .rbc-billboard-link:focus-visible {outline:2px solid #b4faff;} | |||
@media(prefers-reduced-motion:reduce) {.rg-city-stage img.rbc-billboard-image {transition:none!important;}} | |||
</style> | </style> | ||
<section class="rg-city-stage rg-mode-blended rg-builder-enabled" aria-label="Rabbit’s character website"><svg class="rg-mask-defs" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><defs><filter id="rg-r3-feather" x="-30%" y="-30%" width="160%" height="160%" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="0.022"/></filter><mask id="rg-r3-art-mask" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox" x="0" y="0" width="1" height="1" style="mask-type:luminance"><rect width="1" height="1" fill="black"/><rect x=".04" y=".028" width=".915" height=".934" rx=".035" fill="white" filter="url(#rg-r3-feather)"/><path d="M.23 0H.81V.24H.23Z" fill="white"/><path d="M.016 .61H.64V.93H.016Z" fill="white"/></mask></defs></svg><div class="rabbit-gateway rg-neon"><div class="rg-card"><div class="rg-art"><img class="rg-image" src="https://nightcitymux.com/images/1/16/Rabbit_Follow_The_Rabbit.png" width="1536" height="1024" alt="Rabbit raises his middle finger beside a chrome rabbit logo."/><span class="rg-frame"></span></div><a class="rg-bar rg-link" href="https://runrabbitrun.fyi/" target="_blank" rel="noopener noreferrer" aria-label="Follow the Rabbit — open Rabbit’s character website in a new tab"><svg class="rg-wordmark" viewBox="0 0 830.799 118.373" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"> | <section class="rg-city-stage rg-mode-blended rg-builder-enabled" aria-label="Rabbit’s character website"><svg class="rg-mask-defs" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><defs><filter id="rg-r3-feather" x="-30%" y="-30%" width="160%" height="160%" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="0.022"/></filter><mask id="rg-r3-art-mask" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox" x="0" y="0" width="1" height="1" style="mask-type:luminance"><rect width="1" height="1" fill="black"/><rect x=".04" y=".028" width=".915" height=".934" rx=".035" fill="white" filter="url(#rg-r3-feather)"/><path d="M.23 0H.81V.24H.23Z" fill="white"/><path d="M.016 .61H.64V.93H.016Z" fill="white"/></mask></defs></svg><div class="rabbit-gateway rg-neon"><div class="rg-card"><div class="rg-art"><img class="rg-image" src="https://nightcitymux.com/images/1/16/Rabbit_Follow_The_Rabbit.png" width="1536" height="1024" alt="Rabbit raises his middle finger beside a chrome rabbit logo."/><span class="rg-frame"></span></div><a class="rg-bar rg-link" href="https://runrabbitrun.fyi/" target="_blank" rel="noopener noreferrer" aria-label="Follow the Rabbit — open Rabbit’s character website in a new tab"><svg class="rg-wordmark" viewBox="0 0 830.799 118.373" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"> | ||
| Line 91: | Line 97: | ||
</g> | </g> | ||
</svg><span class="rg-note">CHARACTER WEBSITE<strong>RUNRABBITRUN.FYI <span class="rg-arrow" aria-hidden="true">↗</span></strong></span><span class="rg-rule"></span></a></div></div><aside class="rbc-corner" aria-label="Night City Builder"> | </svg><span class="rg-note">CHARACTER WEBSITE<strong>RUNRABBITRUN.FYI <span class="rg-arrow" aria-hidden="true">↗</span></strong></span><span class="rg-rule"></span></a></div></div><aside class="rbc-corner" aria-label="Night City Builder"> | ||
< | <a class="rbc-billboard-link" href="https://nightcitybuilder.com/" target="_blank" rel="noopener noreferrer" aria-label="Enter Night City Builder in a new tab. Request an activation code to sign up."> | ||
< | <img class="rbc-billboard-image" src="https://nightcitymux.com/images/a/a4/Night_City_Builder_Billboard.png" width="1702" height="924" alt="Night City Builder. Make a name for yourself. Enter the Builder. Request an activation code to sign up."> | ||
</a> | |||
</aside> | </aside> | ||
</section> | </section> | ||
</html> | </html> | ||
