Skip to content

Commit a955c5a

Browse files
apartsinclaude
apartsin
and
claude
committed
CSS migration: replace inline styles with shared book.css across 191 files
All HTML files now link to styles/book.css instead of embedding 200-450 line inline style blocks. Added .nav-footer CSS definition. Zero files retain inline styles. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
1 parent ab00081 commit a955c5a

192 files changed

Lines changed: 253 additions & 35902 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎appendices/appendix-a-mathematical-foundations/index.html‎

Lines changed: 1 addition & 383 deletions
Original file line numberDiff line numberDiff line change
@@ -4,389 +4,7 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>Appendix A: Mathematical Foundations for LLMs</title>
7-
<style>
8-
:root {
9-
--primary: #1a1a2e;
10-
--accent: #0f3460;
11-
--highlight: #e94560;
12-
--bg: #fafafa;
13-
--text: #2d3436;
14-
--text-light: #555;
15-
--code-bg: #1e1e2e;
16-
--code-text: #cdd6f4;
17-
--note-bg: #e8f4fd;
18-
--note-border: #3498db;
19-
--warn-bg: #fef9e7;
20-
--warn-border: #f39c12;
21-
--insight-bg: #f0e6ff;
22-
--insight-border: #8e44ad;
23-
--key-bg: #e8f5e9;
24-
--key-border: #27ae60;
25-
}
26-
27-
* { margin: 0; padding: 0; box-sizing: border-box; }
28-
29-
body {
30-
font-family: 'Georgia', 'Times New Roman', serif;
31-
background: var(--bg);
32-
color: var(--text);
33-
line-height: 1.85;
34-
font-size: 17px;
35-
}
36-
37-
.chapter-header {
38-
background: linear-gradient(135deg, var(--primary), var(--accent));
39-
color: white;
40-
padding: 4rem 2rem;
41-
text-align: center;
42-
}
43-
.chapter-header .chapter-label {
44-
font-family: 'Segoe UI', sans-serif;
45-
font-size: 0.85rem;
46-
text-transform: uppercase;
47-
letter-spacing: 3px;
48-
opacity: 0.7;
49-
margin-bottom: 0.5rem;
50-
}
51-
.chapter-header h1 {
52-
font-size: 2.5rem;
53-
font-weight: 700;
54-
margin-bottom: 1rem;
55-
line-height: 1.2;
56-
}
57-
.chapter-header .chapter-subtitle {
58-
font-size: 1.1rem;
59-
opacity: 0.85;
60-
max-width: 650px;
61-
margin: 0 auto;
62-
font-style: italic;
63-
}
64-
65-
.content {
66-
max-width: 820px;
67-
margin: 0 auto;
68-
padding: 3rem 2rem;
69-
}
70-
71-
h2 {
72-
font-size: 1.8rem;
73-
color: var(--primary);
74-
margin: 3rem 0 1.5rem;
75-
padding-bottom: 0.5rem;
76-
border-bottom: 3px solid var(--highlight);
77-
}
78-
h3 {
79-
font-size: 1.3rem;
80-
color: var(--accent);
81-
margin: 2rem 0 1rem;
82-
}
83-
h4 {
84-
font-size: 1.1rem;
85-
color: var(--text);
86-
margin: 1.5rem 0 0.8rem;
87-
font-style: italic;
88-
}
89-
90-
p { margin-bottom: 1.2rem; text-align: justify; hyphens: auto; }
91-
li { text-align: justify; hyphens: auto; }
92-
93-
h2 + p::first-letter {
94-
font-size: 3.2em;
95-
float: left;
96-
line-height: 0.8;
97-
margin-right: 0.08em;
98-
margin-top: 0.07em;
99-
color: var(--primary);
100-
font-weight: 700;
101-
}
102-
103-
.callout {
104-
padding: 1.2rem 1.5rem;
105-
border-radius: 8px;
106-
margin: 1.5rem 0;
107-
border-left: 4px solid;
108-
}
109-
.callout.big-picture { background: linear-gradient(135deg, #f3e5f5, #ede7f6); border-left-color: #7b1fa2; }
110-
.callout.big-picture .callout-title { color: #6a1b9a; }
111-
.callout.key-insight { background: linear-gradient(135deg, #e8f5e9, #f1f8e9); border-left-color: #388e3c; }
112-
.callout.key-insight .callout-title { color: #2e7d32; }
113-
.callout.warning { background: linear-gradient(135deg, #fff3e0, #fff8e1); border-left-color: #f57c00; }
114-
.callout.warning .callout-title { color: #e65100; }
115-
.callout.note { background: linear-gradient(135deg, #e3f2fd, #e1f5fe); border-left-color: #1976d2; }
116-
.callout.note .callout-title { color: #1565c0; }
117-
.callout.fun-note { background: linear-gradient(135deg, #fce4ec, #f3e5f5); border-left-color: #e91e63; }
118-
.callout.fun-note .callout-title { color: #c2185b; }
119-
.callout.practical-example { background: linear-gradient(135deg, #f5f5f5, #eeeeee); border-left-color: #616161; }
120-
.callout.practical-example .callout-title { color: #424242; }
121-
.callout.research-frontier { background: linear-gradient(135deg, #e0f2f1, #e0f7fa); border-left-color: #00897b; }
122-
.callout.research-frontier .callout-title { color: #00796b; }
123-
.callout-title { font-weight: 700; margin-bottom: 0.5rem; }
124-
125-
pre {
126-
background: var(--code-bg);
127-
color: var(--code-text);
128-
padding: 1.5rem;
129-
border-radius: 10px;
130-
overflow-x: auto;
131-
margin: 1.5rem 0;
132-
font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
133-
font-size: 0.88rem;
134-
line-height: 1.6;
135-
}
136-
code {
137-
font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
138-
font-size: 0.9em;
139-
}
140-
p code, li code {
141-
background: #f0f0f0;
142-
padding: 1px 6px;
143-
border-radius: 4px;
144-
color: var(--highlight);
145-
}
146-
147-
.kw { color: #cba6f7; }
148-
.fn { color: #89b4fa; }
149-
.st { color: #a6e3a1; }
150-
.cm { color: #6c7086; font-style: italic; }
151-
.nu { color: #fab387; }
152-
.op { color: #89dceb; }
153-
.va { color: #f5c2e7; }
154-
155-
.figure {
156-
margin: 2rem 0;
157-
text-align: center;
158-
}
159-
.figure img {
160-
max-width: 100%;
161-
border-radius: 10px;
162-
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
163-
}
164-
.figure figcaption {
165-
font-size: 0.9rem;
166-
color: var(--text-light);
167-
margin-top: 0.8rem;
168-
font-style: italic;
169-
}
170-
171-
table {
172-
width: 100%;
173-
border-collapse: collapse;
174-
margin: 1.5rem 0;
175-
font-size: 0.95rem;
176-
}
177-
th {
178-
background: var(--primary);
179-
color: white;
180-
padding: 10px 14px;
181-
text-align: left;
182-
font-family: 'Segoe UI', sans-serif;
183-
font-size: 0.85rem;
184-
text-transform: uppercase;
185-
letter-spacing: 0.5px;
186-
}
187-
td {
188-
padding: 10px 14px;
189-
border-bottom: 1px solid #e0e0e0;
190-
}
191-
tr:nth-child(even) { background: #f8f8f8; }
192-
193-
ul, ol { margin: 1rem 0 1.5rem 1.5rem; }
194-
li { margin-bottom: 0.4rem; }
195-
196-
blockquote {
197-
border-left: 4px solid var(--accent);
198-
margin: 1.5rem 0;
199-
padding: 1rem 1.5rem;
200-
background: #f4f4f8;
201-
font-style: italic;
202-
border-radius: 0 8px 8px 0;
203-
}
204-
blockquote cite {
205-
display: block;
206-
margin-top: 0.5rem;
207-
font-size: 0.9rem;
208-
color: var(--text-light);
209-
font-style: normal;
210-
}
211-
212-
.math {
213-
font-family: 'Cambria Math', 'Times New Roman', serif;
214-
font-style: italic;
215-
background: #f8f8f8;
216-
padding: 2px 6px;
217-
border-radius: 3px;
218-
}
219-
.math-block {
220-
text-align: center;
221-
font-family: 'Cambria Math', 'Times New Roman', serif;
222-
font-size: 1.1rem;
223-
margin: 1.5rem 0;
224-
padding: 1rem;
225-
background: #f8f8f8;
226-
border-radius: 8px;
227-
}
228-
229-
.section-break {
230-
text-align: center;
231-
margin: 3rem 0;
232-
color: var(--text-light);
233-
font-size: 1.5rem;
234-
letter-spacing: 1rem;
235-
}
236-
237-
.takeaways {
238-
background: linear-gradient(135deg, #e8f5e9, #f1f8e9);
239-
border: 2px solid var(--key-border);
240-
border-radius: 10px;
241-
padding: 2rem;
242-
margin: 3rem 0;
243-
}
244-
.takeaways h2 {
245-
border-bottom: none;
246-
margin-top: 0;
247-
color: var(--key-border);
248-
}
249-
250-
@media (max-width: 768px) {
251-
.content { padding: 1.5rem 1rem; }
252-
.chapter-header h1 { font-size: 1.8rem; }
253-
pre { font-size: 0.8rem; padding: 1rem; }
254-
}
255-
256-
.epigraph {
257-
max-width: 600px;
258-
margin: 2rem auto 2.5rem;
259-
padding: 1.2rem 1.5rem;
260-
border-left: 4px solid var(--highlight, #e94560);
261-
background: linear-gradient(135deg, rgba(233,69,96,0.04), rgba(15,52,96,0.04));
262-
border-radius: 0 8px 8px 0;
263-
font-style: italic;
264-
font-size: 1.05rem;
265-
line-height: 1.6;
266-
color: var(--text, #1a1a2e);
267-
}
268-
.epigraph p { margin: 0 0 0.5rem 0; }
269-
.epigraph cite {
270-
display: block;
271-
text-align: right;
272-
font-style: normal;
273-
font-size: 0.9rem;
274-
color: var(--highlight, #e94560);
275-
font-weight: 600;
276-
}
277-
.epigraph cite::before { content: "\2014\00a0"; }
278-
279-
.bibliography {
280-
margin-top: 3rem;
281-
padding: 2rem;
282-
background: linear-gradient(135deg, rgba(15, 52, 96, 0.04), rgba(233, 69, 96, 0.02));
283-
border-radius: 8px;
284-
border: 1px solid rgba(15, 52, 96, 0.1);
285-
}
286-
.bibliography-title {
287-
font-family: 'Segoe UI', sans-serif;
288-
font-weight: 700;
289-
font-size: 0.9rem;
290-
text-transform: uppercase;
291-
letter-spacing: 1px;
292-
color: var(--accent, #0f3460);
293-
margin-bottom: 1.2rem;
294-
padding-bottom: 0.5rem;
295-
border-bottom: 2px solid var(--highlight, #e94560);
296-
}
297-
.bib-category {
298-
font-family: 'Segoe UI', sans-serif;
299-
font-size: 0.85rem;
300-
font-weight: 600;
301-
color: var(--highlight, #e94560);
302-
text-transform: uppercase;
303-
letter-spacing: 0.5px;
304-
margin: 1.5rem 0 0.8rem;
305-
}
306-
.bib-entry-card {
307-
padding: 0.8rem 1rem;
308-
margin-bottom: 0.8rem;
309-
background: white;
310-
border-radius: 6px;
311-
border: 1px solid rgba(0, 0, 0, 0.06);
312-
transition: box-shadow 0.2s;
313-
}
314-
.bib-entry-card:hover {
315-
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
316-
}
317-
.bib-ref {
318-
font-size: 0.95rem;
319-
line-height: 1.5;
320-
margin: 0;
321-
}
322-
.bib-ref a {
323-
color: var(--accent, #0f3460);
324-
text-decoration: none;
325-
font-weight: 600;
326-
}
327-
.bib-ref a:hover {
328-
color: var(--highlight, #e94560);
329-
}
330-
.bib-annotation {
331-
font-size: 0.88rem;
332-
color: var(--text-light, #555);
333-
margin: 0.4rem 0 0;
334-
line-height: 1.5;
335-
}
336-
.bib-meta {
337-
display: inline-block;
338-
font-family: 'Segoe UI', sans-serif;
339-
font-size: 0.72rem;
340-
background: rgba(15, 52, 96, 0.08);
341-
color: var(--accent, #0f3460);
342-
padding: 0.15rem 0.5rem;
343-
border-radius: 3px;
344-
margin-top: 0.3rem;
345-
text-transform: uppercase;
346-
letter-spacing: 0.5px;
347-
}
348-
349-
.code-caption {
350-
font-family: 'Segoe UI', system-ui, sans-serif;
351-
font-size: 0.85rem;
352-
font-weight: 500;
353-
color: #555;
354-
text-align: center;
355-
margin-top: 0.3rem;
356-
margin-bottom: 1.8rem;
357-
padding: 0 1rem;
358-
line-height: 1.5;
359-
font-style: italic;
360-
}
361-
362-
.whats-next {
363-
max-width: 820px;
364-
background: linear-gradient(135deg, #e3f2fd, #e8eaf6);
365-
border: 1px solid #90caf9;
366-
border-radius: 10px;
367-
padding: 1.5rem 1.8rem;
368-
margin: 2rem 0;
369-
}
370-
.whats-next h2, .whats-next h3 {
371-
margin: 0 0 0.8rem 0;
372-
font-size: 1.1rem;
373-
color: var(--accent, #0f3460);
374-
}
375-
376-
@media (max-width: 1024px) {
377-
.content { max-width: 100%; padding: 2rem 1.5rem; }
378-
svg { max-width: 100%; height: auto; }
379-
}
380-
381-
@media (max-width: 480px) {
382-
.content { padding: 1rem 0.8rem; }
383-
.chapter-header { padding: 2rem 1rem; }
384-
.chapter-header h1 { font-size: 1.5rem; }
385-
.epigraph { max-width: 100%; margin: 1rem auto; padding: 0.8rem 1rem; font-size: 0.95rem; }
386-
pre { font-size: 0.75rem; padding: 0.8rem; }
387-
table { font-size: 0.82rem; display: block; overflow-x: auto; }
388-
}
389-
</style>
7+
<link rel="stylesheet" href="../../styles/book.css">
3908
</head>
3919
<body>
39210
<div class="chapter-header">

0 commit comments

Comments
 (0)