From 1c882e6f397b6844f0a8056b9d98b9e9e577c678 Mon Sep 17 00:00:00 2001
From: Rei <rei@reiyua.lol>
Date: Thu, 28 Dec 2023 02:34:52 +0000
Subject: [PATCH] Change website background colour to make it look pleasing to
 the eyes

---
 src/App.js | 136 ++++++++++++++++++++++++++---------------------------
 1 file changed, 67 insertions(+), 69 deletions(-)

diff --git a/src/App.js b/src/App.js
index 264f09e..32063fd 100644
--- a/src/App.js
+++ b/src/App.js
@@ -26,8 +26,6 @@ import './App.css'
 
 import { FSContext } from ".//contexts/FSContext.js"
 
-
-
 // declare variables
 
 export function MyForm(props) {
@@ -60,74 +58,74 @@ export function MyForm(props) {
 
   // Create form for user to imput data
   return (
-    <Form onSubmit={submitHandler}>
-      <Form.Group>
-        <Form.Label style={{ fontSize: '40px' }}>Ray Ray's Word Bingo</Form.Label>
-        <Col sm={2}></Col>
-        <Col sm={8}>
-          <Form.Label style={{ fontSize: '30px' }}>Enter submitter name:</Form.Label>
-          <Form.Control
-            name="submitter"
-            type="text"
-            placeholder="Name"
-            value={submitter}
-            onChange={(e) => setSubmitter(e.target.value)}
-          />
-          <Form.Label style={{ fontSize: '30px' }}>Enter the date the shennanigans occurred (dd-mm-yyyy):</Form.Label>
-          <Form.Control
-            name="date"
-            type="text"
-            placeholder="Date"
-            value={date}
-            onChange={(e) => setDate(e.target.value)}
-          />
-          <Form.Label style={{ fontSize: '30px' }}>Enter context for this tamper tantrum:</Form.Label>
-          <Form.Control
-            type="text"
-            name="context"
-            placeholder="Enter context here"
-            value={context}
-            onChange={(e) => setContext(e.target.value)}
-          />
-          <Form.Label
-            name="selectedoptions"
-            style={{ fontSize: '30px' }}>Select the words used by Ray during his little tamper tantrum:
-          </Form.Label>
-          <Form.Check
-            type="checkbox"
-            label="poop"
-            value="poop"
-            checked={selectedOptions.includes('poop')}
-            onChange={handleCheckboxChange}
-          />
-          <Form.Check
-            type="checkbox"
-            label="snot"
-            value="snot"
-            checked={selectedOptions.includes('snot')}
-            onChange={handleCheckboxChange}
-          />
-          <Form.Check
-            type="checkbox"
-            label="brain"
-            value="brain"
-            checked={selectedOptions.includes('brain')}
-            onChange={handleCheckboxChange}
-          />
-          <Form.Check
-            type="checkbox"
-            label="fart"
-            value="fart"
-            checked={selectedOptions.includes('fart')}
-            onChange={handleCheckboxChange}
-          />
+    <div style={{ backgroundColor: '#FBC40E' }}>
+      <Form onSubmit={submitHandler}>
+        <Form.Group>
+          <Form.Label style={{ fontSize: '40px' }}>Ray Ray's Word Bingo</Form.Label>
+          <Col sm={2}></Col>
+          <Col sm={8}>
+            <Form.Label style={{ fontSize: '30px' }}>Enter submitter name:</Form.Label>
+            <Form.Control
+              name="submitter"
+              type="text"
+              placeholder="Name"
+              value={submitter}
+              onChange={(e) => setSubmitter(e.target.value)}
+            />
+            <Form.Label style={{ fontSize: '30px' }}>Enter the date the shennanigans occurred (dd-mm-yyyy):</Form.Label>
+            <Form.Control
+              name="date"
+              type="text"
+              placeholder="Date"
+              value={date}
+              onChange={(e) => setDate(e.target.value)}
+            />
+            <Form.Label style={{ fontSize: '30px' }}>Enter context for this tamper tantrum:</Form.Label>
+            <Form.Control
+              type="text"
+              name="context"
+              placeholder="Enter context here"
+              value={context}
+              onChange={(e) => setContext(e.target.value)}
+            />
+            <Form.Label
+              name="selectedoptions"
+              style={{ fontSize: '30px' }}>Select the words used by Ray during his little tamper tantrum:
+            </Form.Label>
+            <Form.Check
+              type="checkbox"
+              label="poop"
+              value="poop"
+              checked={selectedOptions.includes('poop')}
+              onChange={handleCheckboxChange}
+            />
+            <Form.Check
+              type="checkbox"
+              label="snot"
+              value="snot"
+              checked={selectedOptions.includes('snot')}
+              onChange={handleCheckboxChange}
+            />
+            <Form.Check
+              type="checkbox"
+              label="brain"
+              value="brain"
+              checked={selectedOptions.includes('brain')}
+              onChange={handleCheckboxChange}
+            />
+            <Form.Check
+              type="checkbox"
+              label="fart"
+              value="fart"
+              checked={selectedOptions.includes('fart')}
+              onChange={handleCheckboxChange}
+            />
 
-          <Button type="submit">Submit</Button>
-        </Col>
-      </Form.Group>
-    </Form>
-    // Create a button to submit the form data to Firebase
+            <Button type="submit">Submit</Button>
+          </Col>
+        </Form.Group>
+      </Form>
+    </div>
   );
 }
 export default MyForm;
-