spaceport/webclient/src/Footer.js

105 lines
2.4 KiB
JavaScript
Raw Normal View History

2020-08-21 03:25:10 +00:00
import React, { useRef, useEffect } from 'react';
2022-04-10 07:11:53 +00:00
import { BrowserRouter as Router, Switch, Route, Link, useParams, useLocation } from 'react-router-dom';
2020-01-11 08:56:31 +00:00
import { Container, Icon } from 'semantic-ui-react';
2020-08-21 03:55:44 +00:00
import { scene } from './spaceport/scene';
2020-08-21 03:25:10 +00:00
export const Footer = () => {
const footerRef = useRef();
useEffect(() => {
if (!footerRef.current) return;
2021-03-20 22:29:00 +00:00
if (footerRef.current.clientWidth < 650) return
2020-08-21 03:55:44 +00:00
scene({ ref: footerRef });
2020-08-21 03:25:10 +00:00
}, [footerRef]);
2020-01-11 08:56:31 +00:00
return (
2020-08-21 03:25:10 +00:00
<div className="footer" ref={footerRef}>
<Container className="footer-content">
2020-01-11 08:56:31 +00:00
<p>
2022-04-10 07:11:53 +00:00
<Link to='/debug'>
<img
alt="site logo"
src="/logo-short.svg"
className="logo"
/>
</Link>
2020-01-11 08:56:31 +00:00
</p>
2020-08-21 03:25:10 +00:00
<p className="text">
Contact us:{' '}
<a
href="mailto:info@protospace.ca"
target="_blank"
rel="noopener noreferrer"
>
info@protospace.ca
</a>
2020-01-11 08:56:31 +00:00
</p>
2020-08-21 03:25:10 +00:00
<p className="text">
Created and hosted by Protospace members for Protospace
members.
2020-01-11 08:56:31 +00:00
</p>
2020-08-21 03:25:10 +00:00
<p className="text">
Spaceport is free and open-source software.{' '}
<a
href="https://github.com/Protospace/spaceport"
target="_blank"
rel="noopener noreferrer"
>
Click here
</a>{' '}
to view the source code and license.
2020-01-11 08:56:31 +00:00
</p>
<p>
2020-08-21 03:25:10 +00:00
<a
href="https://instagram.com/protospace"
target="_blank"
rel="noopener noreferrer"
aria-label="link to our instagram"
>
<Icon name="instagram" size="large" />
2020-01-11 08:56:31 +00:00
</a>
2020-08-21 03:25:10 +00:00
<a
href="https://twitter.com/protospace"
target="_blank"
rel="noopener noreferrer"
aria-label="link to our twitter"
>
<Icon name="twitter" size="large" />
2020-01-11 08:56:31 +00:00
</a>
2020-08-21 03:25:10 +00:00
<a
href="https://youtube.com/user/calgaryprotospace/playlists"
target="_blank"
rel="noopener noreferrer"
aria-label="link to our youtube"
>
<Icon name="youtube" size="large" />
2020-01-11 08:56:31 +00:00
</a>
2020-08-21 03:25:10 +00:00
<a
href="https://github.com/Protospace"
target="_blank"
rel="noopener noreferrer"
aria-label="link to our github"
>
<Icon name="github" size="large" />
2020-01-11 08:56:31 +00:00
</a>
2020-08-21 03:25:10 +00:00
<a
href="https://docs.my.protospace.ca"
target="_blank"
rel="noopener noreferrer"
aria-label="link to our docs"
>
<Icon name="book" size="large" />
2020-02-19 07:00:14 +00:00
</a>
2020-01-11 08:56:31 +00:00
</p>
<p>© 2020 Calgary Protospace Ltd.</p>
</Container>
</div>
);
};