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 />
<p className={styles.title}>
You feel a calming tranquility. <br />
You feel a calming tranquility... <br />
<span className={styles.subtitle}>
You&apos;re filled with determination...
You&apos;re filled with determination.
</span>
</p>
<Link href='https://github.com/Walidoux'>
<a className={styles['redirect-link']}>
<a className={styles['redirect-link']} target='_blank'>
<GitHub />
<span className={styles.text}>Walidoux&apos;s Github</span>
</a>
</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>
)
}

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.