Archived
Merge branch 'master' of https://github.com/makoteq/eco-hack
This commit is contained in:
mmacierzanka committed
commit
06224f52aa
8 files changed
+87
-87
No files matched your search
@@ -0,0 +1,10 @@
|
||||
<svg width="40" height="50" viewBox="0 0 40 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="osoba1">
|
||||
<path id="body1" d="M40 41.1C35.0468 46.2641 28.0759 49.4363 20.5921 49.9318C13.1084 50.4274 5.71214 48.2066 0 43.7488L2.45227 37.4791C3.00644 36.3656 3.88098 35.4112 4.98209 34.7184C6.08321 34.0256 7.36937 33.6205 8.70267 33.5465L10.2627 33.4587L13.9827 30.519C13.9827 30.519 24.0061 30.1911 23.8574 30.0341L29.9288 33.3802L29.9238 33.3571L32.3105 33.491C33.6439 33.5647 34.9302 33.9697 36.0314 34.6626C37.1325 35.3554 38.007 36.3099 38.5609 37.4237L40 41.1Z" fill="#84D171"/>
|
||||
<g id="head1">
|
||||
<path id="Vector" d="M18.8844 24.9792C25.181 24.9792 30.2854 20.3022 30.2854 14.5329C30.2854 8.76364 25.181 4.08672 18.8844 4.08672C12.5879 4.08672 7.48347 8.76364 7.48347 14.5329C7.48347 20.3022 12.5879 24.9792 18.8844 24.9792Z" fill="#2F2E41"/>
|
||||
<path id="Vector_2" d="M18.8891 26.3514C24.5141 26.3514 29.0741 22.1733 29.0741 17.0193C29.0741 11.8654 24.5141 7.68729 18.8891 7.68729C13.2641 7.68729 8.7041 11.8654 8.7041 17.0193C8.7041 22.1733 13.2641 26.3514 18.8891 26.3514Z" fill="#FFB8B8"/>
|
||||
<path id="Vector_3" d="M29.8733 10.8145C29.9448 10.1178 29.9775 9.41817 29.9714 8.71838C30.013 7.3344 29.7363 5.95788 29.1592 4.67833C28.4494 3.26158 27.1838 2.14136 25.614 1.54028C24.0581 0.965252 22.3191 0.966641 20.7643 1.54417C19.3604 0.731515 17.8007 0.0872798 16.158 0.00747408C14.5154 -0.0723155 12.7786 0.486061 11.7664 1.7152C11.5403 2.03965 11.2836 2.34526 10.9991 2.62851C10.1854 3.31894 8.94878 3.21935 7.86723 3.07818C8.35233 3.45913 8.83755 3.84007 9.32291 4.22101C8.7357 4.36158 8.14844 4.50214 7.56113 4.64269C8.24643 5.0235 8.93168 5.40431 9.61686 5.78514C7.62749 6.87921 6.72328 9.26716 6.96214 11.4359C7.1881 13.4892 8.27001 15.3668 9.56336 17.0357C10.0793 16.0381 9.96812 14.8444 9.9596 13.7209C9.95488 13.3565 9.97914 12.9922 10.0322 12.631C14.4031 13.591 18.9702 14.2071 23.6017 12.6824L24.5312 10.5981C24.6616 10.6104 24.7921 10.622 24.9225 10.6346L25.4609 12.6843C26.6818 13.1416 27.9052 13.5412 29.129 13.1213C29.1886 13.4379 29.2245 13.761 29.252 14.0715C29.357 13.7 29.4482 13.3258 29.5303 12.9501C29.6921 12.8706 29.847 12.78 29.9937 12.6789C30.0233 12.0553 29.9829 11.4306 29.8733 10.8145V10.8145Z" fill="#2F2E41"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
@@ -0,0 +1,9 @@
|
||||
<svg width="40" height="50" viewBox="0 0 40 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="osoba3">
|
||||
<path id="body3" d="M40 39.9352C35.0468 45.7751 28.0759 49.3625 20.5922 49.9229C13.1084 50.4833 5.71214 47.9718 0 42.9306L2.45227 35.8404C3.00644 34.5811 3.88098 33.5018 4.98209 32.7184C6.08321 31.9349 7.36938 31.4767 8.70267 31.393L10.2628 31.2938L13.9827 27.9694C13.9827 27.9694 24.0061 27.5985 23.8574 27.421L29.9288 31.205L29.9238 31.1789L32.3105 31.3304C33.6439 31.4137 34.9302 31.8717 36.0314 32.6552C37.1325 33.4387 38.007 34.5182 38.5609 35.7777L40 39.9352Z" fill="#84D170"/>
|
||||
<g id="head3">
|
||||
<path id="Vector" d="M17.7617 23.7839C22.8021 23.7839 26.8881 19.5501 26.8881 14.3274C26.8881 9.10468 22.8021 4.87085 17.7617 4.87085C12.7214 4.87085 8.63533 9.10468 8.63533 14.3274C8.63533 19.5501 12.7214 23.7839 17.7617 23.7839Z" fill="#FFB6B6"/>
|
||||
<path id="Vector_2" d="M27.387 8.46261C26.6158 5.60241 24.8636 3.13222 22.4594 1.51571C20.5433 0.245855 18.1524 -0.402434 15.9817 0.269111C13.8111 0.940656 12.0139 3.14797 12.156 5.53286C11.3725 5.25659 10.4817 5.62415 9.90814 6.25214C9.33459 6.88015 9.02618 7.72491 8.8053 8.56581C8.10873 11.2397 8.15489 14.0631 8.93844 16.711L8.89534 17.0911C9.95435 16.9095 10.7576 15.968 11.2571 14.9649C11.7566 13.9618 12.0441 12.8489 12.5855 11.8703C13.1268 10.8917 14.0259 10.0188 15.0983 9.98823L15.0038 11.6869C15.9265 11.1943 16.8492 10.7017 17.7719 10.2091C17.5525 10.7531 17.333 11.2971 17.1135 11.8412C17.9193 11.4922 18.7251 11.1432 19.531 10.7942C19.4409 11.3173 19.3508 11.8404 19.2607 12.3635C20.0599 10.4787 22.5314 9.65074 24.2126 10.7045C25.189 11.3166 25.8296 12.4073 26.1665 13.5527C26.5035 14.6981 26.5701 15.9097 26.6344 17.1073C27.8796 14.413 28.1468 11.3443 27.387 8.46261V8.46261Z" fill="#2F2E41"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
@@ -0,0 +1,9 @@
|
||||
<svg width="41" height="50" viewBox="0 0 41 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="osoba2">
|
||||
<g id="head2">
|
||||
<path id="Vector" d="M20.0969 23.3572C25.2458 23.3572 29.4198 19.0482 29.4198 13.7328C29.4198 8.41735 25.2458 4.10834 20.0969 4.10834C14.9481 4.10834 10.7741 8.41735 10.7741 13.7328C10.7741 19.0482 14.9481 23.3572 20.0969 23.3572Z" fill="#FFB8B8"/>
|
||||
<path id="bf427902-b9bf-4946-b5d7-5c1c7e04535e" d="M28.3054 7.37471C28.3054 7.37471 30.7327 2.58425 25.3925 2.14875C25.3925 2.14875 20.8399 -2.11465 16.1996 1.36933C16.1996 1.36933 13.6685 1.36933 12.2844 4.32623C12.2844 4.32623 10.2937 3.54682 9.8562 5.63272C9.8562 5.63272 8.39954 9.9877 9.8562 13.9072C11.3129 17.8267 11.7967 18.2622 11.7967 18.2622C11.7967 18.2622 10.7747 13.3983 16.6009 12.9628C22.4271 12.5273 27.7721 8.75936 28.2576 13.5498C28.7432 18.3403 29.2769 16.1762 29.2769 16.1762C29.2769 16.1762 33.8886 9.33446 28.3054 7.37471Z" fill="#2F2E41"/>
|
||||
</g>
|
||||
<path id="body2" d="M40.275 39.9724C35.3218 45.7907 28.3509 49.3648 20.8671 49.9232C13.3834 50.4815 5.98713 47.9793 0.274994 42.9567L2.72726 35.8927C3.28144 34.638 4.15597 33.5628 5.25709 32.7822C6.3582 32.0016 7.64438 31.5451 8.97767 31.4617L10.5377 31.3629L14.2577 28.0507C14.2577 28.0507 24.281 27.6812 24.1323 27.5043L30.2038 31.2744L30.1987 31.2484L32.5855 31.3993C33.9189 31.4823 35.2052 31.9386 36.3064 32.7193C37.4075 33.4999 38.282 34.5754 38.8359 35.8303L40.275 39.9724Z" fill="#84D170"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
@@ -5,20 +5,17 @@ function ShowPopup() {
|
||||
const [timedPopup, setTimedPopup] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
setTimedPopup(true);
|
||||
setTimedPopup(true);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className="App">
|
||||
<Popup trigger={timedPopup} setTrigger={setTimedPopup}>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
|
||||
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
|
||||
minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat. Duis aute irure dolor in
|
||||
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
|
||||
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||||
culpa qui officia deserunt mollit anim id est laborum.
|
||||
Ta platforma powstała na rzecz ochrony i ratowania środowiska naszej
|
||||
planety oraz pokazanie, że akcje ekologiczne mogą być ciekawe i pewnym
|
||||
sposobem rozrywki. Życzymy ci ciekawie spędzonego czasu na naszej
|
||||
platformie i miłych wrażeń.
|
||||
</p>
|
||||
</Popup>
|
||||
</div>
|
||||
|
||||
@@ -1,43 +0,0 @@
|
||||
import React, { useRef, useEffect } from "react";
|
||||
import { ReactComponent as Scene } from "./team.svg";
|
||||
import gsap from "gsap";
|
||||
|
||||
function Team() {
|
||||
const wrapper = useRef(null);
|
||||
|
||||
useEffect(() => {
|
||||
const [elements] = wrapper.current.children;
|
||||
|
||||
const osoba1 = elements.getElementById("osoba1");
|
||||
const osoba2 = elements.getElementById("osoba2");
|
||||
const osoba3 = elements.getElementById("osoba3");
|
||||
|
||||
gsap.set([osoba1, osoba2, osoba3], { autoAlpha: 0 });
|
||||
|
||||
const tl = gsap.timeline({ defaults: { ease: "power3.inOut" } });
|
||||
|
||||
tl.fromTo(
|
||||
osoba1,
|
||||
{ y: "-=300" },
|
||||
{ duration: 0.5, y: "+=300", autoAlpha: 1 }
|
||||
);
|
||||
tl.fromTo(
|
||||
osoba2,
|
||||
{ y: "-=300" },
|
||||
{ duration: 0.5, y: "+=300", autoAlpha: 1 }
|
||||
);
|
||||
tl.fromTo(
|
||||
osoba3,
|
||||
{ y: "-=300" },
|
||||
{ duration: 0.5, y: "+=300", autoAlpha: 1 }
|
||||
);
|
||||
});
|
||||
|
||||
return (
|
||||
<div ref={wrapper} className="App">
|
||||
<Scene />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default Team;
|
||||
@@ -1,26 +0,0 @@
|
||||
<svg width="766" height="218" viewBox="0 0 766 218" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="team">
|
||||
<g id="osoba2">
|
||||
<g id="head2">
|
||||
<path id="Vector" d="M381.924 115.012C402.353 115.012 418.914 98.4503 418.914 78.0209C418.914 57.5914 402.353 41.0301 381.924 41.0301C361.494 41.0301 344.933 57.5914 344.933 78.0209C344.933 98.4503 361.494 115.012 381.924 115.012Z" fill="#FFB8B8"/>
|
||||
<path id="bf427902-b9bf-4946-b5d7-5c1c7e04535e" d="M414.493 53.5841C414.493 53.5841 424.124 35.1723 402.935 33.4985C402.935 33.4985 384.871 17.1125 366.46 30.5029C366.46 30.5029 356.417 30.5029 350.925 41.8675C350.925 41.8675 343.027 38.8719 341.291 46.8889C341.291 46.8889 335.511 63.6269 341.291 78.6911C347.07 93.7553 348.99 95.4291 348.99 95.4291C348.99 95.4291 344.935 76.7353 368.052 75.0614C391.169 73.3876 412.377 58.9059 414.303 77.3176C416.23 95.7293 418.347 87.412 418.347 87.412C418.347 87.412 436.645 61.1162 414.493 53.5841Z" fill="#2F2E41"/>
|
||||
</g>
|
||||
<path id="body2" d="M461.985 178.871C442.332 201.233 414.673 214.97 384.98 217.116C355.286 219.262 325.939 209.645 303.275 190.341L313.005 163.191C315.204 158.368 318.674 154.236 323.043 151.235C327.412 148.235 332.515 146.481 337.805 146.161L343.995 145.781L358.755 133.051C358.755 133.051 398.525 131.631 397.935 130.951L422.025 145.441L422.005 145.341L431.475 145.921C436.766 146.24 441.869 147.993 446.238 150.994C450.608 153.994 454.077 158.128 456.275 162.951L461.985 178.871Z" fill="#6C63FF"/>
|
||||
</g>
|
||||
<g id="osoba3">
|
||||
<path id="body3" d="M765.545 178.34C745.892 200.702 718.233 214.439 688.54 216.585C658.846 218.731 629.499 209.114 606.835 189.81L616.565 162.66C618.764 157.838 622.234 153.705 626.603 150.705C630.972 147.705 636.075 145.95 641.365 145.63L647.555 145.25L662.315 132.52C662.315 132.52 702.085 131.1 701.495 130.42L725.585 144.91L725.565 144.81L735.035 145.39C740.326 145.709 745.429 147.463 749.798 150.463C754.168 153.463 757.637 157.597 759.835 162.42L765.545 178.34Z" fill="#6C63FF"/>
|
||||
<g id="head3">
|
||||
<path id="Vector_2" d="M677.309 116.493C697.308 116.493 713.52 100.28 713.52 80.2815C713.52 60.2826 697.308 44.0703 677.309 44.0703C657.31 44.0703 641.098 60.2826 641.098 80.2815C641.098 100.28 657.31 116.493 677.309 116.493Z" fill="#FFB6B6"/>
|
||||
<path id="Vector_3" d="M715.5 57.824C712.44 46.8717 705.488 37.4127 695.948 31.2227C688.346 26.3602 678.859 23.8777 670.247 26.4492C661.634 29.0207 654.503 37.473 655.067 46.6053C651.958 45.5474 648.424 46.9549 646.148 49.3596C643.872 51.7644 642.649 54.9992 641.772 58.2192C639.008 68.4582 639.192 79.2695 642.301 89.409L642.129 90.8643C646.331 90.1692 649.519 86.5639 651.501 82.7227C653.482 78.8815 654.623 74.6201 656.771 70.8728C658.919 67.1256 662.486 63.7829 666.741 63.666L666.366 70.1705C670.028 68.2843 673.689 66.3981 677.35 64.5118C676.479 66.595 675.608 68.6781 674.737 70.7612C677.934 69.4249 681.132 68.0885 684.329 66.7522C683.972 68.7553 683.614 70.7585 683.257 72.7615C686.428 65.5442 696.234 62.3737 702.905 66.4089C706.779 68.7524 709.32 72.929 710.657 77.315C711.994 81.7011 712.259 86.3408 712.514 90.9265C717.454 80.6095 718.514 68.8585 715.5 57.824V57.824Z" fill="#2F2E41"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="osoba1">
|
||||
<path id="body1" d="M159.235 177.979C139.582 200.342 111.923 214.078 82.2293 216.224C52.5357 218.37 23.1891 208.753 0.524811 189.449L10.2548 162.299C12.4536 157.477 15.9236 153.344 20.2925 150.344C24.6615 147.344 29.7646 145.59 35.0548 145.269L41.2448 144.889L56.0048 132.159C56.0048 132.159 95.7748 130.739 95.1848 130.059L119.275 144.549L119.255 144.449L128.725 145.029C134.015 145.348 139.119 147.102 143.488 150.103C147.857 153.103 151.327 157.236 153.525 162.059L159.235 177.979Z" fill="#6C63FF"/>
|
||||
<g id="head1">
|
||||
<path id="Vector_4" d="M75.4535 108.169C100.437 108.169 120.69 87.9165 120.69 62.9332C120.69 37.9499 100.437 17.697 75.4535 17.697C50.4703 17.697 30.2173 37.9499 30.2173 62.9332C30.2173 87.9165 50.4703 108.169 75.4535 108.169Z" fill="#2F2E41"/>
|
||||
<path id="Vector_5" d="M75.4719 114.112C97.7906 114.112 115.883 96.0191 115.883 73.7005C115.883 51.3818 97.7906 33.289 75.4719 33.289C53.1533 33.289 35.0605 51.3818 35.0605 73.7005C35.0605 96.0191 53.1533 114.112 75.4719 114.112Z" fill="#FFB8B8"/>
|
||||
<path id="Vector_6" d="M119.055 46.8311C119.338 43.814 119.468 40.7844 119.444 37.754C119.609 31.7608 118.511 25.8 116.221 20.259C113.405 14.1239 108.383 9.27294 102.155 6.67003C95.9811 4.17992 89.0815 4.18593 82.9122 6.68685C77.3422 3.16775 71.1534 0.377956 64.6359 0.0323657C58.1182 -0.313154 51.2272 2.10484 47.2107 7.42748C46.3138 8.83248 45.2951 10.1559 44.1664 11.3825C40.9379 14.3723 36.0313 13.9411 31.74 13.3297C33.6647 14.9794 35.59 16.629 37.5157 18.2786C35.1858 18.8873 32.8557 19.496 30.5254 20.1047C33.2446 21.7537 35.9634 23.4028 38.6821 25.0519C30.7887 29.7897 27.2011 40.1304 28.1488 49.522C29.0453 58.4136 33.3381 66.5444 38.4698 73.7713C40.5168 69.4514 40.0758 64.2823 40.042 59.4169C40.0232 57.8387 40.1195 56.2613 40.3301 54.6972C57.6727 58.8544 75.7936 61.5224 94.1704 54.9198L97.8583 45.894C98.3758 45.9472 98.8936 45.9972 99.4109 46.0522L101.547 54.9282C106.391 56.9081 111.246 58.6385 116.102 56.8202C116.338 58.1912 116.48 59.5903 116.589 60.9351C117.006 59.3266 117.368 57.7061 117.694 56.0791C118.336 55.7348 118.95 55.3422 119.532 54.9046C119.65 52.2042 119.49 49.4989 119.055 46.8311V46.8311Z" fill="#2F2E41"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 5.2 KiB |
@@ -1,14 +1,36 @@
|
||||
import "./index.scss";
|
||||
import Team from "./Animation/index.js";
|
||||
|
||||
import React from "react";
|
||||
|
||||
import { ReactComponent as Person } from "../../assets/person.svg";
|
||||
import { ReactComponent as Person1 } from "../../assets/person1.svg";
|
||||
import { ReactComponent as Person2 } from "../../assets/person2.svg";
|
||||
import "./index.scss";
|
||||
|
||||
export const Credits = () => {
|
||||
return (
|
||||
//Icons
|
||||
<div className="credits">
|
||||
<div className="credits__team">
|
||||
<h6>THE ECO-MEET TEAM</h6>
|
||||
<br />
|
||||
<Person />{" "}
|
||||
<a href="https://github.com/GRZ4NA" title="GRZ4NA">
|
||||
GRZ4NA
|
||||
</a>
|
||||
<br />
|
||||
<br />
|
||||
<Person1 />{" "}
|
||||
<a href="https://github.com/makoteq" title="makoteq">
|
||||
makoteq
|
||||
</a>
|
||||
<br />
|
||||
<br />
|
||||
<Person2 />{" "}
|
||||
<a href="https://github.com/drgoodcat" title="drgoodcat">
|
||||
drgoodcat
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div className="credits__icon">
|
||||
<h2>ICONS</h2>
|
||||
Icons made by{" "}
|
||||
<a
|
||||
href="https://www.flaticon.com/authors/pixel-perfect"
|
||||
@@ -20,11 +42,6 @@ export const Credits = () => {
|
||||
<a href="https://www.flaticon.com/" title="Flaticon">
|
||||
www.flaticon.com
|
||||
</a>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<h2>THE ECO-MEET TEAM</h2>
|
||||
<Team />
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
@@ -1,8 +1,35 @@
|
||||
.credits__icon {
|
||||
.credits {
|
||||
padding: 32;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 50vh;
|
||||
color: darkgrey;
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: rgb(131, 131, 131);
|
||||
}
|
||||
a:hover {
|
||||
color: rgb(131, 131, 131);
|
||||
}
|
||||
}
|
||||
.credits__icon {
|
||||
padding: 10px;
|
||||
margin: auto;
|
||||
width: 400px;
|
||||
border-width: 5px;
|
||||
font-size: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
.credits__team {
|
||||
height: 300px;
|
||||
margin: auto;
|
||||
a {
|
||||
color: rgb(148, 200, 113);
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: rgb(71, 71, 71);
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user