9 Commits

Author SHA1 Message Date
sefaria 276b8eb510 Merge branch 'main' into feature/add-menu-bar
# Please enter a commit message to explain why this merge is necessary,
# especially if it merges an updated upstream into a topic branch.
#
# Lines starting with '#' will be ignored, and an empty message aborts
# the commit.
2026-05-14 18:28:15 +02:00
sefaria ec54a1f3a2 add skiplink to all sites 2026-05-14 18:25:26 +02:00
sefaria aa1f270c59 change border radius button 2026-05-13 15:59:19 +02:00
sefaria 90a0f39790 Adding skipLink for better screen reader mode 2026-05-13 15:48:54 +02:00
sefaria 8dd4e034ee change div to section 2026-05-13 12:20:08 +02:00
sefaria 13ccaa8658 Changing license type adding license to README 2026-05-08 11:05:04 +02:00
sefaria 539b9a36fc Merge branch 'main' into feature/add-menu-bar, adding new footer and section structure 2026-05-08 09:38:45 +02:00
sefaria 43e9fbc5aa add app.js to subpages 2026-05-02 13:13:36 +02:00
sefaria f7e58040fa feat: add menu html code 2026-05-02 13:03:51 +02:00
5 changed files with 91 additions and 4 deletions
+6
View File
@@ -54,6 +54,12 @@
</head>
<body>
<div id="skipLink">
<a href="#siteContent">Skip to content</a>
</div>
<h1>Page Not Found</h1>
<p>Sorry, but the page you were trying to view does not exist.</p>
</body>
+14
View File
@@ -387,6 +387,20 @@ button:visited, .link-button:visited {
Layout styles
======================= */
#skipLink a {
display: block;
position: absolute;
left: -999px;
top: -999px;
}
#skipLink a:focus {
left: 0;
top: 0;
padding: var(--spacing-2);
background: var(--color-background-content-box);
}
main, footer {
max-width: 900px;
border: none;
+58 -2
View File
@@ -25,7 +25,63 @@
<body>
<main>
<div id="skipLink">
<a href="#siteContent">Skip to content</a>
</div>
<header class="site-header">
<a class="logo" href="/">Logo</a>
<nav class="desktop-nav" aria-label="Primary navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Work</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<button
class="menu-toggle"
id="menuToggle"
type="button"
aria-expanded="false"
aria-controls="mobileMenu"
aria-haspopup="true"
aria-label="Open menu"
>
<span></span>
<span></span>
<span></span>
</button>
</header>
<div class="menu-overlay" id="menuOverlay" hidden></div>
<aside
class="mobile-menu"
id="mobileMenu"
aria-label="Mobile navigation"
aria-hidden="true"
>
<div class="mobile-menu__header">
<strong>Menu</strong>
<button class="menu-close" id="menuClose" type="button" aria-label="Close menu">
</button>
</div>
<nav aria-label="Mobile navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Work</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</aside>
<main id="siteContent" class="page-content">
<!-- target="_blank" rel="noopener noreferrer" -->
@@ -71,7 +127,7 @@
<!-- Add your site or application content here -->
<!-- <script src="js/app.js"></script> -->
<script src="js/app.js"></script>
</body>
+7 -1
View File
@@ -24,6 +24,12 @@
</head>
<body>
<div id="skipLink">
<a href="#siteContent">Skip to content</a>
</div>
<main>
<section class="align-left">
@@ -110,7 +116,7 @@
</footer>
<!-- Add your site or application content here -->
<!-- <script src="js/app.js"></script> -->
<script src="js/app.js"></script>
</body>
+6 -1
View File
@@ -24,6 +24,11 @@
</head>
<body>
<div id="skipLink">
<a href="#siteContent">Skip to content</a>
</div>
<main>
<section class="align-left">
@@ -144,7 +149,7 @@
<!-- Add your site or application content here -->
<!-- <script src="js/app.js"></script> -->
<script src="js/app.js"></script>
</body>