-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdefault.html
More file actions
72 lines (68 loc) · 3.19 KB
/
Copy pathdefault.html
File metadata and controls
72 lines (68 loc) · 3.19 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
---
---
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{{ page.title }}</title>
<meta name="description" content="{{ page.description }}" />
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
brand: {
50: '#f0f9ff',
100: '#e0f2fe',
400: '#38bdf8',
500: '#0ea5e9',
600: '#0284c7',
900: '#0c4a6e',
}
},
fontFamily: {
mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'monospace'],
}
}
}
}
</script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
body { font-family: 'Inter', sans-serif; }
.gradient-text {
background: linear-gradient(135deg, #38bdf8, #818cf8);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.pillar-card:hover { transform: translateY(-4px); }
.prose-custom h2 { font-size: 1.5rem; font-weight: 700; color: #f1f5f9; margin-top: 2.5rem; margin-bottom: 1rem; }
.prose-custom h3 { font-size: 1.125rem; font-weight: 600; color: #e2e8f0; margin-top: 2rem; margin-bottom: 0.75rem; }
.prose-custom p { color: #94a3b8; line-height: 1.8; margin-bottom: 1.25rem; }
.prose-custom a { color: #38bdf8; text-decoration: underline; }
.prose-custom a:hover { color: #7dd3fc; }
.prose-custom ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1.25rem; }
.prose-custom ul li { color: #94a3b8; line-height: 1.8; margin-bottom: 0.25rem; }
.prose-custom ol { list-style: decimal; padding-left: 1.5rem; margin-bottom: 1.25rem; }
.prose-custom ol li { color: #94a3b8; line-height: 1.8; margin-bottom: 0.25rem; }
.prose-custom blockquote { border-left: 3px solid #38bdf8; padding-left: 1.25rem; margin: 1.5rem 0; }
.prose-custom blockquote p { color: #cbd5e1; font-style: italic; }
.prose-custom code { font-family: ui-monospace, monospace; background: #1e293b; color: #38bdf8; padding: 0.15rem 0.4rem; border-radius: 0.25rem; font-size: 0.875rem; }
.prose-custom pre { background: #0f172a; border: 1px solid #1e293b; border-radius: 0.75rem; padding: 1.5rem; overflow-x: auto; margin: 1.5rem 0; }
.prose-custom pre code { background: transparent; padding: 0; color: #94a3b8; font-size: 0.875rem; }
.prose-custom strong { color: #e2e8f0; font-weight: 600; }
.prose-custom hr { border-color: #1e293b; margin: 2.5rem 0; }
.prose-custom table { width: 100%; border-collapse: collapse; margin-bottom: 1.5rem; font-size: 0.875rem; }
.prose-custom th { text-align: left; color: #e2e8f0; font-weight: 600; padding: 0.5rem 0.75rem; border-bottom: 1px solid #1e293b; }
.prose-custom td { color: #94a3b8; padding: 0.5rem 0.75rem; border-bottom: 1px solid #0f172a; }
</style>
</head>
<body class="bg-slate-950 text-slate-100 antialiased">
{% include nav.html %}
{{ content }}
{% include footer.html %}
</body>
</html>