Skip to content

Commit 7251906

Browse files
SamuelMarksSamuelMarks
committed
i18n & a11y
1 parent 32c2da2 commit 7251906

4 files changed

Lines changed: 15 additions & 23 deletions

File tree

‎ecosystem.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -166,7 +166,7 @@ <h3 id="popover-title" class="popover-title">Consulting Services</h3>
166166

167167
<footer class="footer">
168168
<div class="container">
169-
<p>&copy; 2026 Offscale. Automating the API lifecycle, from spec to package.</p>
169+
<p>&copy; 2026 Offscale. Automating the API lifecycle, from spec to package release.</p>
170170
<div class="footer-links">
171171
<a href="https://github.com/SamuelMarks/cdd-ctl" target="_blank" rel="noopener" aria-label="cdd-ctl on GitHub">
172172
<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="footer-icon">

‎index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<meta name="description" content="Offscale - Automate your API lifecycle from spec to package. Generate strongly-typed SDKs and interactive documentation.">
6+
<meta name="description" content="Offscale - Automate your API lifecycle from spec to package release. Generate strongly-typed SDKs and interactive documentation.">
77
<title>Offscale - SDKs &amp; Interactive API Docs</title>
88
<link rel="stylesheet" href="styles.css">
99
<link rel="preconnect" href="https://fonts.googleapis.com">
@@ -279,7 +279,7 @@ <h3 id="popover-title" class="popover-title">Consulting Services</h3>
279279

280280
<footer class="footer">
281281
<div class="container">
282-
<p>&copy; 2026 Offscale. Automating the API lifecycle, from spec to package.</p>
282+
<p>&copy; 2026 Offscale. Automating the API lifecycle, from spec to package release.</p>
283283
<div class="footer-links">
284284
<a href="https://github.com/SamuelMarks/cdd-ctl" target="_blank" rel="noopener" aria-label="cdd-ctl on GitHub">
285285
<svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" class="footer-icon">

‎script.js‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,9 +18,11 @@ document.addEventListener('DOMContentLoaded', () => {
1818
if (theme == 'dark') {
1919
document.documentElement.setAttribute('data-theme', 'light');
2020
localStorage.setItem('theme', 'light');
21+
themeToggleBtn.setAttribute('aria-label', 'Switch to dark mode');
2122
} else {
2223
document.documentElement.setAttribute('data-theme', 'dark');
2324
localStorage.setItem('theme', 'dark');
25+
themeToggleBtn.setAttribute('aria-label', 'Switch to light mode');
2426
}
2527
});
2628
});

‎styles.css‎

Lines changed: 10 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -455,8 +455,14 @@ body, .feature-card, .comparison-section, .comparison-table th, .comparison-tabl
455455
stroke: #ff6a00 !important;
456456
}
457457

458-
[data-theme="dark"] svg.inline-svg text,
459-
[data-theme="dark"] svg.inline-svg span {
458+
[data-theme="dark"] #my-svg.inline-svg text,
459+
[data-theme="dark"] #my-svg.inline-svg span,
460+
[data-theme="dark"] #my-svg.inline-svg p,
461+
[data-theme="dark"] #my-svg.inline-svg .nodeLabel p,
462+
[data-theme="dark"] #my-svg.inline-svg .mindmap-node p,
463+
[data-theme="dark"] #my-svg.inline-svg .node p,
464+
[data-theme="dark"] #my-svg.inline-svg .mindmap-node span,
465+
[data-theme="dark"] #my-svg.inline-svg .node span {
460466
fill: #e0e0e0 !important;
461467
color: #e0e0e0 !important;
462468
}
@@ -628,22 +634,6 @@ body, .feature-card, .comparison-section, .comparison-table th, .comparison-tabl
628634
[data-theme="dark"] #theme-toggle .light-icon { display: inline; }
629635
[data-theme="dark"] #theme-toggle .dark-icon { display: none; }
630636

631-
#theme-toggle::before {
632-
content: "Switch to dark mode";
633-
position: absolute;
634-
width: 1px;
635-
height: 1px;
636-
padding: 0;
637-
margin: -1px;
638-
overflow: hidden;
639-
clip: rect(0, 0, 0, 0);
640-
white-space: nowrap;
641-
border-width: 0;
642-
}
643-
[data-theme="dark"] #theme-toggle::before {
644-
content: "Switch to light mode";
645-
}
646-
647637
/* Refactored Utility & Component Classes */
648638
.text-inherit { color: inherit; }
649639
.no-underline { text-decoration: none; }
@@ -680,10 +670,10 @@ body, .feature-card, .comparison-section, .comparison-table th, .comparison-tabl
680670
.btn:hover {
681671
transform: translateY(-2px);
682672
}
683-
.btn-primary { background-color: var(--primary); color: white; padding: 14px 28px; box-shadow: 0 4px 6px rgba(255, 106, 0, 0.25); }
673+
.btn-primary { background-color: var(--primary); color: #1a1a1a; padding: 14px 28px; box-shadow: 0 4px 6px rgba(255, 106, 0, 0.25); }
684674
.btn-primary:hover { box-shadow: 0 6px 12px rgba(255, 106, 0, 0.35); }
685675
.btn-outline { background-color: transparent; color: var(--primary); border: 2px solid var(--primary); padding: 12px 26px; }
686-
.btn-demo { background-color: var(--primary); color: white; padding: 16px 32px; font-weight: 700; font-size: 1.25rem; box-shadow: 0 0 20px rgba(255, 106, 0, 0.4); }
676+
.btn-demo { background-color: var(--primary); color: #1a1a1a; padding: 16px 32px; font-weight: 700; font-size: 1.25rem; box-shadow: 0 0 20px rgba(255, 106, 0, 0.4); }
687677
.btn-demo:hover { box-shadow: 0 0 25px rgba(255, 106, 0, 0.6); transform: translateY(-2px); }
688678
.btn-icon { width: 24px; height: 24px; margin-inline-end: 12px; }
689679

0 commit comments

Comments
 (0)