brandon/uiowaATR
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

add footstep pattern

Browse Source
This commit is contained in:
Brandon Egger 2023-04-17 18:23:27 -05:00
parent b36a5aa18a
commit 0ae9903eee
2 changed files with 28 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/backdrops/foot-steps.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 182 KiB

9
src/pages/about.tsx
View File

@ -69,7 +69,13 @@ const About: NextPage = () => {
</div>
</div>
<div className="w-full">
<div className="mx-auto max-w-7xl sm:p-8">
<div style={{
backgroundImage: `url("/backdrops/foot-steps.png")`,
}} className="mx-auto max-w-7xl">
<div style={{
WebkitBackdropFilter: `blur(2px)`,
backdropFilter: `blur(2px)`,
}} className="sm:p-8">
{/** Small screens */}
<div className="sm:hidden w-full bg-neutral-900 p-4 border-b-2 border-yellow-400">
<h1 className="text-white text-4xl font-bold text-center">
@ -93,6 +99,7 @@ const About: NextPage = () => {
</div>
</div>
</div>
</div>
</main>
<Footer />
</>