Revert "Change snow package" This reverts commit 85c01bb74c.

package.json

@@ -39,11 +39,11 @@
     "react-masonry-css": "^1.0.16",
     "react-reveal": "^1.2.2",
     "react-scrolllock": "^5.0.1",
-    "react-snowfall": "^1.2.1",
     "react-ticker": "^1.3.2",
     "react-tsparticles": "^2.5.3",
     "react-use-websocket": "3.0.0",
     "recharts": "2.1.12",
+    "resnow": "^1.0.0",
     "styled-components": "^5.3.6",
     "swr": "^1.3.0",
     "theme-ui": "^0.14",

pages/santa.js

@@ -13,11 +13,11 @@ import {
   Link
 } from 'theme-ui'
 import styled from '@emotion/styled'
+import Snow from 'resnow'
 import Footer from '../components/footer'
 import FadeIn from '../components/fade-in'
 import { keyframes } from '@emotion/react'
 import { useState } from 'react'
-import Snowfall from 'react-snowfall'
 
 const Hero = styled(Box)`
   background-image: linear-gradient(
@@ -76,7 +76,7 @@ const Page = () => (
     />
     <Nav />
     <Hero py={4}>
-      <Snowfall />
+      <Snow style={{ width: '100vw' }} />
       <Container px={3} py={[3, 4]}>
         <Heading
           sx={{ py: [3, 5], fontSize: [4, 5], color: 'white', opacity: 0.8 }}

pages/winter.js

@@ -1,83 +0,0 @@
-import Head from 'next/head'
-import Meta from '@hackclub/meta'
-import Nav from '../components/nav'
-import {
-  Box,
-  Container,
-  Heading,
-  Button,
-  Text,
-  Image,
-  Input,
-  Label,
-  Link,
-  Flex
-} from 'theme-ui'
-import Footer from '../components/footer'
-import FadeIn from '../components/fade-in'
-import { useState } from 'react'
-import ForceTheme from '../components/force-theme'
-import RealTimeline from '../components/winter/timeline'
-import InfoGrid from '../components/winter/info'
-import Breakdown from '../components/winter/breakdown'
-import Projects from '../components/winter/projects'
-import Landing from '../components/winter/landing'
-import Recap from '../components/winter/recap'
-
-export default function Winter() {
-  return (
-    <>
-      <Box as="main" sx={{ bg: 'blue' }}>
-        <Meta
-          as={Head}
-          title="Winter Hardware Wonderland"
-          description="Join the Hack Club community for a winter of hardware hacking, and get a $250 grant to build your project."
-          image="/winter/og-image.png" // TODO: add og image
-        />
-        <Nav light />
-        <ForceTheme theme="light" />
-        <Landing />
-        <Breakdown />
-        <Projects />
-        <InfoGrid />
-
-        {/* Timeline */}
-
-        <Flex
-          sx={{
-            flexDirection: ['column', null, 'row'],
-            justifyContent: 'center',
-            alignItems: 'center'
-          }}
-        >
-          <Box sx={{ display: 'flex', flexDirection: ['row', null, 'column'] }}>
-            <Heading
-              variant="title"
-              sx={{
-                color: 'white',
-                textTransform: 'uppercase',
-                transform: ['none', null, 'rotate(-90deg)'],
-                textShadow: '0px 0px 21px #E1F1FF'
-              }}
-            >
-              Timeline
-            </Heading>
-            <Image
-              src="https://cloud-lbajgdi3a-hack-club-bot.vercel.app/0fox_1.png"
-              alt="Illustrated orange fox sleeping in a curled position"
-              sx={{
-                width: ['100px', null, '80%'],
-                pt: [null, null, 6],
-                ml: [2, null, null]
-              }}
-            />
-          </Box>
-          <RealTimeline />
-        </Flex>
-
-        <Recap />
-        <Footer />
-      </Box>
-    </>
-  )
-}

yarn.lock

@@ -3755,11 +3755,6 @@ react-dom@^17.0.2:
     object-assign "^4.1.1"
     scheduler "^0.20.2"
 
-react-fast-compare@^3.2.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.0.tgz#641a9da81b6a6320f270e89724fb45a0b39e43bb"
-  integrity sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA==
-
 react-is@^16.10.2, react-is@^16.13.1, react-is@^16.7.0, react-is@^16.8.1:
   version "16.13.1"
   resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
@@ -3809,13 +3804,6 @@ react-smooth@^2.0.1:
     fast-equals "^2.0.0"
     react-transition-group "2.9.0"
 
-react-snowfall@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/react-snowfall/-/react-snowfall-1.2.1.tgz#68cab6a1d05aa7c3211bce96a3a97977ca7dc57f"
-  integrity sha512-d2UR3nDq3F0DJGaTfJ0QNbBo76UZHtT9wHFj+ePxAl4FgSxWBhxB/Bjn06f5iDBwhgwiZ7CZmv3lwfNvjo6a+w==
-  dependencies:
-    react-fast-compare "^3.2.0"
-
 react-ticker@^1.3.2:
   version "1.3.2"
   resolved "https://registry.npmjs.org/react-ticker/-/react-ticker-1.3.2.tgz"
@@ -3982,6 +3970,11 @@ request@2.88.0:
     tunnel-agent "^0.6.0"
     uuid "^3.3.2"
 
+resnow@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/resnow/-/resnow-1.0.0.tgz"
+  integrity sha512-lsqv4IQcFdfkS0cFMzyLAMSn0PF0PKGa6r3PXYtgBBpIthtKHWA3hEXaTiE9ZwJ7wujZKliCQAiVaBADBd/yFg==
+
 resolve-from@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz"