TanviKumar · purnima143 · Jan 5, 2021
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,15 @@
+.idea/
+.vscode/
+node_modules/
+build
+.DS_Store
+*.tgz
+my-app*
+template/src/__tests__/__snapshots__/
+lerna-debug.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+/.changelog
+.npm/
+yarn.lock
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,4 @@
+package.json
+package-lock.json
+yarn.lock
+assets
diff --git a/.prettierrc.json b/.prettierrc.json
@@ -0,0 +1 @@
+{}
diff --git a/README.md → assets/README.md b/README.md → assets/README.md
diff --git a/beyond_binary/index.html → assets/beyond_binary/index.html b/beyond_binary/index.html → assets/beyond_binary/index.html
diff --git a/beyond_binary/sketch.js → assets/beyond_binary/sketch.js b/beyond_binary/sketch.js → assets/beyond_binary/sketch.js
diff --git a/border_radius/index.html → assets/border_radius/index.html b/border_radius/index.html → assets/border_radius/index.html
diff --git a/border_radius/sketch.js → assets/border_radius/sketch.js b/border_radius/sketch.js → assets/border_radius/sketch.js
diff --git a/card/index.html → assets/card/index.html b/card/index.html → assets/card/index.html
diff --git a/card/sketch.js → assets/card/sketch.js b/card/sketch.js → assets/card/sketch.js
diff --git a/cross/index.html → assets/cross/index.html b/cross/index.html → assets/cross/index.html
diff --git a/cross/sketch.js → assets/cross/sketch.js b/cross/sketch.js → assets/cross/sketch.js
diff --git a/cross_2/index.html → assets/cross_2/index.html b/cross_2/index.html → assets/cross_2/index.html
diff --git a/cross_2/sketch.js → assets/cross_2/sketch.js b/cross_2/sketch.js → assets/cross_2/sketch.js
diff --git a/dinner_light/index.html → assets/dinner_light/index.html b/dinner_light/index.html → assets/dinner_light/index.html
diff --git a/dinner_light/sketch.js → assets/dinner_light/sketch.js b/dinner_light/sketch.js → assets/dinner_light/sketch.js
diff --git a/fade/index.html → assets/fade/index.html b/fade/index.html → assets/fade/index.html
diff --git a/fade/sketch.js → assets/fade/sketch.js b/fade/sketch.js → assets/fade/sketch.js
diff --git a/flower_tree/index.html → assets/flower_tree/index.html b/flower_tree/index.html → assets/flower_tree/index.html
diff --git a/flower_tree/sketch.js → assets/flower_tree/sketch.js b/flower_tree/sketch.js → assets/flower_tree/sketch.js
diff --git a/hazy_pyramids/index.html → assets/hazy_pyramids/index.html b/hazy_pyramids/index.html → assets/hazy_pyramids/index.html
diff --git a/hazy_pyramids/sketch.js → assets/hazy_pyramids/sketch.js b/hazy_pyramids/sketch.js → assets/hazy_pyramids/sketch.js
diff --git a/p5.js → assets/p5.js b/p5.js → assets/p5.js
diff --git a/p5.sound.min.js → assets/p5.sound.min.js b/p5.sound.min.js → assets/p5.sound.min.js
diff --git a/pentaplex/index.html → assets/pentaplex/index.html b/pentaplex/index.html → assets/pentaplex/index.html
diff --git a/pentaplex/sketch.js → assets/pentaplex/sketch.js b/pentaplex/sketch.js → assets/pentaplex/sketch.js
diff --git a/pyramid-grid/index.html → assets/pyramid-grid/index.html b/pyramid-grid/index.html → assets/pyramid-grid/index.html
diff --git a/pyramid-grid/sketch.js → assets/pyramid-grid/sketch.js b/pyramid-grid/sketch.js → assets/pyramid-grid/sketch.js
diff --git a/random_walker/index.html → assets/random_walker/index.html b/random_walker/index.html → assets/random_walker/index.html
diff --git a/random_walker/sketch.js → assets/random_walker/sketch.js b/random_walker/sketch.js → assets/random_walker/sketch.js
diff --git a/random_walker/style.css → assets/random_walker/style.css b/random_walker/style.css → assets/random_walker/style.css
diff --git a/sakura/index.html → assets/sakura/index.html b/sakura/index.html → assets/sakura/index.html
diff --git a/sakura/sketch.js → assets/sakura/sketch.js b/sakura/sketch.js → assets/sakura/sketch.js
diff --git a/soft_ten_print/index.html → assets/soft_ten_print/index.html b/soft_ten_print/index.html → assets/soft_ten_print/index.html
diff --git a/soft_ten_print/sketch.js → assets/soft_ten_print/sketch.js b/soft_ten_print/sketch.js → assets/soft_ten_print/sketch.js
diff --git a/square_circle/index.html → assets/square_circle/index.html b/square_circle/index.html → assets/square_circle/index.html
diff --git a/square_circle/sketch.js → assets/square_circle/sketch.js b/square_circle/sketch.js → assets/square_circle/sketch.js
diff --git a/squiggles/index.html → assets/squiggles/index.html b/squiggles/index.html → assets/squiggles/index.html
diff --git a/squiggles/sketch.js → assets/squiggles/sketch.js b/squiggles/sketch.js → assets/squiggles/sketch.js
diff --git a/ten_print_1/index.html → assets/ten_print_1/index.html b/ten_print_1/index.html → assets/ten_print_1/index.html
diff --git a/ten_print_1/sketch.js → assets/ten_print_1/sketch.js b/ten_print_1/sketch.js → assets/ten_print_1/sketch.js
diff --git a/ten_print_hex/index.html → assets/ten_print_hex/index.html b/ten_print_hex/index.html → assets/ten_print_hex/index.html
diff --git a/ten_print_hex/sketch.js → assets/ten_print_hex/sketch.js b/ten_print_hex/sketch.js → assets/ten_print_hex/sketch.js
diff --git a/thick_hex_ten_print/index.html → assets/thick_hex_ten_print/index.html b/thick_hex_ten_print/index.html → assets/thick_hex_ten_print/index.html
diff --git a/thick_hex_ten_print/sketch.js → assets/thick_hex_ten_print/sketch.js b/thick_hex_ten_print/sketch.js → assets/thick_hex_ten_print/sketch.js
diff --git a/tuls1/index.html → assets/tuls1/index.html b/tuls1/index.html → assets/tuls1/index.html
diff --git a/tuls1/sketch.js → assets/tuls1/sketch.js b/tuls1/sketch.js → assets/tuls1/sketch.js
diff --git a/tuls2/index.html → assets/tuls2/index.html b/tuls2/index.html → assets/tuls2/index.html
diff --git a/tuls2/sketch.js → assets/tuls2/sketch.js b/tuls2/sketch.js → assets/tuls2/sketch.js
diff --git a/tuls3/index.html → assets/tuls3/index.html b/tuls3/index.html → assets/tuls3/index.html
diff --git a/tuls3/sketch.js → assets/tuls3/sketch.js b/tuls3/sketch.js → assets/tuls3/sketch.js
diff --git a/tuls4/index.html → assets/tuls4/index.html b/tuls4/index.html → assets/tuls4/index.html
diff --git a/tuls4/sketch.js → assets/tuls4/sketch.js b/tuls4/sketch.js → assets/tuls4/sketch.js
diff --git a/tuls5/index.html → assets/tuls5/index.html b/tuls5/index.html → assets/tuls5/index.html
diff --git a/tuls5/sketch.js → assets/tuls5/sketch.js b/tuls5/sketch.js → assets/tuls5/sketch.js
diff --git a/vera_molnar/index.html → assets/vera_molnar/index.html b/vera_molnar/index.html → assets/vera_molnar/index.html
diff --git a/vera_molnar/sketch.js → assets/vera_molnar/sketch.js b/vera_molnar/sketch.js → assets/vera_molnar/sketch.js
diff --git a/waves/index.html → assets/waves/index.html b/waves/index.html → assets/waves/index.html
diff --git a/waves/sketch.js → assets/waves/sketch.js b/waves/sketch.js → assets/waves/sketch.js
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "generative-art",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "@material-ui/core": "^4.11.0",
+    "@material-ui/icons": "^4.9.1",
+    "@testing-library/jest-dom": "^5.11.4",
+    "@testing-library/react": "^11.1.0",
+    "@testing-library/user-event": "^12.1.10",
+    "axios": "^0.21.0",
+    "bootstrap": "^4.5.3",
+    "dat.gui": "^0.7.7",
+    "noisejs": "^2.1.0",
+    "p5": "^1.1.9",
+    "react": "^17.0.1",
+    "react-bootstrap": "^1.4.0",
+    "react-dom": "^17.0.1",
+    "react-icons": "^4.1.0",
+    "react-p5-wrapper": "^2.3.0",
+    "react-router-dom": "^5.2.0",
+    "react-scripts": "4.0.0",
+    "web-vitals": "^0.2.4"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject",
+    "format": "npx prettier --write ."
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}
diff --git a/public/data.json b/public/data.json
@@ -0,0 +1,210 @@
+[
+  {
+    "name": "Beyond Binary",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/beyond_binary",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/beyond_binary/sketch.js",
+    "image": "./static/images/beyond_binary.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Border Radius",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/border_radius",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/border_radius/sketch.js",
+    "image": "./static/images/border_radius.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Card",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/card",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/card/sketch.js",
+    "image": "./static/images/card.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Cross",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/cross",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/cross/sketch.js",
+    "image": "./static/images/cross.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Cross2",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/cross2",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/cross2/sketch.js",
+    "image": "./static/images/cross2.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Dinner Light",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/dinner_light",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/dinner_light/sketch.js",
+    "image": "./static/images/dinner_light.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Fade",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/fade",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/fade/sketch.js",
+    "image": "./static/images/fade.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Flower Tree",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/flower_tree",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/flower_tree/sketch.js",
+    "image": "./static/images/flower_tree.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Hazy Pyramids",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/hazy_pyramids",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/hazy_pyramids/sketch.js",
+    "image": "./static/images/hazy_pyramid.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Pentaplex",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/pentaplex",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/pentaplex/sketch.js",
+    "image": "./static/images/pentaplex.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Pyramid Grid",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/pyramid_grid",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/pyramid_grid/sketch.js",
+    "image": "./static/images/pyramid_grid.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Random Walker",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/random_walker",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/random_walker/sketch.js",
+    "image": "./static/images/random_walker.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Sakura",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/sakura",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/sakura/sketch.js",
+    "image": "./static/images/sakura.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Soft Ten Print",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/soft_ten_print",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/soft_ten_print/sketch.js",
+    "image": "./static/images/soft_ten_print.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Square Circle",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/square_circle",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/square_circle/sketch.js",
+    "image": "./static/images/square_circle.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Squiggles",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/squiggles",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/squiggles/sketch.js",
+    "image": "./static/images/squiggles.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Ten Print 1",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/ten_print_1",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/ten_print_1/sketch.js",
+    "image": "./static/images/ten_print_1.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Ten Print Hex",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/ten_print_hex",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/ten_print_hex/sketch.js",
+    "image": "./static/images/ten_print_hex.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Thick Hex Ten Print",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/thick_hex_ten_print",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/thick_hex_ten_print/sketch.js",
+    "image": "./static/images/thick_hex_ten_print.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Tuls 1",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/tuls1",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/tuls1/sketch.js",
+    "image": "./static/images/tuls1.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Tuls 2",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/tuls2",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/tuls2/sketch.js",
+    "image": "./static/images/tuls2.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Tuls 3",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/tuls3",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/tuls3/sketch.js",
+    "image": "./static/images/tuls3.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Tuls 4",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/tuls4",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/tuls4/sketch.js",
+    "image": "./static/images/tuls4.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Tuls 5",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/tuls5",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/tuls5/sketch.js",
+    "image": "./static/images/tuls5.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Vera Molnar",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/vera_molnar",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/vera_molnar/sketch.js",
+    "image": "./static/images/vera_molnar.png",
+    "author": "Tanvi Kumar"
+  },
+  {
+    "name": "Waves",
+    "desc": "Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga, amet?",
+    "linkUrl": "/art/waves",
+    "codeUrl": "https://github.com/rt1301/generative-art/blob/redux_implementation/assets/waves/sketch.js",
+    "image": "./static/images/waves.png",
+    "author": "Tanvi Kumar"
+  }
+]
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Web site created using create-react-app"
+    />
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      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>Generative Art for All</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->  </body>
+</html>
diff --git a/public/logo192.png b/public/logo192.png
diff --git a/public/logo512.png b/public/logo512.png
diff --git a/public/manifest.json b/public/manifest.json
@@ -0,0 +1,25 @@
+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/public/robots.txt b/public/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
diff --git a/public/static/images/beyond_binary.png b/public/static/images/beyond_binary.png
diff --git a/public/static/images/border_radius.png b/public/static/images/border_radius.png
diff --git a/public/static/images/card.png b/public/static/images/card.png
diff --git a/public/static/images/cross.png b/public/static/images/cross.png
diff --git a/public/static/images/cross2.png b/public/static/images/cross2.png
diff --git a/public/static/images/dinner_light.png b/public/static/images/dinner_light.png
diff --git a/public/static/images/fade.png b/public/static/images/fade.png
diff --git a/public/static/images/flower_tree.png b/public/static/images/flower_tree.png
diff --git a/public/static/images/hazy_pyramid.png b/public/static/images/hazy_pyramid.png
diff --git a/public/static/images/pentaplex.png b/public/static/images/pentaplex.png
diff --git a/public/static/images/pyramid_grid.png b/public/static/images/pyramid_grid.png
diff --git a/public/static/images/random_walker.png b/public/static/images/random_walker.png
diff --git a/public/static/images/sakura.png b/public/static/images/sakura.png
diff --git a/public/static/images/soft_ten_print.png b/public/static/images/soft_ten_print.png
diff --git a/public/static/images/square_circle.png b/public/static/images/square_circle.png
diff --git a/public/static/images/squiggles.png b/public/static/images/squiggles.png
diff --git a/public/static/images/ten_print_1.png b/public/static/images/ten_print_1.png
diff --git a/public/static/images/ten_print_hex.png b/public/static/images/ten_print_hex.png
diff --git a/public/static/images/thick_hex_ten_print.png b/public/static/images/thick_hex_ten_print.png
diff --git a/public/static/images/tuls1.png b/public/static/images/tuls1.png
diff --git a/public/static/images/tuls2.png b/public/static/images/tuls2.png
diff --git a/public/static/images/tuls3.png b/public/static/images/tuls3.png
diff --git a/public/static/images/tuls4.png b/public/static/images/tuls4.png
diff --git a/public/static/images/tuls5.png b/public/static/images/tuls5.png
diff --git a/public/static/images/vera_molnar.png b/public/static/images/vera_molnar.png
diff --git a/public/static/images/waves.png b/public/static/images/waves.png
diff --git a/src/App.css b/src/App.css
@@ -0,0 +1,38 @@
+.App {
+  text-align: center;
+}
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+:root {
+  --dark-bluecolor: #221b3a;
+  --bg-themecolor: #e3e1f0;
+}
+h1 {
+  text-transform: uppercase;
+  font-size: 40px;
+}
+
+.leaf {
+  height: 160px;
+  width: 60px;
+  position: absolute;
+  top: 28px;
+  right: 0px;
+}
+.leaf .sq1 {
+  height: 60px;
+  width: 60px;
+  border-radius: 0px 50px;
+  background-color: #665aae;
+}
+
+.leaf .sq2 {
+  height: 60px;
+  width: 60px;
+  border-radius: 50px 0px 50px 20px;
+  background-color: #a89cf2;
+}