added kuvakaruselli to in english page with some decent photos

This commit is contained in:
Toni L
2021-02-26 23:20:34 +02:00
parent ce733edf84
commit cecd8b7dd9
7 changed files with 70 additions and 0 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 94 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 166 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 204 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 242 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 135 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 150 KiB

@@ -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<InEnglishPageViewProps> = ({ events, feed }) =
</div>
</div>
</TextSection>
<CTASection
bgColor="lightTurquoise"
link="https://sik.kuvat.fi/"
linkText="Photo gallery&nbsp;"
>
Photos from events.
</CTASection>
<Gallery>
<CrossFadeImages
presentationTime={5}
fadeTime={1}
images={[
"/img/carousel_images/in_english/haalarigaala-jani-mannonen-1.jpg",
"/img/carousel_images/in_english/ulkoexcursio1-kiia-einola-3.jpg",
"/img/carousel_images/in_english/international-sitsit-jani-mannonen-8.jpg",
"/img/carousel_images/in_english/Kaukkarit-2020-Elias-Hirvonen-44.jpg",
"/img/carousel_images/in_english/koydenveto-jani-mannonen-miika-koskela-4.jpg",
"/img/carousel_images/in_english/ulkoexcursio-kiia-einola-16.jpg",
]}
width={400}
height={400}
/>
<CrossFadeImages
presentationTime={5}
fadeTime={1}
images={[
"/img/carousel_images/in_english/haalarigaala-jani-mannonen-1.jpg",
"/img/carousel_images/in_english/ulkoexcursio1-kiia-einola-3.jpg",
"/img/carousel_images/in_english/international-sitsit-jani-mannonen-8.jpg",
"/img/carousel_images/in_english/Kaukkarit-2020-Elias-Hirvonen-44.jpg",
"/img/carousel_images/in_english/koydenveto-jani-mannonen-miika-koskela-4.jpg",
"/img/carousel_images/in_english/ulkoexcursio-kiia-einola-16.jpg",
]}
width={400}
height={400}
/>
<CrossFadeImages
presentationTime={5}
fadeTime={1}
images={[
"/img/carousel_images/in_english/haalarigaala-jani-mannonen-1.jpg",
"/img/carousel_images/in_english/ulkoexcursio1-kiia-einola-3.jpg",
"/img/carousel_images/in_english/international-sitsit-jani-mannonen-8.jpg",
"/img/carousel_images/in_english/Kaukkarit-2020-Elias-Hirvonen-44.jpg",
"/img/carousel_images/in_english/koydenveto-jani-mannonen-miika-koskela-4.jpg",
"/img/carousel_images/in_english/ulkoexcursio-kiia-einola-16.jpg",
]}
width={400}
height={400}
/>
</Gallery>
<TextSection>
<h3 id="activities">Corporate events and counterbalance for studies</h3>
<div>