Commit d6766565 authored by Eugen Rochko's avatar Eugen Rochko

Add legal imprint

parent 29898ecd
......@@ -7,6 +7,7 @@ import classNames from 'classnames';
import Home from './Home';
import Sponsorship from './Sponsorship';
import Imprint from './Imprint';
import ScrollToTop from './ScrollToTop';
import Title from './Title';
......@@ -37,6 +38,7 @@ const App = ({ usersLocale }) => (
<div className={classNames('app', `lang-${usersLocale}`)}>
<Route exact path='/' component={Home} />
<Route path='/sponsors' component={Sponsorship} />
<Route path='/imprint' component={Imprint} />
<Title />
</div>
</ScrollToTop>
......
......@@ -2,6 +2,8 @@ import React from 'react';
import { Link } from 'react-router-dom';
import { FormattedMessage } from 'react-intl';
import Legal from './Legal';
const Credits = () => (
<div className='credits' id='credits'>
<div className='container row optional-row'>
......@@ -27,6 +29,8 @@ const Credits = () => (
<div><div className='color-swatch color-4'>#2b90d9</div></div>
</div>
</div>
<Legal />
</div>
);
......
import React from 'react';
import Navigation from './Navigation';
// This page does not require translations
const Imprint = () => (
<div className='sponsorship imprint' id='imprint'>
<div className='intro'>
<Navigation />
<div className='text'>
<h2>Imprint</h2>
<p className='lead'>For the pages under joinmastodon.org and its subdomains:</p>
</div>
</div>
<div className='container' style={{ marginTop: 40, display: 'flex', justifyContent: 'center' }}>
<p style={{ flex: '0 0 auto' }}>
Eugen Rochko
<br />
c/o Postflex #92
<br />
Helmers Kamp 74
<br />
48249 Dülmen
<br />
Germany
<br />
E-mail: hello@joinmastodon.org
<br />
VAT ID: DE316095554
</p>
</div>
</div>
);
export default Imprint;
import React from 'react';
import { FormattedMessage } from 'react-intl';
import { Link } from 'react-router-dom';
const Legal = () => (
<div className='container legal'>
<p>Mastodon · <Link to='/imprint'><FormattedMessage id='imprint' defaultMessage='Imprint' /></Link></p>
</div>
);
export default Legal;
......@@ -3,6 +3,7 @@ import { Scrollbars } from 'react-custom-scrollbars';
import { FormattedHTMLMessage as FormattedMessage } from 'react-intl';
import Navigation from './Navigation';
import Legal from './Legal';
import sponsorTootdon from './assets/sponsors/tootdon.png';
import sponsorKibousoft from './assets/sponsors/kibousoft.png';
......@@ -698,6 +699,8 @@ const Sponsorship = () => (
<p><FormattedMessage id='sponsorship.every_bit_helps' defaultMessage='Every little bit helps, and we appreciate all contributions.' /></p>
<a href='https://patreon.com/mastodon' className='cta button alt'><FormattedMessage id='sponsorship.become_a_sponsor' defaultMessage='Become a sponsor' /></a>
</div>
<Legal />
</div>
</div>
);
......
......@@ -688,6 +688,15 @@ $phi: 1.6180339887498948482;
}
}
.legal {
padding-top: 100px;
&,
a {
color: lighten($darkest, 30%);
}
}
@media only screen and (max-width: 460px) {
.navbar ul li.optional-link {
display: none;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment