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

Starting to add content to about page

Browse Source
This commit is contained in:
Dominic Masters
2018-06-19 18:08:49 +10:00
parent 64fe8e76c8
commit 275e5ddbfa
5 changed files with 2606 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
public/page/about/AboutPage.jsx
View File

@ -51,9 +51,10 @@ const AboutPage = (props) => {
</ImageSection>
{ /* Promo Video */ }
<Section className="p-about-page__promo-video">
<Section className="p-about-page__promo p-about-page__promo-video">
<PageBoundary>
<SplitSection align="center">
<Split className="u-text-center" padded>
<ElementScrollFader>
<Video
@ -61,7 +62,7 @@ const AboutPage = (props) => {
mp4={ require('./../../videos/bunny/big_buck_bunny.mp4') }
controls
/>
</ElementScrollFader>
</ElementScrollFader>
</Split>
<Split className="u-text-center" padded>
@ -76,9 +77,56 @@ const AboutPage = (props) => {
</ContentBox>
</ElementScrollFader>
</Split>
</SplitSection>
</PageBoundary>
</Section>
{/* Programming */}
<Section className="p-about-page__promo p-about-page__promo-programming">
<PageBoundary small>
<ElementScrollFader from="bottom">
<ContentBox box>
<Title className="u-text-center">
{ Language.get("pages.about.programming.heading") }
</Title>
<Paragraph>
{ Language.get("pages.about.programming.paragraph") }
</Paragraph>
</ContentBox>
</ElementScrollFader>
</PageBoundary>
</Section>
{/* Systems Admin */}
<Section className="p-about-page__promo p-about-page__promo-admin">
<PageBoundary>
<SplitSection align="center">
<Split className="u-text-center" padded>
<ElementScrollFader from="left">
<Video
image={ require('./../../videos/bunny/big_buck_bunny.jpg') }
mp4={ require('./../../videos/bunny/big_buck_bunny.mp4') }
controls
/>
</ElementScrollFader>
</Split>
<Split padded>
<ElementScrollFader from="right">
<ContentBox box>
<Title>
{ Language.get("pages.about.admin.heading") }
</Title>
{ Language.get("pages.about.admin.paragraph") }
</ContentBox>
</ElementScrollFader>
</Split>
</SplitSection>
</PageBoundary>
</Section>
{/* Media */}
</Page>
);
}