Skip to content

Commit 42bf016

Browse files
author
Jeroen van Steijn
committed
Update content
1 parent 1272201 commit 42bf016

File tree

11 files changed

+66
-54
lines changed

11 files changed

+66
-54
lines changed

‎src/containers/ContentBlocks/ContentBlocks.components.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ export const TextAndImageBase = styled.div`
2727

2828
export const ImageWrapper = styled.figure`
2929
grid-area: ${props => props.pos};
30-
30+
width: ${props => (props.small ? '70%' : '100%')};
3131
margin: 1em 1em;
3232
@media (${mediaQueryMin.sm}) {
3333
margin: 5em 0;

‎src/containers/ContentBlocks/ContentBlocks.jsx‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,7 @@ export const TextAndImage = ({
2121
children,
2222
img,
2323
alt,
24+
small,
2425
reverse,
2526
fluid,
2627
padded,
@@ -70,6 +71,7 @@ export const TextAndImage = ({
7071
fluid={fluid}
7172
translate={getImgPos().translate}
7273
pos={getImgPos().pos}
74+
small={small}
7375
>
7476
<img src={img} alt={alt} />
7577
</ImageWrapper>
@@ -97,12 +99,14 @@ TextAndImage.propTypes = {
9799
alt: PropTypes.string.isRequired,
98100
reverse: PropTypes.bool,
99101
fluid: PropTypes.bool,
102+
small: PropTypes.bool,
100103
padded: PropTypes.bool,
101104
};
102105

103106
TextAndImage.defaultProps = {
104107
reverse: false,
105108
fluid: false,
109+
small: false,
106110
padded: false,
107111
};
108112

@@ -143,7 +147,7 @@ const TextBlockContainer = styled.div`
143147
const NumbersContainer = styled.div`
144148
display: grid;
145149
grid-template-columns: 1fr;
146-
150+
margin: 30px;
147151
justify-content: center;
148152
z-index: 1;
149153
position: relative;

‎src/containers/Credits/Credits.components.jsx‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,9 @@ export const CreditItemWithLinks = ({ title, credits, links }) => (
6363
<>
6464
<CreditText>{credit}</CreditText>
6565
<CreditText>
66-
<ArrowButton href={links[index]}>Ga naar pagina</ArrowButton>
66+
<ArrowButton href={links[index]}>
67+
Ga naar pagina
68+
</ArrowButton>
6769
</CreditText>
6870
</>
6971
))}

‎src/images/img/cases/fantescy/thumbnail.png‎

611 KB
Loading

‎src/images/img/cases/mooiwerk/home.png‎

-64.9 KB
Loading

‎src/images/img/cases/styr/allocator.png‎

52.1 KB
Loading

‎src/images/img/cases/styr/model.png‎

-170 KB
Loading

‎src/pages/case/fantescy.jsx‎

Lines changed: 19 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ const playStoreUrl =
2323
'https://play.google.com/store/apps/details?id=com.fantescyprod';
2424

2525
const dawny = require('../../images/img/cases/dawny/usecase.png');
26-
const coteetciel = require('../../images/img/cases/cote-et-ciel/homepage.png');
26+
const youngpwr = require('../../images/img/cases/youngpwr/case-youngpwr-teamfoto.png');
2727
const sungevity = require('../../images/img/cases/sungevity/header.jpg');
2828

2929
const creditsColumnOne = [
@@ -92,7 +92,7 @@ const Case = () => (
9292
gebruikers, als een “fantasy” spel.
9393
</p>
9494
</Introduction>
95-
<TextAndImage img={research} alt="Marktonderzoek" padded>
95+
<TextAndImage img={research} alt="Marktonderzoek" reverse>
9696
<p className="subtitle">Research</p>
9797
<h2>Strategie</h2>
9898
<p className="big">
@@ -107,7 +107,7 @@ const Case = () => (
107107
</TextAndImage>
108108
</Section>
109109
<Section>
110-
<TextAndImage img={payment} alt="Betalingen in de app" reverse>
110+
<TextAndImage small img={payment} alt="Betalingen in de app">
111111
<p className="subtitle">Development</p>
112112
<h2>Berekeningen en betalingen</h2>
113113
<p className="big">
@@ -118,7 +118,13 @@ const Case = () => (
118118
en stabiele manier om in-app payments mogelijk te maken.
119119
</p>
120120
</TextAndImage>
121-
<TextAndImage img={userexperience} alt="Gebruikservaring">
121+
<TextAndImage
122+
small
123+
img={userexperience}
124+
alt="Gebruikservaring"
125+
reverse
126+
>
127+
<p className="subtitle">User Experience</p>
122128
<h2>Een betere gebruikservaring</h2>
123129
<p className="big">
124130
Om de app snel en gemakkelijk te kunnen delen hebben we
@@ -139,19 +145,19 @@ const Case = () => (
139145
/>
140146
<Introduction>
141147
<p className="subtitle">Download de app</p>
142-
<h2>
148+
<h3>
143149
FantESCy is te downloaden via de{' '}
144-
<a href={appStoreUrl}>App Store</a> of{' '}
145-
<a href={playStoreUrl}>Play Store</a>.
146-
</h2>
150+
<a href={appStoreUrl}>Apple App Store</a> of{' '}
151+
<a href={playStoreUrl}>Google Play Store</a>.
152+
</h3>
147153
</Introduction>
148154
</Section>
149155
<Credits
150156
columnTwo={creditsColumnTwo}
151157
resourceLinks={[url]}
152158
resources={['FantESCy Website']}
153159
columnOne={creditsColumnOne}
154-
special={['FantESCy']}
160+
special={['Levent Akkaya']}
155161
/>
156162
<Gallery padded sm={33}>
157163
<PostThumbnail
@@ -161,10 +167,10 @@ const Case = () => (
161167
postImageUrl={dawny}
162168
/>
163169
<PostThumbnail
164-
title="Hoge kwaliteit rugtassen"
165-
category="côte&ciel"
166-
slug="/case/cote-et-ciel"
167-
postImageUrl={coteetciel}
170+
title="Platform voor jong ondernemen"
171+
category="youngpwr"
172+
slug="/case/youngpwr"
173+
postImageUrl={youngpwr}
168174
/>
169175
<PostThumbnail
170176
title="Een digitale omgeving voor zonnepanelen op huurdaken"

‎src/pages/case/youngpwr.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ const coteetciel = require('../../images/img/cases/cote-et-ciel/homepage.png');
2424
const sungevity = require('../../images/img/cases/sungevity/header.jpg');
2525

2626
const pageSettings = {
27-
title: 'Platform voor en door jongeren',
27+
title: 'Platform voor jong ondernemen',
2828
client: 'youngpwr',
2929
clientBio: '', // TODO: add client bio
3030
description:

‎src/pages/cases.jsx‎

Lines changed: 32 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import React from 'react';
22
import Layout from '../layouts/MainLayout';
33
import Container from '../containers/Container';
44
import Gallery from '../containers/Gallery';
5-
5+
import TextBlock from '../containers/TextBlock/TextBlock';
66
import PostThumbnail from '../containers/Thumbnails/PostThumbnail';
77

88
const pageSettings = {
@@ -12,75 +12,71 @@ const pageSettings = {
1212
keywords: 'cases',
1313
};
1414

15-
const styr = require('../images/img/cases/styr/login.png');
15+
const styr = require('../images/img/cases/styr/allocator.png');
1616
const breda = require('../images/img/cases/breda-actief/featured.svg');
1717
const mooiwerk = require('../images/img/cases/mooiwerk/home.png');
1818
const coteetciel = require('../images/img/cases/cote-et-ciel/homepage.png');
1919
const dawny = require('../images/img/cases/dawny/usecase.png');
2020
const sungevity = require('../images/img/cases/sungevity/header.jpg');
2121
const youngpwr = require('../images/img/cases/youngpwr/case-youngpwr-teamfoto.png');
22-
const fantescy = require('../images/img/cases/fantescy/header.png');
22+
const fantescy = require('../images/img/cases/fantescy/thumbnail.png');
2323

2424
const Cases = () => (
2525
<Layout padded pageSettings={pageSettings}>
2626
<Container>
27-
<h1>Ons werk</h1>
28-
<Gallery>
27+
<TextBlock title="Onze recente projecten" subtitle="Cases" />
28+
<Gallery sm={33}>
2929
<PostThumbnail
30-
big
3130
slug="/case/youngpwr"
32-
title="Platform voor en door jongeren"
31+
title="Platform voor jong ondernemen"
3332
postImageUrl={youngpwr}
3433
category="Youngpwr"
3534
/>
36-
</Gallery>
37-
<Gallery padded sm={33}>
3835
<PostThumbnail
39-
title="Een digitale omgeving voor zonnepanelen op huurdaken"
40-
category="Sungevity"
41-
slug="/case/sungevity"
42-
postImageUrl={sungevity}
43-
/>
44-
<PostThumbnail
45-
title="Hoge kwaliteit rugtassen"
46-
category="côte&ciel"
47-
slug="/case/cote-et-ciel"
48-
postImageUrl={coteetciel}
36+
slug="/case/fantescy"
37+
title="Interactieve app voor Songfestival fans"
38+
postImageUrl={fantescy}
39+
category="Fantescy"
4940
/>
5041
<PostThumbnail
51-
title="Valpreventie voor ouderen"
42+
title="Veilig ouder worden door valpreventie"
5243
category="Reinier de Graaf ziekenhuis"
5344
slug="/case/dawny"
5445
postImageUrl={dawny}
5546
/>
5647
</Gallery>
57-
<Gallery>
48+
<Gallery sm={33}>
5849
<PostThumbnail
59-
title="Modern functiewaarderingsplatform"
60-
category="STYR"
61-
slug="/case/styr"
62-
postImageUrl={styr}
63-
big
50+
title="Webshop met designer backpacks"
51+
category="côte&ciel"
52+
slug="/case/cote-et-ciel"
53+
postImageUrl={coteetciel}
54+
/>
55+
<PostThumbnail
56+
title="Brengt Breda in beweging!"
57+
category="Breda Actief"
58+
slug="/case/breda-actief"
59+
postImageUrl={breda}
6460
/>
65-
</Gallery>
66-
<Gallery padded sm={33}>
6761
<PostThumbnail
6862
title="Brengt Breda dichter bij elkaar"
6963
category="Mooiwerk Breda"
7064
slug="/case/mooiwerk"
7165
postImageUrl={mooiwerk}
7266
/>
67+
</Gallery>
68+
<Gallery sm={33}>
7369
<PostThumbnail
74-
slug="/case/fantescy"
75-
title="Spel voor Songfestival fans"
76-
postImageUrl={fantescy}
77-
category="Fantescy"
70+
title="Een digitale omgeving voor zonnepanelen op huurdaken"
71+
category="Sungevity"
72+
slug="/case/sungevity"
73+
postImageUrl={sungevity}
7874
/>
7975
<PostThumbnail
80-
title="Brengt Breda in beweging!"
81-
category="Breda Actief"
82-
slug="/case/breda-actief"
83-
postImageUrl={breda}
76+
title="Modern functiewaarderingsplatform"
77+
category="STYR"
78+
slug="/case/styr"
79+
postImageUrl={styr}
8480
/>
8581
</Gallery>
8682
</Container>

0 commit comments

Comments
 (0)