@@ -18,18 +18,23 @@ const sponsors = computed(() => {
18
18
</script >
19
19
20
20
<template >
21
- <a class =" vite-event" href =" https://lu.ma/vite" target =" _blank" >
22
- <img width =" 22" height =" 22" src =" /logo.svg" />
21
+ <a
22
+ class =" viteconf"
23
+ href =" https://viteconf.org/23/replay?utm=vite-sidebar"
24
+ target =" _blank"
25
+ >
26
+ <img width =" 22" height =" 22" src =" /viteconf.svg" />
23
27
<span >
24
- <p class =" extra-info" >May 9th, 2024</p >
25
- <p class =" heading" >Vite Meetup SF</p >
28
+ <p class =" extra-info" >Beyond Fast</p >
29
+ <p class =" heading" >ViteConf 2023</p >
30
+ <p class =" extra-info" >Watch the replay!</p >
26
31
</span >
27
32
</a >
28
33
<VPDocAsideSponsors v-if =" data" :data =" sponsors" />
29
34
</template >
30
35
31
36
<style >
32
- .vite-event {
37
+ .viteconf {
33
38
margin-top : 1rem ;
34
39
margin-bottom : 1rem ;
35
40
border-radius : 14px ;
@@ -48,26 +53,35 @@ const sponsors = computed(() => {
48
53
border : 2px solid var (--vp-c-bg-alt );
49
54
transition : border-color 0.5s ;
50
55
}
51
- .vite-event :hover {
56
+ .viteconf :hover {
52
57
border : 2px solid var (--vp-c-brand-light );
53
58
}
54
- .vite-event img {
59
+ .viteconf img {
55
60
transition : transform 0.5s ;
56
61
transform : scale (1.25 );
57
62
}
58
- .vite-event :hover img {
63
+ .viteconf :hover img {
59
64
transform : scale (1.75 );
60
65
}
61
- .vite-event .heading {
62
- background-image : var (--vp-home-hero-name-background );
66
+ .viteconf .heading {
67
+ background-image : linear-gradient (
68
+ 120deg ,
69
+ #b047ff 16% ,
70
+ var (--vp-c-brand-lighter ),
71
+ var (--vp-c-brand-lighter )
72
+ );
63
73
background-clip : text ;
64
74
-webkit-background-clip : text ;
65
75
-webkit-text-fill-color : transparent ;
66
76
}
67
- .vite-event .extra-info {
77
+ .viteconf .extra-info {
68
78
color : var (--vp-c-text-1 );
79
+ opacity : 0 ;
69
80
font-size : 0.7rem ;
70
81
padding-left : 0.1rem ;
71
82
transition : opacity 0.5s ;
72
83
}
84
+ .viteconf :hover .extra-info {
85
+ opacity : 0.9 ;
86
+ }
73
87
</style >
0 commit comments