add logo, fix, nginx config and validate input error (#29)

add logo, fix, nginx config and validate input error

packages/sia-skynet/public/manifest.json

@@ -8,12 +8,12 @@
       "type": "image/x-icon"
     },
     {
-      "src": "logo192.png",
+      "src": "android-chrome-192x192.png",
       "type": "image/png",
       "sizes": "192x192"
     },
     {
-      "src": "logo512.png",
+      "src": "android-chrome-512x512.png",
       "type": "image/png",
       "sizes": "512x512"
     }

packages/sia-skynet/src/components/HomeNetwork/HomeNetwork.js

@@ -103,9 +103,7 @@ export default class HomeNetwork extends Component {
                 signups, no servers, no trusted third parties. Sia leverages
                 blockchain technology to create a data storage marketplace that
                 is more robust and more affordable than traditional cloud
-                storage providers. Storage costs are as much as 10x lower than
+                storage providers.
-                traditional infrastructure, bandwidth costs as much as 100x
-                lower, all without sacrificing performance or reliability.
               </p>
 
               <p>

packages/sia-skynet/src/components/HomeTop/HomeTop.js

@@ -1,6 +1,6 @@
 import React from "react";
 import Reveal from "react-reveal/Reveal";
-
+import logo from '../../images/logo.svg';
 import "./HomeTop.scss";
 import { Skynet, Deco1, Deco2 } from "../../svg";
 
@@ -8,7 +8,8 @@ export default function HomeTop() {
   return (
     <Reveal effect="active">
       <div className="home-top">
-        <Skynet className="logo" />
+        <img src={logo} alt="Skynet logo" className="logo"/>
+        <Skynet className="wordmark" />
 
         <h1 className="fadeInUp delay2">Build a Free Internet.</h1>
 

packages/sia-skynet/src/components/HomeTop/HomeTop.scss

@@ -10,13 +10,23 @@
   }
 
   .logo {
+    display: inline-block;
+    width: 85px;
+    margin-bottom: 5px;
+    margin-right: 10px; // move it 10px so it looks like it's centered
+  }
+
+  .wordmark {
     margin: 0 auto 35px;
+  }
+
+  .wordmark, .logo {
     transform: translateY(40px);
     opacity: 0;
     transition: 1s transform, 1s opacity;
   }
 
-  &.active .logo {
+  &.active .wordmark, &.active .logo {
     transform: none;
     opacity: 1;
   }

packages/sia-skynet/src/components/Mailing/Mailing.js

@@ -20,7 +20,7 @@ const CustomForm = ({ status, message, onValidated, light, id }) => {
 
   return (
     <form className={classNames('home-stay-form', { light })} onSubmit={e => e.preventDefault()}>
-      <input ref={node => (email = node)} type="email" placeholder="Email Address" validate />
+      <input ref={node => (email = node)} type="email" placeholder="Email Address" validate="true" />
       <div className="home-form-stay-existing">
         <input ref={node => (user = node)} type="checkbox" id={id} />
         <label htmlFor={id}>I have previous experience using Sia</label>

packages/sia-skynet/src/images/logo.svg

@@ -0,0 +1,8 @@
+<svg viewBox="19.88800048828125 48.90407943725586 132.07760620117188 108.50448608398438" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <style>.cls-1,.cls-2{fill:#0071bc;}.cls-1{fill-rule:evenodd;}.cls-2{font-size:87px;font-family:Karbon-Light, Karbon;font-weight:300;letter-spacing:-0.05em;}.cls-3{letter-spacing:-0.05em;}.cls-4{letter-spacing:-0.05em;}</style>
+  </defs>
+  <path class="cls-1" d="M 116.388 139.371 C 92.969 148.816 66.759 134.5 62.048 109.691 L 46.308 98.821 C 43.843 141.32 88.308 170.55 126.346 151.435 C 130.805 149.195 134.94 146.361 138.638 143.011 L 138.698 143.011 C 141.248 140.637 140.685 136.456 137.598 134.841 L 19.888 72.671 Z" style="fill: rgb(88, 181, 96);"></path>
+  <path class="cls-1" d="M 149.398 127.121 L 149.398 127.021 C 150.067 124.651 148.83 122.161 146.538 121.261 L 67.478 90.011 L 142.478 130.011 C 145.178 131.489 148.552 130.08 149.398 127.121 Z" style="fill: rgb(88, 181, 96);"></path>
+  <path class="cls-1" d="M 151.848 109.801 C 152.508 94.561 150.578 79.801 141.228 67.721 C 130.128 53.411 111.498 47.801 96.588 49.081 C 95.428 49.181 94.268 49.351 93.108 49.451 C 77.448 50.901 62.598 59.941 53.728 75.301 C 52.968 76.621 52.278 77.971 51.638 79.301 C 51.238 79.841 50.838 80.371 50.458 80.931 L 63.838 88.061 C 64.463 86.395 65.194 84.772 66.028 83.201 C 80.584 55.935 119.197 54.651 135.532 80.889 C 140.199 88.386 142.264 97.212 141.408 106.001 L 91.518 92.621 L 145.258 113.861 C 148.274 115.053 151.585 112.994 151.848 109.761 Z" style="fill: rgb(88, 181, 96);"></path>
+</svg>

setup-scripts/skynet-nginx.conf

@@ -20,7 +20,7 @@ server {
 		proxy_pass http://127.0.0.1:4000;
 	}
 
-	location ~ "^/([a-zA-Z0-9-_+/]{46})$" {
+	location ~ "^/([a-zA-Z0-9-_]{46})$" {
 		proxy_read_timeout 600;
 		# proxy this call to siad /skunet/skylink/ endpoint (make sure the ip is correct)
 		proxy_pass http://127.0.0.1:9980/skynet/skylink/$1;
@@ -33,7 +33,7 @@ server {
 		proxy_set_header Authorization "Basic BASE64_AUTHENTICATION";
 	}
 
-	location ~ "^/file/([a-zA-Z0-9-_+/]{46})$" {
+	location ~ "^/file/([a-zA-Z0-9-_]{46})$" {
 		proxy_read_timeout 600;
 		# proxy this call to siad /skunet/skylink/ endpoint (make sure the ip is correct)
 		# this alias also adds attachment=true url param to force download the file