YourWishes/domsPlace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Switched background image SVGs into regular images, made logo go over the top of the menu on mobile.

Browse Source
This commit is contained in:
Dominic Masters
2018-08-14 21:09:17 +10:00
parent 550cf15e76
commit 2235fe3983
10 changed files with 76 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
public/page/home/sections/BannerSection.jsx
View File

@ -33,13 +33,12 @@ import ElementScrollFader from './../../../animation/fade/ElementScrollFader';
export default (props) => {
return (
<ImageSection
className="p-home-page__banner"
src={ require('./../../../images/banners/about/glasses.svg') }
alt="domsPlace"
width="2400"
height="1200"
test="true"
loadable
due
>
<PageBoundary full>
<FloatingContentBox position="middle center" size="large" className="u-text-center">

11
public/page/home/sections/ExistingWorkSection.jsx
View File

@ -24,7 +24,7 @@
import React from 'react';
import Language from './../../../language/Language';
import { PageBoundary } from './../../Page';
import Section, { SplitSection, Split, ClearSection } from './../../../section/Section';
import { ImageSection, SplitSection, Split, ClearSection } from './../../../section/Section';
import ContentBox from './../../../content/ContentBox';
import { Title, Subtitle, Paragraph, Heading1, Heading2 } from './../../../typography/Typography';
import { Button } from './../../../input/Input';
@ -111,7 +111,12 @@ const ExistingWorkFrame = (props) => {
export default (props) => {
return (
<Section className="p-home-page__promo p-home-page__promo-work">
<ImageSection
className="p-home-page__promo p-home-page__promo-work"
src={ require('./../../../images/patterns/arcade.svg') }
loadable
background
>
{/* Title */}
<PageBoundary small>
<ElementScrollFader from="left">
@ -176,6 +181,6 @@ export default (props) => {
<ClearSection />{/* Space a bit */}
</PageBoundary>
</Section>
</ImageSection>
);
}

13
public/page/home/sections/PlatformsSection.jsx
View File

@ -24,7 +24,7 @@
import React from 'react';
import Language from './../../../language/Language';
import { PageBoundary } from './../../Page';
import Section, { ImageSection, VideoSection, SplitSection, Split } from './../../../section/Section';
import { ImageSection, SplitSection, Split } from './../../../section/Section';
import FloatingContentBox from './../../../content/FloatingContentBox';
import ContentBox from './../../../content/ContentBox';
import Image from './../../../image/Image';
@ -34,7 +34,7 @@ import ElementScrollFader from './../../../animation/fade/ElementScrollFader';
const Platform = (props) => {
let children;
let image = <Image src={props.src} loadable className="p-home-page__brands-image" />;
let image = <Image src={props.src} loadable className="p-home-page__brands-image" width="96" height="96" />;
if(props.to) {
children = (
@ -55,7 +55,12 @@ const Platform = (props) => {
export default (props) => {
return (
<Section className="p-home-page__promo p-home-page__promo-platforms">
<ImageSection
className="p-home-page__promo p-home-page__promo-platforms"
src={ require('./../../../images/patterns/game-show.svg') }
loadable
background
>
<PageBoundary>
<ElementScrollFader from="left">
<Title className="u-text-center p-home-page__brands-title">
@ -184,6 +189,6 @@ export default (props) => {
</Subtitle>
</ElementScrollFader>
</PageBoundary>
</Section>
</ImageSection>
);
}

11
public/page/home/sections/ProgrammingSection.jsx
View File

@ -25,14 +25,19 @@ import React from 'react';
import { connect } from 'react-redux';
import Language from './../../../language/Language';
import { PageBoundary } from './../../Page';
import Section from './../../../section/Section';
import { ImageSection } from './../../../section/Section';
import ContentBox from './../../../content/ContentBox';
import { Title, Paragraph, Heading1 } from './../../../typography/Typography';
import ElementScrollFader from './../../../animation/fade/ElementScrollFader';
export default (props) => {
return (
<Section className="p-home-page__promo p-home-page__promo-programming">
<ImageSection
className="p-home-page__promo p-home-page__promo-programming"
src={ require('./../../../images/patterns/rhythm-heaven.svg') }
loadable
background
>
<PageBoundary small>
<ElementScrollFader from="bottom">
<ContentBox box>
@ -43,6 +48,6 @@ export default (props) => {
</ContentBox>
</ElementScrollFader>
</PageBoundary>
</Section>
</ImageSection>
);
}