Skip to content

Commit f7973ae

Browse files
Deploy 5c43152 to /
1 parent 6df7f2c commit f7973ae

11 files changed

Lines changed: 71 additions & 22 deletions

File tree

assets/flexion_logo.svg

Lines changed: 1 addition & 0 deletions
Loading
234 KB
Loading
258 KB
Loading

commitment/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<!doctype html>
2-
<html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><title>Commitment — Flexion Labs</title><link rel="stylesheet" href="/design/index.css"/><link rel="icon" href="/assets/favicon-32x32.png" sizes="32x32" type="image/png"/><link rel="icon" href="/assets/favicon-192x192.png" sizes="192x192" type="image/png"/><link rel="apple-touch-icon" href="/assets/apple-touch-icon.png"/><meta name="msapplication-TileImage" content="/assets/mstile-270x270.png"/><script>document.documentElement.classList.add('js')</script><script type="module" src="/enhancements/register.js" defer=""></script></head><body><a href="#main" class="skip-link">Skip to main content</a><header class="site-header"><a href="/" class="site-brand"><img src="/assets/flexion_tornado.svg" alt="" class="site-brand__logo" width="38" height="38"/><span>Flexion Labs</span></a><button class="mobile-nav-toggle" popovertarget="primary-nav" aria-label="Menu"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></button><nav aria-label="Primary" id="primary-nav" popover="auto"><ul><li><a href="/">Home</a></li><li><a href="/commitment/">Commitment</a></li><li><a class="link" data-variant="external" href="https://github.com/flexion" rel="noopener external">GitHub</a></li></ul></nav></header><main id="main"><article class="content-page"><h1>Flexion&#39;s open source commitment</h1>
3-
<p>Flexion has always worked differently. How we work is what distinguishes us. Our commitment to open source is part of how we create value. Open source enables long-term resilience, and the Flexion approach to development prioritizes resilience. We know that our customers may need to pivot at any moment, and we want them to be able to adapt to changing conditions.</p>
2+
<html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><title>Commitment — Flexion Labs</title><link rel="stylesheet" href="/design/index.css"/><link rel="icon" href="/assets/favicon-32x32.png" sizes="32x32" type="image/png"/><link rel="icon" href="/assets/favicon-192x192.png" sizes="192x192" type="image/png"/><link rel="apple-touch-icon" href="/assets/apple-touch-icon.png"/><meta name="msapplication-TileImage" content="/assets/mstile-270x270.png"/><script>document.documentElement.classList.add('js')</script><script type="module" src="/enhancements/register.js" defer=""></script></head><body><a href="#main" class="skip-link">Skip to main content</a><header class="site-header"><a href="/" class="site-brand"><img src="/assets/flexion_logo.svg" alt="Flexion" class="site-brand__logo" width="162" height="35"/></a><button class="mobile-nav-toggle" popovertarget="primary-nav" aria-label="Menu"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></button><nav aria-label="Primary" id="primary-nav" popover="auto"><ul><li><a href="/">Home</a></li><li><a href="/commitment/">Commitment</a></li><li><a class="link" data-variant="external" href="https://github.com/flexion" rel="noopener external">GitHub</a></li></ul></nav></header><main id="main"><article class="content-page"><h1>Flexion&#39;s open source commitment</h1>
3+
<p>Flexion has always worked differently. How we work is what distinguishes us. Our commitment to open source is part of how we create value. Open source enables long-term resilience, and the Flexion approach to development prioritizes resilience. We know that our customers may need to pivot at any time, and we want them to be able to do so, so that they can adapt to changing conditions.</p>
44
<p>Our competitive advantage comes from delivery expertise and proven capabilities, not from hiding code. We compete by being better at building, deploying, and supporting solutions, not by locking them down.</p>
55
<h2>We&#39;re open by default</h2>
66
<p>Flexion&#39;s code, architecture, and interfaces are open unless there&#39;s a reason they can&#39;t be, such as security concerns or client requirements. Once we release something as open source, it remains available under that license.</p>

design-system/index.html

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

design/components/header/styles.css

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,10 @@
11
.site-brand {
22
display: inline-flex;
33
align-items: center;
4-
gap: var(--space-3);
5-
font-weight: 700;
6-
font-size: var(--step-1);
74
text-decoration: none;
8-
color: var(--color-ink);
95
}
106
.site-brand__logo {
11-
block-size: 1.8em;
7+
block-size: 2em;
128
inline-size: auto;
139
display: block;
1410
}

design/components/lab-card/styles.css

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -107,4 +107,61 @@
107107
gap: 0;
108108
}
109109
}
110+
111+
/* Screenshot button — match anchor styling */
112+
.lab-card__column-link--button {
113+
background: none;
114+
border: none;
115+
padding: 0;
116+
cursor: pointer;
117+
font: inherit;
118+
}
119+
120+
/* Screenshot dialog */
121+
.screenshot-dialog {
122+
max-inline-size: min(900px, 90vw);
123+
max-block-size: 90vh;
124+
margin: auto; /* restore centering lost by global * { margin: 0 } reset */
125+
border: none;
126+
border-radius: var(--radius-sm);
127+
padding: var(--space-6);
128+
overflow-y: auto;
129+
}
130+
131+
.screenshot-dialog::backdrop {
132+
background: rgb(0 0 0 / 0.6);
133+
}
134+
135+
.screenshot-dialog__close {
136+
position: absolute;
137+
inset-block-start: var(--space-3);
138+
inset-inline-end: var(--space-3);
139+
background: none;
140+
border: none;
141+
font-size: var(--step-3);
142+
line-height: 1;
143+
cursor: pointer;
144+
color: var(--color-ink-subtle);
145+
padding: var(--space-1) var(--space-2);
146+
border-radius: var(--radius-sm);
147+
}
148+
149+
.screenshot-dialog__close:hover,
150+
.screenshot-dialog__close:focus-visible {
151+
color: var(--color-ink);
152+
background: var(--color-surface-alt);
153+
}
154+
155+
.screenshot-dialog__images {
156+
display: flex;
157+
flex-direction: column;
158+
gap: var(--space-4);
159+
}
160+
161+
.screenshot-dialog__img {
162+
max-inline-size: 100%;
163+
block-size: auto;
164+
border-radius: var(--radius-sm);
165+
box-shadow: var(--shadow-card);
166+
}
110167
}

design/layout.css

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -55,12 +55,6 @@
5555
font-size: var(--step-4);
5656
max-inline-size: 22ch;
5757
}
58-
.home-hero__subtitle {
59-
font-size: var(--step-1);
60-
color: var(--color-ink-subtle);
61-
font-weight: 500;
62-
max-inline-size: var(--measure-prose);
63-
}
6458
.home-intro {
6559
font-size: var(--step-0);
6660
color: var(--color-ink);

enhancements/register.js

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)