My personal website, in gleam+lustre!
unused imported module
+80
-78
+80
-78
src/homepage/stuff/prestyled_elements.gleam
+80
-78
src/homepage/stuff/prestyled_elements.gleam
···
1
-
import gleam/list
2
1
import homepage/stuff.{type Msg, type Route}
3
2
import lustre/attribute.{attribute}
4
3
import lustre/element.{type Element}
···
74
73
75
74
pub fn codeforges_links() -> Element(Msg) {
76
75
[
77
-
html.div([attribute.class("flex flex-wrap justify-center gap-4")], [
78
-
html.a(
79
-
[
80
-
attribute.class(
81
-
"flex items-center justify-center gap-3 p-4 w-28 md:w-64 bg-black disabled-bg-[#ff6f91] text-white hover:bg-[#ff4f78] rounded-xl shadow-lg transition-all border-[#ff6f91] border-2 border-solid",
82
-
),
83
-
attribute.target("_blank"),
84
-
attribute.href("https://tangled.org/strawmelonjuice.com/"),
85
-
],
86
-
[
87
-
html.img([
88
-
attribute.class("h-10"),
89
-
attribute.aria_labelledby("TangledLinkText"),
90
-
attribute.src("/svg/dolly.svg"),
91
-
attribute.alt("Dolly"),
92
-
]),
93
-
html.span(
94
-
[
95
-
attribute.class("font-bold text-xl hidden md:inline"),
96
-
attribute.id("TangledLinkText"),
97
-
],
98
-
[
99
-
html.text("tangled"),
100
-
],
101
-
),
102
-
],
103
-
),
104
-
html.a(
105
-
[
106
-
attribute.class(
107
-
"flex items-center justify-center p-4 w-28 md:w-64 bg-white disabled-bg-[#ff6f91] hover:bg-[#ff4f78] rounded-xl shadow-lg transition-all border-[#ff6f91] border-2 border-solid",
108
-
),
109
-
attribute.target("_blank"),
110
-
attribute.href("https://github.com/strawmelonjuice"),
111
-
],
112
-
[
113
-
html.img([
114
-
attribute.class("w-full max-h-10 p-1 rounded-sm"),
115
-
attribute.alt("GitHub"),
116
-
attribute.src("/svg/GitHub_Lockup_Black.svg"),
117
-
]),
118
-
],
119
-
),
120
-
html.a(
121
-
[
122
-
attribute.class(
123
-
"flex items-center justify-center p-4 w-28 md:w-64 bg-white hover:bg-[#ff4f78] rounded-xl shadow-lg transition-all border-[#ff6f91] border-2 border-solid",
124
-
),
125
-
attribute.target("_blank"),
126
-
attribute.href("https://codeberg.org/strawmelonjuice"),
127
-
],
128
-
[
129
-
html.img([
130
-
attribute.class("w-full max-h-10 p-1 rounded-sm"),
131
-
attribute.src(
132
-
"https://codeberg.org/Codeberg/Design/raw/branch/main/logo/horizontal/svg/codeberg-logo_horizontal_blue.svg",
76
+
html.div(
77
+
[attribute.class("flex flex-wrap justify-center gap-4")],
78
+
[
79
+
html.a(
80
+
[
81
+
attribute.class(
82
+
"flex items-center justify-center gap-3 p-4 w-28 md:w-64 bg-black disabled-bg-[#ff6f91] text-white hover:bg-[#ff4f78] rounded-xl shadow-lg transition-all border-[#ff6f91] border-2 border-solid",
133
83
),
134
-
attribute.alt("Codeberg"),
135
-
]),
136
-
],
137
-
),
138
-
html.a(
139
-
[
140
-
attribute.class(
141
-
"flex items-center justify-center p-2 w-28 md:w-64 bg-white hover:bg-[#ff4f78] rounded-xl shadow-lg transition-all border-[#ff6f91] border-2 border-solid",
142
-
),
143
-
attribute.target("_blank"),
144
-
attribute.href("https://forge.strawmelonjuice.com/strawmelonjuice"),
145
-
],
146
-
[
147
-
html.img([
148
-
attribute.class("w-full max-h-10 p-1 rounded-sm"),
149
-
attribute.src("https://forgejo.org/images/forgejo-wordmark.svg"),
150
-
attribute.alt("Forgejo"),
151
-
]),
152
-
],
153
-
),
154
-
]// |> list.shuffle,
84
+
attribute.target("_blank"),
85
+
attribute.href("https://tangled.org/strawmelonjuice.com/"),
86
+
],
87
+
[
88
+
html.img([
89
+
attribute.class("h-10"),
90
+
attribute.aria_labelledby("TangledLinkText"),
91
+
attribute.src("/svg/dolly.svg"),
92
+
attribute.alt("Dolly"),
93
+
]),
94
+
html.span(
95
+
[
96
+
attribute.class("font-bold text-xl hidden md:inline"),
97
+
attribute.id("TangledLinkText"),
98
+
],
99
+
[
100
+
html.text("tangled"),
101
+
],
102
+
),
103
+
],
104
+
),
105
+
html.a(
106
+
[
107
+
attribute.class(
108
+
"flex items-center justify-center p-4 w-28 md:w-64 bg-white disabled-bg-[#ff6f91] hover:bg-[#ff4f78] rounded-xl shadow-lg transition-all border-[#ff6f91] border-2 border-solid",
109
+
),
110
+
attribute.target("_blank"),
111
+
attribute.href("https://github.com/strawmelonjuice"),
112
+
],
113
+
[
114
+
html.img([
115
+
attribute.class("w-full max-h-10 p-1 rounded-sm"),
116
+
attribute.alt("GitHub"),
117
+
attribute.src("/svg/GitHub_Lockup_Black.svg"),
118
+
]),
119
+
],
120
+
),
121
+
html.a(
122
+
[
123
+
attribute.class(
124
+
"flex items-center justify-center p-4 w-28 md:w-64 bg-white hover:bg-[#ff4f78] rounded-xl shadow-lg transition-all border-[#ff6f91] border-2 border-solid",
125
+
),
126
+
attribute.target("_blank"),
127
+
attribute.href("https://codeberg.org/strawmelonjuice"),
128
+
],
129
+
[
130
+
html.img([
131
+
attribute.class("w-full max-h-10 p-1 rounded-sm"),
132
+
attribute.src(
133
+
"https://codeberg.org/Codeberg/Design/raw/branch/main/logo/horizontal/svg/codeberg-logo_horizontal_blue.svg",
134
+
),
135
+
attribute.alt("Codeberg"),
136
+
]),
137
+
],
138
+
),
139
+
html.a(
140
+
[
141
+
attribute.class(
142
+
"flex items-center justify-center p-2 w-28 md:w-64 bg-white hover:bg-[#ff4f78] rounded-xl shadow-lg transition-all border-[#ff6f91] border-2 border-solid",
143
+
),
144
+
attribute.target("_blank"),
145
+
attribute.href("https://forge.strawmelonjuice.com/strawmelonjuice"),
146
+
],
147
+
[
148
+
html.img([
149
+
attribute.class("w-full max-h-10 p-1 rounded-sm"),
150
+
attribute.src("https://forgejo.org/images/forgejo-wordmark.svg"),
151
+
attribute.alt("Forgejo"),
152
+
]),
153
+
],
154
+
),
155
+
],
156
+
// |> list.shuffle,
155
157
),
156
158
]
157
159
|> element.fragment