Skip to content

Commit dc1360b

Browse files
chrisbbreuerchrisbbreuer
committed
style: satisfy framework lint
1 parent 33d2762 commit dc1360b

5 files changed

Lines changed: 89 additions & 89 deletions

File tree

‎docs/diagrams/stacks-runtime.html‎

Lines changed: 37 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -26,8 +26,8 @@
2626
</script>
2727
<style>
2828
/* ==========================================================
29-
THEME VARIABLES - switch by toggling [data-theme] on <html>
30-
========================================================== */
29+
THEME VARIABLES - switch by toggling [data-theme] on <html>
30+
========================================================== */
3131
:root,
3232
[data-theme="dark"] {
3333
--bg: #020617;
@@ -47,7 +47,7 @@
4747
--arrow-emphasis: #34d399;
4848

4949
/* Opaque mask color used behind semi-transparent component fills
50-
so the arrows drawn underneath are properly hidden. */
50+
so the arrows drawn underneath are properly hidden. */
5151
--mask: #0f172a;
5252

5353
--frontend-fill: rgba(8, 51, 68, 0.4);
@@ -226,17 +226,17 @@
226226
}
227227

228228
/* ==========================================================
229-
Print stylesheet - hide interactive controls, force light,
230-
drop the grid so the diagram doesn't waste ink, use landscape
231-
so wide diagrams fit, pack summary cards into 2 columns to
232-
avoid an orphan card on a trailing page.
233-
========================================================== */
229+
Print stylesheet - hide interactive controls, force light,
230+
drop the grid so the diagram doesn't waste ink, use landscape
231+
so wide diagrams fit, pack summary cards into 2 columns to
232+
avoid an orphan card on a trailing page.
233+
========================================================== */
234234
@page { size: landscape; margin: 1.5cm; }
235235

