my page
ollie.earth
add carbon badge and a bunnch of styles to make it fit in
+87
-19
+32
-19
src/page.gleam
+32
-19
src/page.gleam
···
8
8
import gleam/list
9
9
import gleam/option.{None, Some}
10
10
import gleam/time/timestamp
11
-
import lustre/attribute
11
+
import lustre/attribute.{attribute}
12
12
import lustre/element.{type Element}
13
13
import lustre/element/html
14
14
import page/svgs
···
199
199
),
200
200
201
201
html.footer([attribute.class("footer text-light")], [
202
-
element.text("Made with "),
203
-
html.a([attribute.href("https://gleam.run")], [
204
-
element.text("gleam"),
205
-
]),
206
-
element.text(" using "),
207
-
html.a([attribute.href("https://blogat.to")], [
208
-
element.text("blogatto"),
209
-
]),
210
-
element.text(", "),
211
-
html.a([attribute.href("https://oat.ink")], [
212
-
element.text("oat ui"),
202
+
html.p([], [
203
+
element.text("Made with "),
204
+
html.a([attribute.href("https://gleam.run")], [
205
+
element.text("gleam"),
206
+
]),
207
+
element.text(" using "),
208
+
html.a([attribute.href("https://blogat.to")], [
209
+
element.text("blogatto"),
210
+
]),
211
+
element.text(", "),
212
+
html.a([attribute.href("https://oat.ink")], [
213
+
element.text("oat ui"),
214
+
]),
215
+
216
+
element.text(" and "),
217
+
html.a(
218
+
[
219
+
attribute.href(
220
+
"https://github.com/daniellionel01/glaze/tree/main/glaze_oat",
221
+
),
222
+
],
223
+
[
224
+
element.text("glaze_oat"),
225
+
],
226
+
),
213
227
]),
214
228
215
-
element.text(" and "),
216
-
html.a(
229
+
html.div([attribute.class("carbonbadge"), attribute.id("wcb")], []),
230
+
html.script(
217
231
[
218
-
attribute.href(
219
-
"https://github.com/daniellionel01/glaze/tree/main/glaze_oat",
232
+
attribute("defer", ""),
233
+
attribute.src(
234
+
"https://unpkg.com/website-carbon-badges@1.1.3/b.min.js",
220
235
),
221
236
],
222
-
[
223
-
element.text("glaze_oat"),
224
-
],
237
+
"",
225
238
),
226
239
]),
227
240
]),
+55
static/style.css
+55
static/style.css
···
56
56
.text-light {
57
57
color: var(--muted-foreground);
58
58
}
59
+
60
+
/* websitecarbon.com overrides */
61
+
62
+
#wcb.carbonbadge{
63
+
font-size: inherit !important;
64
+
text-align: inherit !important;
65
+
color: inherit !important;
66
+
line-height: inherit !important;
67
+
}
68
+
69
+
#wcb.carbonbadge sub{
70
+
vertical-align: inherit !important;
71
+
position: inherit !important;
72
+
top: inherit !important;
73
+
font-size: inherit !important;
74
+
}
75
+
76
+
#wcb #wcb_2,#wcb #wcb_a,#wcb #wcb_g{
77
+
display:initial !important;
78
+
justify-content:inherit !important;
79
+
align-items:inherit !important;
80
+
text-align:inherit !important;
81
+
font-size:inherit !important;
82
+
line-height:inherit !important;
83
+
font-family:inherit !important;
84
+
text-decoration:inherit !important;
85
+
margin:inherit !important;
86
+
}
87
+
#wcb #wcb_a,#wcb #wcb_g{
88
+
padding:0 0.3em 0 0 !important;
89
+
border:initial !important;
90
+
}
91
+
#wcb #wcb_g{
92
+
border-radius:initial !important;
93
+
background:inherit !important;
94
+
border-right:initial !important;
95
+
min-width:initial !important
96
+
}
97
+
#wcb #wcb_a{
98
+
border-radius:initial !important;
99
+
border-left:initial !important;
100
+
background:inherit !important;
101
+
color: var(--primary) !important;
102
+
font-weight:inherit !important;
103
+
border-color:initial !important;
104
+
text-decoration: underline !important;
105
+
}
106
+
#wcb.wcb-d #wcb_a{
107
+
color:inherit !important;
108
+
background:inherit !important;
109
+
border-color:inherit !important
110
+
}
111
+
#wcb.wcb-d #wcb_2{
112
+
color:inherit !important;
113
+
}