Compare commits
8 Commits
v0.9
...
ec54a1f3a2
| Author | SHA1 | Date | |
|---|---|---|---|
 sefaria
|
ec54a1f3a2 | ||
|
sefaria
|
aa1f270c59 | ||
|
sefaria
|
90a0f39790 | ||
|
sefaria
|
8dd4e034ee | ||
|
sefaria
|
13ccaa8658 | ||
|
sefaria
|
539b9a36fc | ||
|
sefaria
|
43e9fbc5aa | ||
|
sefaria
|
f7e58040fa |
@@ -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
|
||||
|
||||
@@ -2,19 +2,10 @@
|
||||
|
||||
This is the portfolio website and blog of Lars Winter.
|
||||
|
||||
## Table of Contents
|
||||
- [Installation](#installation)
|
||||
- [Usage](#usage)
|
||||
- [Structure](#structure)
|
||||
## License
|
||||
|
||||
## Installation
|
||||
```bash
|
||||
git clone <repo>
|
||||
cd project
|
||||
npm install # if applicable
|
||||
```
|
||||
Code in this repository is licensed under the MIT License. See the `LICENSE` file.
|
||||
|
||||
## Usage
|
||||
Quick start example.
|
||||
## Asset notice
|
||||
|
||||
## 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.
|
||||
+15
-2
@@ -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;
|
||||
|
||||
+60
-4
@@ -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>
|
||||
|
||||
|
||||
+7
-1
@@ -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
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user