236236
@media print {
237237
/* Force the FULL light palette - including component fills/strokes and
238-
lane/arrow colors - so printing from dark theme doesn't put neon
239-
strokes and translucent dark fills on white paper. */
238+
lane/arrow colors - so printing from dark theme doesn't put neon
239+
strokes and translucent dark fills on white paper. */
240240
:root, [data-theme="dark"], [data-theme="light"] {
241241
--bg: #ffffff;
242242
--grid: transparent;
@@ -278,8 +278,8 @@
278278
}
279279

280280
/* ==========================================================
281-
TOOLBAR (theme toggle + export menu)
282-
========================================================== */
281+
TOOLBAR (theme toggle + export menu)
282+
========================================================== */
283283
.toolbar {
284284
position: fixed;
285285
top: 1rem;
@@ -405,8 +405,8 @@
405405
}
406406

407407
/* ==========================================================
408-
SVG SEMANTIC CLASSES - use these instead of inline fill/stroke
409-
========================================================== */
408+
SVG SEMANTIC CLASSES - use these instead of inline fill/stroke
409+
========================================================== */
410410
.c-grid { stroke: var(--grid); fill: none; }
411411
.c-mask { fill: var(--mask); stroke: none; }
412412

@@ -448,7 +448,7 @@
448448
.c-lane { fill: var(--lane-fill); stroke: var(--lane-stroke); stroke-dasharray: 6,6; }
449449

450450
/* Optional trace animation, enabled only by meta.animation = "trace".
451-
Static diagrams do not carry data-animation and render exactly as before. */
451+
Static diagrams do not carry data-animation and render exactly as before. */
452452
svg[data-animation="trace"] [data-animate="edge"] {
453453
stroke-dasharray: 10 8;
454454
stroke-dashoffset: 54;
@@ -481,7 +481,7 @@
481481
</head>
482482
<body>
483483
<!-- Toolbar: theme toggle + export menu (present on every generated diagram)
484-
Keyboard: T toggles theme, E opens export menu (when no input focused) -->
484+
Keyboard: T toggles theme, E opens export menu (when no input focused) -->
485485
<div class="toolbar" role="toolbar" aria-label="Diagram actions">
486486
<button id="btn-theme" type="button"
487487
title="Toggle theme (T)"
@@ -694,7 +694,7 @@ <h3>Data and async work</h3>
694694

695695
<div class="card">
696696
<div class="card-header">
697-
<div class="card-dot amber"></div>
697+
<div class="amber card-dot"></div>
698698
<h3>Operations</h3>
699699
</div>
700700
<ul>
@@ -712,8 +712,8 @@ <h3>Operations</h3>
712712

713713
<script>
714714
/* ============================================================
715-
Theme toggle - persists to localStorage, respects system pref
716-
============================================================ */
715+
Theme toggle - persists to localStorage, respects system pref
716+
============================================================ */
717717
var TechnicalDiagram = {};
718718

719719
TechnicalDiagram.theme = (function () {
@@ -780,17 +780,17 @@ <h3>Operations</h3>
780780
})();
781781

782782
/* ============================================================
783-
Export - PNG / JPEG / WebP / SVG (download) and Copy PNG (clipboard)
783+
Export - PNG / JPEG / WebP / SVG (download) and Copy PNG (clipboard)
784784
785-
Raster exports are always rendered at 4x source resolution for
786-
maximum sharpness. The trick: we set the serialized SVG's
787-
`width`/`height` to viewBox * 4 so the browser rasterizes the
788-
vectors at that resolution natively. drawImage then draws at
789-
the image's natural size (no upscaling = no blur).
785+
Raster exports are always rendered at 4x source resolution for
786+
maximum sharpness. The trick: we set the serialized SVG's
787+
`width`/`height` to viewBox * 4 so the browser rasterizes the
788+
vectors at that resolution natively. drawImage then draws at
789+
the image's natural size (no upscaling = no blur).
790790
791-
JPEG/WebP paint the current theme's background explicitly since
792-
those formats have no alpha channel.
793-
============================================================ */
791+
JPEG/WebP paint the current theme's background explicitly since
792+
those formats have no alpha channel.
793+
============================================================ */
794794
(function () {
795795
var RASTER_SCALE = 4;
796796

@@ -898,7 +898,7 @@ <h3>Operations</h3>
898898
// serialized SVG, so url()-sourced faces would just hang.
899899
var fontFallback = [400, 500, 600, 700].map(function (w) {
900900
return "@font-face { font-family: 'JetBrains Mono'; font-weight: " + w +
901-
"; src: local('JetBrains Mono'), local('JetBrainsMono-Regular'); }";
901+
"; src: local('JetBrains Mono'), local('JetBrainsMono-Regular'); }";
902902
}).join('\n');
903903

904904
var style = document.createElementNS('http://www.w3.org/2000/svg', 'style');
@@ -1013,7 +1013,7 @@ <h3>Operations</h3>
10131013
ctx.drawImage(img, 0, 0);
10141014
URL.revokeObjectURL(svgUrl);
10151015
var mime = format === 'jpeg' ? 'image/jpeg' :
1016-
format === 'webp' ? 'image/webp' : 'image/png';
1016+
format === 'webp' ? 'image/webp' : 'image/png';
10171017
var quality = format === 'png' ? undefined : 0.95;
10181018
canvas.toBlob(function (blob) {
10191019
if (!blob) reject(new Error('toBlob returned null for ' + format));
@@ -1037,8 +1037,8 @@ <h3>Operations</h3>
10371037
// ---- Clipboard support ----------------------------------------------
10381038
function canCopyImage() {
10391039
return typeof ClipboardItem !== 'undefined' &&
1040-
navigator.clipboard &&
1041-
typeof navigator.clipboard.write === 'function';
1040+
navigator.clipboard &&
1041+
typeof navigator.clipboard.write === 'function';
10421042
}
10431043

10441044
// ---- Raster format detection ----------------------------------------
@@ -1218,11 +1218,11 @@ <h3>Operations</h3>
12181218
})();
12191219

12201220
/* ============================================================
1221-
Global keyboard shortcuts
1222-
T -> toggle theme
1223-
E -> open export menu
1224-
Ignored when focus is inside an input/textarea/contenteditable.
1225-
============================================================ */
1221+
Global keyboard shortcuts
1222+
T -> toggle theme
1223+
E -> open export menu
1224+
Ignored when focus is inside an input/textarea/contenteditable.
1225+
============================================================ */
12261226
document.addEventListener('keydown', function (e) {
12271227
if (e.metaKey || e.ctrlKey || e.altKey) return;
12281228
var t = e.target;

‎resources/views/coming-soon.stx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -80,8 +80,8 @@ const siteDescription = 'Stacks is a full-stack TypeScript framework for web app
8080
}
8181

8282
/* The dawn scene: Laravel 5.7's 503 illustration, recolored so its
83-
rising sun is a Stacks blue sun over blue dunes. Dark mode swaps in
84-
the night variant. Edges blend into the page background. */
83+
rising sun is a Stacks blue sun over blue dunes. Dark mode swaps in
84+
the night variant. Edges blend into the page background. */
8585
.scene {
8686
position: fixed;
8787
inset: 0;
@@ -119,7 +119,7 @@ const siteDescription = 'Stacks is a full-stack TypeScript framework for web app
119119
}
120120

121121
/* The nature motif, tinted brand blue instead of gray: quiet contour
122-
lines inside the card, behind its content. */
122+
lines inside the card, behind its content. */
123123
.card::before {
124124
position: absolute;
125125
inset: 0;
@@ -182,7 +182,7 @@ const siteDescription = 'Stacks is a full-stack TypeScript framework for web app
182182
}
183183

184184
/* Class selector on purpose: the pipeline's preflight resets bare h1
185-
typography, and a class always wins over an element selector. */
185+
typography, and a class always wins over an element selector. */
186186
.title {
187187
font-size: clamp(2.4rem, 6vw, 3.6rem);
188188
font-weight: 800;

‎resources/views/index.stx‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -130,7 +130,7 @@ const deployRoutes = [
130130
<link rel="apple-touch-icon" href="/images/logos/logo.png">
131131

132132
<!-- Open Graph. Defining og:title here makes stx skip its default SEO
133-
injection, which would otherwise stamp placeholder "stx Project" tags. -->
133+
injection, which would otherwise stamp placeholder "stx Project" tags. -->
134134
<meta property="og:type" content="website">
135135
<meta property="og:site_name" content="Stacks">
136136
<meta property="og:url" content="https://stacksjs.com/">
@@ -313,7 +313,7 @@ const deployRoutes = [
313313
}
314314

315315
/* Font roles: Geist carries display and body (weight builds the
316-
hierarchy); Geist Mono carries the kicker, chips, code, terminal. */
316+
hierarchy); Geist Mono carries the kicker, chips, code, terminal. */
317317
:root {
318318
--font-body: "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
319319
--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
@@ -322,7 +322,7 @@ const deployRoutes = [
322322
}
323323

324324
/* The code window and terminal stay dark in every theme, the way an
325-
editor and a shell are. */
325+
editor and a shell are. */
326326
:root {
327327
--term-bg: #0b1220;
328328
--term-fg: #93c5fd;
@@ -430,8 +430,8 @@ const deployRoutes = [
430430
}
431431

432432
/* Entrance motion (MOTION 5): hero rises on load, sections rise into
433-
view on scroll via CSS view() timelines. Transform + opacity only,
434-
and everything collapses to static under reduced motion. */
433+
view on scroll via CSS view() timelines. Transform + opacity only,
434+
and everything collapses to static under reduced motion. */
435435
@keyframes rise-in {
436436
from { opacity: 0; transform: translateY(20px); }
437437
to { opacity: 1; transform: none; }
@@ -810,8 +810,8 @@ const deployRoutes = [
810810
}
811811

812812
/* Real code, not a fake dashboard: an authentic defineModel() as you
813-
would actually write it. The code + terminal panels stay dark in
814-
every theme, the way an editor and a shell are. */
813+
would actually write it. The code + terminal panels stay dark in
814+
every theme, the way an editor and a shell are. */
815815
.product-preview {
816816
position: relative;
817817
z-index: 1;
@@ -931,8 +931,8 @@ const deployRoutes = [
931931
}
932932

933933
/* Platform bento: 12-col grid, mixed spans, three cell treatments
934-
(image / tint / gradient) so the grid has rhythm instead of rows
935-
of identical white cards. */
934+
(image / tint / gradient) so the grid has rhythm instead of rows
935+
of identical white cards. */
936936
.bento {
937937
display: grid;
938938
grid-template-columns: repeat(12, minmax(0, 1fr));
@@ -1012,7 +1012,7 @@ const deployRoutes = [
10121012
}
10131013

10141014
/* Workflow: three verb-led steps, horizontal on desktop, with a
1015-
connecting hairline that the numbers sit on. */
1015+
connecting hairline that the numbers sit on. */
10161016
.steps {
10171017
display: grid;
10181018
grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -1389,7 +1389,7 @@ $ buddy deploy <span class="term-com"># web, docs, blog, API, cloud</span>
13891389
</section>
13901390

13911391
<section id="platform" class="section site-shell" aria-labelledby="platform-heading">
1392-
<div class="section-head rise">
1392+
<div class="rise section-head">
13931393
<h2 id="platform-heading" class="section-title">One install, every layer.</h2>
13941394
<p class="section-copy">Each system is first-party and shares the same types, config, and tooling. No glue code, no plugin roulette.</p>
13951395
</div>
@@ -1407,13 +1407,13 @@ $ buddy deploy <span class="term-com"># web, docs, blog, API, cloud</span>
14071407
</section>
14081408

14091409
<section class="section site-shell" aria-labelledby="workflow-heading">
1410-
<div class="section-head rise">
1410+
<div class="rise section-head">
14111411
<h2 id="workflow-heading" class="section-title">From first commit to production.</h2>
14121412
<p class="section-copy">Buddy is the command center. It scaffolds, serves, tests, builds, and deploys the whole project.</p>
14131413
</div>
14141414
<div class="steps">
14151415
@foreach (workflowSteps as step)
1416-
<div class="step rise">
1416+
<div class="rise step">
14171417
<em aria-hidden="true">{{ step.label }}</em>
14181418
<h3>{{ step.title }}</h3>
14191419
<p>{{ step.text }}</p>
@@ -1456,7 +1456,7 @@ $ buddy deploy <span class="term-com"># web, docs, blog, API, cloud</span>
14561456
</section>
14571457

14581458
<section class="section site-shell" aria-labelledby="signup-heading">
1459-
<div class="signup-panel rise">
1459+
<div class="rise signup-panel">
14601460
<div class="section-head" style="margin-bottom: 0">
14611461
<h2 id="signup-heading" class="section-title">Release notes, occasionally.</h2>
14621462
<p class="section-copy">Framework updates and deployment notes by email. No noise.</p>
@@ -1478,7 +1478,7 @@ $ buddy deploy <span class="term-com"># web, docs, blog, API, cloud</span>
14781478
</div>
14791479

14801480
<!-- Same control, position, and glyphs as the blog's, so switching theme
1481-
feels like one site rather than two that happen to share a palette. -->
1481+
feels like one site rather than two that happen to share a palette. -->
14821482
<div class="theme-toggle" role="group" aria-label="Theme">
14831483
<button type="button" data-t="colored" title="Glacier theme" aria-label="Glacier theme" onclick="stxTheme('colored')">🌲</button>
14841484
<button type="button" data-t="light" title="Light theme" aria-label="Light theme" onclick="stxTheme('light')">☀</button>

0 commit comments

Comments
 (0)