Styling/update title, minor fixes

drewbitt · Nov 13, 2019 · 5d153dc · 5d153dc
1 parent 7f9ca84
commit 5d153dc
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 5 deletions.
diff --git a/public/index.html b/public/index.html
@@ -24,7 +24,7 @@
       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>React App</title>
+    <title>Trace.moe React App</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/public/manifest.json b/public/manifest.json
@@ -1,6 +1,6 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
+  "short_name": "Trace",
+  "name": "Trace.moe React",
   "icons": [
     {
       "src": "favicon.ico",

diff --git a/src/App.css b/src/App.css
@@ -29,3 +29,7 @@
   vertical-align: top;
   padding-top: 8px;
 }
+
+a {
+  color: lightskyblue;
+}
diff --git a/src/App.js b/src/App.js
@@ -12,8 +12,14 @@ function App(props) {
         <h4>Trace the original anime from a screenshot.</h4>
         <PaperDropzone {...props} />
         <h2 style={{ color: "orange" }}>OR</h2>
-        <URLForm {...props}/>
+        <URLForm {...props} />
         <LoadingSpinnerComponent />
+        <a
+        href="https://github.com/soruly/trace.moe"
+        style={{ fontSize: "15px", paddingTop: '2em'}}
+      >
+        https://github.com/soruly/trace.moe
+      </a>
       </header>
     </div>
   );

diff --git a/src/components/PaperDropzone.js b/src/components/PaperDropzone.js
@@ -17,7 +17,7 @@ function PaperDropzone(props) {
 
   const { getRootProps, getInputProps } = useDropzone({
     onDrop,
-    accept: "image/jpeg, image/png",
+    accept: "image/jpeg, image/png, image/bmp, image/gif",
     multiple: false
   });
   const { ref, ...rootProps } = getRootProps();