small copyright thing

Author: alekangelov

.gitignore

@@ -25,4 +25,5 @@ yarn-error.log*
 .env
 
 *.crx
-*.pem
+*.pem
+*.zip

src/App.tsx

@@ -60,6 +60,12 @@ const AppSetup: React.FC<any> = () => {
 
 (AppSetup as any).whyDidYouRender = true;
 
+const Copyright = () => (
+  <div className="copyright">
+    <p>Copyright 2021 © Alek Angelov</p>
+  </div>
+);
+
 const SubApp = () => {
   return (
     <>
@@ -76,6 +82,7 @@ const SubApp = () => {
             </div>
           </div>
         </div>
+        <Copyright />
       </HashRouter>
     </>
   );

src/styles/_base.scss

@@ -220,3 +220,16 @@ p {
   grid-gap: 2rem;
   grid-template-rows: 1fr 1fr;
 }
+
+.copyright {
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  color: white;
+  opacity: 0.2;
+  padding: 1rem;
+  p {
+    margin: 0;
+    font-size: 0.5rem;
+  }
+}