ReshmiCode · SaloniSS · May 31, 2020 · May 31, 2020 · May 31, 2020 · May 31, 2020
diff --git a/website/.firebase/hosting.YnVpbGQ.cache b/website/.firebase/hosting.YnVpbGQ.cache
@@ -0,0 +1,19 @@
+asset-manifest.json,1590918291891,19e33c462602f2c56f9746f1fa0eda469c738078d036f474ae05014adcea4050
+index.html,1590918291891,394cdcfc29f27d1b607497d7153cbe0c1462b29024f1ba8ff65eb0df8dc1481d
+favicon.ico,1590918285028,a08fa4488c3ecef62d9effd03b3a989929bdcbecf5e905941f9034a15bd3dba3
+precache-manifest.82f2d18a2ef5ad00257ac8e04ac19097.js,1590918291891,7e4904fadae0c825657c689b37ccce26191e8a57e709607e9940afc032d2f4c1
+logo192.png,1590918285029,caff018b7f1e8fd481eb1c50d75b0ef236bcd5078b1d15c8bb348453fee30293
+manifest.json,1590918285030,341d52628782f8ac9290bbfc43298afccb47b7cbfcee146ae30cf0f46bc30900
+service-worker.js,1590918291891,e254ec1263537513cdb16a86deeaa1b1a867b57d436fb72823f718efeea52978
+robots.txt,1590918285031,391d14b3c2f8c9143a27a28c7399585142228d4d1bdbe2c87ac946de411fa9a2
+static/css/main.5f361e03.chunk.css,1590918291892,26f63cbd305dee0938a571297979412133c617131502dd537b087a8f85fe24ec
+logo512.png,1590918285030,191fc21360b4ccfb1cda11a1efb97f489ed22672ca83f4064316802bbfdd750e
+static/css/main.5f361e03.chunk.css.map,1590918291893,c4765569ad99b9b74db97a058a3c9b5068c9f8d7904b4a63857f5a65a560abed
+static/js/main.2367d99c.chunk.js,1590918291892,0ecf84138cb2bd40e8cf79d9e09c2c3734fb185b3a4855b42b3d156e19259d68
+static/js/2.c2fa3d69.chunk.js.LICENSE.txt,1590918291893,c81fc59355bbb15e39bbf67990f01acc497d5f9c99cd2e8d192d6c868ca3d79f
+static/js/runtime-main.009173a0.js,1590918291893,18a033fb795186b7117b75b1ae826a8c6f5a0953584c716f4662b4f35adb19d1
+static/js/main.2367d99c.chunk.js.map,1590918291892,80916f45687c5bcc1ac4530bfabc88e62c2dd090d0e7b27d484f18fea8a96e7a
+static/js/runtime-main.009173a0.js.map,1590918291892,1fd3f309685c855293513b0db1d8126b870ce7d35a0ab1c736e4bd3cc6c6a45c
+static/media/logo.5d5d9eef.svg,1590918291892,45e3776da5a899185aa64ba11c8a59406f29a2de1d14efd166c59ff758019c9a
+static/js/2.c2fa3d69.chunk.js,1590918291893,95baea968e60650adcb1a0ebb6d943b208baf049a8d829a35a786f69ff26f220
+static/js/2.c2fa3d69.chunk.js.map,1590918291893,916ed9709a47bd45fbf827f6ce97beb6c51d5141ae393b9b7914a79528e7ffb0
diff --git a/website/.firebaserc b/website/.firebaserc
@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "recycle-bun"
+  }
+}
diff --git a/website/firebase.json b/website/firebase.json
@@ -0,0 +1,16 @@
+{
+  "hosting": {
+    "public": "build",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
+}
diff --git a/website/package-lock.json b/website/package-lock.json
diff --git a/website/package.json b/website/package.json
@@ -3,6 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@material-ui/core": "^4.10.0",
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",

diff --git a/website/public/index.html b/website/public/index.html
@@ -7,7 +7,7 @@
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
-      content="Web site created using create-react-app"
+      content="Recycle or be recycled"
     />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
@@ -24,7 +24,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>Recycle Bun</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/website/src/App.css b/website/src/App.css
@@ -3,7 +3,7 @@
 }
 
 .App-logo {
-  height: 40vmin;
+  height: 30vmin;
   pointer-events: none;
 }
 
