Add frontend files to copy/paste during lecture

15Dkatz · 15Dkatz · commit fac789c517cb · 2019-10-14T17:28:50.000-07:00
diff --git a/frontend/.gitignore b/frontend/.gitignore
@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
diff --git a/frontend/public/index.html b/frontend/public/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+    <title>Pychain</title>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
diff --git a/frontend/src/index.css b/frontend/src/index.css
@@ -0,0 +1,44 @@
+body {
+  background-color: #444;
+  color: #fff;
+  text-align: center;
+  font-size: 18px;
+  font-family: 'Quicksand';
+  padding-top: 5%;
+  word-wrap: break-word;
+}
+
+.logo {
+  width: 250px;
+  height: 250px;
+}
+
+.App {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.WalletInfo {
+  width: 500px;
+}
+
+.Block {
+  border: 1px solid #fff;
+  padding: 10%;
+  margin: 2%;
+}
+
+.Transaction {
+  padding: 5%;
+}
+
+.Blockchain, .ConductTransaction, .TransactionPool {
+  margin: 10%;
+  margin-top: 5%;
+}
+
+a, a:hover {
+  color: #e66;
+  text-decoration: underline;
+}
