82 lines
		
	
	
		
			2.8 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			82 lines
		
	
	
		
			2.8 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| // Copyright (c) 2018 Dominic Masters
 | |
| //
 | |
| // MIT License
 | |
| //
 | |
| // Permission is hereby granted, free of charge, to any person obtaining
 | |
| // a copy of this software and associated documentation files (the
 | |
| // "Software"), to deal in the Software without restriction, including
 | |
| // without limitation the rights to use, copy, modify, merge, publish,
 | |
| // distribute, sublicense, and/or sell copies of the Software, and to
 | |
| // permit persons to whom the Software is furnished to do so, subject to
 | |
| // the following conditions:
 | |
| //
 | |
| // The above copyright notice and this permission notice shall be
 | |
| // included in all copies or substantial portions of the Software.
 | |
| //
 | |
| // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 | |
| // EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 | |
| // MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 | |
| // NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
 | |
| // LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
 | |
| // OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
 | |
| // WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 | |
| 
 | |
| import React from 'react';
 | |
| import { connect } from 'react-redux';
 | |
| import { NavLink } from 'react-router-dom';
 | |
| 
 | |
| import { withLanguage } from '@public/language/Language';
 | |
| 
 | |
| import { PageBoundary } from '@components/page/Page';
 | |
| import ImageSection from '@sections/image/ImageSection';
 | |
| 
 | |
| import ContentBox from '@objects/content/box/ContentBox';
 | |
| 
 | |
| import FooterStyles from './Footer.scss';
 | |
| 
 | |
| const SITE_LAUNCH_TIMESTAMP = 1335830400000;
 | |
| 
 | |
| const FooterLink = props => {
 | |
|   let { title, className } = props;
 | |
|   return <NavLink {...props} className={`c-footer__link ${className||``}`} />;
 | |
| };
 | |
| 
 | |
| class Footer extends React.Component {
 | |
|   constructor(props) {
 | |
|     super(props);
 | |
|   }
 | |
| 
 | |
|   render() {
 | |
|     let { className, lang } = this.props;
 | |
| 
 | |
|     return (
 | |
|       <footer className={`c-footer ${className||""}`}>
 | |
|         <ImageSection
 | |
|           className="c-footer__inner"
 | |
|           src={ require('@assets/images/patterns/schoolbell.svg') }
 | |
|           loadable
 | |
|           background
 | |
|         >
 | |
|           <PageBoundary full>
 | |
|             <ContentBox box className="u-text-center">
 | |
|               <nav className="c-footer__links">
 | |
|                 <FooterLink to="/" children={ lang.footer.links.home } />
 | |
|                 <FooterLink to="/contact" children={ lang.footer.links.contact } />
 | |
|                 <FooterLink to="/legal/privacy" children={ lang.footer.links.privacy } />
 | |
|               </nav>
 | |
| 
 | |
|               <div className="c-footer__copyright">
 | |
|                 © { new Date(SITE_LAUNCH_TIMESTAMP).getFullYear() }
 | |
|                 ~
 | |
|                 { new Date().getFullYear() } Dominic Masters
 | |
|               </div>
 | |
|             </ContentBox>
 | |
|           </PageBoundary>
 | |
|         </ImageSection>
 | |
|       </footer>
 | |
|     );
 | |
|   }
 | |
| }
 | |
| 
 | |
| export default withLanguage(Footer);
 |