@@ -44,38 +44,38 @@ export const LogosMarquee = () => {
44
44
45
45
return (
46
46
< div className = "absolute top-0 left-0 w-full h-full opacity-30 pointer-events-none" >
47
- { Object . entries ( manifest . providersOAuth )
48
- . sort ( ( ) => Math . random ( ) - 0.5 )
49
- . filter ( ( _ , i ) => i < logoCount ! )
50
- . map ( ( [ key , name ] ) => (
51
- < motion . div
52
- initial = { { x : `${ randomFloat ( - 20 , 10 ) } %` , offsetDistance : "0%" } }
53
- animate = { { x : "100vw" , offsetDistance : "100%" } }
54
- transition = { {
55
- delay : randomFloat ( - 10 , 2 ) ,
56
- duration : randomFloat ( 30 , 40 ) ,
57
- ease : "linear" ,
58
- repeat : Infinity ,
59
- repeatType : "loop" ,
60
- } }
61
- style = { {
62
- offsetPath : "M43.25.25a43,43,0,1,1-43,43,43,43,0,0,1,43-43" ,
63
- width : ( scale ?? 60 ) * randomFloat ( 0.8 , 1.2 ) ,
64
- } }
65
- key = { `company-${ key } ` }
66
- //initDeg={randomIntFromInterval(0, 360)}
67
- //direction={Math.random() > 0.5 ? "clockwise" : "counterclockwise"}
68
- //velocity={10}
69
- >
70
- < motion . img
71
- src = { `/img/providers/${ key } .svg` }
72
- className = "opacity-40 grayscale dark:invert"
73
- width = { logoSize }
74
- height = { logoSize }
75
- alt = { `${ name } logo` }
76
- />
77
- </ motion . div >
78
- ) ) }
47
+ { Object . entries ( manifest . providersOAuth )
48
+ . sort ( ( ) => Math . random ( ) - 0.5 )
49
+ . filter ( ( _ , i ) => i < logoCount ! )
50
+ . map ( ( [ key , name ] ) => (
51
+ < motion . div
52
+ initial = { { x : `${ randomFloat ( - 20 , 10 ) } %` , offsetDistance : "0%" } }
53
+ animate = { { x : "100vw" , offsetDistance : "100%" } }
54
+ transition = { {
55
+ delay : randomFloat ( - 10 , 2 ) ,
56
+ duration : randomFloat ( 30 , 40 ) ,
57
+ ease : "linear" ,
58
+ repeat : Infinity ,
59
+ repeatType : "loop" ,
60
+ } }
61
+ style = { {
62
+ offsetPath : "M43.25.25a43,43,0,1,1-43,43,43,43,0,0,1,43-43" ,
63
+ width : ( scale ?? 60 ) * randomFloat ( 0.8 , 1.2 ) ,
64
+ } }
65
+ key = { `company-${ key } ` }
66
+ //initDeg={randomIntFromInterval(0, 360)}
67
+ //direction={Math.random() > 0.5 ? "clockwise" : "counterclockwise"}
68
+ //velocity={10}
69
+ >
70
+ < motion . img
71
+ src = { `/img/providers/${ key } .svg` }
72
+ className = "opacity-40 grayscale dark:invert"
73
+ width = { logoSize }
74
+ height = { logoSize }
75
+ alt = { `${ name } logo` }
76
+ />
77
+ </ motion . div >
78
+ ) ) }
79
79
</ div >
80
80
)
81
81
}
0 commit comments