Skip to content

Commit 907aa51

Browse files
ryderstormryderstorm
committed
refactor(docs): extract embedded fonts to dedicated stylesheet
Extract font-face declarations from HTML files into a dedicated fonts.css stylesheet to reduce duplication and improve maintainability. Update HTML files to link the external stylesheet. Also includes minor style adjustments and configuration improvements. - Create docs/assets/css/fonts.css with all @font-face declarations - Remove embedded font definitions from 7 HTML files - Update width properties to use full width instead of max-width - Add exclusion for large files in pre-commit hooks - Minor documentation and naming consistency updates
1 parent 1e08b78 commit 907aa51

File tree

12 files changed

+161
-893
lines changed

12 files changed

+161
-893
lines changed

‎.github/workflows/ci.yml‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,12 +8,16 @@ on:
88
paths-ignore:
99
- "CHANGELOG.md"
1010
pull_request:
11+
paths-ignore:
12+
- "CHANGELOG.md"
1113
workflow_dispatch:
1214

1315
jobs:
1416
lint:
1517
name: Run Linting
1618
runs-on: ubuntu-latest
19+
permissions:
20+
contents: read
1721
steps:
1822
- name: Checkout repository
1923
uses: actions/checkout@v4

‎.pre-commit-config.yaml‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ repos:
99
- id: check-yaml
1010
- id: check-toml
1111
- id: check-added-large-files
12+
exclude: ^docs/references/
1213
- id: end-of-file-fixer
1314
- id: trailing-whitespace
1415

‎CONTRIBUTING.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# Contributing to Spec Driven Development (SDD) Workflow
1+
# Contributing to Spec-Driven Development (SDD) Workflow
22

33
Thanks for your interest in contributing! This guide explains how to set up your environment, follow our style and commit conventions, run linters, and submit pull requests.
44

@@ -58,7 +58,7 @@ pre-commit run --all-files
5858
This will:
5959

6060
- Check YAML syntax
61-
- Fix markdown formatting issues
61+
- Fix Markdown formatting issues
6262
- Validate commit message format (on commit)
6363

6464
## Branching and Commit Conventions

‎docs/assets/css/fonts.css‎

