From 6f6c56cde74347968ff2efa9bc24fc44410d3d29 Mon Sep 17 00:00:00 2001
From: Bence Orosz <oroszbence0929@gmail.com>
Date: Sun, 6 Feb 2022 02:45:06 +0100
Subject: [PATCH] fix ident
---
app/src/components/OurTeam.css | 61 +--
app/src/components/OurTeam.js | 676 ++++++++++++++++-----------------
app/src/pages/index.module.css | 4 +-
app/src/pages/our-team.js | 22 +-
4 files changed, 384 insertions(+), 379 deletions(-)
diff --git a/app/src/components/OurTeam.css b/app/src/components/OurTeam.css
index 625c27a..1deb645 100644
--- a/app/src/components/OurTeam.css
+++ b/app/src/components/OurTeam.css
@@ -1,56 +1,59 @@
@import 'https://fonts.googleapis.com/css?family=PT+Sans:400,700';
body {
- margin: 0;
- padding: 0;
- width: 100%;
- height: 100vh;
- font-family: 'PT Sans', serif;
- font-size: 18px;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ height: 100vh;
+ font-family: 'PT Sans', serif;
+ font-size: 18px;
}
.tiles {
- /*padding: 6vh 4vw;*/
- display: flex;
- flex-wrap: wrap;
- flex-direction: row;
- justify-content: center;
+ /*padding: 6vh 4vw;*/
+ display: flex;
+ flex-wrap: wrap;
+ flex-direction: row;
+ justify-content: center;
}
.tile {
- position: relative;
- cursor: pointer;
- overflow: hidden;
- margin: 0.5vw;
- background: rgba(255, 255, 255, 0.8)
+ position: relative;
+ cursor: pointer;
+ overflow: hidden;
+ margin: 0.5vw;
+ background: rgba(255, 255, 255, 0.8)
}
+
html[data-theme='dark'] .tile {
- background: rgba(0, 0, 0, 0.8)
+ background: rgba(0, 0, 0, 0.8)
}
.tile > img {
- width: 100%;
- height: 100%;
- transition: transform 500ms ease;
+ width: 100%;
+ height: 100%;
+ transition: transform 500ms ease;
}
.tile > img:hover {
- transform: scale(1.1);
+ transform: scale(1.1);
}
-.tile > .moreInfo{
- display: none;
+
+.tile > .moreInfo {
+ display: none;
}
+
.tile > .tileInfo {
- width: 100%;
- position: absolute;
- bottom: 1vw;
- background: rgba(255, 255, 255, 0.4)
+ width: 100%;
+ position: absolute;
+ bottom: 1vw;
+ background: rgba(255, 255, 255, 0.4)
}
html[data-theme='dark'] .tile > .tileInfo {
- background: rgba(0, 0, 0, 0.4)
+ background: rgba(0, 0, 0, 0.4)
}
.tile > .tileInfo > .data {
- padding: 0.1vw;
+ padding: 0.1vw;
}
diff --git a/app/src/components/OurTeam.js b/app/src/components/OurTeam.js
index b11835f..43c98fe 100644
--- a/app/src/components/OurTeam.js
+++ b/app/src/components/OurTeam.js
@@ -2,364 +2,364 @@ import React from "react";
import "./OurTeam.css";
const persons = [
- {
- id: 1,
- name: "Island",
- roles: ["Körvez1", "Körvez2"],
- moreInfo: " Lorem ipsum dolor sit amet, consectetur adipiscing elit." +
- " Suspendisse vehicula vel arcu id fermentum. Cras lectus odio," +
- " efficitur ac efficitur nec, placerat eget augue. Quisque eget auctor odio." +
- " Mauris tempus a leo ut accumsan. Nulla volutpat mollis interdum." +
- " Sed ultrices commodo neque nec fringilla. Vivamus eu posuere massa." +
- " Phasellus malesuada quam at quam luctus egestas. Aenean id nulla ante.\n" +
- "\n" +
- "Sed vel tortor ultrices, posuere sapien ut, tincidunt ante." +
- " Donec laoreet ornare erat, iaculis luctus ex tempus quis." +
- " Aenean hendrerit turpis vitae porta pretium. Nulla facilisi." +
- " Quisque feugiat neque eu tempus efficitur." +
- " In scelerisque nunc vel odio dignissim, ut sodales enim fermentum." +
- " In id congue nisi. Quisque libero erat, maximus eu posuere at," +
- " gravida vel arcu. Vivamus sed tortor id leo venenatis cursus." +
- " Aliquam a lacus in nibh viverra ullamcorper." +
- " Nulla egestas neque sodales velit rhoncus lacinia. ",
- image:
- "https://images.unsplash.com/photo-1442530792250-81629236fe54?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=980&h=980&fit=crop&s=9631adb2d2f752e3a0734f393fef634b",
- },
- {
- id: 2,
- name: "Forest",
- roles: ["Körvez1", "Körvez2"],
- moreInfo: " Lorem ipsum dolor sit amet, consectetur adipiscing elit." +
- " Suspendisse vehicula vel arcu id fermentum. Cras lectus odio," +
- " efficitur ac efficitur nec, placerat eget augue. Quisque eget auctor odio." +
- " Mauris tempus a leo ut accumsan. Nulla volutpat mollis interdum." +
- " Sed ultrices commodo neque nec fringilla. Vivamus eu posuere massa." +
- " Phasellus malesuada quam at quam luctus egestas. Aenean id nulla ante.\n" +
- "\n" +
- "Sed vel tortor ultrices, posuere sapien ut, tincidunt ante." +
- " Donec laoreet ornare erat, iaculis luctus ex tempus quis." +
- " Aenean hendrerit turpis vitae porta pretium. Nulla facilisi." +
- " Quisque feugiat neque eu tempus efficitur." +
- " In scelerisque nunc vel odio dignissim, ut sodales enim fermentum." +
- " In id congue nisi. Quisque libero erat, maximus eu posuere at," +
- " gravida vel arcu. Vivamus sed tortor id leo venenatis cursus." +
- " Aliquam a lacus in nibh viverra ullamcorper." +
- " Nulla egestas neque sodales velit rhoncus lacinia. ",
- image:
- "https://images.unsplash.com/photo-1468851508491-4f854ec88aa0?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=900&h=900&fit=crop&s=b1222b6a1d3694cac76d2a23c3a02254",
- },
- {
- id: 3,
- name: "Whale",
- roles: ["Körvez1", "Körvez2"],
- moreInfo: " Lorem ipsum dolor sit amet, consectetur adipiscing elit." +
- " Suspendisse vehicula vel arcu id fermentum. Cras lectus odio," +
- " efficitur ac efficitur nec, placerat eget augue. Quisque eget auctor odio." +
- " Mauris tempus a leo ut accumsan. Nulla volutpat mollis interdum." +
- " Sed ultrices commodo neque nec fringilla. Vivamus eu posuere massa." +
- " Phasellus malesuada quam at quam luctus egestas. Aenean id nulla ante.\n" +
- "\n" +
- "Sed vel tortor ultrices, posuere sapien ut, tincidunt ante." +
- " Donec laoreet ornare erat, iaculis luctus ex tempus quis." +
- " Aenean hendrerit turpis vitae porta pretium. Nulla facilisi." +
- " Quisque feugiat neque eu tempus efficitur." +
- " In scelerisque nunc vel odio dignissim, ut sodales enim fermentum." +
- " In id congue nisi. Quisque libero erat, maximus eu posuere at," +
- " gravida vel arcu. Vivamus sed tortor id leo venenatis cursus." +
- " Aliquam a lacus in nibh viverra ullamcorper." +
- " Nulla egestas neque sodales velit rhoncus lacinia. ",
- image:
- "https://images.unsplash.com/photo-1454991727061-be514eae86f7?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=900&h=900&fit=crop&s=3c55430f01fe9ac9a9ccb3383d1416ff",
- },
- {
- id: 4,
- name: "Mountain",
- roles: ["Körvez1", "Körvez2"],
- moreInfo: " Lorem ipsum dolor sit amet, consectetur adipiscing elit." +
- " Suspendisse vehicula vel arcu id fermentum. Cras lectus odio," +
- " efficitur ac efficitur nec, placerat eget augue. Quisque eget auctor odio." +
- " Mauris tempus a leo ut accumsan. Nulla volutpat mollis interdum." +
- " Sed ultrices commodo neque nec fringilla. Vivamus eu posuere massa." +
- " Phasellus malesuada quam at quam luctus egestas. Aenean id nulla ante.\n" +
- "\n" +
- "Sed vel tortor ultrices, posuere sapien ut, tincidunt ante." +
- " Donec laoreet ornare erat, iaculis luctus ex tempus quis." +
- " Aenean hendrerit turpis vitae porta pretium. Nulla facilisi." +
- " Quisque feugiat neque eu tempus efficitur." +
- " In scelerisque nunc vel odio dignissim, ut sodales enim fermentum." +
- " In id congue nisi. Quisque libero erat, maximus eu posuere at," +
- " gravida vel arcu. Vivamus sed tortor id leo venenatis cursus." +
- " Aliquam a lacus in nibh viverra ullamcorper." +
- " Nulla egestas neque sodales velit rhoncus lacinia. ",
- image:
- "https://images.unsplash.com/photo-1467890947394-8171244e5410?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=980&h=980&fit=crop&s=9396f0adf263b51b44626228225684d0",
- },
- {
- id: 5,
- name: "Boat",
- roles: ["Körvez1", "Körvez2"],
- moreInfo: " Lorem ipsum dolor sit amet, consectetur adipiscing elit." +
- " Suspendisse vehicula vel arcu id fermentum. Cras lectus odio," +
- " efficitur ac efficitur nec, placerat eget augue. Quisque eget auctor odio." +
- " Mauris tempus a leo ut accumsan. Nulla volutpat mollis interdum." +
- " Sed ultrices commodo neque nec fringilla. Vivamus eu posuere massa." +
- " Phasellus malesuada quam at quam luctus egestas. Aenean id nulla ante.\n" +
- "\n" +
- "Sed vel tortor ultrices, posuere sapien ut, tincidunt ante." +
- " Donec laoreet ornare erat, iaculis luctus ex tempus quis." +
- " Aenean hendrerit turpis vitae porta pretium. Nulla facilisi." +
- " Quisque feugiat neque eu tempus efficitur." +
- " In scelerisque nunc vel odio dignissim, ut sodales enim fermentum." +
- " In id congue nisi. Quisque libero erat, maximus eu posuere at," +
- " gravida vel arcu. Vivamus sed tortor id leo venenatis cursus." +
- " Aliquam a lacus in nibh viverra ullamcorper." +
- " Nulla egestas neque sodales velit rhoncus lacinia. ",
- image:
- "https://images.unsplash.com/photo-1443302382600-0bfacc473376?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=980&h=980&fit=crop&s=0c0f26518c1001f67b6c2e4480a8d3e0",
- },
- {
- id: 6,
- name: "Flowers",
- roles: ["Körvez1", "Körvez2"],
- moreInfo: " Lorem ipsum dolor sit amet, consectetur adipiscing elit." +
- " Suspendisse vehicula vel arcu id fermentum. Cras lectus odio," +
- " efficitur ac efficitur nec, placerat eget augue. Quisque eget auctor odio." +
- " Mauris tempus a leo ut accumsan. Nulla volutpat mollis interdum." +
- " Sed ultrices commodo neque nec fringilla. Vivamus eu posuere massa." +
- " Phasellus malesuada quam at quam luctus egestas. Aenean id nulla ante.\n" +
- "\n" +
- "Sed vel tortor ultrices, posuere sapien ut, tincidunt ante." +
- " Donec laoreet ornare erat, iaculis luctus ex tempus quis." +
- " Aenean hendrerit turpis vitae porta pretium. Nulla facilisi." +
- " Quisque feugiat neque eu tempus efficitur." +
- " In scelerisque nunc vel odio dignissim, ut sodales enim fermentum." +
- " In id congue nisi. Quisque libero erat, maximus eu posuere at," +
- " gravida vel arcu. Vivamus sed tortor id leo venenatis cursus." +
- " Aliquam a lacus in nibh viverra ullamcorper." +
- " Nulla egestas neque sodales velit rhoncus lacinia. ",
- image:
- "https://images.unsplash.com/photo-1429091443922-e7d9ae79a837?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=900&h=900&fit=crop&s=e81cb6a60c53788559edb9bec21b80fc",
- },
- {
- id: 7,
- name: "Fire",
- roles: ["Körvez1", "Körvez2"],
- moreInfo: " Lorem ipsum dolor sit amet, consectetur adipiscing elit." +
- " Suspendisse vehicula vel arcu id fermentum. Cras lectus odio," +
- " efficitur ac efficitur nec, placerat eget augue. Quisque eget auctor odio." +
- " Mauris tempus a leo ut accumsan. Nulla volutpat mollis interdum." +
- " Sed ultrices commodo neque nec fringilla. Vivamus eu posuere massa." +
- " Phasellus malesuada quam at quam luctus egestas. Aenean id nulla ante.\n" +
- "\n" +
- "Sed vel tortor ultrices, posuere sapien ut, tincidunt ante." +
- " Donec laoreet ornare erat, iaculis luctus ex tempus quis." +
- " Aenean hendrerit turpis vitae porta pretium. Nulla facilisi." +
- " Quisque feugiat neque eu tempus efficitur." +
- " In scelerisque nunc vel odio dignissim, ut sodales enim fermentum." +
- " In id congue nisi. Quisque libero erat, maximus eu posuere at," +
- " gravida vel arcu. Vivamus sed tortor id leo venenatis cursus." +
- " Aliquam a lacus in nibh viverra ullamcorper." +
- " Nulla egestas neque sodales velit rhoncus lacinia. ",
- image:
- "https://images.unsplash.com/photo-1468245856972-a0333f3f8293?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=900&h=900&fit=crop&s=1f57cc13084e32839627453821a43abf",
- },
- {
- id: 8,
- name: "Garden",
- roles: ["Körvez1", "Körvez2"],
- moreInfo: " Lorem ipsum dolor sit amet, consectetur adipiscing elit." +
- " Suspendisse vehicula vel arcu id fermentum. Cras lectus odio," +
- " efficitur ac efficitur nec, placerat eget augue. Quisque eget auctor odio." +
- " Mauris tempus a leo ut accumsan. Nulla volutpat mollis interdum." +
- " Sed ultrices commodo neque nec fringilla. Vivamus eu posuere massa." +
- " Phasellus malesuada quam at quam luctus egestas. Aenean id nulla ante.\n" +
- "\n" +
- "Sed vel tortor ultrices, posuere sapien ut, tincidunt ante." +
- " Donec laoreet ornare erat, iaculis luctus ex tempus quis." +
- " Aenean hendrerit turpis vitae porta pretium. Nulla facilisi." +
- " Quisque feugiat neque eu tempus efficitur." +
- " In scelerisque nunc vel odio dignissim, ut sodales enim fermentum." +
- " In id congue nisi. Quisque libero erat, maximus eu posuere at," +
- " gravida vel arcu. Vivamus sed tortor id leo venenatis cursus." +
- " Aliquam a lacus in nibh viverra ullamcorper." +
- " Nulla egestas neque sodales velit rhoncus lacinia. ",
- image:
- "https://images.unsplash.com/photo-1427392797425-39090deb14ec?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=900&h=900&fit=crop&s=8bfe49466d0da200e61128a8ab0e8fbe",
- },
- {
- id: 9,
- name: "Bridge",
- roles: ["Körvez1", "Körvez2"],
- moreInfo: " Lorem ipsum dolor sit amet, consectetur adipiscing elit." +
- " Suspendisse vehicula vel arcu id fermentum. Cras lectus odio," +
- " efficitur ac efficitur nec, placerat eget augue. Quisque eget auctor odio." +
- " Mauris tempus a leo ut accumsan. Nulla volutpat mollis interdum." +
- " Sed ultrices commodo neque nec fringilla. Vivamus eu posuere massa." +
- " Phasellus malesuada quam at quam luctus egestas. Aenean id nulla ante.\n" +
- "\n" +
- "Sed vel tortor ultrices, posuere sapien ut, tincidunt ante." +
- " Donec laoreet ornare erat, iaculis luctus ex tempus quis." +
- " Aenean hendrerit turpis vitae porta pretium. Nulla facilisi." +
- " Quisque feugiat neque eu tempus efficitur." +
- " In scelerisque nunc vel odio dignissim, ut sodales enim fermentum." +
- " In id congue nisi. Quisque libero erat, maximus eu posuere at," +
- " gravida vel arcu. Vivamus sed tortor id leo venenatis cursus." +
- " Aliquam a lacus in nibh viverra ullamcorper." +
- " Nulla egestas neque sodales velit rhoncus lacinia. ",
- image:
- "https://images.unsplash.com/photo-1445723356089-6dbb51d9c4f8?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=980&h=980&fit=crop&s=6e476c6e7ce1adac161295616d1bec05",
- },
+ {
+ id: 1,
+ name: "Island",
+ roles: ["Körvez1", "Körvez2"],
+ moreInfo: " Lorem ipsum dolor sit amet, consectetur adipiscing elit." +
+ " Suspendisse vehicula vel arcu id fermentum. Cras lectus odio," +
+ " efficitur ac efficitur nec, placerat eget augue. Quisque eget auctor odio." +
+ " Mauris tempus a leo ut accumsan. Nulla volutpat mollis interdum." +
+ " Sed ultrices commodo neque nec fringilla. Vivamus eu posuere massa." +
+ " Phasellus malesuada quam at quam luctus egestas. Aenean id nulla ante.\n" +
+ "\n" +
+ "Sed vel tortor ultrices, posuere sapien ut, tincidunt ante." +
+ " Donec laoreet ornare erat, iaculis luctus ex tempus quis." +
+ " Aenean hendrerit turpis vitae porta pretium. Nulla facilisi." +
+ " Quisque feugiat neque eu tempus efficitur." +
+ " In scelerisque nunc vel odio dignissim, ut sodales enim fermentum." +
+ " In id congue nisi. Quisque libero erat, maximus eu posuere at," +
+ " gravida vel arcu. Vivamus sed tortor id leo venenatis cursus." +
+ " Aliquam a lacus in nibh viverra ullamcorper." +
+ " Nulla egestas neque sodales velit rhoncus lacinia. ",
+ image:
+ "https://images.unsplash.com/photo-1442530792250-81629236fe54?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=980&h=980&fit=crop&s=9631adb2d2f752e3a0734f393fef634b",
+ },
+ {
+ id: 2,
+ name: "Forest",
+ roles: ["Körvez1", "Körvez2"],
+ moreInfo: " Lorem ipsum dolor sit amet, consectetur adipiscing elit." +
+ " Suspendisse vehicula vel arcu id fermentum. Cras lectus odio," +
+ " efficitur ac efficitur nec, placerat eget augue. Quisque eget auctor odio." +
+ " Mauris tempus a leo ut accumsan. Nulla volutpat mollis interdum." +
+ " Sed ultrices commodo neque nec fringilla. Vivamus eu posuere massa." +
+ " Phasellus malesuada quam at quam luctus egestas. Aenean id nulla ante.\n" +
+ "\n" +
+ "Sed vel tortor ultrices, posuere sapien ut, tincidunt ante." +
+ " Donec laoreet ornare erat, iaculis luctus ex tempus quis." +
+ " Aenean hendrerit turpis vitae porta pretium. Nulla facilisi." +
+ " Quisque feugiat neque eu tempus efficitur." +
+ " In scelerisque nunc vel odio dignissim, ut sodales enim fermentum." +
+ " In id congue nisi. Quisque libero erat, maximus eu posuere at," +
+ " gravida vel arcu. Vivamus sed tortor id leo venenatis cursus." +
+ " Aliquam a lacus in nibh viverra ullamcorper." +
+ " Nulla egestas neque sodales velit rhoncus lacinia. ",
+ image:
+ "https://images.unsplash.com/photo-1468851508491-4f854ec88aa0?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=900&h=900&fit=crop&s=b1222b6a1d3694cac76d2a23c3a02254",
+ },
+ {
+ id: 3,
+ name: "Whale",
+ roles: ["Körvez1", "Körvez2"],
+ moreInfo: " Lorem ipsum dolor sit amet, consectetur adipiscing elit." +
+ " Suspendisse vehicula vel arcu id fermentum. Cras lectus odio," +
+ " efficitur ac efficitur nec, placerat eget augue. Quisque eget auctor odio." +
+ " Mauris tempus a leo ut accumsan. Nulla volutpat mollis interdum." +
+ " Sed ultrices commodo neque nec fringilla. Vivamus eu posuere massa." +
+ " Phasellus malesuada quam at quam luctus egestas. Aenean id nulla ante.\n" +
+ "\n" +
+ "Sed vel tortor ultrices, posuere sapien ut, tincidunt ante." +
+ " Donec laoreet ornare erat, iaculis luctus ex tempus quis." +
+ " Aenean hendrerit turpis vitae porta pretium. Nulla facilisi." +
+ " Quisque feugiat neque eu tempus efficitur." +
+ " In scelerisque nunc vel odio dignissim, ut sodales enim fermentum." +
+ " In id congue nisi. Quisque libero erat, maximus eu posuere at," +
+ " gravida vel arcu. Vivamus sed tortor id leo venenatis cursus." +
+ " Aliquam a lacus in nibh viverra ullamcorper." +
+ " Nulla egestas neque sodales velit rhoncus lacinia. ",
+ image:
+ "https://images.unsplash.com/photo-1454991727061-be514eae86f7?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=900&h=900&fit=crop&s=3c55430f01fe9ac9a9ccb3383d1416ff",
+ },
+ {
+ id: 4,
+ name: "Mountain",
+ roles: ["Körvez1", "Körvez2"],
+ moreInfo: " Lorem ipsum dolor sit amet, consectetur adipiscing elit." +
+ " Suspendisse vehicula vel arcu id fermentum. Cras lectus odio," +
+ " efficitur ac efficitur nec, placerat eget augue. Quisque eget auctor odio." +
+ " Mauris tempus a leo ut accumsan. Nulla volutpat mollis interdum." +
+ " Sed ultrices commodo neque nec fringilla. Vivamus eu posuere massa." +
+ " Phasellus malesuada quam at quam luctus egestas. Aenean id nulla ante.\n" +
+ "\n" +
+ "Sed vel tortor ultrices, posuere sapien ut, tincidunt ante." +
+ " Donec laoreet ornare erat, iaculis luctus ex tempus quis." +
+ " Aenean hendrerit turpis vitae porta pretium. Nulla facilisi." +
+ " Quisque feugiat neque eu tempus efficitur." +
+ " In scelerisque nunc vel odio dignissim, ut sodales enim fermentum." +
+ " In id congue nisi. Quisque libero erat, maximus eu posuere at," +
+ " gravida vel arcu. Vivamus sed tortor id leo venenatis cursus." +
+ " Aliquam a lacus in nibh viverra ullamcorper." +
+ " Nulla egestas neque sodales velit rhoncus lacinia. ",
+ image:
+ "https://images.unsplash.com/photo-1467890947394-8171244e5410?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=980&h=980&fit=crop&s=9396f0adf263b51b44626228225684d0",
+ },
+ {
+ id: 5,
+ name: "Boat",
+ roles: ["Körvez1", "Körvez2"],
+ moreInfo: " Lorem ipsum dolor sit amet, consectetur adipiscing elit." +
+ " Suspendisse vehicula vel arcu id fermentum. Cras lectus odio," +
+ " efficitur ac efficitur nec, placerat eget augue. Quisque eget auctor odio." +
+ " Mauris tempus a leo ut accumsan. Nulla volutpat mollis interdum." +
+ " Sed ultrices commodo neque nec fringilla. Vivamus eu posuere massa." +
+ " Phasellus malesuada quam at quam luctus egestas. Aenean id nulla ante.\n" +
+ "\n" +
+ "Sed vel tortor ultrices, posuere sapien ut, tincidunt ante." +
+ " Donec laoreet ornare erat, iaculis luctus ex tempus quis." +
+ " Aenean hendrerit turpis vitae porta pretium. Nulla facilisi." +
+ " Quisque feugiat neque eu tempus efficitur." +
+ " In scelerisque nunc vel odio dignissim, ut sodales enim fermentum." +
+ " In id congue nisi. Quisque libero erat, maximus eu posuere at," +
+ " gravida vel arcu. Vivamus sed tortor id leo venenatis cursus." +
+ " Aliquam a lacus in nibh viverra ullamcorper." +
+ " Nulla egestas neque sodales velit rhoncus lacinia. ",
+ image:
+ "https://images.unsplash.com/photo-1443302382600-0bfacc473376?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=980&h=980&fit=crop&s=0c0f26518c1001f67b6c2e4480a8d3e0",
+ },
+ {
+ id: 6,
+ name: "Flowers",
+ roles: ["Körvez1", "Körvez2"],
+ moreInfo: " Lorem ipsum dolor sit amet, consectetur adipiscing elit." +
+ " Suspendisse vehicula vel arcu id fermentum. Cras lectus odio," +
+ " efficitur ac efficitur nec, placerat eget augue. Quisque eget auctor odio." +
+ " Mauris tempus a leo ut accumsan. Nulla volutpat mollis interdum." +
+ " Sed ultrices commodo neque nec fringilla. Vivamus eu posuere massa." +
+ " Phasellus malesuada quam at quam luctus egestas. Aenean id nulla ante.\n" +
+ "\n" +
+ "Sed vel tortor ultrices, posuere sapien ut, tincidunt ante." +
+ " Donec laoreet ornare erat, iaculis luctus ex tempus quis." +
+ " Aenean hendrerit turpis vitae porta pretium. Nulla facilisi." +
+ " Quisque feugiat neque eu tempus efficitur." +
+ " In scelerisque nunc vel odio dignissim, ut sodales enim fermentum." +
+ " In id congue nisi. Quisque libero erat, maximus eu posuere at," +
+ " gravida vel arcu. Vivamus sed tortor id leo venenatis cursus." +
+ " Aliquam a lacus in nibh viverra ullamcorper." +
+ " Nulla egestas neque sodales velit rhoncus lacinia. ",
+ image:
+ "https://images.unsplash.com/photo-1429091443922-e7d9ae79a837?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=900&h=900&fit=crop&s=e81cb6a60c53788559edb9bec21b80fc",
+ },
+ {
+ id: 7,
+ name: "Fire",
+ roles: ["Körvez1", "Körvez2"],
+ moreInfo: " Lorem ipsum dolor sit amet, consectetur adipiscing elit." +
+ " Suspendisse vehicula vel arcu id fermentum. Cras lectus odio," +
+ " efficitur ac efficitur nec, placerat eget augue. Quisque eget auctor odio." +
+ " Mauris tempus a leo ut accumsan. Nulla volutpat mollis interdum." +
+ " Sed ultrices commodo neque nec fringilla. Vivamus eu posuere massa." +
+ " Phasellus malesuada quam at quam luctus egestas. Aenean id nulla ante.\n" +
+ "\n" +
+ "Sed vel tortor ultrices, posuere sapien ut, tincidunt ante." +
+ " Donec laoreet ornare erat, iaculis luctus ex tempus quis." +
+ " Aenean hendrerit turpis vitae porta pretium. Nulla facilisi." +
+ " Quisque feugiat neque eu tempus efficitur." +
+ " In scelerisque nunc vel odio dignissim, ut sodales enim fermentum." +
+ " In id congue nisi. Quisque libero erat, maximus eu posuere at," +
+ " gravida vel arcu. Vivamus sed tortor id leo venenatis cursus." +
+ " Aliquam a lacus in nibh viverra ullamcorper." +
+ " Nulla egestas neque sodales velit rhoncus lacinia. ",
+ image:
+ "https://images.unsplash.com/photo-1468245856972-a0333f3f8293?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=900&h=900&fit=crop&s=1f57cc13084e32839627453821a43abf",
+ },
+ {
+ id: 8,
+ name: "Garden",
+ roles: ["Körvez1", "Körvez2"],
+ moreInfo: " Lorem ipsum dolor sit amet, consectetur adipiscing elit." +
+ " Suspendisse vehicula vel arcu id fermentum. Cras lectus odio," +
+ " efficitur ac efficitur nec, placerat eget augue. Quisque eget auctor odio." +
+ " Mauris tempus a leo ut accumsan. Nulla volutpat mollis interdum." +
+ " Sed ultrices commodo neque nec fringilla. Vivamus eu posuere massa." +
+ " Phasellus malesuada quam at quam luctus egestas. Aenean id nulla ante.\n" +
+ "\n" +
+ "Sed vel tortor ultrices, posuere sapien ut, tincidunt ante." +
+ " Donec laoreet ornare erat, iaculis luctus ex tempus quis." +
+ " Aenean hendrerit turpis vitae porta pretium. Nulla facilisi." +
+ " Quisque feugiat neque eu tempus efficitur." +
+ " In scelerisque nunc vel odio dignissim, ut sodales enim fermentum." +
+ " In id congue nisi. Quisque libero erat, maximus eu posuere at," +
+ " gravida vel arcu. Vivamus sed tortor id leo venenatis cursus." +
+ " Aliquam a lacus in nibh viverra ullamcorper." +
+ " Nulla egestas neque sodales velit rhoncus lacinia. ",
+ image:
+ "https://images.unsplash.com/photo-1427392797425-39090deb14ec?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=900&h=900&fit=crop&s=8bfe49466d0da200e61128a8ab0e8fbe",
+ },
+ {
+ id: 9,
+ name: "Bridge",
+ roles: ["Körvez1", "Körvez2"],
+ moreInfo: " Lorem ipsum dolor sit amet, consectetur adipiscing elit." +
+ " Suspendisse vehicula vel arcu id fermentum. Cras lectus odio," +
+ " efficitur ac efficitur nec, placerat eget augue. Quisque eget auctor odio." +
+ " Mauris tempus a leo ut accumsan. Nulla volutpat mollis interdum." +
+ " Sed ultrices commodo neque nec fringilla. Vivamus eu posuere massa." +
+ " Phasellus malesuada quam at quam luctus egestas. Aenean id nulla ante.\n" +
+ "\n" +
+ "Sed vel tortor ultrices, posuere sapien ut, tincidunt ante." +
+ " Donec laoreet ornare erat, iaculis luctus ex tempus quis." +
+ " Aenean hendrerit turpis vitae porta pretium. Nulla facilisi." +
+ " Quisque feugiat neque eu tempus efficitur." +
+ " In scelerisque nunc vel odio dignissim, ut sodales enim fermentum." +
+ " In id congue nisi. Quisque libero erat, maximus eu posuere at," +
+ " gravida vel arcu. Vivamus sed tortor id leo venenatis cursus." +
+ " Aliquam a lacus in nibh viverra ullamcorper." +
+ " Nulla egestas neque sodales velit rhoncus lacinia. ",
+ image:
+ "https://images.unsplash.com/photo-1445723356089-6dbb51d9c4f8?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=980&h=980&fit=crop&s=6e476c6e7ce1adac161295616d1bec05",
+ },
];
let zoomed = false;
class Tile extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- open: false,
- mouseOver: false
- };
- // Bind properties to class instance
- this._clickHandler = this._clickHandler.bind(this);
- this._mouseEnter = this._mouseEnter.bind(this);
- this._mouseLeave = this._mouseLeave.bind(this);
- }
+ constructor(props) {
+ super(props);
+ this.state = {
+ open: false,
+ mouseOver: false
+ };
+ // Bind properties to class instance
+ this._clickHandler = this._clickHandler.bind(this);
+ this._mouseEnter = this._mouseEnter.bind(this);
+ this._mouseLeave = this._mouseLeave.bind(this);
+ }
- // Event handlers to modify state values
- _mouseEnter(e) {
- e.preventDefault();
- if (this.state.mouseOver === false) {
- console.log(this.props.data.name);
- this.setState({
- mouseOver: true
- })
- }
+ // Event handlers to modify state values
+ _mouseEnter(e) {
+ e.preventDefault();
+ if (this.state.mouseOver === false) {
+ console.log(this.props.data.name);
+ this.setState({
+ mouseOver: true
+ })
}
+ }
- _mouseLeave(e) {
- e.preventDefault();
- if (this.state.mouseOver === true) {
- this.setState({
- mouseOver: false
- })
- }
+ _mouseLeave(e) {
+ e.preventDefault();
+ if (this.state.mouseOver === true) {
+ this.setState({
+ mouseOver: false
+ })
}
+ }
- _clickHandler(e) {
- e.preventDefault();
- if (this.state.open === false && zoomed === false) {
- this.setState({
- open: true
- });
- zoomed = true;
- } else if (this.state.open === true) {
- this.setState({
- open: false
- });
- zoomed = false;
- } else {
- this.setState({
- open: false
- });
- }
+ _clickHandler(e) {
+ e.preventDefault();
+ if (this.state.open === false && zoomed === false) {
+ this.setState({
+ open: true
+ });
+ zoomed = true;
+ } else if (this.state.open === true) {
+ this.setState({
+ open: false
+ });
+ zoomed = false;
+ } else {
+ this.setState({
+ open: false
+ });
}
+ }
- render() {
- // Modify styles based on state values
- let tileStyle = {};
- let headerStyle = {};
- let tileInfoStyle = {};
- let moreInfoStyle = {};
- let imageStyle = {};
- let zoom = {};
- // When tile clicked
- if (this.state.open) {
- imageStyle = {
- width: '50%',
- height: '100%',
- transform: 'none',
- };
- tileStyle = {
- width: '50%',
- height: '30vw',
- position: 'absolute',
- zIndex: 999,
- margin: '0',
- boxShadow: '0 0 40px 5px rgba(0, 0, 0, 0.3)',
- transform: 'none',
- };
- tileInfoStyle = {
- width: '50%',
- };
- moreInfoStyle ={
- display: 'block',
- position: 'relative',
- top: 0,
- right: 0,
- float: 'right',
- width: '50%',
- padding: '10px',
- }
- } else {
- imageStyle = {};
- tileStyle = {};
- tileInfoStyle = {};
- }
+ render() {
+ // Modify styles based on state values
+ let tileStyle = {};
+ let headerStyle = {};
+ let tileInfoStyle = {};
+ let moreInfoStyle = {};
+ let imageStyle = {};
+ let zoom = {};
+ // When tile clicked
+ if (this.state.open) {
+ imageStyle = {
+ width: '50%',
+ height: '100%',
+ transform: 'none',
+ };
+ tileStyle = {
+ width: '50%',
+ height: '30vw',
+ position: 'absolute',
+ zIndex: 999,
+ margin: '0',
+ boxShadow: '0 0 40px 5px rgba(0, 0, 0, 0.3)',
+ transform: 'none',
+ };
+ tileInfoStyle = {
+ width: '50%',
+ };
+ moreInfoStyle = {
+ display: 'block',
+ position: 'relative',
+ top: 0,
+ right: 0,
+ float: 'right',
+ width: '50%',
+ padding: '10px',
+ }
+ } else {
+ imageStyle = {};
+ tileStyle = {};
+ tileInfoStyle = {};
+ }
- return (
- <div className="col-sm-12 col-lg-5 col-xl-2 tile" style={tileStyle}>
- <img
- onMouseEnter={this._mouseEnter}
- onMouseLeave={this._mouseLeave}
- onClick={this._clickHandler}
- src={this.props.data.image}
- alt={this.props.data.name}
- style={imageStyle}
- />
- <div className={"moreInfo"} style={moreInfoStyle}>
- {this.props.data.moreInfo}
- </div>
- <div className={"tileInfo"} style={tileInfoStyle}>
- <div className={"data"}>
- {this.props.data.name}
- </div>
- <div className={"data"}>
- {this.props.data.roles.map((role) => {
- return role + "\t"
- })}
- </div>
- </div>
- </div>
- );
- }
+ return (
+ <div className="col-sm-12 col-lg-5 col-xl-2 tile" style={tileStyle}>
+ <img
+ onMouseEnter={this._mouseEnter}
+ onMouseLeave={this._mouseLeave}
+ onClick={this._clickHandler}
+ src={this.props.data.image}
+ alt={this.props.data.name}
+ style={imageStyle}
+ />
+ <div className={"moreInfo"} style={moreInfoStyle}>
+ {this.props.data.moreInfo}
+ </div>
+ <div className={"tileInfo"} style={tileInfoStyle}>
+ <div className={"data"}>
+ {this.props.data.name}
+ </div>
+ <div className={"data"}>
+ {this.props.data.roles.map((role) => {
+ return role + "\t"
+ })}
+ </div>
+ </div>
+ </div>
+ );
+ }
}
class Tiles extends React.Component {
- render() {
- // Create tile for each item in data array
- // Pass data to each tile and assign a key
- return (
- <div className="tiles">
- {this.props.data.map((data) => {
- return <Tile data={data} key={data.id}/>
- })}
- </div>
- );
- }
+ render() {
+ // Create tile for each item in data array
+ // Pass data to each tile and assign a key
+ return (
+ <div className="tiles">
+ {this.props.data.map((data) => {
+ return <Tile data={data} key={data.id}/>
+ })}
+ </div>
+ );
+ }
}
export default function OurTeam() {
- return (
- <section className={"mt-5"}>
- <div className="container">
- <div className={"row"}>
- <Tiles data={persons}/>
- </div>
- </div>
- </section>
- );
+ return (
+ <section className={"mt-5"}>
+ <div className="container">
+ <div className={"row"}>
+ <Tiles data={persons}/>
+ </div>
+ </div>
+ </section>
+ );
}
diff --git a/app/src/pages/index.module.css b/app/src/pages/index.module.css
index b20b7c9..1669a73 100644
--- a/app/src/pages/index.module.css
+++ b/app/src/pages/index.module.css
@@ -8,7 +8,7 @@
overflow: hidden;
color: white;
background-image: url("/static/img/webcover_nologo.png");
- background-size:cover
+ background-size: cover;
}
.heroTitle {
@@ -27,10 +27,12 @@
.heroBanner {
padding: 2rem;
}
+
.heroContainer {
flex-direction: column;
justify-content: center;
}
+
.heroTitle {
align-items: center;
}
diff --git a/app/src/pages/our-team.js b/app/src/pages/our-team.js
index ae042d2..cba87f5 100644
--- a/app/src/pages/our-team.js
+++ b/app/src/pages/our-team.js
@@ -5,15 +5,15 @@ import OurTeamFeature from "../components/OurTeam.js";
import "bootstrap/dist/css/bootstrap-grid.css";
export default function OurTeam() {
- const {siteConfig} = useDocusaurusContext();
- return (
- <Layout
- title={`${siteConfig.title}`}
- description="A Kollégiumi Számítástechnikai Kör weboldala"
- >
- <main>
- <OurTeamFeature/>
- </main>
- </Layout>
- );
+ const {siteConfig} = useDocusaurusContext();
+ return (
+ <Layout
+ title={`${siteConfig.title}`}
+ description="A Kollégiumi Számítástechnikai Kör weboldala"
+ >
+ <main>
+ <OurTeamFeature/>
+ </main>
+ </Layout>
+ );
}
--
GitLab