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

Built out kopalife featured work

Browse Source
This commit is contained in:
Dominic Masters
2018-06-27 08:28:05 +10:00
parent 7a5b26bb23
commit 345b1557dd
2 changed files with 53 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
public/language/en-AU.jsx
View File

@ -52,7 +52,26 @@ module.exports = {
}, },
"work": { "work": {
"heading": "Some of my work", "heading": "Some of my work",
"paragraph": "Interested to see what I can do? Check out some of my personal favourite projects that I have built!" "paragraph": "Interested to see what I can do? Check out some of my personal favourite projects that I have built!",
"kopa": {
"heading": "KOPA Life",
"description": () => { return (
<Fragment>
<p>
KOPA Life is a modern modular furniture designer in Australia.
Since 2016 they have created many modern design pieces, including
their signature KUBE, a modular couch available in removable and
attachable components.
</p>
<p>
The website features a modern minimalistic design, with a focus
on great imagery, and a fully fledged in-site 3D Couch builder,
which allows you to design your perfect couch and hit one button
to purchase the couch you've designed.
</p>
</Fragment>
); }
}
}, },
"admin": { "admin": {
"heading": "Systems Admin", "heading": "Systems Admin",

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

@ -44,30 +44,32 @@ const ExistingWorkFrame = (props) => {
fakeURL = "https:" + fakeURL; fakeURL = "https:" + fakeURL;
} }
return ( return (
<Window95> <ElementScrollFader from={props.from}>
<TitleBar buttons={[ <Window95>
<Minimize key="Minimize" disabled />, <TitleBar buttons={[
<Close key="close" disabled /> <Minimize key="Minimize" disabled />,
]}> <Close key="close" disabled />
{ props.title } ]}>
</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>
); );
}; };
@ -78,7 +80,7 @@ export default (props) => {
<PageBoundary small> <PageBoundary small>
<ElementScrollFader from="left"> <ElementScrollFader from="left">
<ContentBox box> <ContentBox box>
<Title> <Title className="u-text-center">
{ Language.get("pages.about.work.heading") } { Language.get("pages.about.work.heading") }
</Title> </Title>
<Paragraph> <Paragraph>
@ -96,12 +98,19 @@ export default (props) => {
<Split padded> <Split padded>
<ExistingWorkFrame <ExistingWorkFrame
title="KOPA Life" title="KOPA Life"
href="//www.kopalife.com" href="//www.kopalife.com/product/kube-customise"
from="top"
src={ require('./../../../images/work-showcase/kopalife.png') } src={ require('./../../../images/work-showcase/kopalife.png') }
/> />
</Split> </Split>
<Split padded> <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> </Split>
</SplitSection> </SplitSection>