Sweep cap (#54)

* Added initial implementation of Sweep groups

* Added initial implementation of Sweep groups

* Added initial implementation of Sweep groups

* Added initial implementation of Sweep groups

* fixed issues when testing

* Intercept cap (#55)

* First intial WIP for intercept units

* First intial WIP for intercept units

* major updates

---------

Co-authored-by: ex61wi <tim.rorije@ing.com>
Co-authored-by: dutchie032 <dutchie032>

---------

Co-authored-by: ex61wi <tim.rorije@ing.com>
Co-authored-by: dutchie032 <dutchie032>
This commit is contained in:
2025-06-12 22:40:55 +02:00
committed by GitHub
co-authored by ex61wi dutchie032 <dutchie032>
parent bdf7154333
commit ef65f5a353
22 changed files with 1834 additions and 353 deletions
+99 -37
View File
@@ -1,16 +1,17 @@
:root {
/* Dark Theme (Default) - Slightly lighter */
--color-bg-primary: #0a0b10; /* Much darker primary background */
--color-bg-secondary: #13141a; /* Darker secondary background */
--color-bg-tertiary: #181a22; /* Darker tertiary */
--color-bg-header: #090a0f; /* Darker header */
--color-bg-primary: #1b1d27; /* Much darker primary background */
--color-bg-secondary: #2d303f; /* Darker secondary background */
--color-bg-tertiary: #2c3041; /* Darker tertiary */
--color-bg-header: #10121b; /* Darker header */
--color-bg-code: #10121a; /* Almost black code block background */
--color-bg-note: rgba(30, 32, 40, 0.85); /* Slightly darker note background */
--color-bg-hover: rgba(120, 140, 255, 0.12); /* More visible hover */
--color-bg-inline-lua: #181a22; /* Match code block background */
--color-bg-note-dark: rgba(40, 35, 30, 0.85); /* Slightly darker note box */
--color-text-primary: #f6f8fa; /* Brighter text */
--color-text-primary: #a5a5a5; /* Brighter text */
--color-text-secondary: #bfc8d8; /* Lighter secondary text */
--color-text-accent: #7ecbff; /* Brighter accent */
--color-text-light: #ffffff;
@@ -32,10 +33,11 @@
/* Shadow and transparency values - unchanged */
--shadow-small: 0 2px 5px rgba(0, 0, 0, 0.3);
--shadow-medium: 0 3px 8px rgba(0, 0, 0, 0.5);
--shadow-large: 0 4px 12px rgba(0, 0, 0, 0.6);
/* Common opacity values */
--opacity-sidenav: 0.85; /* Increased opacity for better contrast */
--shadow-large: 0 4px 12px rgba(0, 0, 0, 0.6); /* Common opacity values */
--opacity-sidenav: 0.85; /* Increased opacity for better contrast */ /* Font families with improved Inter setup */
--font-family-primary: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
--font-family-code: 'JetBrains Mono', 'Monaco', 'Cascadia Code', monospace;
--font-family-heading: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
/* Responsive margins - unchanged */
--margin-left: 20%;
@@ -58,17 +60,23 @@
--color-bg-header-accent: #2a2620;
--color-logo-gradient: linear-gradient(120deg, #5caaff, #a0e8ff, #ffffff);
--color-nav-underline: #b0a890;
--color-nav-underline-glow: rgba(176, 168, 144, 0.6);
--color-nav-hover-bg: var(--color-bg-hover);
--color-nav-underline-glow: rgba(176, 168, 144, 0.6); --color-nav-hover-bg: var(--color-bg-hover);
--color-nav-hover-text: #ffffff;
--color-nav-hover-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
/* Heading colors */
--color-heading-h1: #8fc6ff;
--color-heading-h2: #b3e0ff;
--color-heading-h3: #c9e6ff;
--color-heading-h1-border: #8fc6ff;
--color-heading-h2-border: #b3e0ff;
}
[data-theme="light"] {
--color-bg-primary: #f5f7ff;
--color-bg-secondary: #e8ecf7;
--color-bg-tertiary: #dce2f0;
--color-bg-header: #f0f2fa;
--color-bg-primary: #e0e0e0;
--color-bg-secondary: #b6b6b6;
--color-bg-tertiary: #b6b6b6;
--color-bg-header: #d3d3d3;
--color-bg-code: #e3e6eb; /* Medium-light gray for code block background */
--color-bg-note: rgba(215, 228, 245, 0.75);
--color-bg-hover: rgba(100, 120, 200, 0.1);
@@ -80,8 +88,8 @@
--color-text-accent: #3050b0;
--color-text-light: #2a2e40;
--color-border-primary: #a0a8b8;
--color-border-accent: #5c75d9;
--color-border-primary: #496cb3;
--color-border-accent: #1d46ee;
--color-link: #3050b0;
--color-link-hover: #4060c0;
@@ -117,10 +125,16 @@
--color-bg-header-accent: #f5e9d2;
--color-logo-gradient: linear-gradient(120deg, #225a9e, #3578c7, #70aaff);
--color-nav-underline: #e0cfa0;
--color-nav-underline-glow: rgba(224, 207, 160, 0.4);
--color-nav-hover-bg: var(--color-bg-hover);
--color-nav-underline-glow: rgba(224, 207, 160, 0.4); --color-nav-hover-bg: var(--color-bg-hover);
--color-nav-hover-text: var(--color-text-primary);
--color-nav-hover-shadow: 0 4px 8px rgba(48, 80, 176, 0.15);
/* Heading colors for light theme */
--color-heading-h1: #225a9e;
--color-heading-h2: #3578c7;
--color-heading-h3: #4a90e2;
--color-heading-h1-border: #225a9e;
--color-heading-h2-border: #3578c7;
}
html {
@@ -131,14 +145,17 @@ html {
body {
color: var(--color-text-primary);
font-family: Arial, sans-serif;
font-family: var(--font-family-primary);
margin: 0;
padding: 0;
height: 100%;
display: flex;
flex-direction: column;
font-size: 16px;
line-height: 1.6;
line-height: 1.65; /* Increased for better Inter readability */
font-weight: 500; /* Medium weight for substantial feel */
letter-spacing: 0.015em; /* Slightly more spacing for better readability */
font-feature-settings: "cv02", "cv03", "cv04", "cv11"; /* Better Inter alternates */
transition: background-color 0.3s ease, color 0.3s ease;
}
@@ -243,6 +260,35 @@ header nav a:hover::after {
width: 80%;
}
.dropdown {
position: relative;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.dropdown-content {
display: flex;
flex-direction: column;
position: absolute;
overflow: hidden;
top: 100%; /* Position below the dropdown */
left: 0; /* Align left edge */
min-width: 160px;
background-color: var(--color-bg-secondary);
box-shadow: var(--shadow-medium);
z-index: 1;
border-radius: 8px;
max-height: 0px;
transition: all 1.5s ease;
}
.dropdown:hover .dropdown-content {
max-height: 200px;
}
header.collapsible {
cursor: pointer;
position: relative;
@@ -292,13 +338,13 @@ main {
/* Side navigation styles */
.reference-container {
display: flex;
align-items: flex-start;
display: block; /* Change from flex since sidebar is now fixed */
margin-top: 2em;
margin-left: var(--margin-left);
flex-direction: row;
gap: 2em;
position: relative;
/* Ensure the container doesn't interfere with sticky positioning */
overflow: visible;
height: auto;
}
.side-nav {
@@ -307,9 +353,14 @@ main {
padding-left: 0;
overflow-y: auto;
border-right: none;
position: sticky;
top: 2em;
align-self: flex-start;
position: fixed;
top: 7em; /* Account for header height (5em) + spacing (2em) */
left: var(--margin-left);
max-height: calc(100vh - 9em); /* Account for header + top spacing */
z-index: 10;
/* Ensure proper stacking context */
transform: translateZ(0);
will-change: transform;
}
.side-nav h4 {
@@ -366,7 +417,7 @@ main {
.content-wrapper {
flex: 1;
max-width: 70%;
margin-left: 0;
margin-left: 220px; /* Account for fixed sidebar width + gap */
border-left: 2px solid var(--color-border-accent);
padding-left: 1.5em;
padding-bottom: 20vh; /* Allow last section to scroll to top */
@@ -377,33 +428,34 @@ h1, h2, h3, h4, h5, h6 {
margin-top: 1.5em;
margin-bottom: 0.8em;
color: var(--color-text-secondary);
font-family: var(--font-family-heading);
font-weight: 600;
line-height: 1.3;
}
h1 {
font-size: 2.2em;
color: #8fc6ff;
color: var(--color-heading-h1);
font-weight: 700;
text-shadow: 0 1px 4px rgba(143,198,255,0.08);
letter-spacing: 0.01em;
border-bottom: 1.5px solid #8fc6ff;
border-bottom: 1.5px solid var(--color-heading-h1-border);
padding-bottom: 0.3em;
}
h2 {
font-size: 1.8em;
color: #b3e0ff;
color: var(--color-heading-h2);
font-weight: 600;
text-shadow: 0 1px 2px rgba(179,224,255,0.07);
letter-spacing: 0.005em;
border-bottom: 1px solid #b3e0ff;
border-bottom: 1px solid var(--color-heading-h2-border);
padding-bottom: 0.2em;
}
h3 {
font-size: 1.4em;
color: #c9e6ff;
color: var(--color-heading-h3);
font-weight: 600;
text-shadow: 0 1px 1px rgba(201,230,255,0.06);
letter-spacing: 0.005em;
@@ -455,7 +507,7 @@ th {
.inline-lua {
background-color: var(--color-bg-inline-lua);
border-radius: 3px;
font-family: 'Courier New', monospace;
font-family: var(--font-family-code);
white-space: nowrap;
padding: 0.1em 0.3em;
color: #23272e;
@@ -469,7 +521,7 @@ pre {
padding: 1.2em;
margin: 1.5em 0;
overflow-x: auto;
font-family: 'Courier New', monospace;
font-family: var(--font-family-code);
line-height: 1.4;
box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.08);
color: #23272e;
@@ -590,6 +642,10 @@ img {
}
.content-wrapper {
margin-left: 0;
max-width: 100%;
}
.reference-container {
margin-left: var(--margin-small);
}
}
@@ -605,6 +661,12 @@ img {
.content-wrapper {
width: 100%; /* Make content take full width */
margin-left: 0;
max-width: 100%;
}
.reference-container {
margin-left: 1em;
}
main {
@@ -667,4 +729,4 @@ img {
.theme-toggle:hover svg {
fill: var(--color-text-accent);
}
}