add skiplink to all sites

change border radius button
Adding skipLink for better screen reader mode
2026-05-14 18:25:26 +02:00 · 2026-05-13 15:59:19 +02:00 · 2026-05-13 15:48:54 +02:00 · 2026-05-13 12:20:08 +02:00 · 2026-05-08 11:05:04 +02:00 · 2026-05-08 09:38:45 +02:00
7 changed files with 100 additions and 22 deletions
@@ -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>
@@ -1,4 +1,5 @@
 Copyright (c) HTML5 Boilerplate
 Copyright (c) 2026 Lars Winter
 Permission is hereby granted, free of charge, to any person obtaining a copy of
 this software and associated documentation files (the "Software"), to deal in
@@ -16,4 +17,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.
@@ -2,19 +2,10 @@
 This is the portfolio website and blog of Lars Winter.
-## Table of Contents
+## License
 - [Installation](#installation)
 - [Usage](#usage)
 - [Structure](#structure)
-## Installation
+Code in this repository is licensed under the MIT License. See the `LICENSE` file.
 ```bash
 git clone <repo>
 cd project
 npm install  # if applicable
 ```
-## Usage
+## Asset notice
 Quick start example.
-## Structure
+All images, screenshots, logos, trademarks, and project visuals in this repository are excluded from the code license unless explicitly stated otherwise. Such materials are the property of their respective copyright owners and may not be reused, redistributed, or modified without permission.
@@ -350,12 +350,11 @@ button, .link-button {
  line-height: var(--line-normal);
  letter-spacing: 0.025rem;
  padding: 0.875rem 1rem;
  min-height: 44px;
  background: var(--color-primary-button);
  font-size: var(--text-button);
  color: var(--color-text-button);
  border: none;
-  border-radius: var(--radius-lg);
+  border-radius: var(--radius-xxl);
  box-shadow: var(--shadow-button);
  text-decoration: none;
 }
@@ -384,6 +383,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;
@@ -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" -->
@@ -35,11 +91,11 @@
      </h1>
    </header>
-    <div class="content-box content-text">
+    <section class="content-box content-text">
      <p class="text">
        As usual, my portfolio is a work in progress and currently only available on request. Please feel free to contact me <a href="mailto:contact@larswinter.me">via email</a> for work collaborations and other requests. You can also find me on one of those fancy social networks, like <a rel="me" href="https://mastodon.social/@larswinter">Mastodon</a>, <a href="https://www.linkedin.com/in/larswinter">LinkedIn</a> (if really necessary), <del>Instagram</del>, and <del>Twitter</del>.
      </p>
-    </div>
+    </section>
    <div class="content-box placeholder">
@@ -71,7 +127,7 @@
  <!-- Add your site or application content here -->
-  <!-- <script src="js/app.js"></script> -->
+  <script src="js/app.js"></script>
 </body>
@@ -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>
@@ -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>
Author	SHA1	Message	Date
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