chore: added logo and extra readme cosmetics

.gitignore

@@ -1,3 +1,5 @@
+.vscode
+
 # Django #
 *.log
 *.pot
@@ -139,4 +141,4 @@ GitHub.sublime-settings
 #NextJS
 .next/
 node_modules/
-.DS_Store
+.DS_Store

client/src/app/index.css

@@ -0,0 +1,131 @@
+@import url("https://fonts.googleapis.com/css2?family=Comfortaa&family=Ubuntu&display=swap");
+
+body {
+  overflow-x: hidden;
+  overflow-style: none;
+}
+.logo {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100vw;
+  height: 100vh;
+  background: #e61919;
+  animation: color 30s linear infinite;
+  user-select: none;
+  position: absolute;
+  z-index: 3;
+}
+.menu {
+  position: fixed;
+  z-index: 2;
+  width: 100vw;
+  height: 50px;
+  background: rgba(0, 0, 0, 0.85);
+  color: #ccc;
+  text-align: center;
+  line-height: 50px;
+  font: 300 32px Comfortaa;
+}
+a {
+  padding: 5px 10px;
+  border: 1px solid;
+  border-radius: 30px;
+  font-family: Comfortaa;
+  color: #f39;
+  transition: background 0.3s;
+}
+a:hover {
+  background: #f39;
+  color: #fff;
+  border: 0;
+}
+.logo {
+  font: 300 150px Comfortaa;
+  color: #fff;
+  cursor: default;
+}
+.hint {
+  position: fixed;
+  z-index: 4;
+  bottom: 10vh;
+  width: 100vw;
+  text-align: center;
+  color: rgba(255, 255, 255, 0.6);
+  font: 300 30px Comfortaa;
+}
+.content {
+  padding: 30px;
+  position: relative;
+  top: 20vh;
+  height: 200vh;
+  font: 16px Ubuntu;
+}
+@-moz-keyframes color {
+  0% {
+    background: #e61919;
+  }
+  25% {
+    background: #80e619;
+  }
+  50% {
+    background: #19e5e6;
+  }
+  75% {
+    background: #7f19e6;
+  }
+  100% {
+    background: #e61919;
+  }
+}
+@-webkit-keyframes color {
+  0% {
+    background: #e61919;
+  }
+  25% {
+    background: #80e619;
+  }
+  50% {
+    background: #19e5e6;
+  }
+  75% {
+    background: #7f19e6;
+  }
+  100% {
+    background: #e61919;
+  }
+}
+@-o-keyframes color {
+  0% {
+    background: #e61919;
+  }
+  25% {
+    background: #80e619;
+  }
+  50% {
+    background: #19e5e6;
+  }
+  75% {
+    background: #7f19e6;
+  }
+  100% {
+    background: #e61919;
+  }
+}
+@keyframes color {
+  0% {
+    background: #e61919;
+  }
+  25% {
+    background: #80e619;
+  }
+  50% {
+    background: #19e5e6;
+  }
+  75% {
+    background: #7f19e6;
+  }
+  100% {
+    background: #e61919;
+  }
+}

client/src/pages/_app.js

@@ -1,9 +1,7 @@
 import "../app/globals.css";
-import { AuthProvider } from "../common/lib/firebase/authContext";
+import "../app/index.css";
+
+// import { AuthProvider } from "../common/lib/firebase/authContext";
 export default function MyApp({ Component, pageProps }) {
-  return (
+  return <Component {...pageProps} />;
-    <AuthProvider>
-      <Component {...pageProps} />
-    </AuthProvider>
-  );
 }

client/src/pages/donate.js

@@ -1,32 +1,28 @@
 import { useEffect, useState } from "react";
 export default function DonatePage() {
-  const [foundation, setFoundation] = useState("");
+  const [foundation, setFoundation] = useState([]);
   useEffect(() => {
     async function getData() {
       const reqOps = {
         method: "GET",
         headers: {
           "Content-Type": "application/json",
-          Authorization: `Bearer ${localStorage.getItem("token")}`,
         },
       };
       const resp = await fetch("http://localhost:8000/api/foundation/", reqOps);
       const data = await resp.json();
       // console.log(data);
       setFoundation(JSON.stringify(data));
+      console.log(foundation);
     }
     // const d = ;
     getData();
-    console.log(foundation);
     // setFoundation(d);
   }, []);
   return (
     <div>
       <h1>This is the donate page.</h1>
       <p>This page is under construction. Please check back later.</p>
-      {/* {foundation.map((item) => (
-        <h1>{item.name}</h1>
-      ))} */}
     </div>
   );
 }

client/src/pages/index.js

@@ -1,13 +1,34 @@
 // import { useAuth } from "../common/lib/firebase/authContext";
+import { useEffect, useState } from "react";
+
 export default function HomePage() {
   // const { currentUser } = useAuth();
+  const [currentUser, setCurrentUser] = useState(null);
+  useEffect(() => {
+    // Perform localStorage action
+    setCurrentUser(localStorage.getItem("username"));
+  }, []);
+
   return (
     <div>
+      <div
+        className="logo"
+        data-0="opacity: 1; display: flex"
+        data-99="opacity: 0; display: none"
+        data-100="display: none"
+      >
+        <div className="logo">rounded.</div>
+      </div>
+      <div className="hint" data-0="bottom: 10vh" data-100="bottom: -25px">
+        the future of rounding up, for a better tomorrow
+      </div>
+
+      <div className="menu">rounded.</div>
+      <div className="content">We're rounding up where you can't.</div>
+
       <h1>This is HackTJ 2022!</h1>
-      {localStorage.getItem("username") ? (
+      {currentUser ? (
-        <p>
+        <p>You're logged in! Current username: {currentUser}</p>
-          You're logged in! Current username: {localStorage.getItem("username")}
-        </p>
       ) : (
         <p>Not logged in</p>
       )}

server/api/migrations/0004_remove_consumer_access_token_foundation_hex_and_more.py

@@ -0,0 +1,32 @@
+# Generated by Django 4.0.4 on 2022-04-17 13:12
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('api', '0003_alter_consumer_wallet'),
+    ]
+
+    operations = [
+        migrations.RemoveField(
+            model_name='consumer',
+            name='access_token',
+        ),
+        migrations.AddField(
+            model_name='foundation',
+            name='hex',
+            field=models.CharField(blank=True, max_length=200, null=True),
+        ),
+        migrations.AlterField(
+            model_name='foundation',
+            name='description',
+            field=models.TextField(blank=True, null=True),
+        ),
+        migrations.AlterField(
+            model_name='foundation',
+            name='name',
+            field=models.CharField(blank=True, max_length=100, null=True),
+        ),
+    ]

server/api/views.py

@@ -16,6 +16,7 @@ from rest_framework.response import Response
 
 # Create your views here.
 class FoundationViewSet(ModelViewSet):
+    permission_classes = [permissions.AllowAny]
     queryset = models.Foundation.objects.all()
     serializer_class = FoundationSerializer