Walidoux/next-app-boilerplate
Walidoux/next-app-boilerplate
Template
1
1
Fork 0
Code Issues Pull Requests Actions Releases Activity

fix(pages): remove heavy video background

Browse Source
This commit is contained in:
Walid 2022-04-18 18:17:31 +00:00
parent 16312d177d
commit e2f7ddeca9
No known key found for this signature in database
GPG Key ID: 4BDA1ABD227F9279
4 changed files with 3 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
pages/index.tsx
View File

@ -12,22 +12,17 @@ const Home: NextPage = () => {
<Head /> <Head />
<p className={styles.title}> <p className={styles.title}>
You feel a calming tranquility. <br /> You feel a calming tranquility... <br />
<span className={styles.subtitle}> <span className={styles.subtitle}>
You&apos;re filled with determination... You&apos;re filled with determination.
</span> </span>
</p> </p>
<Link href='https://github.com/Walidoux'> <Link href='https://github.com/Walidoux'>
<a className={styles['redirect-link']}> <a className={styles['redirect-link']} target='_blank'>
<GitHub /> <GitHub />
<span className={styles.text}>Walidoux&apos;s Github</span> <span className={styles.text}>Walidoux&apos;s Github</span>
</a> </a>
</Link> </Link>
<video autoPlay loop muted playsInline className={styles.video}>
<source src='/videos/Background.m4v' type='video/mp4; codecs=hvc1' />
<source src='/videos/Background.webm' type='video/webm; codecs=vp9' />
</video>
</main> </main>
) )
} }

BIN
public/images/Background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 614 KiB

BIN
public/videos/Background.m4v
View File

Binary file not shown.

BIN
public/videos/Background.webm
View File

Binary file not shown.