You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
104 lines
2.4 KiB
104 lines
2.4 KiB
import React, { useRef, useEffect } from 'react'; |
|
import { Link } from 'react-router-dom'; |
|
import { Container, Icon } from 'semantic-ui-react'; |
|
|
|
import { scene } from './spaceport/scene'; |
|
|
|
export const Footer = () => { |
|
const footerRef = useRef(); |
|
|
|
useEffect(() => { |
|
if (!footerRef.current) return; |
|
if (footerRef.current.clientWidth < 650) return |
|
if (window.location.hostname === 'my.protospace.ca') scene({ ref: footerRef }); |
|
}, [footerRef]); |
|
|
|
return ( |
|
<div className="footer" ref={footerRef}> |
|
<Container className="footer-content"> |
|
<p> |
|
<Link to='/debug'> |
|
<img |
|
alt="site logo" |
|
src="/logo-short.svg" |
|
className="logo" |
|
/> |
|
</Link> |
|
</p> |
|
|
|
<p className="text"> |
|
Contact us:{' '} |
|
<a |
|
href="mailto:info@protospace.ca" |
|
target="_blank" |
|
rel="noopener noreferrer" |
|
> |
|
info@protospace.ca |
|
</a> |
|
</p> |
|
|
|
<p className="text"> |
|
Created and hosted by Protospace members for Protospace |
|
members. |
|
</p> |
|
|
|
<p className="text"> |
|
Spaceport is free and open-source software.{' '} |
|
<a |
|
href="https://github.com/Protospace/spaceport" |
|
target="_blank" |
|
rel="noopener noreferrer" |
|
> |
|
View the source code and license on GitHub. |
|
</a>{' '} |
|
|
|
</p> |
|
|
|
<p> |
|
<a |
|
href="https://instagram.com/protospace" |
|
target="_blank" |
|
rel="noopener noreferrer" |
|
aria-label="link to our instagram" |
|
> |
|
<Icon name="instagram" size="large" /> |
|
</a> |
|
<a |
|
href="https://twitter.com/protospace" |
|
target="_blank" |
|
rel="noopener noreferrer" |
|
aria-label="link to our twitter" |
|
> |
|
<Icon name="twitter" size="large" /> |
|
</a> |
|
<a |
|
href="https://youtube.com/user/calgaryprotospace/playlists" |
|
target="_blank" |
|
rel="noopener noreferrer" |
|
aria-label="link to our youtube" |
|
> |
|
<Icon name="youtube" size="large" /> |
|
</a> |
|
<a |
|
href="https://github.com/Protospace" |
|
target="_blank" |
|
rel="noopener noreferrer" |
|
aria-label="link to our github" |
|
> |
|
<Icon name="github" size="large" /> |
|
</a> |
|
<a |
|
href="https://docs.my.protospace.ca" |
|
target="_blank" |
|
rel="noopener noreferrer" |
|
aria-label="link to our docs" |
|
> |
|
<Icon name="book" size="large" /> |
|
</a> |
|
</p> |
|
|
|
<p>© 2020-{new Date().getFullYear()} Calgary Protospace Ltd.</p> |
|
</Container> |
|
</div> |
|
); |
|
}; |