added kuvakaruselli to in english page with some decent photos
This commit is contained in:
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 ›"
|
||||
>
|
||||
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>
|
||||
|
||||
Reference in New Issue
Block a user