Bank Apply Page has random backgrounds (#686)

Page has random backgrounds
This commit is contained in:
Ella 2023-01-23 16:58:50 -05:00 committed by GitHub
parent f13551d0d5
commit 17ac2eedfb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 18 additions and 2 deletions

View file

@ -32,6 +32,7 @@
"cursor-effects": "^1.0.8",
"devtools-detect": "^4.0.1",
"form-data": "^4.0.0",
"geopattern": "^1.2.3",
"globby": "^11.0.4",
"graphql": "^16.6.0",
"lodash": "^4.17.21",

View file

@ -3,15 +3,18 @@ import { Box, Container, Card } from 'theme-ui'
import ForceTheme from '../../components/force-theme'
import Head from 'next/head'
import Meta from '@hackclub/meta'
import GeoPattern from 'geopattern'
import { useEffect } from 'react'
export default function Apply() {
const bg = GeoPattern.generate(new Date()).toDataUrl()
return (
<>
<Meta as={Head} title="Apply for Hack Club Bank" />
<Box
sx={{
backgroundImage:
'linear-gradient(to bottom,rgba(0, 0, 0, .3),rgba(0, 0, 0, 0.45) 25%,rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.7) 100%), url("https://cloud-knk7z9mq5-hack-club-bot.vercel.app/0geo-pattern__2_.svg")',
backgroundImage: bg,
py: 4,
backgroundAttachment: 'fixed'
}}

View file

@ -2299,6 +2299,11 @@ extend@^3.0.0, extend@~3.0.2:
resolved "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz"
integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
extend@~1.2.1:
version "1.2.1"
resolved "https://registry.yarnpkg.com/extend/-/extend-1.2.1.tgz#a0f5fd6cfc83a5fe49ef698d60ec8a624dd4576c"
integrity sha512-2/JwIYRpMBDSjbQjUUppNSrmc719crhFaWIdT+TRSVA8gE+6HEobQWqJ6VkPt/H8twS7h/0WWs7veh8wmp98Ng==
extsprintf@1.3.0:
version "1.3.0"
resolved "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz"
@ -2463,6 +2468,13 @@ gensync@^1.0.0-beta.1:
resolved "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz"
integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
geopattern@^1.2.3:
version "1.2.3"
resolved "https://registry.yarnpkg.com/geopattern/-/geopattern-1.2.3.tgz#de96602e46dba9095ca5774bfb3b36308f7e63fe"
integrity sha512-UzrR9D0xUrXx71ROZTKbTg1isWdcfcYAXsJrqtvhDkQV2JCsRyqws6TuqUdkBKncg5CPevb0vyXXUJrZpjGFXw==
dependencies:
extend "~1.2.1"
get-intrinsic@^1.0.2, get-intrinsic@^1.1.0, get-intrinsic@^1.1.1:
version "1.1.1"
resolved "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.1.tgz"