fix footer links

This commit is contained in:
Karol Wypchlo 2020-02-13 18:14:48 -05:00
parent bad0330348
commit e342c422e0
1 changed files with 49 additions and 20 deletions

View File

@ -2,10 +2,12 @@ import React from "react";
import Fade from "react-reveal/Fade"; import Fade from "react-reveal/Fade";
import Reveal from "react-reveal/Reveal"; import Reveal from "react-reveal/Reveal";
import { Arrow, FooterOrb, FooterCube, Built } from "../../svg"; import { FooterOrb, FooterCube, Built } from "../../svg";
import "./Footer.scss"; import "./Footer.scss";
import { Mailing } from ".."; import { Mailing } from "..";
const Arrow = () => null; // mock arrows temporarily
export default function Footer() { export default function Footer() {
return ( return (
<Reveal effect="active"> <Reveal effect="active">
@ -19,28 +21,32 @@ export default function Footer() {
<div className="footer-column"> <div className="footer-column">
<Fade duration={700} distance="40px" bottom> <Fade duration={700} distance="40px" bottom>
<h2>Sia Elsewhere</h2> <h2>Skynet webportals</h2>
<ul> <ul>
<li> <li>
<a href="https://angel.co/company/nebulous/jobs" target="_blank" rel="noopener noreferrer"> <a href="https://skydrain.net" target="_blank" rel="noopener noreferrer">
Sia Jobs <Arrow /> skydrain.net <Arrow />
</a>
</li>
<li>
<a href="https://skynet.luxor.tech" target="_blank" rel="noopener noreferrer">
Luxor Tech
<Arrow />
</a> </a>
</li> </li>
<li> <li>
<a href="https://sialoop.net" target="_blank" rel="noopener noreferrer"> <a href="https://sialoop.net" target="_blank" rel="noopener noreferrer">
Sia Loop <Arrow /> sialoop.net <Arrow />
</a> </a>
</li> </li>
<li> <li>
<a href="https://skynet.tutemwesi.com" target="_blank" rel="noopener noreferrer"> <a href="https://skynet.tutemwesi.com" target="_blank" rel="noopener noreferrer">
Tutem Wesi <Arrow /> skynet.tutemwesi.com <Arrow />
</a>
</li>
<li>
<a href="https://siacdn.com" target="_blank" rel="noopener noreferrer">
siacdn.com <Arrow />
</a>
</li>
<li>
<a href="https://vault.lightspeedhosting.com" target="_blank" rel="noopener noreferrer">
vault.lightspeedhosting.com <Arrow />
</a> </a>
</li> </li>
</ul> </ul>
@ -51,12 +57,6 @@ export default function Footer() {
<Fade duration={700} distance="40px" bottom> <Fade duration={700} distance="40px" bottom>
<h2>Social</h2> <h2>Social</h2>
<ul> <ul>
<li>
<a href="https://www.reddit.com/r/siacoin/" target="_blank" rel="noopener noreferrer">
Reddit
<Arrow />
</a>
</li>
<li> <li>
<a href="https://twitter.com/siatechhq" target="_blank" rel="noopener noreferrer"> <a href="https://twitter.com/siatechhq" target="_blank" rel="noopener noreferrer">
Twitter <Arrow /> Twitter <Arrow />
@ -68,8 +68,37 @@ export default function Footer() {
</a> </a>
</li> </li>
<li> <li>
<a href="https://github.com/NebulousLabs" target="_blank" rel="noopener noreferrer"> <a href="https://www.reddit.com/r/siacoin" target="_blank" rel="noopener noreferrer">
Github <Arrow /> Reddit <Arrow />
</a>
</li>
<li>
<a href="https://blog.sia.tech" target="_blank" rel="noopener noreferrer">
Blog <Arrow />
</a>
</li>
</ul>
</Fade>
</div>
<div className="footer-column">
<Fade duration={700} distance="40px" bottom>
<h2>Sia</h2>
<ul>
<li>
<a href="https://sia.tech/" target="_blank" rel="noopener noreferrer">
Sia <Arrow />
</a>
</li>
<li>
<a href="https://angel.co/company/nebulous/jobs" target="_blank" rel="noopener noreferrer">
Jobs <Arrow />
</a>
</li>
<li>
<a href="https://support.sia.tech" target="_blank" rel="noopener noreferrer">
Support <Arrow />
</a> </a>
</li> </li>
</ul> </ul>