diff --git a/src/App.js b/src/App.js index f7f29eaff30e0ff1948e3d51dfd40ea7ab949739..8b4771b2896edf8c4211a49c771fde7c65bcf866 100644 --- a/src/App.js +++ b/src/App.js @@ -15,6 +15,8 @@ import Team from "./pages/Team"; import Volunteers from "./pages/Volunteers"; import partyLogo from "./logo-full-black.svg"; +import "./styles.css"; + /** * If configured, set up Sentry client that reports uncaught errors down to * https://sentry.io. @@ -31,7 +33,7 @@ const WithNav = ({ children }) => { return ( <div className="flex flex-col md:flex-row md:space-x-8"> {children} - <VNav className="mt-8 md:mt-0 md:w-1/4" /> + <VNav className="mt-8 md:mt-0 md:w-1/4 p-4 md:p-8" /> </div> ); }; @@ -47,7 +49,7 @@ function BaseApp() { </Helmet> <div className="container container--default my-4 md:my-16 space-y-8 md:space-y-16"> - <div className="md:flex items-center"> + <div className="md:flex items-center text-center md:text-left"> <h1 className="head-alt-xl"> <Link to="/" className="no-underline hover:no-underline"> {basics.appTitle} @@ -91,7 +93,7 @@ function BaseApp() { </Route> </Switch> - <div className="border-t border-grey-125 pt-4 flex flex-col md:flex-row md:justify-between space-y-4"> + <div className="border-t border-grey-125 pt-4 flex flex-col md:flex-row items-center md:justify-between space-y-4 text-center md:text-left"> <img src={partyLogo} className="w-32" alt="Pirátská strana" /> <p>Piráti, {year}. Všechna práva vyhlazena.</p> </div> diff --git a/src/components/PageTitle.js b/src/components/PageTitle.js index f153923eecaeba1b7dc2cde3081ad2d405396494..57b809417a0c1d3066bcd74b41dacc8fd6979b33 100644 --- a/src/components/PageTitle.js +++ b/src/components/PageTitle.js @@ -1,6 +1,8 @@ const PageTitle = ({ children }) => { return ( - <h1 className="head-alt-md md:head-alt-lg max-w-5xl mb-8">{children}</h1> + <h1 className="head-alt-md md:head-alt-lg max-w-5xl mb-8 text-center md:text-left"> + {children} + </h1> ); }; diff --git a/src/components/cards/CardBody.js b/src/components/cards/CardBody.js index 47524f1fa4a2a396d951e9b18f64e0464f689646..28c5393a12d63c06217b5556583a78d6ce966f6e 100644 --- a/src/components/cards/CardBody.js +++ b/src/components/cards/CardBody.js @@ -2,7 +2,7 @@ import React from "react"; import classNames from "classnames"; const CardBody = ({ children, className, ...props }) => { - const cls = classNames("card__body", className); + const cls = classNames("card__body p-4 md:p-8", className); return ( <div className={cls} {...props}> {children} diff --git a/src/gingerbread-pattern-colourful-384px.afdesign b/src/gingerbread-pattern-colourful-384px.afdesign new file mode 100644 index 0000000000000000000000000000000000000000..a5e069c5e1020dbba8b28ba3a508e98b3de1112a Binary files /dev/null and b/src/gingerbread-pattern-colourful-384px.afdesign differ diff --git a/src/pages/Accommodation.js b/src/pages/Accommodation.js index 7697c99bcfb370f7441116273bf5925c03e23e4f..9382298ce7f1357fa4c28d0fbd90e3ff03fd4fa3 100644 --- a/src/pages/Accommodation.js +++ b/src/pages/Accommodation.js @@ -14,8 +14,8 @@ const Accommodation = () => { const priceClassClass = (priceClass) => { return classNames("text-white font-bold px-2 py-2 text-xs ml-auto", { - "bg-blue-100": priceClass === "$", - "bg-blue-200": priceClass === "$$", + "bg-blue-300 bg-opacity-75": priceClass === "$", + "bg-blue-300 bg-opacity-85": priceClass === "$$", "bg-blue-300": priceClass === "$$$", }); }; diff --git a/src/pages/Home.js b/src/pages/Home.js index 6160d0d160ee78b5541d2acfac82f5244ee99654..107d8805b9f8debb2e5fea694344abbe6b53456b 100644 --- a/src/pages/Home.js +++ b/src/pages/Home.js @@ -2,7 +2,9 @@ import Button from "components/Button"; import CrossroadCard from "components/CrossroadCard"; import { nav } from "config"; -import cfPattern from "./gingerbread-pattern-384px.svg"; +import cfLogo from "../gingerbread.svg"; + +import cfPattern from "./gingerbread-pattern-colourful-384px.svg"; const Home = () => { const delta = Math.abs(new Date(2022, 0, 8) - new Date()) / 1_000; @@ -12,24 +14,31 @@ const Home = () => { return ( <> <div - className="card elevation-10 bg-opacity-25 flex flex-col lg:flex-row lg:items-center p-8 md:p-16 my-8 xl:-mx-16 container-padding--zero md:container-padding--auto" + className="card elevation-10 bg-opacity-25 flex flex-col lg:flex-row lg:items-center my-8 xl:-mx-16 container-padding--zero md:container-padding--auto" style={{ backgroundImage: `url(${cfPattern})` }} > - <div className="p-4 md:p-8 lg:pr-16 bg-white text-center lg:text-left"> - <h1 className="head-alt-lg md:head-alt-xl mb-4"> - Začínáme za - <br /> - {days} dní a {hours} hodin! - </h1> - <Button - className="md:text-xl" - bodyClassName="whitespace-no-wrap" - color="black" - routerTo="/registrace" - icon="ico--chevron-right" - > - Zaregistrovat se - </Button> + <div className="w-full flex items-center justify-center bg-blur text-center lg:text-left p-8 py-16 md:p-16"> + <img + src={cfLogo} + alt="CF 2022" + className="hidden lg:block w-48 mr-16" + /> + <div> + <h1 className="head-alt-lg md:head-alt-xl mb-4"> + Začínáme za + <br /> + {days} dní a {hours} hodin! + </h1> + <Button + className="md:text-xl" + bodyClassName="whitespace-no-wrap" + color="black" + routerTo="/registrace" + icon="ico--chevron-right" + > + Zaregistrovat se + </Button> + </div> </div> </div> diff --git a/src/pages/gingerbread-pattern-colourful-384px.svg b/src/pages/gingerbread-pattern-colourful-384px.svg new file mode 100644 index 0000000000000000000000000000000000000000..d409634616a25f3c40fa6c67a5174af2da6b6efd --- /dev/null +++ b/src/pages/gingerbread-pattern-colourful-384px.svg @@ -0,0 +1,47 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> +<svg width="100%" height="100%" viewBox="0 0 384 384" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"> + <g transform="matrix(2,0,0,2,0,0)"> + <clipPath id="_clip1"> + <rect x="0" y="0" width="192" height="192"/> + </clipPath> + <g clip-path="url(#_clip1)"> + <g transform="matrix(0.0166794,-3.45004e-18,-3.73168e-18,-0.0158366,-54.8991,92.2137)"> + <path d="M3210,7279C3040,7235 2926,7151 2863,7022C2827,6950 2825,6940 2821,6835C2817,6705 2828,6654 2895,6478C2948,6340 2951,6300 2914,6265C2877,6230 2830,6225 2710,6241C2555,6262 2454,6259 2405,6233C2334,6195 2287,6130 2274,6052C2266,6002 2300,5922 2356,5861C2393,5820 2545,5713 2625,5672C2677,5646 2726,5596 2752,5546C2770,5512 2772,5494 2767,5420C2764,5371 2751,5301 2736,5255C2709,5172 2697,5114 2675,4968C2658,4855 2639,4820 2560,4757C2482,4694 2460,4655 2460,4578C2460,4508 2483,4477 2567,4433C2675,4376 2784,4347 2890,4347C2994,4347 3097,4369 3141,4401C3173,4423 3207,4475 3221,4522C3227,4540 3235,4641 3240,4745C3250,4968 3262,5038 3293,5049C3342,5067 3388,5024 3440,4911C3466,4855 3483,4832 3521,4806C3547,4787 3576,4758 3586,4742C3604,4711 3617,4702 3682,4676C3715,4663 3725,4650 3765,4568C3813,4470 3876,4396 3918,4385C3936,4381 3949,4385 3966,4401C4000,4433 3998,4501 3960,4593C3944,4633 3928,4677 3924,4693C3916,4729 3936,4868 3961,4945C3996,5054 3983,5210 3920,5423C3882,5552 3882,5619 3921,5674C3935,5693 3988,5741 4040,5781C4232,5929 4310,6031 4310,6137C4310,6267 4229,6348 4090,6358C4011,6363 3929,6344 3823,6295C3731,6253 3698,6251 3665,6286C3630,6324 3633,6363 3679,6461C3758,6631 3780,6741 3763,6873C3741,7031 3686,7128 3562,7222C3458,7301 3357,7317 3210,7279ZM3060,6986C3481,6840 3572,6809 3637,6790C3686,6776 3713,6762 3721,6749C3740,6712 3719,6706 3639,6724C3562,6741 3550,6738 3550,6696C3550,6663 3501,6620 3463,6620C3417,6620 3356,6682 3337,6747L3324,6795L3123,6895C3012,6950 2918,6998 2915,7002C2907,7009 2917,7030 2928,7030C2932,7030 2991,7010 3060,6986ZM3330,6070C3371,6029 3342,5950 3285,5950C3255,5950 3210,5991 3210,6018C3210,6077 3289,6111 3330,6070ZM3294,5810C3365,5784 3344,5680 3268,5680C3201,5680 3174,5758 3226,5799C3256,5823 3260,5823 3294,5810ZM3339,5504C3351,5489 3360,5469 3360,5458C3360,5432 3316,5390 3287,5390C3254,5390 3220,5425 3220,5460C3220,5525 3299,5554 3339,5504ZM3882,4782C3872,4762 3851,4737 3836,4726C3785,4688 3691,4708 3636,4769C3618,4789 3619,4789 3646,4795C3707,4809 3777,4830 3835,4853L3895,4876L3898,4848C3900,4832 3893,4802 3882,4782Z" style="fill-rule:nonzero;"/> + </g> + <g transform="matrix(0.0166794,-3.45004e-18,-3.73168e-18,-0.0158366,137.101,284.214)"> + <path d="M3210,7279C3040,7235 2926,7151 2863,7022C2827,6950 2825,6940 2821,6835C2817,6705 2828,6654 2895,6478C2948,6340 2951,6300 2914,6265C2877,6230 2830,6225 2710,6241C2555,6262 2454,6259 2405,6233C2334,6195 2287,6130 2274,6052C2266,6002 2300,5922 2356,5861C2393,5820 2545,5713 2625,5672C2677,5646 2726,5596 2752,5546C2770,5512 2772,5494 2767,5420C2764,5371 2751,5301 2736,5255C2709,5172 2697,5114 2675,4968C2658,4855 2639,4820 2560,4757C2482,4694 2460,4655 2460,4578C2460,4508 2483,4477 2567,4433C2675,4376 2784,4347 2890,4347C2994,4347 3097,4369 3141,4401C3173,4423 3207,4475 3221,4522C3227,4540 3235,4641 3240,4745C3250,4968 3262,5038 3293,5049C3342,5067 3388,5024 3440,4911C3466,4855 3483,4832 3521,4806C3547,4787 3576,4758 3586,4742C3604,4711 3617,4702 3682,4676C3715,4663 3725,4650 3765,4568C3813,4470 3876,4396 3918,4385C3936,4381 3949,4385 3966,4401C4000,4433 3998,4501 3960,4593C3944,4633 3928,4677 3924,4693C3916,4729 3936,4868 3961,4945C3996,5054 3983,5210 3920,5423C3882,5552 3882,5619 3921,5674C3935,5693 3988,5741 4040,5781C4232,5929 4310,6031 4310,6137C4310,6267 4229,6348 4090,6358C4011,6363 3929,6344 3823,6295C3731,6253 3698,6251 3665,6286C3630,6324 3633,6363 3679,6461C3758,6631 3780,6741 3763,6873C3741,7031 3686,7128 3562,7222C3458,7301 3357,7317 3210,7279ZM3060,6986C3481,6840 3572,6809 3637,6790C3686,6776 3713,6762 3721,6749C3740,6712 3719,6706 3639,6724C3562,6741 3550,6738 3550,6696C3550,6663 3501,6620 3463,6620C3417,6620 3356,6682 3337,6747L3324,6795L3123,6895C3012,6950 2918,6998 2915,7002C2907,7009 2917,7030 2928,7030C2932,7030 2991,7010 3060,6986ZM3330,6070C3371,6029 3342,5950 3285,5950C3255,5950 3210,5991 3210,6018C3210,6077 3289,6111 3330,6070ZM3294,5810C3365,5784 3344,5680 3268,5680C3201,5680 3174,5758 3226,5799C3256,5823 3260,5823 3294,5810ZM3339,5504C3351,5489 3360,5469 3360,5458C3360,5432 3316,5390 3287,5390C3254,5390 3220,5425 3220,5460C3220,5525 3299,5554 3339,5504ZM3882,4782C3872,4762 3851,4737 3836,4726C3785,4688 3691,4708 3636,4769C3618,4789 3619,4789 3646,4795C3707,4809 3777,4830 3835,4853L3895,4876L3898,4848C3900,4832 3893,4802 3882,4782Z" style="fill-rule:nonzero;"/> + </g> + <g transform="matrix(0.0166794,-3.45004e-18,-3.73168e-18,-0.0158366,137.101,92.2137)"> + <path d="M3210,7279C3040,7235 2926,7151 2863,7022C2827,6950 2825,6940 2821,6835C2817,6705 2828,6654 2895,6478C2948,6340 2951,6300 2914,6265C2877,6230 2830,6225 2710,6241C2555,6262 2454,6259 2405,6233C2334,6195 2287,6130 2274,6052C2266,6002 2300,5922 2356,5861C2393,5820 2545,5713 2625,5672C2677,5646 2726,5596 2752,5546C2770,5512 2772,5494 2767,5420C2764,5371 2751,5301 2736,5255C2709,5172 2697,5114 2675,4968C2658,4855 2639,4820 2560,4757C2482,4694 2460,4655 2460,4578C2460,4508 2483,4477 2567,4433C2675,4376 2784,4347 2890,4347C2994,4347 3097,4369 3141,4401C3173,4423 3207,4475 3221,4522C3227,4540 3235,4641 3240,4745C3250,4968 3262,5038 3293,5049C3342,5067 3388,5024 3440,4911C3466,4855 3483,4832 3521,4806C3547,4787 3576,4758 3586,4742C3604,4711 3617,4702 3682,4676C3715,4663 3725,4650 3765,4568C3813,4470 3876,4396 3918,4385C3936,4381 3949,4385 3966,4401C4000,4433 3998,4501 3960,4593C3944,4633 3928,4677 3924,4693C3916,4729 3936,4868 3961,4945C3996,5054 3983,5210 3920,5423C3882,5552 3882,5619 3921,5674C3935,5693 3988,5741 4040,5781C4232,5929 4310,6031 4310,6137C4310,6267 4229,6348 4090,6358C4011,6363 3929,6344 3823,6295C3731,6253 3698,6251 3665,6286C3630,6324 3633,6363 3679,6461C3758,6631 3780,6741 3763,6873C3741,7031 3686,7128 3562,7222C3458,7301 3357,7317 3210,7279ZM3060,6986C3481,6840 3572,6809 3637,6790C3686,6776 3713,6762 3721,6749C3740,6712 3719,6706 3639,6724C3562,6741 3550,6738 3550,6696C3550,6663 3501,6620 3463,6620C3417,6620 3356,6682 3337,6747L3324,6795L3123,6895C3012,6950 2918,6998 2915,7002C2907,7009 2917,7030 2928,7030C2932,7030 2991,7010 3060,6986ZM3330,6070C3371,6029 3342,5950 3285,5950C3255,5950 3210,5991 3210,6018C3210,6077 3289,6111 3330,6070ZM3294,5810C3365,5784 3344,5680 3268,5680C3201,5680 3174,5758 3226,5799C3256,5823 3260,5823 3294,5810ZM3339,5504C3351,5489 3360,5469 3360,5458C3360,5432 3316,5390 3287,5390C3254,5390 3220,5425 3220,5460C3220,5525 3299,5554 3339,5504ZM3882,4782C3872,4762 3851,4737 3836,4726C3785,4688 3691,4708 3636,4769C3618,4789 3619,4789 3646,4795C3707,4809 3777,4830 3835,4853L3895,4876L3898,4848C3900,4832 3893,4802 3882,4782Z" style="fill-rule:nonzero;"/> + </g> + <g transform="matrix(0.0166794,-3.45004e-18,-3.73168e-18,-0.0158366,-54.8991,284.214)"> + <path d="M3210,7279C3040,7235 2926,7151 2863,7022C2827,6950 2825,6940 2821,6835C2817,6705 2828,6654 2895,6478C2948,6340 2951,6300 2914,6265C2877,6230 2830,6225 2710,6241C2555,6262 2454,6259 2405,6233C2334,6195 2287,6130 2274,6052C2266,6002 2300,5922 2356,5861C2393,5820 2545,5713 2625,5672C2677,5646 2726,5596 2752,5546C2770,5512 2772,5494 2767,5420C2764,5371 2751,5301 2736,5255C2709,5172 2697,5114 2675,4968C2658,4855 2639,4820 2560,4757C2482,4694 2460,4655 2460,4578C2460,4508 2483,4477 2567,4433C2675,4376 2784,4347 2890,4347C2994,4347 3097,4369 3141,4401C3173,4423 3207,4475 3221,4522C3227,4540 3235,4641 3240,4745C3250,4968 3262,5038 3293,5049C3342,5067 3388,5024 3440,4911C3466,4855 3483,4832 3521,4806C3547,4787 3576,4758 3586,4742C3604,4711 3617,4702 3682,4676C3715,4663 3725,4650 3765,4568C3813,4470 3876,4396 3918,4385C3936,4381 3949,4385 3966,4401C4000,4433 3998,4501 3960,4593C3944,4633 3928,4677 3924,4693C3916,4729 3936,4868 3961,4945C3996,5054 3983,5210 3920,5423C3882,5552 3882,5619 3921,5674C3935,5693 3988,5741 4040,5781C4232,5929 4310,6031 4310,6137C4310,6267 4229,6348 4090,6358C4011,6363 3929,6344 3823,6295C3731,6253 3698,6251 3665,6286C3630,6324 3633,6363 3679,6461C3758,6631 3780,6741 3763,6873C3741,7031 3686,7128 3562,7222C3458,7301 3357,7317 3210,7279ZM3060,6986C3481,6840 3572,6809 3637,6790C3686,6776 3713,6762 3721,6749C3740,6712 3719,6706 3639,6724C3562,6741 3550,6738 3550,6696C3550,6663 3501,6620 3463,6620C3417,6620 3356,6682 3337,6747L3324,6795L3123,6895C3012,6950 2918,6998 2915,7002C2907,7009 2917,7030 2928,7030C2932,7030 2991,7010 3060,6986ZM3330,6070C3371,6029 3342,5950 3285,5950C3255,5950 3210,5991 3210,6018C3210,6077 3289,6111 3330,6070ZM3294,5810C3365,5784 3344,5680 3268,5680C3201,5680 3174,5758 3226,5799C3256,5823 3260,5823 3294,5810ZM3339,5504C3351,5489 3360,5469 3360,5458C3360,5432 3316,5390 3287,5390C3254,5390 3220,5425 3220,5460C3220,5525 3299,5554 3339,5504ZM3882,4782C3872,4762 3851,4737 3836,4726C3785,4688 3691,4708 3636,4769C3618,4789 3619,4789 3646,4795C3707,4809 3777,4830 3835,4853L3895,4876L3898,4848C3900,4832 3893,4802 3882,4782Z" style="fill-rule:nonzero;"/> + </g> + <g transform="matrix(0.0132954,-0.0100716,-0.00956265,-0.0126235,11.9212,200.363)"> + <path d="M3210,7279C3040,7235 2926,7151 2863,7022C2827,6950 2825,6940 2821,6835C2817,6705 2828,6654 2895,6478C2948,6340 2951,6300 2914,6265C2877,6230 2830,6225 2710,6241C2555,6262 2454,6259 2405,6233C2334,6195 2287,6130 2274,6052C2266,6002 2300,5922 2356,5861C2393,5820 2545,5713 2625,5672C2677,5646 2726,5596 2752,5546C2770,5512 2772,5494 2767,5420C2764,5371 2751,5301 2736,5255C2709,5172 2697,5114 2675,4968C2658,4855 2639,4820 2560,4757C2482,4694 2460,4655 2460,4578C2460,4508 2483,4477 2567,4433C2675,4376 2784,4347 2890,4347C2994,4347 3097,4369 3141,4401C3173,4423 3207,4475 3221,4522C3227,4540 3235,4641 3240,4745C3250,4968 3262,5038 3293,5049C3342,5067 3388,5024 3440,4911C3466,4855 3483,4832 3521,4806C3547,4787 3576,4758 3586,4742C3604,4711 3617,4702 3682,4676C3715,4663 3725,4650 3765,4568C3813,4470 3876,4396 3918,4385C3936,4381 3949,4385 3966,4401C4000,4433 3998,4501 3960,4593C3944,4633 3928,4677 3924,4693C3916,4729 3936,4868 3961,4945C3996,5054 3983,5210 3920,5423C3882,5552 3882,5619 3921,5674C3935,5693 3988,5741 4040,5781C4232,5929 4310,6031 4310,6137C4310,6267 4229,6348 4090,6358C4011,6363 3929,6344 3823,6295C3731,6253 3698,6251 3665,6286C3630,6324 3633,6363 3679,6461C3758,6631 3780,6741 3763,6873C3741,7031 3686,7128 3562,7222C3458,7301 3357,7317 3210,7279ZM3060,6986C3481,6840 3572,6809 3637,6790C3686,6776 3713,6762 3721,6749C3740,6712 3719,6706 3639,6724C3562,6741 3550,6738 3550,6696C3550,6663 3501,6620 3463,6620C3417,6620 3356,6682 3337,6747L3324,6795L3123,6895C3012,6950 2918,6998 2915,7002C2907,7009 2917,7030 2928,7030C2932,7030 2991,7010 3060,6986ZM3330,6070C3371,6029 3342,5950 3285,5950C3255,5950 3210,5991 3210,6018C3210,6077 3289,6111 3330,6070ZM3294,5810C3365,5784 3344,5680 3268,5680C3201,5680 3174,5758 3226,5799C3256,5823 3260,5823 3294,5810ZM3339,5504C3351,5489 3360,5469 3360,5458C3360,5432 3316,5390 3287,5390C3254,5390 3220,5425 3220,5460C3220,5525 3299,5554 3339,5504ZM3882,4782C3872,4762 3851,4737 3836,4726C3785,4688 3691,4708 3636,4769C3618,4789 3619,4789 3646,4795C3707,4809 3777,4830 3835,4853L3895,4876L3898,4848C3900,4832 3893,4802 3882,4782Z" style="fill-rule:nonzero;"/> + </g> + <g transform="matrix(0.0132954,-0.0100716,-0.00956265,-0.0126235,203.921,200.363)"> + <path d="M3210,7279C3040,7235 2926,7151 2863,7022C2827,6950 2825,6940 2821,6835C2817,6705 2828,6654 2895,6478C2948,6340 2951,6300 2914,6265C2877,6230 2830,6225 2710,6241C2555,6262 2454,6259 2405,6233C2334,6195 2287,6130 2274,6052C2266,6002 2300,5922 2356,5861C2393,5820 2545,5713 2625,5672C2677,5646 2726,5596 2752,5546C2770,5512 2772,5494 2767,5420C2764,5371 2751,5301 2736,5255C2709,5172 2697,5114 2675,4968C2658,4855 2639,4820 2560,4757C2482,4694 2460,4655 2460,4578C2460,4508 2483,4477 2567,4433C2675,4376 2784,4347 2890,4347C2994,4347 3097,4369 3141,4401C3173,4423 3207,4475 3221,4522C3227,4540 3235,4641 3240,4745C3250,4968 3262,5038 3293,5049C3342,5067 3388,5024 3440,4911C3466,4855 3483,4832 3521,4806C3547,4787 3576,4758 3586,4742C3604,4711 3617,4702 3682,4676C3715,4663 3725,4650 3765,4568C3813,4470 3876,4396 3918,4385C3936,4381 3949,4385 3966,4401C4000,4433 3998,4501 3960,4593C3944,4633 3928,4677 3924,4693C3916,4729 3936,4868 3961,4945C3996,5054 3983,5210 3920,5423C3882,5552 3882,5619 3921,5674C3935,5693 3988,5741 4040,5781C4232,5929 4310,6031 4310,6137C4310,6267 4229,6348 4090,6358C4011,6363 3929,6344 3823,6295C3731,6253 3698,6251 3665,6286C3630,6324 3633,6363 3679,6461C3758,6631 3780,6741 3763,6873C3741,7031 3686,7128 3562,7222C3458,7301 3357,7317 3210,7279ZM3060,6986C3481,6840 3572,6809 3637,6790C3686,6776 3713,6762 3721,6749C3740,6712 3719,6706 3639,6724C3562,6741 3550,6738 3550,6696C3550,6663 3501,6620 3463,6620C3417,6620 3356,6682 3337,6747L3324,6795L3123,6895C3012,6950 2918,6998 2915,7002C2907,7009 2917,7030 2928,7030C2932,7030 2991,7010 3060,6986ZM3330,6070C3371,6029 3342,5950 3285,5950C3255,5950 3210,5991 3210,6018C3210,6077 3289,6111 3330,6070ZM3294,5810C3365,5784 3344,5680 3268,5680C3201,5680 3174,5758 3226,5799C3256,5823 3260,5823 3294,5810ZM3339,5504C3351,5489 3360,5469 3360,5458C3360,5432 3316,5390 3287,5390C3254,5390 3220,5425 3220,5460C3220,5525 3299,5554 3339,5504ZM3882,4782C3872,4762 3851,4737 3836,4726C3785,4688 3691,4708 3636,4769C3618,4789 3619,4789 3646,4795C3707,4809 3777,4830 3835,4853L3895,4876L3898,4848C3900,4832 3893,4802 3882,4782Z" style="fill-rule:nonzero;"/> + </g> + <g transform="matrix(0.0117942,0.0117942,0.0111981,-0.0111981,-5.32443,218.385)"> + <path d="M3210,7279C3040,7235 2926,7151 2863,7022C2827,6950 2825,6940 2821,6835C2817,6705 2828,6654 2895,6478C2948,6340 2951,6300 2914,6265C2877,6230 2830,6225 2710,6241C2555,6262 2454,6259 2405,6233C2334,6195 2287,6130 2274,6052C2266,6002 2300,5922 2356,5861C2393,5820 2545,5713 2625,5672C2677,5646 2726,5596 2752,5546C2770,5512 2772,5494 2767,5420C2764,5371 2751,5301 2736,5255C2709,5172 2697,5114 2675,4968C2658,4855 2639,4820 2560,4757C2482,4694 2460,4655 2460,4578C2460,4508 2483,4477 2567,4433C2675,4376 2784,4347 2890,4347C2994,4347 3097,4369 3141,4401C3173,4423 3207,4475 3221,4522C3227,4540 3235,4641 3240,4745C3250,4968 3262,5038 3293,5049C3342,5067 3388,5024 3440,4911C3466,4855 3483,4832 3521,4806C3547,4787 3576,4758 3586,4742C3604,4711 3617,4702 3682,4676C3715,4663 3725,4650 3765,4568C3813,4470 3876,4396 3918,4385C3936,4381 3949,4385 3966,4401C4000,4433 3998,4501 3960,4593C3944,4633 3928,4677 3924,4693C3916,4729 3936,4868 3961,4945C3996,5054 3983,5210 3920,5423C3882,5552 3882,5619 3921,5674C3935,5693 3988,5741 4040,5781C4232,5929 4310,6031 4310,6137C4310,6267 4229,6348 4090,6358C4011,6363 3929,6344 3823,6295C3731,6253 3698,6251 3665,6286C3630,6324 3633,6363 3679,6461C3758,6631 3780,6741 3763,6873C3741,7031 3686,7128 3562,7222C3458,7301 3357,7317 3210,7279ZM3060,6986C3481,6840 3572,6809 3637,6790C3686,6776 3713,6762 3721,6749C3740,6712 3719,6706 3639,6724C3562,6741 3550,6738 3550,6696C3550,6663 3501,6620 3463,6620C3417,6620 3356,6682 3337,6747L3324,6795L3123,6895C3012,6950 2918,6998 2915,7002C2907,7009 2917,7030 2928,7030C2932,7030 2991,7010 3060,6986ZM3330,6070C3371,6029 3342,5950 3285,5950C3255,5950 3210,5991 3210,6018C3210,6077 3289,6111 3330,6070ZM3294,5810C3365,5784 3344,5680 3268,5680C3201,5680 3174,5758 3226,5799C3256,5823 3260,5823 3294,5810ZM3339,5504C3351,5489 3360,5469 3360,5458C3360,5432 3316,5390 3287,5390C3254,5390 3220,5425 3220,5460C3220,5525 3299,5554 3339,5504ZM3882,4782C3872,4762 3851,4737 3836,4726C3785,4688 3691,4708 3636,4769C3618,4789 3619,4789 3646,4795C3707,4809 3777,4830 3835,4853L3895,4876L3898,4848C3900,4832 3893,4802 3882,4782Z" style="fill-rule:nonzero;"/> + </g> + <g transform="matrix(-0.0117942,0.0117942,0.0111981,0.0111981,106.292,27.4903)"> + <path d="M3210,7279C3040,7235 2926,7151 2863,7022C2827,6950 2825,6940 2821,6835C2817,6705 2828,6654 2895,6478C2948,6340 2951,6300 2914,6265C2877,6230 2830,6225 2710,6241C2555,6262 2454,6259 2405,6233C2334,6195 2287,6130 2274,6052C2266,6002 2300,5922 2356,5861C2393,5820 2545,5713 2625,5672C2677,5646 2726,5596 2752,5546C2770,5512 2772,5494 2767,5420C2764,5371 2751,5301 2736,5255C2709,5172 2697,5114 2675,4968C2658,4855 2639,4820 2560,4757C2482,4694 2460,4655 2460,4578C2460,4508 2483,4477 2567,4433C2675,4376 2784,4347 2890,4347C2994,4347 3097,4369 3141,4401C3173,4423 3207,4475 3221,4522C3227,4540 3235,4641 3240,4745C3250,4968 3262,5038 3293,5049C3342,5067 3388,5024 3440,4911C3466,4855 3483,4832 3521,4806C3547,4787 3576,4758 3586,4742C3604,4711 3617,4702 3682,4676C3715,4663 3725,4650 3765,4568C3813,4470 3876,4396 3918,4385C3936,4381 3949,4385 3966,4401C4000,4433 3998,4501 3960,4593C3944,4633 3928,4677 3924,4693C3916,4729 3936,4868 3961,4945C3996,5054 3983,5210 3920,5423C3882,5552 3882,5619 3921,5674C3935,5693 3988,5741 4040,5781C4232,5929 4310,6031 4310,6137C4310,6267 4229,6348 4090,6358C4011,6363 3929,6344 3823,6295C3731,6253 3698,6251 3665,6286C3630,6324 3633,6363 3679,6461C3758,6631 3780,6741 3763,6873C3741,7031 3686,7128 3562,7222C3458,7301 3357,7317 3210,7279ZM3060,6986C3481,6840 3572,6809 3637,6790C3686,6776 3713,6762 3721,6749C3740,6712 3719,6706 3639,6724C3562,6741 3550,6738 3550,6696C3550,6663 3501,6620 3463,6620C3417,6620 3356,6682 3337,6747L3324,6795L3123,6895C3012,6950 2918,6998 2915,7002C2907,7009 2917,7030 2928,7030C2932,7030 2991,7010 3060,6986ZM3330,6070C3371,6029 3342,5950 3285,5950C3255,5950 3210,5991 3210,6018C3210,6077 3289,6111 3330,6070ZM3294,5810C3365,5784 3344,5680 3268,5680C3201,5680 3174,5758 3226,5799C3256,5823 3260,5823 3294,5810ZM3339,5504C3351,5489 3360,5469 3360,5458C3360,5432 3316,5390 3287,5390C3254,5390 3220,5425 3220,5460C3220,5525 3299,5554 3339,5504ZM3882,4782C3872,4762 3851,4737 3836,4726C3785,4688 3691,4708 3636,4769C3618,4789 3619,4789 3646,4795C3707,4809 3777,4830 3835,4853L3895,4876L3898,4848C3900,4832 3893,4802 3882,4782Z" style="fill-rule:nonzero;"/> + </g> + <g transform="matrix(0.0161111,0.00431696,0.0040988,-0.0152969,-25.1789,127.056)"> + <path d="M3210,7279C3040,7235 2926,7151 2863,7022C2827,6950 2825,6940 2821,6835C2817,6705 2828,6654 2895,6478C2948,6340 2951,6300 2914,6265C2877,6230 2830,6225 2710,6241C2555,6262 2454,6259 2405,6233C2334,6195 2287,6130 2274,6052C2266,6002 2300,5922 2356,5861C2393,5820 2545,5713 2625,5672C2677,5646 2726,5596 2752,5546C2770,5512 2772,5494 2767,5420C2764,5371 2751,5301 2736,5255C2709,5172 2697,5114 2675,4968C2658,4855 2639,4820 2560,4757C2482,4694 2460,4655 2460,4578C2460,4508 2483,4477 2567,4433C2675,4376 2784,4347 2890,4347C2994,4347 3097,4369 3141,4401C3173,4423 3207,4475 3221,4522C3227,4540 3235,4641 3240,4745C3250,4968 3262,5038 3293,5049C3342,5067 3388,5024 3440,4911C3466,4855 3483,4832 3521,4806C3547,4787 3576,4758 3586,4742C3604,4711 3617,4702 3682,4676C3715,4663 3725,4650 3765,4568C3813,4470 3876,4396 3918,4385C3936,4381 3949,4385 3966,4401C4000,4433 3998,4501 3960,4593C3944,4633 3928,4677 3924,4693C3916,4729 3936,4868 3961,4945C3996,5054 3983,5210 3920,5423C3882,5552 3882,5619 3921,5674C3935,5693 3988,5741 4040,5781C4232,5929 4310,6031 4310,6137C4310,6267 4229,6348 4090,6358C4011,6363 3929,6344 3823,6295C3731,6253 3698,6251 3665,6286C3630,6324 3633,6363 3679,6461C3758,6631 3780,6741 3763,6873C3741,7031 3686,7128 3562,7222C3458,7301 3357,7317 3210,7279ZM3060,6986C3481,6840 3572,6809 3637,6790C3686,6776 3713,6762 3721,6749C3740,6712 3719,6706 3639,6724C3562,6741 3550,6738 3550,6696C3550,6663 3501,6620 3463,6620C3417,6620 3356,6682 3337,6747L3324,6795L3123,6895C3012,6950 2918,6998 2915,7002C2907,7009 2917,7030 2928,7030C2932,7030 2991,7010 3060,6986ZM3330,6070C3371,6029 3342,5950 3285,5950C3255,5950 3210,5991 3210,6018C3210,6077 3289,6111 3330,6070ZM3294,5810C3365,5784 3344,5680 3268,5680C3201,5680 3174,5758 3226,5799C3256,5823 3260,5823 3294,5810ZM3339,5504C3351,5489 3360,5469 3360,5458C3360,5432 3316,5390 3287,5390C3254,5390 3220,5425 3220,5460C3220,5525 3299,5554 3339,5504ZM3882,4782C3872,4762 3851,4737 3836,4726C3785,4688 3691,4708 3636,4769C3618,4789 3619,4789 3646,4795C3707,4809 3777,4830 3835,4853L3895,4876L3898,4848C3900,4832 3893,4802 3882,4782Z" style="fill-rule:nonzero;"/> + </g> + <g transform="matrix(-0.00772501,-0.0147827,-0.0140357,0.00733462,159.364,150.446)"> + <path d="M3210,7279C3040,7235 2926,7151 2863,7022C2827,6950 2825,6940 2821,6835C2817,6705 2828,6654 2895,6478C2948,6340 2951,6300 2914,6265C2877,6230 2830,6225 2710,6241C2555,6262 2454,6259 2405,6233C2334,6195 2287,6130 2274,6052C2266,6002 2300,5922 2356,5861C2393,5820 2545,5713 2625,5672C2677,5646 2726,5596 2752,5546C2770,5512 2772,5494 2767,5420C2764,5371 2751,5301 2736,5255C2709,5172 2697,5114 2675,4968C2658,4855 2639,4820 2560,4757C2482,4694 2460,4655 2460,4578C2460,4508 2483,4477 2567,4433C2675,4376 2784,4347 2890,4347C2994,4347 3097,4369 3141,4401C3173,4423 3207,4475 3221,4522C3227,4540 3235,4641 3240,4745C3250,4968 3262,5038 3293,5049C3342,5067 3388,5024 3440,4911C3466,4855 3483,4832 3521,4806C3547,4787 3576,4758 3586,4742C3604,4711 3617,4702 3682,4676C3715,4663 3725,4650 3765,4568C3813,4470 3876,4396 3918,4385C3936,4381 3949,4385 3966,4401C4000,4433 3998,4501 3960,4593C3944,4633 3928,4677 3924,4693C3916,4729 3936,4868 3961,4945C3996,5054 3983,5210 3920,5423C3882,5552 3882,5619 3921,5674C3935,5693 3988,5741 4040,5781C4232,5929 4310,6031 4310,6137C4310,6267 4229,6348 4090,6358C4011,6363 3929,6344 3823,6295C3731,6253 3698,6251 3665,6286C3630,6324 3633,6363 3679,6461C3758,6631 3780,6741 3763,6873C3741,7031 3686,7128 3562,7222C3458,7301 3357,7317 3210,7279ZM3060,6986C3481,6840 3572,6809 3637,6790C3686,6776 3713,6762 3721,6749C3740,6712 3719,6706 3639,6724C3562,6741 3550,6738 3550,6696C3550,6663 3501,6620 3463,6620C3417,6620 3356,6682 3337,6747L3324,6795L3123,6895C3012,6950 2918,6998 2915,7002C2907,7009 2917,7030 2928,7030C2932,7030 2991,7010 3060,6986ZM3330,6070C3371,6029 3342,5950 3285,5950C3255,5950 3210,5991 3210,6018C3210,6077 3289,6111 3330,6070ZM3294,5810C3365,5784 3344,5680 3268,5680C3201,5680 3174,5758 3226,5799C3256,5823 3260,5823 3294,5810ZM3339,5504C3351,5489 3360,5469 3360,5458C3360,5432 3316,5390 3287,5390C3254,5390 3220,5425 3220,5460C3220,5525 3299,5554 3339,5504ZM3882,4782C3872,4762 3851,4737 3836,4726C3785,4688 3691,4708 3636,4769C3618,4789 3619,4789 3646,4795C3707,4809 3777,4830 3835,4853L3895,4876L3898,4848C3900,4832 3893,4802 3882,4782Z" style="fill:rgb(179,179,179);fill-rule:nonzero;"/> + </g> + <g transform="matrix(0.0117942,-0.0117942,-0.0111981,-0.0111981,161.146,161.295)"> + <path d="M3210,7279C3040,7235 2926,7151 2863,7022C2827,6950 2825,6940 2821,6835C2817,6705 2828,6654 2895,6478C2948,6340 2951,6300 2914,6265C2877,6230 2830,6225 2710,6241C2555,6262 2454,6259 2405,6233C2334,6195 2287,6130 2274,6052C2266,6002 2300,5922 2356,5861C2393,5820 2545,5713 2625,5672C2677,5646 2726,5596 2752,5546C2770,5512 2772,5494 2767,5420C2764,5371 2751,5301 2736,5255C2709,5172 2697,5114 2675,4968C2658,4855 2639,4820 2560,4757C2482,4694 2460,4655 2460,4578C2460,4508 2483,4477 2567,4433C2675,4376 2784,4347 2890,4347C2994,4347 3097,4369 3141,4401C3173,4423 3207,4475 3221,4522C3227,4540 3235,4641 3240,4745C3250,4968 3262,5038 3293,5049C3342,5067 3388,5024 3440,4911C3466,4855 3483,4832 3521,4806C3547,4787 3576,4758 3586,4742C3604,4711 3617,4702 3682,4676C3715,4663 3725,4650 3765,4568C3813,4470 3876,4396 3918,4385C3936,4381 3949,4385 3966,4401C4000,4433 3998,4501 3960,4593C3944,4633 3928,4677 3924,4693C3916,4729 3936,4868 3961,4945C3996,5054 3983,5210 3920,5423C3882,5552 3882,5619 3921,5674C3935,5693 3988,5741 4040,5781C4232,5929 4310,6031 4310,6137C4310,6267 4229,6348 4090,6358C4011,6363 3929,6344 3823,6295C3731,6253 3698,6251 3665,6286C3630,6324 3633,6363 3679,6461C3758,6631 3780,6741 3763,6873C3741,7031 3686,7128 3562,7222C3458,7301 3357,7317 3210,7279ZM3060,6986C3481,6840 3572,6809 3637,6790C3686,6776 3713,6762 3721,6749C3740,6712 3719,6706 3639,6724C3562,6741 3550,6738 3550,6696C3550,6663 3501,6620 3463,6620C3417,6620 3356,6682 3337,6747L3324,6795L3123,6895C3012,6950 2918,6998 2915,7002C2907,7009 2917,7030 2928,7030C2932,7030 2991,7010 3060,6986ZM3330,6070C3371,6029 3342,5950 3285,5950C3255,5950 3210,5991 3210,6018C3210,6077 3289,6111 3330,6070ZM3294,5810C3365,5784 3344,5680 3268,5680C3201,5680 3174,5758 3226,5799C3256,5823 3260,5823 3294,5810ZM3339,5504C3351,5489 3360,5469 3360,5458C3360,5432 3316,5390 3287,5390C3254,5390 3220,5425 3220,5460C3220,5525 3299,5554 3339,5504ZM3882,4782C3872,4762 3851,4737 3836,4726C3785,4688 3691,4708 3636,4769C3618,4789 3619,4789 3646,4795C3707,4809 3777,4830 3835,4853L3895,4876L3898,4848C3900,4832 3893,4802 3882,4782Z" style="fill:rgb(2,125,168);fill-rule:nonzero;"/> + </g> + <g transform="matrix(0.0117942,0.0117942,0.0111981,-0.0111981,-5.32443,26.3854)"> + <path d="M3210,7279C3040,7235 2926,7151 2863,7022C2827,6950 2825,6940 2821,6835C2817,6705 2828,6654 2895,6478C2948,6340 2951,6300 2914,6265C2877,6230 2830,6225 2710,6241C2555,6262 2454,6259 2405,6233C2334,6195 2287,6130 2274,6052C2266,6002 2300,5922 2356,5861C2393,5820 2545,5713 2625,5672C2677,5646 2726,5596 2752,5546C2770,5512 2772,5494 2767,5420C2764,5371 2751,5301 2736,5255C2709,5172 2697,5114 2675,4968C2658,4855 2639,4820 2560,4757C2482,4694 2460,4655 2460,4578C2460,4508 2483,4477 2567,4433C2675,4376 2784,4347 2890,4347C2994,4347 3097,4369 3141,4401C3173,4423 3207,4475 3221,4522C3227,4540 3235,4641 3240,4745C3250,4968 3262,5038 3293,5049C3342,5067 3388,5024 3440,4911C3466,4855 3483,4832 3521,4806C3547,4787 3576,4758 3586,4742C3604,4711 3617,4702 3682,4676C3715,4663 3725,4650 3765,4568C3813,4470 3876,4396 3918,4385C3936,4381 3949,4385 3966,4401C4000,4433 3998,4501 3960,4593C3944,4633 3928,4677 3924,4693C3916,4729 3936,4868 3961,4945C3996,5054 3983,5210 3920,5423C3882,5552 3882,5619 3921,5674C3935,5693 3988,5741 4040,5781C4232,5929 4310,6031 4310,6137C4310,6267 4229,6348 4090,6358C4011,6363 3929,6344 3823,6295C3731,6253 3698,6251 3665,6286C3630,6324 3633,6363 3679,6461C3758,6631 3780,6741 3763,6873C3741,7031 3686,7128 3562,7222C3458,7301 3357,7317 3210,7279ZM3060,6986C3481,6840 3572,6809 3637,6790C3686,6776 3713,6762 3721,6749C3740,6712 3719,6706 3639,6724C3562,6741 3550,6738 3550,6696C3550,6663 3501,6620 3463,6620C3417,6620 3356,6682 3337,6747L3324,6795L3123,6895C3012,6950 2918,6998 2915,7002C2907,7009 2917,7030 2928,7030C2932,7030 2991,7010 3060,6986ZM3330,6070C3371,6029 3342,5950 3285,5950C3255,5950 3210,5991 3210,6018C3210,6077 3289,6111 3330,6070ZM3294,5810C3365,5784 3344,5680 3268,5680C3201,5680 3174,5758 3226,5799C3256,5823 3260,5823 3294,5810ZM3339,5504C3351,5489 3360,5469 3360,5458C3360,5432 3316,5390 3287,5390C3254,5390 3220,5425 3220,5460C3220,5525 3299,5554 3339,5504ZM3882,4782C3872,4762 3851,4737 3836,4726C3785,4688 3691,4708 3636,4769C3618,4789 3619,4789 3646,4795C3707,4809 3777,4830 3835,4853L3895,4876L3898,4848C3900,4832 3893,4802 3882,4782Z" style="fill-rule:nonzero;"/> + </g> + </g> + </g> +</svg> diff --git a/src/styles.css b/src/styles.css new file mode 100644 index 0000000000000000000000000000000000000000..9603d34811cf4040e22d883121c52ec4bbcd7d7a --- /dev/null +++ b/src/styles.css @@ -0,0 +1,7 @@ +@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { + + .bg-blur { + backdrop-filter: blur(6px); + background-color: rgba(255, 255, 255, 0.8); + } +}