acid-info
/
free.technology
mirror of https://github.com/acid-info/free.technology.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

add new hero video

This commit is contained in:
amirhouieh 2024-01-09 13:34:03 +01:00 committed by Jinho Jang
parent 071f994fde
commit 18bb0d8c1b
6 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/right-side.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 MiB

BIN
public/videos/output.mp4 Normal file
View File

Binary file not shown.

BIN
public/videos/output.ogv Normal file
View File

Binary file not shown.

BIN
public/videos/output.webm Normal file
View File

Binary file not shown.

BIN
public/videos/poster.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

8
src/containers/Home/HeroAssetContainer.tsx
View File

@ -5,7 +5,11 @@ import React from 'react'
export const HeroAssetContainer: React.FC = () => {
return (
<Container>
<Image src="right-side.gif" alt="right-side" />
<Video autoPlay loop muted playsInline poster={'/videos/poster.jpeg'}>
<source src={'/videos/output.webm'} type={'video/webm'} />
<source src={'/videos/output.mp4'} type={'video/mp4'} />
<source src={'/videos/output.ogv'} type={'video/ogv'} />
</Video>
</Container>
)
}
@ -20,7 +24,7 @@ const Container = styled.div`
}
`
const Image = styled.img`
const Video = styled.video`
position: fixed;
top: ${uiConfigs.navbarHeight}px;
right: 0px;