diff --git a/public/img/carousel_images/in_english/Kaukkarit-2020-Elias-Hirvonen-44.jpg b/public/img/carousel_images/in_english/Kaukkarit-2020-Elias-Hirvonen-44.jpg new file mode 100644 index 0000000..395eb70 Binary files /dev/null and b/public/img/carousel_images/in_english/Kaukkarit-2020-Elias-Hirvonen-44.jpg differ diff --git a/public/img/carousel_images/in_english/haalarigaala-jani-mannonen-1.jpg b/public/img/carousel_images/in_english/haalarigaala-jani-mannonen-1.jpg new file mode 100644 index 0000000..598532a Binary files /dev/null and b/public/img/carousel_images/in_english/haalarigaala-jani-mannonen-1.jpg differ diff --git a/public/img/carousel_images/in_english/international-sitsit-jani-mannonen-8.jpg b/public/img/carousel_images/in_english/international-sitsit-jani-mannonen-8.jpg new file mode 100644 index 0000000..98a1599 Binary files /dev/null and b/public/img/carousel_images/in_english/international-sitsit-jani-mannonen-8.jpg differ diff --git a/public/img/carousel_images/in_english/koydenveto-jani-mannonen-miika-koskela-4.jpg b/public/img/carousel_images/in_english/koydenveto-jani-mannonen-miika-koskela-4.jpg new file mode 100644 index 0000000..942ab0b Binary files /dev/null and b/public/img/carousel_images/in_english/koydenveto-jani-mannonen-miika-koskela-4.jpg differ diff --git a/public/img/carousel_images/in_english/ulkoexcursio-kiia-einola-16.jpg b/public/img/carousel_images/in_english/ulkoexcursio-kiia-einola-16.jpg new file mode 100644 index 0000000..15bfa8b Binary files /dev/null and b/public/img/carousel_images/in_english/ulkoexcursio-kiia-einola-16.jpg differ diff --git a/public/img/carousel_images/in_english/ulkoexcursio1-kiia-einola-3.jpg b/public/img/carousel_images/in_english/ulkoexcursio1-kiia-einola-3.jpg new file mode 100644 index 0000000..e1961a8 Binary files /dev/null and b/public/img/carousel_images/in_english/ulkoexcursio1-kiia-einola-3.jpg differ diff --git a/src/views/InEnglishPage/InEnglishPageView.tsx b/src/views/InEnglishPage/InEnglishPageView.tsx index e1c4a80..d1e62a7 100644 --- a/src/views/InEnglishPage/InEnglishPageView.tsx +++ b/src/views/InEnglishPage/InEnglishPageView.tsx @@ -1,7 +1,10 @@ import React from "react"; +import breakpoints from "@theme/breakpoints"; +import styled from "styled-components"; import { Card, CardSection, + CrossFadeImages, CTASection, Link, PageLink, @@ -12,6 +15,22 @@ import { Post } from "@models/Feed"; import noop from "@utils/noop"; import InEnglishPageHero from "./InEnglishPageHero"; +const Gallery = styled.div` + display: flex; + flex-flow: row nowrap; + + @media screen and (max-width: ${breakpoints.mobile}) { + flex-flow: column; + & > div { + min-height: 100vw; + } + } + + & > div { + flex: 1 0; + } +`; + interface InEnglishPageViewProps { events: Event[]; feed: Post[]; @@ -39,6 +58,57 @@ const InEnglishPageView: React.FC = ({ events, feed }) = + + Photos from events. + + + + + +

Corporate events and counterbalance for studies