link developer resources (#85)

src/components/Footer/Footer.js

@@ -67,7 +67,7 @@ export default function Footer() {
                   </a>
                 </li>
                 <li>
-                  <a href="https://sia.tech/docs/" target="_blank" rel="noopener noreferrer">
+                  <a href="https://sia.tech/docs/#skynet" target="_blank" rel="noopener noreferrer">
                     API Docs
                   </a>
                 </li>

src/components/HomeSamples/HomeSamples.js

@@ -19,9 +19,31 @@ export default function HomeSamples() {
   return (
     <div className="home-samples">
       <Fade duration={700} distance="40px" bottom>
+        <p>Above are some code snippets for uploading and retrieving data.</p>
         <p>
-          Skynet includes SDKs for popular programming languages that integrate seamlessly with your existing apps.
+          Skynet includes{" "}
-          Above are some code snippets for uploading and retrieving data.
+          <a
+            href="https://support.siasky.net/article/hrshqsn9wz-integrating-skynet"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="link"
+          >
+            SDKs
+          </a>{" "}
+          for popular programming languages and{" "}
+          <a href="https://sia.tech/docs/#skynet" target="_blank" rel="noopener noreferrer" className="link">
+            APIs
+          </a>{" "}
+          that integrate seamlessly with your existing apps. You can follow this{" "}
+          <a
+            href="https://support.siasky.net/article/vmmzyes1uy-skynet-sia-set-up"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="link"
+          >
+            guide
+          </a>{" "}
+          to setup a Sia Node.
         </p>
       </Fade>
 

src/components/HomeSamples/HomeSamples.scss

@@ -10,12 +10,16 @@
   }
 
   p {
-    margin: 0 auto 48px;
+    margin: 0 auto 24px;
     max-width: 460px;
 
     @media (min-width: $largebp) {
       font-size: 18px;
-      max-width: 500px;
+      max-width: 600px;
+    }
+
+    &:last-of-type {
+      margin-bottom: 48px;
     }
   }