updated og image assets

adding release tag
shadow depends on light/dark, media query added
2026-05-16 15:16:52 +02:00 · 2026-05-14 15:42:13 +02:00 · 2026-05-14 15:29:04 +02:00 · 2026-05-14 13:39:56 +02:00 · 2026-05-13 15:55:50 +02:00 · 2026-05-13 12:20:53 +02:00
7 changed files with 19 additions and 96 deletions
@@ -54,12 +54,6 @@
 </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>
@@ -65,7 +65,7 @@
  --color-neutral-600: #5B5B5B;
  --color-neutral-700: #3D3D3D;
  --color-neutral-800: #292929;
-  --color-neutral-900: #0F0F0F;
+  --color-neutral-900: #121212;
  
  --color-orange-red-100: #FFE7CC;
  --color-orange-red-200: #FFC999;
@@ -126,9 +126,8 @@
  --radius-xl: 2rem;
  --radius-xxl: 2.5rem;
  
-  --shadow-box: 0px 2px 8px rgba(0, 0, 0, 0.4), 0px 1px 4px rgba(0, 0, 0, 0.12);
-  --shadow-button: inset 0px 1px 2px rgba(0, 0, 0, 0.16), inset 0px -1px 4px rgba(0, 0, 0, 0.28), var(--shadow-box);
-  --shadow-button-active: inset 0px -1px 2px rgba(0, 0, 0, 0.16), inset 0px 1px 4px rgba(0, 0, 0, 0.28), var(--shadow-box);
+  --shadow-light: 0px 2px 8px rgba(0, 0, 0, 0.3), 0px 1px 4px rgba(0, 0, 0, 0.2);
+  --shadow-dark: 0px 2px 8px rgba(0, 0, 0, 0.5), 0px 1px 4px rgba(0, 0, 0, 0.2);

  /* Semantic tokens: contextual usage */
  --color-background: light-dark(var(--color-neutral-100), var(--color-neutral-900));
@@ -158,6 +157,11 @@
  --color-text-button: var(--color-neutral-900);
  --color-text-button-active: var(--color-neutral-100);
  
+  --shadow-box: var(--shadow-light);
+  
+  --shadow-button: inset 0px 1px 2px rgba(0, 0, 0, 0.16), inset 0px -1px 4px rgba(0, 0, 0, 0.28), var(--shadow-box);
+  --shadow-button-active: inset 0px -1px 2px rgba(0, 0, 0, 0.16), inset 0px 1px 4px rgba(0, 0, 0, 0.28), var(--shadow-box);
+  
  --border: #d8d8d8;
  --overlay: rgb(12 12 12 / 0.24);
  --panel: rgb(255 255 255 / 0.76);
@@ -383,20 +387,6 @@ 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;
@@ -664,6 +654,12 @@ footer a:visited {
 /* =======================
   Media Queries for Responsive Design.
   ======================= */
+   
+@media (prefers-color-scheme: dark) {
+  :root {
+    --shadow-box: var(--shadow-dark);
+  }
+}

@media screen and (max-width:768px) {
  main {
@@ -25,65 +25,9 @@

 <body>
  
-  <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">
+  <main>
    
-    <!-- target="_blank" rel="noopener noreferrer" -->
+    <!--  target="_blank" rel="noopener noreferrer"  -->
    
    <header class="content-box content-intro">
      <h1 class="headline size-h2">
@@ -127,7 +71,7 @@
    
  
  <!-- Add your site or application content here -->
-  <script src="js/app.js"></script>
+  <!-- <script src="js/app.js"></script> -->

 </body>

@@ -24,12 +24,6 @@
 </head>

 <body>
-	
-	<div id="skipLink">
-		<a href="#siteContent">Skip to content</a>
-	</div>
-
-
  <main>
 	
 	<section class="align-left">
@@ -116,7 +110,7 @@
 	</footer>
    
  <!-- Add your site or application content here -->
-  <script src="js/app.js"></script>
+  <!-- <script src="js/app.js"></script> -->

 </body>

@@ -24,11 +24,6 @@
 </head>

 <body>
-	
-	<div id="skipLink">
-		<a href="#siteContent">Skip to content</a>
-    </div>
-
  <main>
    
 	<section class="align-left">
@@ -149,7 +144,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	be9491f1e8	updated og image assets	2026-05-16 15:16:52 +02:00
sefaria	524afd03ea	adding release tag	2026-05-14 15:42:13 +02:00
sefaria	cc6fa17247	shadow depends on light/dark, media query added	2026-05-14 15:29:04 +02:00
sefaria	4737b78b8a	change darkest black to #121212	2026-05-14 13:39:56 +02:00
sefaria	2a590a0310	Updated border radius button	2026-05-13 15:55:50 +02:00
sefaria	43d23aacab	change div to section	2026-05-13 12:20:53 +02:00
sefaria	5d888daa1d	Changing license type adding license to README	2026-05-08 11:06:26 +02:00