+10
config/main.css
+10
config/main.css
+25
-4
config/tailwind.config.js
+25
-4
config/tailwind.config.js
···
1
1
/** @type {import('tailwindcss').Config} */
2
2
module.exports = {
3
3
content: [
4
-
"./**/*.{html,templ}"
4
+
"./html/**/*.templ",
5
5
],
6
6
theme: {
7
-
extend: {},
7
+
extend: {
8
+
fontFamily: {
9
+
sans: "Recursive, sans-serif",
10
+
mono: "Recursive, monospace",
11
+
},
12
+
colors: {
13
+
base: "#191724",
14
+
surface: "#1f1d2e",
15
+
overlay: "#26233a",
16
+
muted: "#6e6a86",
17
+
subtle: "#908caa",
18
+
text: "#e0def4",
19
+
love: "#eb6f92",
20
+
gold: "#f6c177",
21
+
rose: "#ebbcba",
22
+
pine: "#31748f",
23
+
foam: "#9ccfd8",
24
+
iris: "#c4a7e7",
25
+
highlightLow: "#21202e",
26
+
highlightMed: "#403d52",
27
+
highlightHigh: "#524f67",
28
+
},
29
+
},
8
30
},
9
31
plugins: [],
10
-
}
11
-
32
+
};
+5
-1
html/layouts/default.templ
+5
-1
html/layouts/default.templ
···
15
15
<html>
16
16
<head>
17
17
<title>Micropub and IndieAuth Server Demo</title>
18
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
19
+
<link rel="preconnect" href="https://fonts.googleapis.com" />
20
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
21
+
<link href="https://fonts.googleapis.com/css2?family=Recursive:slnt,wght,CASL,CRSV,MONO@-15..0,300..1000,0..1,0..1,0..1&display=swap" rel="stylesheet">
18
22
19
23
for _, rel := range rels {
20
24
<link rel={ rel.Name } href={ rel.HREF } />
···
22
26
23
27
<link rel="stylesheet" href="/static/styles.css" />
24
28
</head>
25
-
<body>
29
+
<body class="text-text bg-surface">
26
30
@body
27
31
</body>
28
32
</html>
+4
-4
html/layouts/default_templ.go
+4
-4
html/layouts/default_templ.go
···
36
36
templ_7745c5c3_Var1 = templ.NopComponent
37
37
}
38
38
ctx = templ.ClearChildren(ctx)
39
-
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!doctype html><html><head><title>Micropub and IndieAuth Server Demo</title>")
39
+
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!doctype html><html><head><title>Micropub and IndieAuth Server Demo</title><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"><link rel=\"preconnect\" href=\"https://fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin><link href=\"https://fonts.googleapis.com/css2?family=Recursive:slnt,wght,CASL,CRSV,MONO@-15..0,300..1000,0..1,0..1,0..1&display=swap\" rel=\"stylesheet\">")
40
40
if templ_7745c5c3_Err != nil {
41
41
return templ_7745c5c3_Err
42
42
}
···
48
48
var templ_7745c5c3_Var2 string
49
49
templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.JoinStringErrs(rel.Name)
50
50
if templ_7745c5c3_Err != nil {
51
-
return templ.Error{Err: templ_7745c5c3_Err, FileName: `html/layouts/default.templ`, Line: 20, Col: 28}
51
+
return templ.Error{Err: templ_7745c5c3_Err, FileName: `html/layouts/default.templ`, Line: 24, Col: 28}
52
52
}
53
53
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var2))
54
54
if templ_7745c5c3_Err != nil {
···
61
61
var templ_7745c5c3_Var3 string
62
62
templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(rel.HREF)
63
63
if templ_7745c5c3_Err != nil {
64
-
return templ.Error{Err: templ_7745c5c3_Err, FileName: `html/layouts/default.templ`, Line: 20, Col: 46}
64
+
return templ.Error{Err: templ_7745c5c3_Err, FileName: `html/layouts/default.templ`, Line: 24, Col: 46}
65
65
}
66
66
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
67
67
if templ_7745c5c3_Err != nil {
···
72
72
return templ_7745c5c3_Err
73
73
}
74
74
}
75
-
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<link rel=\"stylesheet\" href=\"/static/styles.css\"></head><body>")
75
+
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<link rel=\"stylesheet\" href=\"/static/styles.css\"></head><body class=\"text-text bg-surface\">")
76
76
if templ_7745c5c3_Err != nil {
77
77
return templ_7745c5c3_Err
78
78
}
+1
-1
main.go
+1
-1
main.go
···
1
1
package main
2
2
3
3
//go:generate templ generate
4
-
//go:generate deno run --allow-all npm:tailwindcss -o static/styles.css -c config/tailwind.config.js --minify
4
+
//go:generate deno run --allow-all npm:tailwindcss -i config/main.css -o static/styles.css -c config/tailwind.config.js --minify
5
5
6
6
import (
7
7
"os"