mirror of
https://gitlab.com/serenetia/endpild-laman.git
synced 2025-03-16 06:05:52 +08:00
67 lines
12 KiB
TypeScript
67 lines
12 KiB
TypeScript
|
import styles from './MountainContour.module.scss';
|
||
|
import { FC } from "react";
|
||
|
import {HasAnimation, Logo, OverridableStyle} from "@utils/common";
|
||
|
import {motion, MotionProps} from "framer-motion";
|
||
|
|
||
|
export const MountainContourLogo: FC<HasAnimation & OverridableStyle & Logo & MotionProps> = ({ overrideStyles, dontAnimateChild = null, noLogoText, ...animProps }) => {
|
||
|
return (
|
||
|
<motion.svg
|
||
|
className={styles.MCLogo}
|
||
|
data-noanim={dontAnimateChild ? dontAnimateChild : null}
|
||
|
style={overrideStyles}
|
||
|
viewBox={noLogoText ? "0 0 53 47" : "0 0 124 47"}
|
||
|
fill="none"
|
||
|
xmlns="http://www.w3.org/2000/svg"
|
||
|
{...animProps}
|
||
|
>
|
||
|
<defs>
|
||
|
<clipPath id="mc__triangle">
|
||
|
<path d="M0,46.247l52.4,0l-26.2,-45.4l-26.2,45.4z" fill="black"/>
|
||
|
</clipPath>
|
||
|
</defs>
|
||
|
<g id={styles["icon"]} clipPath="url(#mc__triangle)">
|
||
|
<path id={styles["triangle"]} d="M0 46.247H52.4L26.2 0.847L0 46.247ZM3.9 43.947L26.2 5.347L48.5 43.947H3.9V43.947Z"/>
|
||
|
|
||
|
<g id={styles["dragonfly"]}>
|
||
|
<g className={styles["wing"]} id={styles["l-wing-main"]}>
|
||
|
<path className={styles["wing"]} id={styles["l-wing-main-l1"]} d="M10.4 39.147L11.7 40.847L13.4 40.447L15.4 36.247L10.4 39.147Z"/>
|
||
|
<path className={styles["wing"]} id={styles["l-wing-main-l2"]} d="M18.2 35.547L24.5 31.347L24.3 31.047C24.3 31.147 19.6 33.847 15.7 36.147L13.6 40.347L16.9 39.547L18.1 35.547H18.2V35.547Z"/>
|
||
|
<path className={styles["wing"]} id={styles["l-wing-main-l3"]} d="M20.1 35.947L24.7 31.747V31.447L18.3 35.647L17.1 39.447L19.3 38.847L20.1 35.947V35.947Z"/>
|
||
|
<path className={styles["wing"]} id={styles["l-wing-main-l4"]} d="M23.6 35.347L24.2 34.547L25.4 33.047L24.8 31.847L20.2 36.047L19.5 38.847L21.1 38.447L23.6 35.347Z"/>
|
||
|
</g>
|
||
|
<path className={styles["wing"]} id={styles["l-wing-sub"]} d="M27.1 33.447L26.3 32.747L20.6 42.347L21.4 42.547L26 38.047L26.9 34.547L27.5 34.147L26.9 34.547L27.1 33.447V33.447Z"/>
|
||
|
<path id={styles["crosshair"]} d="M25.842 32.104L26.2 32.1V31.2H27.1V30.9H26.2V30L25.842 30.004L25.839 30.9H25V31.2L25.838 31.208L25.842 32.104Z"/>
|
||
|
<path className={styles["wing"]} id={styles["r-wing-main"]} d="M25.2 29.647H27.4L29.5 24.247V21.747L27.3 13.747L25.2 13.547V29.647ZM29.499 24.247L29.802 23.245L29.8 22.739L29.706 22.455L29.502 21.745L29.499 24.247Z"/>
|
||
|
<path className={styles["wing"]} id={styles["r-wing-sub"]} d="M31.3 23.747L27.6 30.447L28.6 30.847L29.1 30.447L29.8 29.747L30.2 29.447L32.1 27.547L33.6 21.347L33.1 20.747L31.5 23.547L31.3 23.747Z"/>
|
||
|
<path id={styles["eye-l"]} d="M22.7 29.547V31.347L24.3 30.447L22.7 29.547V29.547Z"/>
|
||
|
<path id={styles["eye-r"]} d="M24.6 28.147L23.1 29.047L24.6 29.847V28.147Z"/>
|
||
|
<path id={styles["tail"]} d="M27.6 31.247L27 32.347L29.3 34.647L41 40.047L41.2 39.747L30.8 32.347L27.6 31.247V31.247Z"/>
|
||
|
</g>
|
||
|
|
||
|
<g id={styles["particles"]}>
|
||
|
<path className="_1" d="M30.2 21.247L29.5 21.647L30.2 22.047V21.247V21.247Z"/>
|
||
|
<path className="_4" d="M24.2184 34.8777L23.5067 34.4192L24.2184 33.9917" data-inverse=""/>
|
||
|
<path className="_1" d="M24.2 35.744L23.51 35.289L24.2 34.858"/>
|
||
|
<path className="_1" d="M27.501 34.948L26.9 34.547L27.501 34.148"/>
|
||
|
<path className="_3" d="M27.299 29.247L26.601 28.847L27.3 28.448" data-inverse=""/>
|
||
|
<path className="_5" d="M27.296 30.014L26.599 29.649L27.299 29.246" data-inverse=""/>
|
||
|
<path className="_2" d="M29.3 29.046L28.459 28.569L29.301 28.145" data-inverse=""/>
|
||
|
<path className="_4" d="M30.9 24.047L31.54 23.567L30.9 23.239"/>
|
||
|
<path className="_5" d="M29.8 30.847L29.099 30.446L29.8 30.048"/>
|
||
|
<path className="_3" d="M29.799 30.049L29.808 29.186L30.501 29.647"/>
|
||
|
<path className="_5" d="M30.203 22.945L29.504 22.582L30.203 22.147"/>
|
||
|
<path className="_2" d="M28.8 24.647L27.995 24.247L28.8 23.847" data-inverse=""/>
|
||
|
<path className="_2" d="M29.498 24.247L28.799 23.847L29.499 23.448" data-inverse=""/>
|
||
|
<path className="_4" d="M29.502 23.447L28.799 22.949L29.501 22.547" data-inverse=""/>
|
||
|
<path className="_5" d="M29.501 22.548L28.8 22.148L29.502 21.746" data-inverse=""/>
|
||
|
<path className="_3" d="M28.8 22.15L28 21.747L28.804 21.345" data-inverse=""/>
|
||
|
</g>
|
||
|
</g>
|
||
|
{!noLogoText && <>
|
||
|
<path id={styles["txt-mt"]} d="M51.2765 22L51.5565 5.8H54.6165L56.9165 17.02L59.3165 5.8H62.2765L62.5765 22H60.3765L60.1365 10.74L57.8365 22H56.0565L53.7165 10.7L53.4965 22H51.2765ZM68.1688 22.22C67.0222 22.22 66.1088 22.0067 65.4288 21.58C64.7488 21.1533 64.2622 20.54 63.9688 19.74C63.6755 18.94 63.5288 17.9933 63.5288 16.9V10.84C63.5288 9.74667 63.6755 8.81333 63.9688 8.04C64.2622 7.25333 64.7488 6.65333 65.4288 6.24C66.1088 5.82667 67.0222 5.62 68.1688 5.62C69.3422 5.62 70.2622 5.82667 70.9288 6.24C71.6088 6.65333 72.0955 7.25333 72.3888 8.04C72.6955 8.81333 72.8488 9.74667 72.8488 10.84V16.92C72.8488 18 72.6955 18.94 72.3888 19.74C72.0955 20.5267 71.6088 21.14 70.9288 21.58C70.2622 22.0067 69.3422 22.22 68.1688 22.22ZM68.1688 20.04C68.6622 20.04 69.0222 19.9333 69.2488 19.72C69.4888 19.5067 69.6488 19.2133 69.7288 18.84C69.8088 18.4667 69.8488 18.06 69.8488 17.62V10.16C69.8488 9.70667 69.8088 9.3 69.7288 8.94C69.6488 8.58 69.4888 8.3 69.2488 8.1C69.0222 7.88667 68.6622 7.78 68.1688 7.78C67.7022 7.78 67.3488 7.88667 67.1088 8.1C66.8688 8.3 66.7088 8.58 66.6288 8.94C66.5488 9.3 66.5088 9.70667 66.5088 10.16V17.62C66.5088 18.06 66.5422 18.4667 66.6088 18.84C66.6888 19.2133 66.8488 19.5067 67.0888 19.72C67.3288 19.9333 67.6888 20.04 68.1688 20.04ZM78.2784 22.22C77.0784 22.22 76.145 22 75.4784 21.56C74.8117 21.12 74.3517 20.4933 74.0984 19.68C73.845 18.8667 73.7184 17.8933 73.7184 16.76V5.8H76.5984V17.1C76.5984 17.6067 76.6317 18.0867 76.6984 18.54C76.765 18.98 76.9184 19.34 77.1584 19.62C77.4117 19.8867 77.785 20.02 78.2784 20.02C78.7984 20.02 79.1717 19.8867 79.3984 19.62C79.6384 19.34 79.7917 18.98 79.8584 18.54C79.9384 18.0867 79.9784 17.6067 79.9784 17.1V5.8H82.8384V16.76C82.8384 17.8933 82.7117 18.8667 82.4584 19.68C82.205 20.4933 81.745 21.12 81.0784 21.56C80.425 22 79.4917 22.22 78.2784 22.22ZM83.9665 22V5.8H86.0265L89.9665 15.04V5.8H92.4065V22H90.4465L86.4865 12.32V22H83.9665ZM95.2849 22V7.98H92.7049V5.8H100.785V7.98H98.2449V22H95.2849ZM99.848 22L103.088 5.8H106.248L109.488 22H106.748L106.108 18.26H103.288L102.628 22H99.848ZM103.588 16.38H105.788L104.688 9.58L103.588 16.38ZM109.997 22V5.8H112.917V22H109.997ZM114.225 22V5.8H116.285L120.225 15.04V5.8H122.665V22H120.705L116.745 12.32V22H114.225Z"/>
|
||
|
<path id={styles["txt-ct"]} d="M59.0335 40.22C57.8468 40.22 56.9135 39.9867 56.2335 39.52C55.5668 39.0533 55.1002 38.42 54.8335 37.62C54.5668 36.8067 54.4335 35.8733 54.4335 34.82V29.04C54.4335 27.9333 54.5668 26.9733 54.8335 26.16C55.1002 25.3467 55.5668 24.72 56.2335 24.28C56.9135 23.84 57.8468 23.62 59.0335 23.62C60.1535 23.62 61.0268 23.8133 61.6535 24.2C62.2935 24.5733 62.7468 25.1133 63.0135 25.82C63.2802 26.5267 63.4135 27.3467 63.4135 28.28V29.64H60.5735V28.24C60.5735 27.7867 60.5468 27.3733 60.4935 27C60.4535 26.6267 60.3268 26.3333 60.1135 26.12C59.9135 25.8933 59.5602 25.78 59.0535 25.78C58.5468 25.78 58.1735 25.9 57.9335 26.14C57.7068 26.3667 57.5602 26.68 57.4935 27.08C57.4268 27.4667 57.3935 27.9067 57.3935 28.4V35.44C57.3935 36.0267 57.4402 36.5133 57.5335 36.9C57.6268 37.2733 57.7935 37.56 58.0335 37.76C58.2868 37.9467 58.6268 38.04 59.0535 38.04C59.5468 38.04 59.8935 37.9267 60.0935 37.7C60.3068 37.46 60.4402 37.1467 60.4935 36.76C60.5468 36.3733 60.5735 35.94 60.5735 35.46V34H63.4135V35.3C63.4135 36.26 63.2868 37.1133 63.0335 37.86C62.7802 38.5933 62.3335 39.1733 61.6935 39.6C61.0668 40.0133 60.1802 40.22 59.0335 40.22ZM68.6743 40.22C67.5276 40.22 66.6143 40.0067 65.9343 39.58C65.2543 39.1533 64.7676 38.54 64.4743 37.74C64.181 36.94 64.0343 35.9933 64.0343 34.9V28.84C64.0343 27.7467 64.181 26.8133 64.4743 26.04C64.7676 25.2533 65.2543 24.6533 65.9343 24.24C66.6143 23.8267 67.5276 23.62 68.6743 23.62C69.8476 23.62 70.7676 23.8267 71.4343 24.24C72.1143 24.6533 72.601 25.2533 72.8943 26.04C73.201 26.8133 73.3543 27.7467 73.3543 28.84V34.92C73.3543 36 73.201 36.94 72.8943 37.74C72.601 38.5267 72.1143 39.14 71.4343 39.58C70.7676 40.0067 69.8476 40.22 68.6743 40.22ZM68.6743 38.04C69.1676 38.04 69.5276 37.9333 69.7543 37.72C69.9943 37.5067 70.1543 37.2133 70.2343 36.84C70.3143 36.4667 70.3543 36.06 70.3543 35.62V28.16C70.3543 27.7067 70.3143 27.3 70.2343 26.94C70.1543 26.58 69.9943 26.3 69.7543 26.1C69.5276 25.8867 69.1676 25.78 68.6743 25.78C68.2076 25.78 67.8543 25.8867 67.6143 26.1C67.3743 26.3 67.2143 26.58 67.1343 26.94C67.0543 27.3 67.0143 27.7067 67.0143 28.16V35.62C67.0143 36.06 67.0476 36.4667 67.1143 36.84C67.1943 37.2133 67.3543 37.5067 67.5943 37.72C67.8343 37.9333 68.1943 38.04 68.6743 38.04ZM74.3438 40V23.8H76.4038L80.3438 33.04V23.8H82.7838V40H80.8238L76.8638 30.32V40H74.3438ZM85.6623 40V25.98H83.0823V23.8H91.1623V25.98H88.6223V40H85.6623ZM95.7579 40.22C94.6112 40.22 93.6979 40.0067 93.0179 39.58C92.3379 39.1533 91.8512 38.54 91.5579 37.74C91.2646 36.94 91.1179 35.9933 91.1179 34.9V28.84C91.1179 27.7467 91.2646 26.8133 91.5579 26.04C91.8512 25.2533 92.3379 24.6533 93.0179 24.24C93.6979 23.8267 94.6112 23.62 95.7579 23.62C96.9312 23.62 97.8512 23.8267 98.5179 24.24C99.1979 24.6533 99.6846 25.2533 99.9779 26.04C100.285 26.8133 100.438 27.7467 100.438 28.84V34.92C100.438 36 100.285 36.94 99.9779 37.74C99.6846 38.5267 99.1979 39.14 98.5179 39.58C97.8512 40.0067 96.9312 40.22 95.7579 40.22ZM95.7579 38.04C96.2512 38.04 96.6112 37.9333 96.8379 37.72C97.0779 37.5067 97.2379 37.2133 97.3179 36.84C97.3979 36.4667 97.4379 36.06 97.4379 35.62V28.16C97.4379 27.7067 97.3979 27.3 97.3179 26.94C97.2379 26.58 97.0779 26.3 96.8379 26.1C96.6112 25.8867 96.2512 25.78 95.7579 25.78C95.2912 25.78 94.9379 25.8867 94.6979 26.1C94.4579 26.3 94.2979 26.58 94.2179 26.94C94.1379 27.3 94.0979 27.7067 94.0979 28.16V35.62C94.0979 36.06 94.1312 36.4667 94.1979 36.84C94.2779 37.2133 94.4379 37.5067 94.6779 37.72C94.9179 37.9333 95.2779 38.04 95.7579 38.04ZM105.867 40.22C104.667 40.22 103.734 40 103.067 39.56C102.401 39.12 101.941 38.4933 101.687 37.68C101.434 36.8667 101.307 35.8933 101.307 34.76V23.8H104.187V35.1C104.187 35.6067 104.221 36.0867 104.287 36.54C104.354 36.98 104.507 37.34 104.747 37.62C105.001 37.8867 105.374 38.02 105.867 38.02C106.387 38.02 106.761 37.8867 106.987 37.62C107.227 37.34 107.381 36.98 107.447 36.54C107.527 36.0867 107.567 35.6067 107.567 35.1V23.8H110.427V34.76C110.427 35.8933 110.301 36.8667 110.047 37.68C109.794 38.4933 109.334 39.12 108.667 39.56C108.014 40 107.081 40.22 105.867
|
||
|
</>}
|
||
|
</motion.svg>
|
||
|
);
|
||
|
};
|