1
- import CardModel from " ./card-model" ;
2
- import { Box , Flex , Grid , Image , Text , Link } from " theme-ui" ;
3
- import Buttons from " ./button" ;
1
+ import CardModel from ' ./card-model'
2
+ import { Box , Flex , Grid , Image , Text , Link } from ' theme-ui'
3
+ import Buttons from ' ./button'
4
4
5
5
/** @jsxImportSource theme-ui */
6
6
@@ -10,47 +10,52 @@ export default function Haunted() {
10
10
github_link = "https://github.com/hackclub/www-hauntedhouse"
11
11
color = "white"
12
12
sx = { {
13
- backgroundSize : " cover" ,
14
- backgroundColor : " #95C9E5" ,
15
- border : " 2px solid #EB6424" ,
13
+ backgroundSize : ' cover' ,
14
+ backgroundColor : ' #95C9E5' ,
15
+ border : ' 2px solid #EB6424'
16
16
} }
17
- position = { [ null , " bottom" , " bottom" ] }
17
+ position = { [ null , ' bottom' , ' bottom' ] }
18
18
highlight = "#cc5600"
19
19
image = "/haunted/bg.webp"
20
20
filter = "brightness(0.7)"
21
21
>
22
- < Grid columns = { [ 1 , 2 ] } sx = { { position : " relative" , zIndex : 2 } } >
22
+ < Grid columns = { [ 1 , 2 ] } sx = { { position : ' relative' , zIndex : 2 } } >
23
23
< Image
24
24
src = "/haunted/haunted-text.svg"
25
25
sx = { {
26
- width : [ " 200px" , " 250px" , " 300px" ] ,
27
- mt : [ " -10px" , " -20px" , " -20px" ] ,
28
- position : " relative" ,
26
+ width : [ ' 200px' , ' 250px' , ' 300px' ] ,
27
+ mt : [ ' -10px' , ' -20px' , ' -20px' ] ,
28
+ position : ' relative' ,
29
29
zIndex : 2 ,
30
- fontSize : [ " 36px" , 4 , 5 ] ,
31
- color : " white" ,
30
+ fontSize : [ ' 36px' , 4 , 5 ] ,
31
+ color : ' white'
32
32
} }
33
33
alt = "Haunted"
34
34
/>
35
35
< Box > </ Box >
36
36
37
-
38
37
< Text as = "p" variant = "subtitle" sx = { { color : 'white' } } >
39
- Haunted House is a Chicago-based event full of sites and frights! Join us from October 28-29
40
- for a weekend of coding pushing the bounds of creativity, where fright meets byte!
38
+ Haunted House is a Chicago-based event full of sites and frights! Join
39
+ us from October 28-29 for a weekend of coding pushing the bounds of
40
+ creativity, where fright meets byte!
41
41
</ Text >
42
42
< Flex
43
43
sx = { {
44
- flexDirection : " column" ,
44
+ flexDirection : ' column' ,
45
45
mt : [ 3 , 3 , 4 ] ,
46
- alignItems : " end" ,
47
- justifyContent : " flex-end" ,
46
+ alignItems : ' end' ,
47
+ justifyContent : ' flex-end'
48
48
} }
49
49
> </ Flex >
50
- < Buttons id = "14" link = "https://haunted.hackclub.com" icon = "welcome" primary = "#EB6424" >
51
- Sign Up
52
- </ Buttons >
50
+ < Buttons
51
+ id = "14"
52
+ link = "https://haunted.hackclub.com"
53
+ icon = "welcome"
54
+ primary = "#EB6424"
55
+ >
56
+ Sign Up
57
+ </ Buttons >
53
58
</ Grid >
54
59
</ CardModel >
55
- ) ;
60
+ )
56
61
}
0 commit comments