Merge pull request #2 from ghost/master

Solves things mentioned in Fixed typo #1, Adds links to features (eg. "Visual Studio Code and Atom plugins"), Uses alert in 404 page (helps to maybe try and fix it?), and Try using the transparent icon located at /site/src/images/navbar/pv8-logo.svg

Author: jessefreeman

site/src/components/cta.js

@@ -34,7 +34,7 @@ function Cta() {
                 <svg className="w-3 h-3 fill-current text-palette-14 mr-2 flex-shrink-0" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
                   <path d="M10.28 2.28L3.989 8.575 1.695 6.28A1 1 0 00.28 7.695l3 3a1 1 0 001.414 0l7-7A1 1 0 0010.28 2.28z" />
                 </svg>
-                <span>Support Developement</span>
+                <span>Support development</span>
               </li>
             </ul>
 

site/src/components/features.js

@@ -77,7 +77,7 @@ function Features() {
                                     <svg className="w-3 h-3 fill-current text-palette-14 mr-2 flex-shrink-0" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
                                         <path d="M10.28 2.28L3.989 8.575 1.695 6.28A1 1 0 00.28 7.695l3 3a1 1 0 001.414 0l7-7A1 1 0 0010.28 2.28z" />
                                     </svg>
-                                    <span>Visual Studio Code and Atom plugins</span>
+                                    <p><a href="https://marketplace.visualstudio.com/items?itemName=PixelVision8.pixel-vision-8">Visual Studio Code</a> and <a href="https://atom.io/packages/pixel-vision-8-lua-api">Atom</a> plugins</p>
                                 </li>
                                 <li className="flex items-center mb-2">
                                     <svg className="w-3 h-3 fill-current text-palette-14 mr-2 flex-shrink-0" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
@@ -89,7 +89,7 @@ function Features() {
                                     <svg className="w-3 h-3 fill-current text-palette-14 mr-2 flex-shrink-0" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
                                         <path d="M10.28 2.28L3.989 8.575 1.695 6.28A1 1 0 00.28 7.695l3 3a1 1 0 001.414 0l7-7A1 1 0 0010.28 2.28z" />
                                     </svg>
-                                    <span>Save Tiled json files</span>
+                                    <span>Save tiled json files</span>
                                 </li>
                             </ul>
                         </div>

site/src/elements/Logo.js

@@ -21,7 +21,7 @@ const Logo = ({
       <h1 className="m-0">
         <Link to="/">
           <Image
-            src={require('./../images/logo.svg')}
+            src={require('./../images/navbar/pv8-logo.svg')}
             alt="Open"
             width={48}
             height={48}
@@ -32,4 +32,4 @@ const Logo = ({
   );
 }
 
-export default Logo;
+export default Logo;

site/src/pages/404.js

@@ -3,8 +3,13 @@ import Layout from '../components/layout'
 
 const NotFoundPage = () => (
   <Layout>
-    <h1>NOT FOUND</h1>
-    <p>You just hit a route that doesn&#39;t exist... the sadness.</p>
+    <div class="flex mb-20 mx-auto max-w-3xl bg-palette-5 border-t-4 border-palette-6 rounded-b text-palette-15 px-4 py-3 shadow-md" role="alert">
+      <Image src={require('../images/icons/file-drive-icon.svg')} alt="File Drive Icon" width={92} height={92} />
+      <div className="ml-5">
+        <p class="h4 text-palette-15">Not Found</p>
+        <p class="text-m">You just hit a route that doesn&#39;t exist... the sadness.</p>
+      </div>
+    </div>
   </Layout>
 )