diff --git a/assets/styles/base/type.scss b/assets/styles/base/type.scss index db8e1ab..f032446 100644 --- a/assets/styles/base/type.scss +++ b/assets/styles/base/type.scss @@ -36,6 +36,11 @@ strong { letter-spacing: 4px; line-height: 1.1; transition: font-size 0.2s ease, letter-spacing 0.2s ease; + background-repeat: no-repeat; + background-position: top center; + background-size: cover; + -webkit-text-fill-color: transparent; + -webkit-background-clip: text; @media (min-width: $desktop) { font-size: calculateRem(68); diff --git a/components/browseArchives/index.js b/components/browseArchives/index.js index 11ecc0c..0dccf47 100644 --- a/components/browseArchives/index.js +++ b/components/browseArchives/index.js @@ -1,5 +1,6 @@ import React from 'react'; import _ from 'lodash'; +import getConfig from 'next/config'; import RelatedInterviewsList from '../interviews/relatedInterviewsList'; import InterviewsList from '../interviews/interviewsList'; import SingleInterview from '../interviews/singleInterview'; @@ -10,6 +11,8 @@ import SearchResults from '../searchResults'; import { InterviewsData, Questions } from '../../data/archives/interviews'; import './style.scss'; +const { publicRuntimeConfig } = getConfig(); + class BrowseArchives extends React.Component { constructor(props) { super(props); diff --git a/components/pageHeader/index.js b/components/pageHeader/index.js index b2b3dd4..9aa309b 100644 --- a/components/pageHeader/index.js +++ b/components/pageHeader/index.js @@ -13,7 +13,9 @@ const PageHeader = () => ( Browse Archives ETHPrize logo -

Eth Report 2018

+

+ Eth Report 2018 +

We’ve interviewed 100+ developers to showcase the biggest opportunities in the Ethereum ecosystem diff --git a/components/resources/index.js b/components/resources/index.js index b939e61..b30e986 100644 --- a/components/resources/index.js +++ b/components/resources/index.js @@ -1,11 +1,14 @@ import React from 'react'; import Parser from 'html-react-parser'; import Slider from 'react-slick'; +import getConfig from 'next/config'; import Modal from '../modal'; import WordCloud from '../wordCloud'; import Data from '../../data/resources/wordclouds'; import './style.scss'; +const { publicRuntimeConfig } = getConfig(); + class Resources extends React.Component { constructor(props) { super(props); @@ -55,7 +58,9 @@ class Resources extends React.Component { return (

-

Resources

+

+ Resources +

{ Data.map((wordCloud, index) => diff --git a/components/searchBar/index.js b/components/searchBar/index.js index 8ef79b8..990a169 100644 --- a/components/searchBar/index.js +++ b/components/searchBar/index.js @@ -8,7 +8,9 @@ const { publicRuntimeConfig } = getConfig(); const SearchBar = props => (
-

Archives

+

+ Archives +