File tree Expand file tree Collapse file tree 5 files changed +43
-0
lines changed
app/(pages)/hackers/_components/Welcome Expand file tree Collapse file tree 5 files changed +43
-0
lines changed Original file line number Diff line number Diff line change @@ -13,6 +13,7 @@ $pad-size: 16px;
13
13
display : flex ;
14
14
flex-direction : row ;
15
15
justify-content : center ;
16
+ position : relative ;
16
17
17
18
& _title {
18
19
margin-top : 58px ;
@@ -49,4 +50,23 @@ $pad-size: 16px;
49
50
margin-left : - $pad-size ;
50
51
transform : translateY (10% );
51
52
}
53
+ }
54
+
55
+ .top_blurb {
56
+ position : absolute ;
57
+ right : 0 ;
58
+ top : 0 ;
59
+ }
60
+
61
+ .top_left_blurb {
62
+ position : absolute ;
63
+ left : 0 ;
64
+ top : 0 ;
65
+ }
66
+
67
+ .bottom_blurb {
68
+ position : absolute ;
69
+ right : 0 ;
70
+ bottom : 0 ;
71
+ opacity : 0.3 ;
52
72
}
Original file line number Diff line number Diff line change @@ -5,11 +5,25 @@ import judge_cow from '/public/hackers/judge_cow.svg';
5
5
import judge_wig from '/public/hackers/judge_wig.svg' ;
6
6
import judge_gavel from '/public/hackers/judge_gavel.svg' ;
7
7
import judge_sparkles from '/public/hackers/judge_sparkles.svg' ;
8
+ import bg_bottom from '/public/hackers/bg_bottom.svg' ;
9
+ import bg_top from '/public/hackers/bg_top.svg' ;
10
+ import bg_topleft from '/public/hackers/bg_topleft.svg' ;
8
11
9
12
export default function Welcome ( ) {
10
13
return (
11
14
< div className = { styles . welcome } >
12
15
< div className = { styles . container } >
16
+ < Image
17
+ src = { bg_bottom }
18
+ alt = "bottom blurb"
19
+ className = { styles . bottom_blurb }
20
+ />
21
+ < Image src = { bg_top } alt = "top blurb" className = { styles . top_blurb } />
22
+ < Image
23
+ src = { bg_topleft }
24
+ alt = "top left blurb"
25
+ className = { styles . top_left_blurb }
26
+ />
13
27
< div className = { styles . container_title } >
14
28
< h2 > Welcome to HackDavis,</ h2 >
15
29
< h1 > Hackers!</ h1 >
You can’t perform that action at this time.
0 commit comments