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

Cleaned code

Browse Source
This commit is contained in:
Dominic Masters
2018-06-27 12:39:30 +10:00
parent 345b1557dd
commit a7e546ea64
1 changed files with 48 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
public/page/about/sections/ExistingWorkSection.jsx
View File

@ -41,38 +41,53 @@ import Window95, {
const ExistingWorkFrame = (props) => {
let fakeURL = props.href;
if(!fakeURL.startsWith("http")) {
fakeURL = "https:" + fakeURL;
fakeURL = window.location.protocol + fakeURL;
}
return (
<ElementScrollFader from={props.from}>
<Window95>
<TitleBar buttons={[
<Minimize key="Minimize" disabled />,
<Close key="close" disabled />
]}>
{ props.title }
</TitleBar>
<SplitSection align="center">
<Split padded>
<ElementScrollFader from={props.fromLeft}>
<Window95>
<TitleBar buttons={[
<Minimize key="Minimize" disabled />,
<Close key="close" disabled />
]}>
{ props.title }
</TitleBar>
<MenuBar>
<MenuOption title="File" disabled />
<MenuOption title="Visit Page" href={ props.href } target="_blank" />
</MenuBar>
<MenuBar>
<MenuOption title="File" disabled />
<MenuOption title="Visit Page" href={ props.href } target="_blank" />
</MenuBar>
<AddressBar href={fakeURL} />
<Frame>
<a href={ props.href} target="_blank" className="p-about-page__work-link">
<Image
src={props.src}
alt={props.title}
className="p-about-page__work-link-image"
/>
</a>
</Frame>
</Window95>
</ElementScrollFader>
<AddressBar href={fakeURL} />
<Frame>
<a href={ props.href} target="_blank" className="p-about-page__work-link">
<Image
src={props.src}
alt={props.title}
className="p-about-page__work-link-image"
/>
</a>
</Frame>
</Window95>
</ElementScrollFader>
</Split>
<Split padded>
<ElementScrollFader from={ props.fromRight }>
<ContentBox box>
<Heading1>{ props.title }</Heading1>
{ props.description }
</ContentBox>
</ElementScrollFader>
</Split>
</SplitSection>
);
};
export default (props) => {
return (
<Section className="p-about-page__promo p-about-page__promo-work">
@ -94,27 +109,14 @@ export default (props) => {
<PageBoundary>
{/* KOPA */}
<SplitSection align="center">
<Split padded>
<ExistingWorkFrame
title="KOPA Life"
href="//www.kopalife.com/product/kube-customise"
from="top"
src={ require('./../../../images/work-showcase/kopalife.png') }
/>
</Split>
<Split padded>
<ElementScrollFader from="bottom">
<ContentBox box>
<Heading1>{ Language.get("pages.about.work.kopa.heading") }</Heading1>
{ Language.get("pages.about.work.kopa.description") }
</ContentBox>
</ElementScrollFader>
</Split>
</SplitSection>
<ExistingWorkFrame
href="//www.kopalife.com/product/kube-customise"
fromLeft="top"
fromRight="bottom"
src={ require('./../../../images/work-showcase/kopalife.png') }
title={ Language.get("pages.about.work.kopa.heading") }
description={ Language.get("pages.about.work.kopa.description") }
/>
</PageBoundary>
</Section>
);