Commit 67216134 authored by Eugen Rochko's avatar Eugen Rochko

Fix Japanese font weight, fix fragment links, add another CTA after how it works

parent 2c114027
......@@ -14,6 +14,7 @@
"react-motion": "^0.4.7",
"react-redux": "^5.0.5",
"react-router-dom": "^4.0.0",
"react-router-hash-link": "^1.1.0",
"react-snapshot": "^1.1.0",
"redux": "^3.7.1",
"redux-thunk": "^2.2.0",
......
......@@ -3,6 +3,7 @@ import {
BrowserRouter as Router,
Route
} from 'react-router-dom';
import classNames from 'classnames';
import Home from './Home';
import Sponsorship from './Sponsorship';
......@@ -25,7 +26,7 @@ const App = ({ usersLocale }) => (
<IntlProvider locale={usersLocale} messages={messagesForLocale(usersLocale)}>
<Router>
<ScrollToTop>
<div className='app'>
<div className={classNames('app', `lang-${usersLocale}`)}>
<Route exact path='/' component={Home} />
<Route path='/sponsors' component={Sponsorship} />
</div>
......
import React from 'react';
import { FormattedHTMLMessage as FormattedMessage } from 'react-intl';
import { HashLink as Link } from 'react-router-hash-link';
import Features from './Features';
import Wizard from './WizardContainer';
......@@ -28,8 +29,8 @@ const Home = () => (
<h1><FormattedMessage id='home.headline' defaultMessage='Social networking, <strong>back in your hands</strong>' /></h1>
<p><FormattedMessage id='home.tagline' defaultMessage='The world’s largest free, open-source, decentralized microblogging network' /></p>
<a href='#getting-started' className='cta button'><FormattedMessage id='home.get_started' defaultMessage='Get started' /></a>
<a href='#how-it-works' className='cta button alt'><FormattedMessage id='home.how_it_works' defaultMessage='How it works' /></a>
<Link to='/#getting-started' className='cta button'><FormattedMessage id='home.get_started' defaultMessage='Get started' /></Link>
<Link to='/#how-it-works' className='cta button alt'><FormattedMessage id='home.how_it_works' defaultMessage='How it works' /></Link>
</div>
<div className='hero'>
......
import React from 'react';
import { FormattedMessage } from 'react-intl';
import { HashLink as Link } from 'react-router-hash-link';
import elephantGrid from './assets/instance_badges2.png';
......@@ -24,6 +25,8 @@ const HowItWorks = () => (
<h3><FormattedMessage id='how_it_works.why_its_cool' defaultMessage='Why is that cool?' /></h3>
<p><FormattedMessage id='how_it_works.why_its_cool_text' defaultMessage='Servers are run independently by different people and organizations. They can apply wildly different moderation policies, so you can find or make one that fits your taste perfectly. A decentralized network is harder for governments to censor. If one server goes bankrupt or starts acting unethically, the network persists so you never have to worry about migrating your friends and audience to a yet another platform again.' /></p>
</div>
<Link to='/#getting-started' className='cta button alt'><FormattedMessage id='home.get_started' defaultMessage='Get started' /></Link>
</div>
</div>
);
......
......@@ -6,10 +6,11 @@ import fuzzysearch from 'fuzzysearch';
const getInstances = createSelector(
[
state => state.locale,
state => state.searchValue,
state => state.instances,
],
(searchValue, instances) => {
(_, searchValue, instances) => {
searchValue = searchValue.toLowerCase();
return instances.filter(item => {
......
......@@ -385,6 +385,16 @@ $phi: 1.6180339887498948482;
}
}
.lang-ja {
.feature {
.text {
strong {
font-weight: 700;
}
}
}
}
.hero__floats {
position: absolute;
width: 100%;
......
......@@ -45,6 +45,10 @@
max-width: 100%;
}
}
.cta {
margin-top: 30px;
}
}
@media only screen and (max-width: 800px) {
......
......@@ -4855,7 +4855,7 @@ promise@7.1.1, promise@^7.1.1:
dependencies:
asap "~2.0.3"
prop-types@^15.5.10, prop-types@~15.5.0:
prop-types@^15.5.10, prop-types@^15.5.8, prop-types@~15.5.0:
version "15.5.10"
resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.5.10.tgz#2797dfc3126182e3a95e3dfbb2e893ddd7456154"
dependencies:
......@@ -5041,6 +5041,12 @@ react-router-dom@^4.0.0:
history "^4.5.1"
react-router "^4.0.0"
react-router-hash-link@^1.1.0:
version "1.1.0"
resolved "https://registry.yarnpkg.com/react-router-hash-link/-/react-router-hash-link-1.1.0.tgz#4c009c8bccb2d15dd15f00c0a91f94c6d627176a"
dependencies:
prop-types "^15.5.8"
react-router@^4.0.0:
version "4.0.0"
resolved "https://registry.yarnpkg.com/react-router/-/react-router-4.0.0.tgz#6532075231f0bb5077c2005c1d417ad6165b3997"
......
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