Lines changed: 145 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,145 @@
1+
/* Embedded DM Sans fonts - generated by embed-fonts.py */
2+
3+
@font-face {
4+
font-family: 'DM Sans';
5+
src: url('../fonts/dm-sans-100-italic.ttf') format('truetype');
6+
font-weight: 100;
7+
font-style: italic;
8+
font-display: swap;
9+
}
10+
11+
@font-face {
12+
font-family: 'DM Sans';
13+
src: url('../fonts/dm-sans-200-italic.ttf') format('truetype');
14+
font-weight: 200;
15+
font-style: italic;
16+
font-display: swap;
17+
}
18+
19+
@font-face {
20+
font-family: 'DM Sans';
21+
src: url('../fonts/dm-sans-300-italic.ttf') format('truetype');
22+
font-weight: 300;
23+
font-style: italic;
24+
font-display: swap;
25+
}
26+
27+
@font-face {
28+
font-family: 'DM Sans';
29+
src: url('../fonts/dm-sans-400-italic.ttf') format('truetype');
30+
font-weight: 400;
31+
font-style: italic;
32+
font-display: swap;
33+
}
34+
35+
@font-face {
36+
font-family: 'DM Sans';
37+
src: url('../fonts/dm-sans-500-italic.ttf') format('truetype');
38+
font-weight: 500;
39+
font-style: italic;
40+
font-display: swap;
41+
}
42+
43+
@font-face {
44+
font-family: 'DM Sans';
45+
src: url('../fonts/dm-sans-600-italic.ttf') format('truetype');
46+
font-weight: 600;
47+
font-style: italic;
48+
font-display: swap;
49+
}
50+
51+
@font-face {
52+
font-family: 'DM Sans';
53+
src: url('../fonts/dm-sans-700-italic.ttf') format('truetype');
54+
font-weight: 700;
55+
font-style: italic;
56+
font-display: swap;
57+
}
58+
59+
@font-face {
60+
font-family: 'DM Sans';
61+
src: url('../fonts/dm-sans-800-italic.ttf') format('truetype');
62+
font-weight: 800;
63+
font-style: italic;
64+
font-display: swap;
65+
}
66+
67+
@font-face {
68+
font-family: 'DM Sans';
69+
src: url('../fonts/dm-sans-900-italic.ttf') format('truetype');
70+
font-weight: 900;
71+
font-style: italic;
72+
font-display: swap;
73+
}
74+
75+
@font-face {
76+
font-family: 'DM Sans';
77+
src: url('../fonts/dm-sans-100-regular.ttf') format('truetype');
78+
font-weight: 100;
79+
font-style: normal;
80+
font-display: swap;
81+
}
82+
83+
@font-face {
84+
font-family: 'DM Sans';
85+
src: url('../fonts/dm-sans-200-regular.ttf') format('truetype');
86+
font-weight: 200;
87+
font-style: normal;
88+
font-display: swap;
89+
}
90+
91+
@font-face {
92+
font-family: 'DM Sans';
93+
src: url('../fonts/dm-sans-300-regular.ttf') format('truetype');
94+
font-weight: 300;
95+
font-style: normal;
96+
font-display: swap;
97+
}
98+
99+
@font-face {
100+
font-family: 'DM Sans';
101+
src: url('../fonts/dm-sans-400-regular.ttf') format('truetype');
102+
font-weight: 400;
103+
font-style: normal;
104+
font-display: swap;
105+
}
106+
107+
@font-face {
108+
font-family: 'DM Sans';
109+
src: url('../fonts/dm-sans-500-regular.ttf') format('truetype');
110+
font-weight: 500;
111+
font-style: normal;
112+
font-display: swap;
113+
}
114+
115+
@font-face {
116+
font-family: 'DM Sans';
117+
src: url('../fonts/dm-sans-600-regular.ttf') format('truetype');
118+
font-weight: 600;
119+
font-style: normal;
120+
font-display: swap;
121+
}
122+
123+
@font-face {
124+
font-family: 'DM Sans';
125+
src: url('../fonts/dm-sans-700-regular.ttf') format('truetype');
126+
font-weight: 700;
127+
font-style: normal;
128+
font-display: swap;
129+
}
130+
131+
@font-face {
132+
font-family: 'DM Sans';
133+
src: url('../fonts/dm-sans-800-regular.ttf') format('truetype');
134+
font-weight: 800;
135+
font-style: normal;
136+
font-display: swap;
137+
}
138+
139+
@font-face {
140+
font-family: 'DM Sans';
141+
src: url('../fonts/dm-sans-900-regular.ttf') format('truetype');
142+
font-weight: 900;
143+
font-style: normal;
144+
font-display: swap;
145+
}

‎docs/assets/css/styles.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -200,7 +200,7 @@ nav {
200200
margin-top: -1rem;
201201
margin-bottom: 2rem;
202202
font-weight: 400;
203-
max-width: 900px;
203+
width: 100%;
204204
}
205205

206206
.hero-divider {
@@ -212,7 +212,7 @@ nav {
212212
}
213213

214214
.hero-content {
215-
max-width: 900px;
215+
width: 100%;
216216
margin-bottom: 2rem;
217217
}
218218

‎docs/common-questions.html‎

Lines changed: 1 addition & 147 deletions
Original file line numberDiff line numberDiff line change
@@ -7,153 +7,7 @@
77
<title>Common Questions - Spec-Driven Development</title>
88
<link rel="icon" type="image/svg+xml" href="assets/images/favicon.svg">
99
<link rel="stylesheet" href="assets/css/styles.css">
10-
<style>
11-
/* Embedded DM Sans fonts - generated by embed-fonts.py */
12-
13-
@font-face {
14-
font-family: 'DM Sans';
15-
src: url('assets/fonts/dm-sans-100-italic.ttf') format('truetype');
16-
font-weight: 100;
17-
font-style: italic;
18-
font-display: swap;
19-
}
20-
21-
@font-face {
22-
font-family: 'DM Sans';
23-
src: url('assets/fonts/dm-sans-200-italic.ttf') format('truetype');
24-
font-weight: 200;
25-
font-style: italic;
26-
font-display: swap;
27-
}
28-
29-
@font-face {
30-
font-family: 'DM Sans';
31-
src: url('assets/fonts/dm-sans-300-italic.ttf') format('truetype');
32-
font-weight: 300;
33-
font-style: italic;
34-
font-display: swap;
35-
}
36-
37-
@font-face {
38-
font-family: 'DM Sans';
39-
src: url('assets/fonts/dm-sans-400-italic.ttf') format('truetype');
40-
font-weight: 400;
41-
font-style: italic;
42-
font-display: swap;
43-
}
44-
45-
@font-face {
46-
font-family: 'DM Sans';
47-
src: url('assets/fonts/dm-sans-500-italic.ttf') format('truetype');
48-
font-weight: 500;
49-
font-style: italic;
50-
font-display: swap;
51-
}
52-
53-
@font-face {
54-
font-family: 'DM Sans';
55-
src: url('assets/fonts/dm-sans-600-italic.ttf') format('truetype');
56-
font-weight: 600;
57-
font-style: italic;
58-
font-display: swap;
59-
}
60-
61-
@font-face {
62-
font-family: 'DM Sans';
63-
src: url('assets/fonts/dm-sans-700-italic.ttf') format('truetype');
64-
font-weight: 700;
65-
font-style: italic;
66-
font-display: swap;
67-
}
68-
69-
@font-face {
70-
font-family: 'DM Sans';
71-
src: url('assets/fonts/dm-sans-800-italic.ttf') format('truetype');
72-
font-weight: 800;
73-
font-style: italic;
74-
font-display: swap;
75-
}
76-
77-
@font-face {
78-
font-family: 'DM Sans';
79-
src: url('assets/fonts/dm-sans-900-italic.ttf') format('truetype');
80-
font-weight: 900;
81-
font-style: italic;
82-
font-display: swap;
83-
}
84-
85-
@font-face {
86-
font-family: 'DM Sans';
87-
src: url('assets/fonts/dm-sans-100-regular.ttf') format('truetype');
88-
font-weight: 100;
89-
font-style: normal;
90-
font-display: swap;
91-
}
92-
93-
@font-face {
94-
font-family: 'DM Sans';
95-
src: url('assets/fonts/dm-sans-200-regular.ttf') format('truetype');
96-
font-weight: 200;
97-
font-style: normal;
98-
font-display: swap;
99-
}
100-
101-
@font-face {
102-
font-family: 'DM Sans';
103-
src: url('assets/fonts/dm-sans-300-regular.ttf') format('truetype');
104-
font-weight: 300;
105-
font-style: normal;
106-
font-display: swap;
107-
}
108-
109-
@font-face {
110-
font-family: 'DM Sans';
111-
src: url('assets/fonts/dm-sans-400-regular.ttf') format('truetype');
112-
font-weight: 400;
113-
font-style: normal;
114-
font-display: swap;
115-
}
116-
117-
@font-face {
118-
font-family: 'DM Sans';
119-
src: url('assets/fonts/dm-sans-500-regular.ttf') format('truetype');
120-
font-weight: 500;
121-
font-style: normal;
122-
font-display: swap;
123-
}
124-
125-
@font-face {
126-
font-family: 'DM Sans';
127-
src: url('assets/fonts/dm-sans-600-regular.ttf') format('truetype');
128-
font-weight: 600;
129-
font-style: normal;
130-
font-display: swap;
131-
}
132-
133-
@font-face {
134-
font-family: 'DM Sans';
135-
src: url('assets/fonts/dm-sans-700-regular.ttf') format('truetype');
136-
font-weight: 700;
137-
font-style: normal;
138-
font-display: swap;
139-
}
140-
141-
@font-face {
142-
font-family: 'DM Sans';
143-
src: url('assets/fonts/dm-sans-800-regular.ttf') format('truetype');
144-
font-weight: 800;
145-
font-style: normal;
146-
font-display: swap;
147-
}
148-
149-
@font-face {
150-
font-family: 'DM Sans';
151-
src: url('assets/fonts/dm-sans-900-regular.ttf') format('truetype');
152-
font-weight: 900;
153-
font-style: normal;
154-
font-display: swap;
155-
}
156-
</style>
10+
<link rel="stylesheet" href="assets/css/fonts.css">
15711

15812

15913

0 commit comments

Comments
 (0)