Skip to content

Instantly share code, notes, and snippets.

View PrabothCharith's full-sized avatar
🏠
Working from home

praboth charith PrabothCharith

🏠
Working from home
View GitHub Profile
@PrabothCharith
PrabothCharith / accessibility-menu.js
Created May 6, 2024 05:09
web accessibility for visually impaired users
const accessibilityMenuStyles = `
:root {
--acc_color_1: #000;
--acc_color_2: #fff;
--border_radius: 25px;
}
.hidden {
display: none !important;
}
<div class="text">
<div>Server Error</div>
<h1>503</h1>
<hr>
<div>Service Temporarily Unavailable</div>
<h1>That's what you can do</h1>
</div>
<div class="astronaut">
<img src="https://images.vexels.com/media/users/3/152639/isolated/preview/506b575739e90613428cdb399175e2c8-space-astronaut-cartoon-by-vexels.png" alt="" class="src">
@PrabothCharith
PrabothCharith / full-screen-navigation-bar-with-animation.markdown
Created February 2, 2023 02:52
full screen navigation bar with animation