23 lines
1.6 KiB
JavaScript
23 lines
1.6 KiB
JavaScript
import React from 'react';
|
|
import { useTheme } from '../ThemeContext';
|
|
import './Footer.css';
|
|
import { getString } from '../Language/LanguageStrings'
|
|
|
|
|
|
const Footer = () => {
|
|
const { theme } = useTheme();
|
|
|
|
return (
|
|
<footer className={`bg-${theme} text-center text-lg-start text-${theme}`}>
|
|
<div className="container-fluid">
|
|
<span className="small">{getString('footer_madewith')}: <a className={`link-${theme}`} href="https://reactjs.org/" target="_blank" rel="noopener noreferrer">React</a>, <a className={`link-${theme}`} href="https://fsharp.org/" target="_blank" rel="noopener noreferrer">F#</a>, <a className={`link-${theme}`} href="https://github.com/giraffe-fsharp/Giraffe" target="_blank" rel="noopener noreferrer">Giraffe</a>, <a className={`link-${theme}`} href="https://getbootstrap.com/" target="_blank" rel="noopener noreferrer">Bootstrap</a>, <a className={`link-${theme}`} href="https://www.nginx.com/" target="_blank" rel="noopener noreferrer">Nginx</a> {getString('and')} <a className={`link-${theme}`} href="https://www.docker.com/" target="_blank" rel="noopener noreferrer">Docker</a> {getString('on')} <a className={`link-${theme}`} href="https://www.strato.nl/server/vps-linux/" target="_blank" rel="noopener noreferrer">Strato</a> VPS.</span>
|
|
<br />
|
|
<span className="small">{getString('footer_contentparsed')}: <a className={`link-${theme}`} href="https://github.com/quantizor/markdown-to-jsx" target="_blank" rel="noopener noreferrer">markdown-to-jsx</a></span>
|
|
<br /><br />
|
|
</div>
|
|
</footer>
|
|
)
|
|
}
|
|
|
|
export default Footer;
|