BytecodeAgency
diff --git a/‎components/TeamMember.jsx‎
Lines changed: 5 additions & 3 deletions b/‎components/TeamMember.jsx‎
Lines changed: 5 additions & 3 deletions
diff --git a/‎pages/over.jsx‎
Lines changed: 19 additions & 1 deletion b/‎pages/over.jsx‎
Lines changed: 19 additions & 1 deletion
diff --git a/‎static/img/team/julian.png‎
219 KB b/‎static/img/team/julian.png‎
219 KB
diff --git a/‎static/img/team/nick.png‎
-57.8 KB b/‎static/img/team/nick.png‎
-57.8 KB
diff --git a/‎static/img/team/thomas.png‎
122 KB b/‎static/img/team/thomas.png‎
122 KB
@@ -55,9 +55,9 @@ const TeamMemberWrapper = styled.div`
 const TeamMemberPhoto = styled.figure`
     margin: 1rem;
     overflow: hidden;
-    width: 100%;
-    height: auto;
+    height: 30rem;
     transition: 0.5s;
+    position: relative;
 
     &::before {
         content: '';
@@ -78,6 +78,8 @@ const TeamMemberPhoto = styled.figure`
         font-size: 3em;
         color: ${theme.colors.green} !important;
         min-height: 5em;
+        height: 100%;
+        width: auto;
     }
 `;
 
@@ -101,7 +103,7 @@ const TeamMember = props => {
             xl={2}
         >
             <TeamMemberWrapper>
-                <TeamMemberPhoto>
+                <TeamMemberPhoto img={img}>
                     <img src={img} alt={getAltText(name, alt)} />
                 </TeamMemberPhoto>
                 <h4>{name}</h4>
 
@@ -90,6 +90,15 @@ const Over = () => (
                     instagram="https://www.instagram.com/lucianonooijen"
                     linkedin="https://www.linkedin.com/in/lucianonooijen"
                 />
+                <TeamMember
+                    name="Julian van Dijk"
+                    title="Full-stack developer"
+                    img="/static/img/team/julian.png"
+                    facebook="https://www.facebook.com/lucianonooijen"
+                    twitter="https://twitter.com/lucianonooijen"
+                    instagram="https://www.instagram.com/lucianonooijen"
+                    linkedin="https://www.linkedin.com/in/lucianonooijen"
+                />
                 <TeamMember
                     name="Richard van 't Hof"
                     title="Designer &amp; front-end developer"
@@ -99,9 +108,18 @@ const Over = () => (
                     instagram="https://www.instagram.com/richardvanthof"
                     linkedin="https://www.linkedin.com/in/richardvanthof"
                 />
+                <TeamMember
+                    name="Thomas Bodlaender"
+                    title="Sales accountmanager"
+                    img="/static/img/team/thomas.png"
+                    facebook="https://www.facebook.com/richardvanthof"
+                    twitter="https://twitter.com/richardvanthof"
+                    instagram="https://www.instagram.com/richardvanthof"
+                    linkedin="https://www.linkedin.com/in/richardvanthof"
+                />
                 <TeamMember
                     name="Nick Broekarts"
-                    title="Online Marketeer"
+                    title="Online marketeer &amp; SEO specialist"
                     img="/static/img/team/nick.png"
                     facebook="https://www.facebook.com/richardvanthof"
                     twitter="https://twitter.com/richardvanthof"