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