My personal website, in gleam+lustre!
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

unused imported module

+80 -78
+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