@@ -14,18 +14,27 @@
 }
 
 .App-header {
-  background-color: #282c34;
+  background-color: lightblue;
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   font-size: calc(10px + 2vmin);
-  color: white;
+  color: blue;
+  padding-left: 5rem;
+  padding-right: 5rem;
 }
 
-.App-link {
-  color: #61dafb;
+.button {
+  margin-left: 100px;
+}
+
+.button-area {
+  padding-top: 5px;
+  padding-bottom: 5px;
+  align-items: center;
+  justify-content: center;
 }
 
 @keyframes App-logo-spin {
@@ -35,4 +44,4 @@
   to {
     transform: rotate(360deg);
   }
-}
+}
diff --git a/website/src/App.js b/website/src/App.js
@@ -1,26 +1,70 @@
-import React from 'react';
-import logo from './logo.svg';
-import './App.css';
+import React from "react";
+import "./App.css";
+import { Button } from "@material-ui/core";
 
 function App() {
   return (
     <div className="App">
       <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
+        <h1>Recycle Bun... Recycle Or Be Recycled</h1>
         <p>
-          Edit <code>src/App.js</code> and save to reload.
+          When dealing with your used items, knowing what’s recyclable and what isn’t is often a challenge. 
+          Different materials might need to be sorted and recycled separately. 
+          Trash placed in recycling bins decreases the efficiency of recycling centers, 
+          damages equipment, and can contaminate actual recyclables. 
+          Recycle Bun is a fun game that encourages recycling and reminds players of proper recycling procedures.
         </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
+        <iframe
+          width="840"
+          height="473"
+          src="https://www.youtube.com/embed/r2eyxjckIYY"
+          frameborder="0"
+          allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+          allowfullscreen
+          title="Demo Video"
+        ></iframe>
+        <p>
+          Recycle Bun is a “bullet dodge” or “barrage” game, 
+          where the player controls a responsible bunny who is trying to properly recycle different items. 
+          Ingame, items approach the player character, some recyclable and some not. 
+          The player must avoid the trash and pick up the recyclable items. 
+          The player must also switch between the appropriate bins (paper, plastic, or glass) when picking up recyclables.
+        </p>
+        <div className="button-area">
+          <Button className="button" variant="contained">
+            <a href="https://chrome.google.com/webstore/detail/money-money-money/ehdcenmhmjlkmlnmlglncndglmoglojd" target="_blank" rel="noopener noreferrer">
+              Try It
+            </a>
+          </Button>
+        </div>
+        <div className="button-area">
+          <Button className="button" variant="contained">
+            <a href="https://devpost.com/software/recycle-bun" target="_blank" rel="noopener noreferrer">
+              More Info
+            </a>
+          </Button>
+        </div>
+        <div className="button-area">
+          <Button className="button" variant="contained">
+            <a href="https://github.com/ReshmiCode/RookieHacks" target="_blank" rel="noopener noreferrer">
+              Source Code
+            </a>
+          </Button>
+        </div>
+        <p>
+          Made with 💖 by Megan Tran, Reshmi Ranjith, Saloni Shivdasani, and
+          Vincent Vu
+        </p>
+        <div className="button-area">
+          <Button className="button" variant="contained">
+            <a href="mailto:hackathon.dream.team.utd@gmail.com" target="_blank" rel="noopener noreferrer">
+              Contact the Developers
+            </a>
+          </Button>
+        </div>
       </header>
     </div>
   );
 }
 
-export default App;
+export default App;