first commit
5
components/ReclashButton/bgBtnBlue.svg
Normal file
|
@ -0,0 +1,5 @@
|
||||||
|
<svg width="330" height="60" viewBox="0 0 330 60" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M313.141 57.5H13.4493C7.10849 57.5 2.17343 51.37 2.84141 44.34L5.83234 13.14C6.41059 7.14001 10.9867 2.5 16.4402 2.5H316.132C322.473 2.5 327.408 8.64004 326.74 15.67L323.749 46.87C323.171 52.92 318.595 57.5 313.141 57.5Z" fill="#5FA8D9"/>
|
||||||
|
<path d="M313.141 57.5H13.4493C7.10849 57.5 2.17343 51.37 2.84141 44.34L5.83234 13.14C6.41059 7.14001 10.9867 2.5 16.4402 2.5H316.132C322.473 2.5 327.408 8.64004 326.74 15.67L323.749 46.87C323.171 52.92 318.595 57.5 313.141 57.5Z" stroke="#453831" stroke-width="5" stroke-miterlimit="10"/>
|
||||||
|
<path opacity="0.1" d="M13.4493 57.5001H313.141C316.646 57.5001 319.789 55.6078 321.741 52.6491L2.98977 42.7925L2.84141 44.3401C2.17343 51.3701 7.10849 57.5001 13.4493 57.5001Z" fill="#453831"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 838 B |
5
components/ReclashButton/bgBtnBlueHover.svg
Normal file
|
@ -0,0 +1,5 @@
|
||||||
|
<svg width="330" height="60" viewBox="0 0 330 60" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M313.141 57.5H13.4493C7.10849 57.5 2.17343 51.37 2.84141 44.34L5.83234 13.14C6.41059 7.14001 10.9867 2.5 16.4402 2.5H316.132C322.473 2.5 327.408 8.64004 326.74 15.67L323.749 46.87C323.171 52.92 318.595 57.5 313.141 57.5Z" fill="#3591CF"/>
|
||||||
|
<path d="M313.141 57.5H13.4493C7.10849 57.5 2.17343 51.37 2.84141 44.34L5.83234 13.14C6.41059 7.14001 10.9867 2.5 16.4402 2.5H316.132C322.473 2.5 327.408 8.64004 326.74 15.67L323.749 46.87C323.171 52.92 318.595 57.5 313.141 57.5Z" stroke="#453831" stroke-width="5" stroke-miterlimit="10"/>
|
||||||
|
<path opacity="0.1" d="M13.4493 57.5001H313.141C316.646 57.5001 319.789 55.6078 321.741 52.6491L2.98977 42.7925L2.84141 44.3401C2.17343 51.3701 7.10849 57.5001 13.4493 57.5001Z" fill="#453831"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 838 B |
5
components/ReclashButton/bgBtnGreen.svg
Normal file
|
@ -0,0 +1,5 @@
|
||||||
|
<svg width="330" height="60" viewBox="0 0 330 60" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M313.141 57.5H13.4493C7.10849 57.5 2.17343 51.37 2.84141 44.34L5.83234 13.14C6.41059 7.14001 10.9867 2.5 16.4402 2.5H316.132C322.473 2.5 327.408 8.64004 326.74 15.67L323.749 46.87C323.171 52.92 318.595 57.5 313.141 57.5Z" fill="#59AB45"/>
|
||||||
|
<path d="M313.141 57.5H13.4493C7.10849 57.5 2.17343 51.37 2.84141 44.34L5.83234 13.14C6.41059 7.14001 10.9867 2.5 16.4402 2.5H316.132C322.473 2.5 327.408 8.64004 326.74 15.67L323.749 46.87C323.171 52.92 318.595 57.5 313.141 57.5Z" stroke="#453831" stroke-width="5" stroke-miterlimit="10"/>
|
||||||
|
<path opacity="0.1" d="M13.4493 57.5001H313.141C316.646 57.5001 319.789 55.6078 321.741 52.6491L2.98977 42.7925L2.84141 44.3401C2.17343 51.3701 7.10849 57.5001 13.4493 57.5001Z" fill="#453831"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 838 B |
5
components/ReclashButton/bgBtnGreenHover.svg
Normal file
|
@ -0,0 +1,5 @@
|
||||||
|
<svg width="330" height="60" viewBox="0 0 330 60" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M313.141 57.5H13.4493C7.10849 57.5 2.17343 51.37 2.84141 44.34L5.83234 13.14C6.41059 7.14001 10.9867 2.5 16.4402 2.5H316.132C322.473 2.5 327.408 8.64004 326.74 15.67L323.749 46.87C323.171 52.92 318.595 57.5 313.141 57.5Z" fill="#468636"/>
|
||||||
|
<path d="M313.141 57.5H13.4493C7.10849 57.5 2.17343 51.37 2.84141 44.34L5.83234 13.14C6.41059 7.14001 10.9867 2.5 16.4402 2.5H316.132C322.473 2.5 327.408 8.64004 326.74 15.67L323.749 46.87C323.171 52.92 318.595 57.5 313.141 57.5Z" stroke="#453831" stroke-width="5" stroke-miterlimit="10"/>
|
||||||
|
<path opacity="0.1" d="M13.4493 57.5001H313.141C316.646 57.5001 319.789 55.6078 321.741 52.6491L2.98977 42.7925L2.84141 44.3401C2.17343 51.3701 7.10849 57.5001 13.4493 57.5001Z" fill="#453831"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 838 B |
5
components/ReclashButton/bgBtnRed.svg
Normal file
|
@ -0,0 +1,5 @@
|
||||||
|
<svg width="330" height="60" viewBox="0 0 330 60" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M313.141 57.5H13.4493C7.10849 57.5 2.17343 51.37 2.84141 44.34L5.83234 13.14C6.41059 7.14001 10.9867 2.5 16.4402 2.5H316.132C322.473 2.5 327.408 8.64004 326.74 15.67L323.749 46.87C323.171 52.92 318.595 57.5 313.141 57.5Z" fill="#D94A4A"/>
|
||||||
|
<path d="M313.141 57.5H13.4493C7.10849 57.5 2.17343 51.37 2.84141 44.34L5.83234 13.14C6.41059 7.14001 10.9867 2.5 16.4402 2.5H316.132C322.473 2.5 327.408 8.64004 326.74 15.67L323.749 46.87C323.171 52.92 318.595 57.5 313.141 57.5Z" stroke="#453831" stroke-width="5" stroke-miterlimit="10"/>
|
||||||
|
<path opacity="0.1" d="M13.4493 57.5001H313.141C316.646 57.5001 319.789 55.6078 321.741 52.6491L2.98977 42.7925L2.84141 44.3401C2.17343 51.3701 7.10849 57.5001 13.4493 57.5001Z" fill="#453831"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 838 B |
5
components/ReclashButton/bgBtnRedHover.svg
Normal file
|
@ -0,0 +1,5 @@
|
||||||
|
<svg width="330" height="60" viewBox="0 0 330 60" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M313.141 57.5H13.4493C7.10849 57.5 2.17343 51.37 2.84141 44.34L5.83234 13.14C6.41059 7.14001 10.9867 2.5 16.4402 2.5H316.132C322.473 2.5 327.408 8.64004 326.74 15.67L323.749 46.87C323.171 52.92 318.595 57.5 313.141 57.5Z" fill="#C62A2A"/>
|
||||||
|
<path d="M313.141 57.5H13.4493C7.10849 57.5 2.17343 51.37 2.84141 44.34L5.83234 13.14C6.41059 7.14001 10.9867 2.5 16.4402 2.5H316.132C322.473 2.5 327.408 8.64004 326.74 15.67L323.749 46.87C323.171 52.92 318.595 57.5 313.141 57.5Z" stroke="#453831" stroke-width="5" stroke-miterlimit="10"/>
|
||||||
|
<path opacity="0.1" d="M13.4493 57.5001H313.141C316.646 57.5001 319.789 55.6078 321.741 52.6491L2.98977 42.7925L2.84141 44.3401C2.17343 51.3701 7.10849 57.5001 13.4493 57.5001Z" fill="#453831"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 838 B |
48
components/ReclashButton/button.module.css
Normal file
|
@ -0,0 +1,48 @@
|
||||||
|
|
||||||
|
|
||||||
|
.reclashBtn{
|
||||||
|
width: 330px;
|
||||||
|
min-height: 60px;
|
||||||
|
padding:5px 25px;
|
||||||
|
font-family: 'Londrina Solid', cursive;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 900;
|
||||||
|
font-size: 36px;
|
||||||
|
line-height: 35px;
|
||||||
|
color: #FCDDCE;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
outline: none;
|
||||||
|
border: none;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: 0.3s;
|
||||||
|
-webkit-text-stroke: 0.06em #453831;
|
||||||
|
user-select: none;
|
||||||
|
gap:15px;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.green{
|
||||||
|
background-image: url(./bgBtnGreen.svg);
|
||||||
|
}
|
||||||
|
.green:hover{
|
||||||
|
background-image: url(./bgBtnGreenHover.svg);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.blue{
|
||||||
|
background-image: url(./bgBtnBlue.svg);
|
||||||
|
}
|
||||||
|
.blue:hover{
|
||||||
|
background-image: url(./bgBtnBlueHover.svg);
|
||||||
|
}
|
||||||
|
.red{
|
||||||
|
background-image: url(./bgBtnRed.svg);
|
||||||
|
}
|
||||||
|
.red:hover{
|
||||||
|
background-image: url(./bgBtnRedHover.svg);
|
||||||
|
}
|
22
components/ReclashButton/index.tsx
Normal file
|
@ -0,0 +1,22 @@
|
||||||
|
import styles from "./button.module.css"
|
||||||
|
import React from "react"
|
||||||
|
import bgGreen from "./bgBtnGreen.svg"
|
||||||
|
import bgBlue from "./bgBtnBlue.svg"
|
||||||
|
|
||||||
|
interface ReclashButtonIE{
|
||||||
|
class?:string
|
||||||
|
onClick:()=>void
|
||||||
|
color: "green"|"blue"|"red"
|
||||||
|
children?:JSX.Element|string|JSX.Element[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export const ReclashButton:React.FC<ReclashButtonIE> = (props) =>{
|
||||||
|
return(
|
||||||
|
<div
|
||||||
|
onClick={()=>props.onClick()}
|
||||||
|
className={styles.reclashBtn + " "+ styles[props.color] + " " + props.class}
|
||||||
|
>
|
||||||
|
{props.children}
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
159
pages/index.tsx
|
@ -1,70 +1,127 @@
|
||||||
import type { NextPage } from 'next'
|
import type { NextPage } from 'next'
|
||||||
import Head from 'next/head'
|
import Head from 'next/head'
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
|
import Link from 'next/link'
|
||||||
|
import { ReclashButton } from '../components/ReclashButton'
|
||||||
import styles from '../styles/Home.module.css'
|
import styles from '../styles/Home.module.css'
|
||||||
|
|
||||||
const Home: NextPage = () => {
|
const Home: NextPage = () => {
|
||||||
return (
|
return (
|
||||||
<div className={styles.container}>
|
<div className={styles.container}>
|
||||||
<Head>
|
<Head>
|
||||||
<title>Create Next App</title>
|
<title>CHESS RECLASH</title>
|
||||||
<meta name="description" content="Generated by create next app" />
|
<meta name="description" content="Lending Chess Reclash" />
|
||||||
<link rel="icon" href="/favicon.ico" />
|
<link rel="icon" href="/favicon.ico" />
|
||||||
</Head>
|
</Head>
|
||||||
|
|
||||||
<main className={styles.main}>
|
<main className={styles.main}>
|
||||||
<h1 className={styles.title}>
|
<div className={styles.home} id="home">
|
||||||
Welcome to <a href="https://nextjs.org">Next.js!</a>
|
<div className={styles.header}>
|
||||||
</h1>
|
<img className={styles.logo} src="/logo.svg"></img>
|
||||||
|
<Link href="#home">Home</Link>
|
||||||
|
<Link href="#about">About</Link>
|
||||||
|
<Link href="#team">Team</Link>
|
||||||
|
<Link href="#demo">Demo</Link>
|
||||||
|
<Link href="#contacts">Contacts</Link>
|
||||||
|
|
||||||
<p className={styles.description}>
|
</div>
|
||||||
Get started by editing{' '}
|
|
||||||
<code className={styles.code}>pages/index.tsx</code>
|
<div className={styles.blueSide}>
|
||||||
</p>
|
<div className={styles.social}>
|
||||||
|
<Link href="vk.com">VK</Link>
|
||||||
<div className={styles.grid}>
|
<Link href="tg.com">TELEGRAMM</Link>
|
||||||
<a href="https://nextjs.org/docs" className={styles.card}>
|
<Link href="youtube.com">YOUTUBE</Link>
|
||||||
<h2>Documentation →</h2>
|
</div>
|
||||||
<p>Find in-depth information about Next.js features and API.</p>
|
<div className={styles.slogan}>
|
||||||
</a>
|
<div className={styles.phrase}>
|
||||||
|
<img src="/fire.svg"></img>
|
||||||
<a href="https://nextjs.org/learn" className={styles.card}>
|
<div>Future of play to earn games</div>
|
||||||
<h2>Learn →</h2>
|
</div>
|
||||||
<p>Learn about Next.js in an interactive course with quizzes!</p>
|
<p className={styles.phrase2}>
|
||||||
</a>
|
We will change <br/>
|
||||||
|
Your idea of <br/>
|
||||||
<a
|
Chess Game <br/>
|
||||||
href="https://github.com/vercel/next.js/tree/canary/examples"
|
</p>
|
||||||
className={styles.card}
|
<ReclashButton class={styles.btn} color="red" onClick={()=>null}>EXPLORE MORE</ReclashButton>
|
||||||
>
|
<div className={styles.viewDemo}>
|
||||||
<h2>Examples →</h2>
|
<Link href="#demo">VIEW DEMO</Link>
|
||||||
<p>Discover and deploy boilerplate example Next.js projects.</p>
|
</div>
|
||||||
</a>
|
</div>
|
||||||
|
</div>
|
||||||
<a
|
<img className={styles.mockup} src="/mockup.png"></img>
|
||||||
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
|
</div>
|
||||||
className={styles.card}
|
<div className={styles.about}>
|
||||||
>
|
<div className={styles.aboutHeader}>
|
||||||
<h2>Deploy →</h2>
|
OUR FEATURES
|
||||||
<p>
|
</div>
|
||||||
Instantly deploy your Next.js site to a public URL with Vercel.
|
<div className={styles.cardWrapper}>
|
||||||
</p>
|
<div className={styles.card}>
|
||||||
</a>
|
<div className={styles.icons}>
|
||||||
|
<img className={styles.icon} src="/chess.svg"></img>
|
||||||
|
<img className={styles.icon} src="/plus.svg"></img>
|
||||||
|
<img className={styles.icon}src="/card.svg"></img>
|
||||||
|
</div>
|
||||||
|
<div className={styles.cardHeader}>CHESS + TCG + RTS</div>
|
||||||
|
<div className={styles.cardContent}>
|
||||||
|
We added elements of real-time strategy and NFT-based collectible card game to chess.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className={styles.card}>
|
||||||
|
<div className={styles.icons}>
|
||||||
|
<img className={styles.icon} src="/ton.svg"></img>
|
||||||
|
<img className={styles.icon} src="/plus.svg"></img>
|
||||||
|
<img className={styles.icon}src="/nft.svg"></img>
|
||||||
|
</div>
|
||||||
|
<div className={styles.cardHeader}>PLAY TO ENJOY & EARN</div>
|
||||||
|
<div className={styles.cardContent}>
|
||||||
|
The game is based on TON, you can bet in battles and win real money. You can also trade your own unique NFT characters. </div>
|
||||||
|
</div>
|
||||||
|
<div className={styles.card}>
|
||||||
|
<div className={styles.icons}>
|
||||||
|
<img className={styles.icon} src="/hearth.svg"></img>
|
||||||
|
</div>
|
||||||
|
<div className={styles.cardHeader}>COMMUNITY</div>
|
||||||
|
<div className={styles.cardContent}>
|
||||||
|
Our game has a great community and friendly developers. Here you can find your best friends. </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className={styles.demo}>
|
||||||
|
<div className={styles.aboutHeader}>
|
||||||
|
DEMO
|
||||||
|
</div>
|
||||||
|
<img className={styles.demoGame} src="demo.png"></img>
|
||||||
|
</div>
|
||||||
|
<div className={styles.team}>
|
||||||
|
<img src="/team.svg" className={styles.teamImg}></img>
|
||||||
|
<div className={styles.teamContent}>
|
||||||
|
<div className={styles.teamHeader}>OUR TEAM</div>
|
||||||
|
<div className={styles.teamDescr}>
|
||||||
|
Our team has been developing crypto projects for several years now. Chess Reclash is first of all a challenge for us. This is a big and ambitious, and also the most important project for us.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className={styles.contacts}>
|
||||||
|
<div className={styles.contactsCard}>
|
||||||
|
<img className={styles.arrow} src="/arrow.svg"></img>
|
||||||
|
<div className={styles.contactsHeaderWrapper}>
|
||||||
|
<div className={styles.contactsHeader}>Join our community <br/>to learn even more!</div>
|
||||||
|
<div className={styles.shareButtonsWrapper}>
|
||||||
|
<ReclashButton color="blue" class={styles.shareBtn} onClick={()=>null}>Telegramm</ReclashButton>
|
||||||
|
<ReclashButton color="blue" class={styles.shareBtn} onClick={()=>null}>Twitter</ReclashButton>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<img src="/arrow.svg" className={styles.arrow + " " + styles.reversed}></img>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className={styles.footer}>
|
||||||
|
<div className={styles.footerText}>
|
||||||
|
POWERED BY
|
||||||
|
</div>
|
||||||
|
<img src="/ton.svg"></img>
|
||||||
|
<div className={styles.footerText}>TON</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer className={styles.footer}>
|
|
||||||
<a
|
|
||||||
href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
|
|
||||||
target="_blank"
|
|
||||||
rel="noopener noreferrer"
|
|
||||||
>
|
|
||||||
Powered by{' '}
|
|
||||||
<span className={styles.logo}>
|
|
||||||
<Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} />
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</footer>
|
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
3
public/arrow.svg
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
<svg width="79" height="165" viewBox="0 0 79 165" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M49.3879 6.05891C50.8011 4.74012 50.8777 2.52536 49.5589 1.11212C48.2401 -0.301129 46.0254 -0.377701 44.6121 0.94109L49.3879 6.05891ZM78.268 138.142C79.4509 136.613 79.1704 134.415 77.6415 133.232L52.7275 113.956C51.1986 112.774 49.0004 113.054 47.8175 114.583C46.6347 116.112 46.9152 118.31 48.444 119.493L70.5899 136.627L53.4562 158.772C52.2734 160.301 52.5539 162.499 54.0828 163.682C55.6116 164.865 57.8099 164.585 58.9927 163.056L78.268 138.142ZM44.6121 0.94109C0.093904 42.4839 -6.46366 78.8256 6.44039 104.495C19.1023 129.682 49.7906 142.809 75.9428 139.472L75.0568 132.528C51.3703 135.551 23.8182 123.478 12.6946 101.351C1.81315 79.705 5.92505 46.6169 49.3879 6.05891L44.6121 0.94109Z" fill="#453831"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 825 B |
561
public/bg.svg
Normal file
After Width: | Height: | Size: 1.7 MiB |
21
public/card.svg
Normal file
|
@ -0,0 +1,21 @@
|
||||||
|
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M64 32C64 49.672 49.672 64 32 64C14.328 64 0 49.672 0 32C0 14.328 14.328 0 32 0C49.672 0 64 14.328 64 32Z" fill="#453831"/>
|
||||||
|
<g clip-path="url(#clip0_507_112988)">
|
||||||
|
<path d="M27.6629 12.4082L15.1921 15.7498C11.7482 16.6726 9.72884 20.3038 10.6818 23.8604L16.8934 47.0422C17.8463 50.5987 21.4107 52.7338 24.8547 51.811L37.3255 48.4695C40.7694 47.5467 42.7888 43.9154 41.8358 40.3589L35.6242 17.1771C34.6713 13.6205 31.1069 11.4854 27.6629 12.4082Z" fill="#453831"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M28.3531 14.984L15.8823 18.3256C13.9384 18.8464 12.6647 20.9574 13.2576 23.1702L19.4692 46.352C20.0621 48.5647 22.2206 49.7561 24.1645 49.2352L36.6353 45.8937C38.5792 45.3728 39.8529 43.2618 39.26 41.0491L33.0484 17.8672C32.4555 15.6545 30.297 14.4632 28.3531 14.984ZM15.1921 15.7498L27.6629 12.4082C31.1069 11.4854 34.6713 13.6205 35.6242 17.1771L41.8358 40.3589C42.7888 43.9154 40.7694 47.5467 37.3255 48.4695L24.8547 51.811C21.4107 52.7338 17.8463 50.5987 16.8934 47.0422L10.6818 23.8604C9.72884 20.3038 11.7482 16.6726 15.1921 15.7498Z" fill="#FCDDCE"/>
|
||||||
|
<path d="M30.9047 25.4051C29.8266 25.2792 28.8322 24.726 28.1334 23.8635C28.0971 23.8191 28.0493 23.7863 27.9958 23.7687C27.9422 23.7512 27.8851 23.7498 27.8313 23.7647L20.7298 25.6675C20.6757 25.6814 20.6269 25.7111 20.5892 25.7531C20.5515 25.795 20.5267 25.8475 20.5176 25.9041C20.3437 27.0005 19.7591 27.9768 18.8884 28.6249C18.8429 28.6585 18.8087 28.7056 18.79 28.7601C18.7714 28.8145 18.7692 28.8737 18.7839 28.93L20.2902 34.5517C20.894 36.8051 22.8051 38.5385 25.158 38.9678L28.1177 39.5067C28.16 39.5148 28.2035 39.5131 28.2449 39.502C28.2865 39.4907 28.3251 39.4704 28.3582 39.4423L30.6503 37.4962C32.4741 35.9477 33.2624 33.491 32.6586 31.2376L31.1523 25.6159C31.1364 25.5594 31.1041 25.5089 31.0599 25.4712C31.0157 25.4336 30.9615 25.4105 30.9047 25.4051V25.4051Z" fill="#FCDDCE"/>
|
||||||
|
</g>
|
||||||
|
<g clip-path="url(#clip1_507_112988)">
|
||||||
|
<path d="M49.7025 15.5312L37.2316 12.1897C33.7877 11.2669 30.2233 13.402 29.2703 16.9585L23.0588 40.1403C22.1058 43.6969 24.1251 47.3281 27.5691 48.2509L40.0399 51.5925C43.4838 52.5153 47.0482 50.3802 48.0012 46.8236L54.2128 23.6418C55.1657 20.0853 53.1464 16.454 49.7025 15.5312Z" fill="#FCDDCE"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M49.0123 18.107L36.5415 14.7655C34.5976 14.2446 32.439 15.436 31.8461 17.6487L25.6346 40.8305C25.0417 43.0432 26.3154 45.1542 28.2592 45.6751L40.7301 49.0167C42.6739 49.5375 44.8325 48.3462 45.4254 46.1334L51.637 22.9516C52.2298 20.7389 50.9562 18.6279 49.0123 18.107ZM37.2316 12.1897L49.7025 15.5312C53.1464 16.454 55.1657 20.0853 54.2128 23.6418L48.0012 46.8236C47.0482 50.3802 43.4838 52.5153 40.0399 51.5925L27.5691 48.2509C24.1251 47.3281 22.1058 43.6969 23.0588 40.1403L29.2703 16.9585C30.2233 13.402 33.7877 11.2669 37.2316 12.1897Z" fill="#453831"/>
|
||||||
|
<path d="M46.0116 28.4077C45.1409 27.7596 44.5563 26.7834 44.3824 25.687C44.3731 25.6304 44.3482 25.5781 44.3106 25.5361C44.2729 25.4942 44.2242 25.4644 44.1702 25.4504L37.0687 23.5476C37.0149 23.5325 36.9577 23.5338 36.9041 23.5513C36.8505 23.5688 36.8028 23.6018 36.7666 23.6463C36.0678 24.5089 35.0734 25.0621 33.9953 25.1879C33.9391 25.1944 33.8859 25.218 33.8425 25.2558C33.7991 25.2937 33.7677 25.3439 33.7522 25.3999L32.2459 31.0217C31.6421 33.275 32.4305 35.7318 34.2535 37.2801L36.5472 39.2265C36.5798 39.2547 36.6183 39.275 36.6597 39.2861C36.7014 39.2971 36.745 39.2988 36.7877 39.291L39.7458 38.7517C42.0994 38.3226 44.0105 36.5891 44.6143 34.3358L46.1207 28.714C46.1351 28.6571 46.1324 28.5973 46.1129 28.5426C46.0935 28.4879 46.0581 28.4408 46.0116 28.4077V28.4077Z" fill="#453831"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_507_112988">
|
||||||
|
<rect width="26.6667" height="37.3333" fill="white" transform="translate(8.9563 17.4207) rotate(-15)"/>
|
||||||
|
</clipPath>
|
||||||
|
<clipPath id="clip1_507_112988">
|
||||||
|
<rect width="26.6667" height="37.3333" fill="white" transform="translate(30.9958 10.5188) rotate(15)"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 3.9 KiB |
12
public/chess.svg
Normal file
|
@ -0,0 +1,12 @@
|
||||||
|
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_507_112989)">
|
||||||
|
<path d="M64 32C64 49.672 49.672 64 32 64C14.328 64 0 49.672 0 32C0 14.328 14.328 0 32 0C49.672 0 64 14.328 64 32Z" fill="#FCDDCE"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M32 61.3333C48.1992 61.3333 61.3333 48.1992 61.3333 32C61.3333 15.8008 48.1992 2.66667 32 2.66667C15.8008 2.66667 2.66667 15.8008 2.66667 32C2.66667 48.1992 15.8008 61.3333 32 61.3333ZM32 64C49.672 64 64 49.672 64 32C64 14.328 49.672 0 32 0C14.328 0 0 14.328 0 32C0 49.672 14.328 64 32 64Z" fill="#453831"/>
|
||||||
|
<path d="M20.4807 45.9772L20.4812 48.7858L19.025 48.7861L19.0257 53.3334L39.7168 53.3306H43.7812V48.7754H42.4698L42.4693 45.9743H41.2054C41.3004 45.3292 41.3786 44.6902 41.3919 44.0512C41.404 43.3659 41.327 42.7031 41.1806 42.0586C40.8068 40.4119 39.9804 38.8855 39.0316 37.413C37.3609 34.8326 35.1665 32.6523 32.8937 30.5256C32.6501 30.308 32.4198 30.0766 32.026 29.6966C34.0182 30.1239 35.7184 29.7344 37.3884 29.2009C38.593 28.8191 39.5325 29.1347 40.3918 29.9239C42.2074 31.6169 44.0145 31.8924 46.3019 30.8793C47.2711 30.444 48.1735 28.7857 47.9715 27.8219C47.9065 27.5139 47.7646 27.1523 47.8729 26.8826C48.2232 25.9462 47.6841 25.4652 46.975 24.938C45.3264 23.7077 43.6976 22.4437 42.1424 21.1199C41.3598 20.4549 40.7706 19.6045 40.0698 18.8614C39.7677 18.5441 39.4223 18.2286 39.0285 18.0186C38.5414 17.7551 37.9823 17.6096 37.4517 17.4135C36.307 16.9861 35.9783 16.862 35.883 16.2368L35.8979 16.0759C35.9486 15.5219 35.5484 15.0176 34.9586 14.8926L34.151 14.7215L34.1503 10.6667H34.1002C31.6159 10.6672 29.574 12.4052 29.3358 14.6303C24.0635 16.096 20.9541 19.4601 19.3898 24.1848C17.9789 28.4345 18.8304 32.5229 20.2527 36.6127C21.114 39.0952 21.8737 41.6251 22.4915 44.1734C22.6267 44.7449 22.5983 45.3581 22.5334 45.9771L20.4807 45.9772ZM36.9019 22.1733C36.3239 22.1733 35.8555 21.743 35.8555 21.2122C35.8555 20.6815 36.3239 20.2511 36.9019 20.2511C37.4799 20.2511 37.9483 20.6814 37.9483 21.2122C37.9483 21.7431 37.4799 22.1733 36.9019 22.1733Z" fill="#453831"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_507_112989">
|
||||||
|
<rect width="64" height="64" fill="white"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 2.2 KiB |
BIN
public/demo.png
Normal file
After Width: | Height: | Size: 307 KiB |
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 23 KiB |
17
public/fire.svg
Normal file
|
@ -0,0 +1,17 @@
|
||||||
|
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M17.2468 7.25C18.0598 8.38815 18.4968 9.75188 18.4968 11.1506V12.5C18.9253 12.5 19.3414 12.3568 19.6791 12.0931C20.0168 11.8294 20.2567 11.4605 20.3606 11.0448L20.4968 10.5L20.8663 10.9434C21.4621 11.6583 21.7854 12.561 21.7789 13.4915C21.7725 14.4221 21.4367 15.3202 20.8311 16.0268C20.6041 16.2915 20.4855 16.6322 20.4988 16.9806C20.5122 17.3291 20.6565 17.6596 20.9031 17.9062C21.0407 18.0439 21.2059 18.151 21.3877 18.2205C21.5696 18.29 21.7641 18.3203 21.9584 18.3096C22.1528 18.2988 22.3427 18.2471 22.5158 18.158C22.6889 18.0688 22.8412 17.9441 22.9628 17.7921L23.9968 16.5L24.9968 19C25.4503 20.5115 25.486 22.1177 25.1002 23.6479C24.7144 25.1781 23.9215 26.5753 22.8056 27.6912L22.6795 27.8173C20.9619 29.535 18.6322 30.5 16.2031 30.5H15.1828C13.6011 30.5 12.0464 30.0904 10.67 29.3111C9.29359 28.5318 8.14247 27.4094 7.3287 26.0531C6.35428 24.4291 5.90726 22.5429 6.0492 20.6542C6.19114 18.7656 6.91505 16.9674 8.12127 15.5072L12.169 10.6073C12.5679 10.1244 12.8242 9.53994 12.9093 8.91945C12.9943 8.29897 12.9046 7.66707 12.6503 7.09475C12.3276 6.36877 12.2719 5.55208 12.4932 4.78904C12.7144 4.026 13.1983 3.36575 13.8593 2.925L15.9968 1.5V3.34944C15.9968 4.74812 16.4339 6.11185 17.2468 7.25Z" fill="url(#paint0_linear_507_112934)"/>
|
||||||
|
<path d="M19.689 27.0882L19.6934 27.0838C20.4711 26.3001 21.026 25.3234 21.3009 24.2541C21.5758 23.1848 21.5608 22.0616 21.2575 21L19.8029 22.4546C19.6657 22.5919 19.5027 22.7008 19.3233 22.7751C19.144 22.8494 18.9517 22.8877 18.7576 22.8877C18.5635 22.8877 18.3712 22.8494 18.1919 22.7751C18.0125 22.7008 17.8495 22.5919 17.7123 22.4546C17.4514 22.1938 17.2974 21.8448 17.2807 21.4763C17.2639 21.1078 17.3855 20.7463 17.6217 20.4629C18.108 19.8794 18.4136 19.1667 18.5012 18.4122C18.5887 17.6577 18.4545 16.8941 18.1148 16.2147L15.7575 11.5L15.395 15.4875C15.3515 15.9657 15.2119 16.4303 14.9845 16.8532C14.7571 17.2762 14.4466 17.6488 14.0717 17.9489L12.0109 19.5976C11.4639 20.0352 11.0223 20.5902 10.7188 21.2216C10.4154 21.853 10.2578 22.5445 10.2578 23.2451V23.8125C10.2578 24.4973 10.4084 25.1736 10.6988 25.7938C10.9892 26.4139 11.4125 26.9626 11.9385 27.4009C12.7902 28.1106 13.8665 28.4943 14.975 28.4834L16.4199 28.4691C17.6488 28.4568 18.8234 27.9606 19.689 27.0882Z" fill="#FDD04A"/>
|
||||||
|
<path d="M7.5 12C7.36739 12 7.24021 11.9473 7.14645 11.8536C7.05268 11.7598 7 11.6326 7 11.5V10.5C7 10.3674 7.05268 10.2402 7.14645 10.1464C7.24021 10.0527 7.36739 10 7.5 10C7.63261 10 7.75979 10.0527 7.85355 10.1464C7.94732 10.2402 8 10.3674 8 10.5V11.5C8 11.6326 7.94732 11.7598 7.85355 11.8536C7.75979 11.9473 7.63261 12 7.5 12Z" fill="#FE691E"/>
|
||||||
|
<path d="M9 9.5C8.86739 9.5 8.74021 9.44732 8.64645 9.35355C8.55268 9.25979 8.5 9.13261 8.5 9V8C8.5 7.86739 8.55268 7.74021 8.64645 7.64645C8.74021 7.55268 8.86739 7.5 9 7.5C9.13261 7.5 9.25979 7.55268 9.35355 7.64645C9.44732 7.74021 9.5 7.86739 9.5 8V9C9.5 9.13261 9.44732 9.25979 9.35355 9.35355C9.25979 9.44732 9.13261 9.5 9 9.5Z" fill="#FF8D54"/>
|
||||||
|
<path d="M7 7.5C6.86739 7.5 6.74021 7.44732 6.64645 7.35355C6.55268 7.25979 6.5 7.13261 6.5 7V6C6.5 5.86739 6.55268 5.74021 6.64645 5.64645C6.74021 5.55268 6.86739 5.5 7 5.5C7.13261 5.5 7.25979 5.55268 7.35355 5.64645C7.44732 5.74021 7.5 5.86739 7.5 6V7C7.5 7.13261 7.44732 7.25979 7.35355 7.35355C7.25979 7.44732 7.13261 7.5 7 7.5Z" fill="#FFB895"/>
|
||||||
|
<path d="M24.5 13.5C24.3674 13.5 24.2402 13.4473 24.1464 13.3536C24.0527 13.2598 24 13.1326 24 13V12C24 11.8674 24.0527 11.7402 24.1464 11.6464C24.2402 11.5527 24.3674 11.5 24.5 11.5C24.6326 11.5 24.7598 11.5527 24.8536 11.6464C24.9473 11.7402 25 11.8674 25 12V13C25 13.1326 24.9473 13.2598 24.8536 13.3536C24.7598 13.4473 24.6326 13.5 24.5 13.5Z" fill="#FE691E"/>
|
||||||
|
<path d="M23 10C22.8674 10 22.7402 9.94732 22.6464 9.85355C22.5527 9.75979 22.5 9.63261 22.5 9.5V8.5C22.5 8.36739 22.5527 8.24021 22.6464 8.14645C22.7402 8.05268 22.8674 8 23 8C23.1326 8 23.2598 8.05268 23.3536 8.14645C23.4473 8.24021 23.5 8.36739 23.5 8.5V9.5C23.5 9.63261 23.4473 9.75979 23.3536 9.85355C23.2598 9.94732 23.1326 10 23 10Z" fill="#FF8D54"/>
|
||||||
|
<path d="M25 8.5C24.8674 8.5 24.7402 8.44732 24.6464 8.35355C24.5527 8.25979 24.5 8.13261 24.5 8V6.5C24.5 6.36739 24.5527 6.24021 24.6464 6.14645C24.7402 6.05268 24.8674 6 25 6C25.1326 6 25.2598 6.05268 25.3536 6.14645C25.4473 6.24021 25.5 6.36739 25.5 6.5V8C25.5 8.13261 25.4473 8.25979 25.3536 8.35355C25.2598 8.44732 25.1326 8.5 25 8.5Z" fill="#FFB895"/>
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="paint0_linear_507_112934" x1="15.6944" y1="1.5" x2="15.6944" y2="30.5" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#FF9159"/>
|
||||||
|
<stop offset="0.6875" stop-color="#FF7631"/>
|
||||||
|
<stop offset="1" stop-color="#FF6A1F"/>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 4.6 KiB |
5
public/hearth.svg
Normal file
|
@ -0,0 +1,5 @@
|
||||||
|
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M70 40C70 56.5685 56.5685 70 40 70C23.4315 70 10 56.5685 10 40C10 23.4315 23.4315 10 40 10C56.5685 10 70 23.4315 70 40Z" fill="#FCDDCE"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M40 67C54.9117 67 67 54.9117 67 40C67 25.0883 54.9117 13 40 13C25.0883 13 13 25.0883 13 40C13 54.9117 25.0883 67 40 67ZM40 70C56.5685 70 70 56.5685 70 40C70 23.4315 56.5685 10 40 10C23.4315 10 10 23.4315 10 40C10 56.5685 23.4315 70 40 70Z" fill="#453831"/>
|
||||||
|
<path d="M56.574 29.8668C55.8019 28.535 54.7432 27.4053 53.4802 26.5652C52.2172 25.7252 50.7839 25.1975 49.2917 25.0232C48.0899 24.9413 46.8834 25.0767 45.7265 25.4232C43.802 26.0415 42.01 27.0358 40.4479 28.3523L39.9919 28.7666L39.826 28.6237C39.0092 27.9384 38.1404 27.3221 37.2282 26.7806C35.2691 25.5306 32.9918 24.9183 30.692 25.0232C30.0252 25.0778 29.3667 25.212 28.7298 25.4232C27.2885 25.9515 25.9904 26.8283 24.9435 27.9808C24.3807 28.5626 23.8675 29.1936 23.4097 29.8668C18.1586 37.6823 28.8127 49.5127 35.1277 55.4565C35.9016 56.1995 36.6201 56.8853 37.2282 57.3711L38.458 58.4427C38.894 58.8018 39.4345 58.9982 39.9919 58.9999C40.5504 59.0051 41.0931 58.808 41.5257 58.4427C45.7265 54.8993 63.0273 39.3968 56.574 29.8668Z" fill="#453831"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 1.3 KiB |
551
public/logo.svg
Normal file
After Width: | Height: | Size: 1.7 MiB |
BIN
public/mockup.png
Normal file
After Width: | Height: | Size: 190 KiB |
10
public/nft.svg
Normal file
After Width: | Height: | Size: 68 KiB |
8
public/plus.svg
Normal file
|
@ -0,0 +1,8 @@
|
||||||
|
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<mask id="path-1-outside-1_507_112987" maskUnits="userSpaceOnUse" x="5.28149" y="5.28149" width="30" height="30" fill="black">
|
||||||
|
<rect fill="white" x="5.28149" y="5.28149" width="30" height="30"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.1788 31.2741C24.2343 32.4964 23.1893 33.4815 21.9725 33.3541L17.3849 32.8735C16.3666 32.7668 15.5933 31.9082 15.5933 30.8844L15.5933 23.6637H8.28149C7.17692 23.6637 6.28149 22.7683 6.28149 21.6637V18.1254C6.28149 17.0562 7.12253 16.176 8.19068 16.1275L15.5933 15.791L15.5933 8.28149C15.5933 7.17692 16.4887 6.28149 17.5933 6.28149L21.1316 6.28149C22.2009 6.28149 23.081 7.12253 23.1295 8.19068L23.4588 15.4335L31.2741 15.0782C32.4964 15.0227 33.4815 16.0677 33.3541 17.2846L32.8735 21.8721C32.7668 22.8905 31.9082 23.6637 30.8844 23.6637H23.8329L24.1788 31.2741Z"/>
|
||||||
|
</mask>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.1788 31.2741C24.2343 32.4964 23.1893 33.4815 21.9725 33.3541L17.3849 32.8735C16.3666 32.7668 15.5933 31.9082 15.5933 30.8844L15.5933 23.6637H8.28149C7.17692 23.6637 6.28149 22.7683 6.28149 21.6637V18.1254C6.28149 17.0562 7.12253 16.176 8.19068 16.1275L15.5933 15.791L15.5933 8.28149C15.5933 7.17692 16.4887 6.28149 17.5933 6.28149L21.1316 6.28149C22.2009 6.28149 23.081 7.12253 23.1295 8.19068L23.4588 15.4335L31.2741 15.0782C32.4964 15.0227 33.4815 16.0677 33.3541 17.2846L32.8735 21.8721C32.7668 22.8905 31.9082 23.6637 30.8844 23.6637H23.8329L24.1788 31.2741Z" fill="#FCDDCE"/>
|
||||||
|
<path d="M21.9725 33.3541L21.8683 34.3486L21.8683 34.3486L21.9725 33.3541ZM24.1788 31.2741L25.1778 31.2287L25.1778 31.2287L24.1788 31.2741ZM17.3849 32.8735L17.2807 33.868L17.2807 33.868L17.3849 32.8735ZM15.5933 30.8844L16.5933 30.8844L16.5933 30.8844L15.5933 30.8844ZM15.5933 23.6637L16.5933 23.6637L16.5933 22.6637H15.5933V23.6637ZM8.19068 16.1275L8.23609 17.1265L8.19068 16.1275ZM15.5933 15.791L15.6387 16.79L16.5933 16.7466L16.5933 15.791L15.5933 15.791ZM15.5933 8.28149L14.5933 8.28149L14.5933 8.28149L15.5933 8.28149ZM17.5933 6.28149L17.5933 7.28149L17.5933 6.28149ZM21.1316 6.28149L21.1316 5.28149L21.1316 6.28149ZM23.1295 8.19068L24.1285 8.14527L24.1285 8.14527L23.1295 8.19068ZM23.4588 15.4335L22.4598 15.4789L22.5052 16.4779L23.5042 16.4324L23.4588 15.4335ZM31.2741 15.0782L31.2287 14.0793L31.2287 14.0793L31.2741 15.0782ZM33.3541 17.2846L34.3486 17.3887L34.3486 17.3887L33.3541 17.2846ZM32.8735 21.8721L33.868 21.9763L33.868 21.9763L32.8735 21.8721ZM23.8329 23.6637V22.6637H22.7864L22.8339 23.7092L23.8329 23.6637ZM21.8683 34.3486C23.6935 34.5398 25.2611 33.0621 25.1778 31.2287L23.1798 31.3195C23.2076 31.9307 22.6851 32.4233 22.0767 32.3595L21.8683 34.3486ZM17.2807 33.868L21.8683 34.3486L22.0767 32.3595L17.4891 31.8789L17.2807 33.868ZM14.5933 30.8844C14.5933 32.4202 15.7532 33.708 17.2807 33.868L17.4891 31.8789C16.9799 31.8256 16.5933 31.3963 16.5933 30.8844H14.5933ZM14.5933 23.6637L14.5933 30.8844L16.5933 30.8844L16.5933 23.6637L14.5933 23.6637ZM8.28149 24.6637H15.5933V22.6637H8.28149V24.6637ZM5.28149 21.6637C5.28149 23.3206 6.62464 24.6637 8.28149 24.6637V22.6637C7.72921 22.6637 7.28149 22.216 7.28149 21.6637H5.28149ZM5.28149 18.1254V21.6637H7.28149V18.1254H5.28149ZM8.14527 15.1285C6.54304 15.2013 5.28149 16.5215 5.28149 18.1254H7.28149C7.28149 17.5908 7.70201 17.1507 8.23609 17.1265L8.14527 15.1285ZM15.5479 14.792L8.14527 15.1285L8.23609 17.1265L15.6387 16.79L15.5479 14.792ZM14.5933 8.28149L14.5933 15.791L16.5933 15.791L16.5933 8.28149L14.5933 8.28149ZM17.5933 5.28149C15.9364 5.28149 14.5933 6.62464 14.5933 8.28149H16.5933C16.5933 7.72921 17.041 7.28149 17.5933 7.28149L17.5933 5.28149ZM21.1316 5.28149L17.5933 5.28149L17.5933 7.28149L21.1316 7.28149L21.1316 5.28149ZM24.1285 8.14527C24.0557 6.54304 22.7355 5.28149 21.1316 5.28149L21.1316 7.28149C21.6662 7.28149 22.1063 7.70201 22.1306 8.23609L24.1285 8.14527ZM24.4577 15.3881L24.1285 8.14527L22.1306 8.23609L22.4598 15.4789L24.4577 15.3881ZM31.2287 14.0793L23.4133 14.4345L23.5042 16.4324L31.3195 16.0772L31.2287 14.0793ZM34.3486 17.3887C34.5398 15.5635 33.062 13.9959 31.2287 14.0793L31.3195 16.0772C31.9307 16.0494 32.4233 16.572 32.3595 17.1804L34.3486 17.3887ZM33.868 21.9763L34.3486 17.3887L32.3595 17.1804L31.8789 21.7679L33.868 21.9763ZM30.8844 24.6637C32.4202 24.6637 33.708 23.5038 33.868 21.9763L31.8789 21.7679C31.8256 22.2771 31.3963 22.6637 30.8844 22.6637V24.6637ZM23.8329 24.6637H30.8844V22.6637H23.8329V24.6637ZM25.1778 31.2287L24.8318 23.6183L22.8339 23.7092L23.1798 31.3195L25.1778 31.2287Z" fill="#453831" mask="url(#path-1-outside-1_507_112987)"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 4.5 KiB |
553
public/team.svg
Normal file
After Width: | Height: | Size: 1.7 MiB |
5
public/ton.svg
Normal file
|
@ -0,0 +1,5 @@
|
||||||
|
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M64 32C64 49.672 49.672 64 32 64C14.328 64 0 49.672 0 32C0 14.328 14.328 0 32 0C49.672 0 64 14.328 64 32Z" fill="#FCDDCE"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M32 61.3333C48.1992 61.3333 61.3333 48.1992 61.3333 32C61.3333 15.8008 48.1992 2.66667 32 2.66667C15.8008 2.66667 2.66667 15.8008 2.66667 32C2.66667 48.1992 15.8008 61.3333 32 61.3333ZM32 64C49.672 64 64 49.672 64 32C64 14.328 49.672 0 32 0C14.328 0 0 14.328 0 32C0 49.672 14.328 64 32 64Z" fill="#453831"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.2908 16H44.9079C45.8142 16 46.7198 16.1329 47.6663 16.5742C48.8008 17.103 49.4024 17.9366 49.8239 18.553C49.8567 18.601 49.8873 18.6504 49.9157 18.701C50.4113 19.5831 50.6667 20.5356 50.6667 21.5603C50.6667 22.5336 50.4351 23.5943 49.9157 24.5187C49.9108 24.5276 49.9058 24.5364 49.9007 24.5451L33.7162 52.3466C33.3593 52.9598 32.7024 53.3359 31.993 53.3333C31.2836 53.3309 30.6293 52.95 30.2768 52.3344L14.3895 24.5922C14.385 24.5847 14.3804 24.5772 14.3758 24.5696C14.0122 23.9706 13.45 23.0439 13.3516 21.8482C13.2612 20.7486 13.5084 19.6471 14.0608 18.6917C14.6133 17.7363 15.4451 16.9725 16.4455 16.505C17.5182 16.0039 18.6052 16 19.2908 16ZM30.0142 19.9715H19.2908C18.5863 19.9715 18.3158 20.0149 18.1268 20.1033C17.8653 20.2255 17.6457 20.4261 17.4989 20.6799C17.3521 20.9339 17.2857 21.2282 17.3099 21.5228C17.3237 21.6916 17.3926 21.8847 17.7986 22.5544C17.8071 22.5684 17.8154 22.5826 17.8235 22.5969L30.0142 43.8841V19.9715ZM33.9858 19.9715V43.9891L46.4589 22.563C46.5996 22.3072 46.6951 21.9378 46.6951 21.5603C46.6951 21.254 46.6316 20.9881 46.4897 20.714C46.3408 20.4999 46.2501 20.3865 46.1742 20.3088C46.1091 20.2424 46.059 20.2069 45.9883 20.1739C45.6933 20.0364 45.3916 19.9715 44.9079 19.9715H33.9858Z" fill="#453831"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 1.8 KiB |
|
@ -1,129 +1,353 @@
|
||||||
.container {
|
@import url('https://fonts.googleapis.com/css2?family=Londrina+Solid:wght@900&family=Orbitron:wght@400;500;600&display=swap');
|
||||||
padding: 0 2rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main {
|
.home{
|
||||||
min-height: 100vh;
|
|
||||||
padding: 4rem 0;
|
|
||||||
flex: 1;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer {
|
|
||||||
display: flex;
|
|
||||||
flex: 1;
|
|
||||||
padding: 2rem 0;
|
|
||||||
border-top: 1px solid #eaeaea;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer a {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
flex-grow: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title a {
|
|
||||||
color: #0070f3;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title a:hover,
|
|
||||||
.title a:focus,
|
|
||||||
.title a:active {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
margin: 0;
|
|
||||||
line-height: 1.15;
|
|
||||||
font-size: 4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title,
|
|
||||||
.description {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.description {
|
|
||||||
margin: 4rem 0;
|
|
||||||
line-height: 1.5;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.code {
|
|
||||||
background: #fafafa;
|
|
||||||
border-radius: 5px;
|
|
||||||
padding: 0.75rem;
|
|
||||||
font-size: 1.1rem;
|
|
||||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
|
||||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
.grid {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
max-width: 800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card {
|
|
||||||
margin: 1rem;
|
|
||||||
padding: 1.5rem;
|
|
||||||
text-align: left;
|
|
||||||
color: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
border: 1px solid #eaeaea;
|
|
||||||
border-radius: 10px;
|
|
||||||
transition: color 0.15s ease, border-color 0.15s ease;
|
|
||||||
max-width: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card:hover,
|
|
||||||
.card:focus,
|
|
||||||
.card:active {
|
|
||||||
color: #0070f3;
|
|
||||||
border-color: #0070f3;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card h2 {
|
|
||||||
margin: 0 0 1rem 0;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card p {
|
|
||||||
margin: 0;
|
|
||||||
font-size: 1.25rem;
|
|
||||||
line-height: 1.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logo {
|
|
||||||
height: 1em;
|
|
||||||
margin-left: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
|
||||||
.grid {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
flex-direction: column;
|
min-height: 100vh;
|
||||||
}
|
/* background-color: #D94A4A; */
|
||||||
|
background-image: url(/bg.svg);
|
||||||
|
background-size: cover;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.logo{
|
||||||
|
transition: 0.3s;
|
||||||
|
}
|
||||||
|
.logo:hover{
|
||||||
|
transition: 0.3s;
|
||||||
|
width: 85px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.mockup{
|
||||||
|
transition: 0.3s;
|
||||||
|
width: 55%;
|
||||||
|
margin-top: 100px;
|
||||||
|
margin-left:-2%;
|
||||||
|
object-fit:contain;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.mockup:hover{
|
||||||
|
width: 56%;
|
||||||
|
transition: 0.3s;
|
||||||
|
}
|
||||||
|
.blueSide{
|
||||||
|
min-height: 100vh;
|
||||||
|
width: 45%;
|
||||||
|
border-radius: 0px 13px 13px 0px;
|
||||||
|
background-color: #5FA8D9;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items:center;
|
||||||
|
padding: 20px;
|
||||||
|
gap: 30px
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
.social{
|
||||||
.card,
|
width: 25px;
|
||||||
.footer {
|
display: flex;
|
||||||
border-color: #222;
|
flex-direction: row;
|
||||||
}
|
transform: rotate(-90deg);
|
||||||
.code {
|
gap:20px;
|
||||||
background: #111;
|
justify-content: space-between;
|
||||||
}
|
font-family: 'Orbitron', sans-serif;
|
||||||
.logo img {
|
font-style: normal;
|
||||||
filter: invert(1);
|
font-weight: 400;
|
||||||
}
|
font-size: 14px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: #FFFFFF;
|
||||||
|
margin-top: 55px;
|
||||||
}
|
}
|
||||||
|
.social a{
|
||||||
|
-webkit-text-stroke: 0em !important;
|
||||||
|
|
||||||
|
}
|
||||||
|
.slogan{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 15px;
|
||||||
|
gap: 35px;
|
||||||
|
}
|
||||||
|
.btn{
|
||||||
|
margin-top: 50px;
|
||||||
|
}
|
||||||
|
.phrase{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
gap:10px;
|
||||||
|
font-family: 'Orbitron', sans-serif;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 20px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: #FFFFFF;
|
||||||
|
-webkit-text-stroke: 0em !important;
|
||||||
|
}
|
||||||
|
.phrase div{
|
||||||
|
padding-top: 10px;
|
||||||
|
}
|
||||||
|
.header{
|
||||||
|
width: 45%;
|
||||||
|
position: absolute;
|
||||||
|
padding: 0px 20px;
|
||||||
|
padding-right: 40px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
flex-direction: row;
|
||||||
|
font-size: 28px;
|
||||||
|
|
||||||
|
color: #FCDDCE;
|
||||||
|
}
|
||||||
|
.header a{
|
||||||
|
-webkit-text-stroke: 1px #453831 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.phrase2{
|
||||||
|
font-size: 3.5em;
|
||||||
|
line-height: 93% !important;
|
||||||
|
line-height: 89px;
|
||||||
|
font-weight: 900 !important;
|
||||||
|
color: #F5F5F5;
|
||||||
|
margin: 0px;
|
||||||
|
text-shadow:
|
||||||
|
-4px -4px 0 #453831,
|
||||||
|
0 -4px 0 #453831,
|
||||||
|
4px -4px 0 #453831,
|
||||||
|
4px 0 0 #453831,
|
||||||
|
4px 4px 0 #453831,
|
||||||
|
0 4px 0 #453831,
|
||||||
|
-4px 4px 0 #453831,
|
||||||
|
-4px 0 0 #453831;
|
||||||
|
-webkit-text-stroke: 0em #453831 !important;
|
||||||
|
font-stretch:ultra-expanded;
|
||||||
|
}
|
||||||
|
|
||||||
|
.viewDemo a{
|
||||||
|
font-family: 'Orbitron', sans-serif;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 20px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: #FFFFFF;
|
||||||
|
-webkit-text-stroke: 0em !important;
|
||||||
|
}
|
||||||
|
.viewDemo{
|
||||||
|
margin-top: -20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.about{
|
||||||
|
padding: 100px 150px;
|
||||||
|
background-color: #D94A4A;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
gap:50px;
|
||||||
|
padding-bottom: 250px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.aboutHeader{
|
||||||
|
font-size: 3.5em;
|
||||||
|
line-height: 93% !important;
|
||||||
|
line-height: 89px;
|
||||||
|
font-weight: 900 !important;
|
||||||
|
color: #FCDDCE;
|
||||||
|
-webkit-text-stroke: 2px #453831 !important;
|
||||||
|
}
|
||||||
|
.cardWrapper{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
gap:50px
|
||||||
|
}
|
||||||
|
.card{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap:10px;
|
||||||
|
padding:45px;
|
||||||
|
background: rgba(255, 255, 255, 0.15);
|
||||||
|
border-radius: 20px;
|
||||||
|
max-width: 350px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.card:hover{
|
||||||
|
padding:50px;
|
||||||
|
max-width: 360px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.icons{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
gap:10px;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cardHeader{
|
||||||
|
font-size: 30px;
|
||||||
|
line-height: 35px;
|
||||||
|
color: #FCDDCE;
|
||||||
|
-webkit-text-stroke: 1px #453831 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cardContent{
|
||||||
|
font-family: 'Orbitron', sans-serif;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 25px;
|
||||||
|
color: #dfdfdf;
|
||||||
|
-webkit-text-stroke: 0em !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demo{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap:50px;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 100px 150px;
|
||||||
|
background-color: #5FA8D9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.demoGame{
|
||||||
|
object-fit:contain;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.team{
|
||||||
|
width: 100%;
|
||||||
|
padding: 0px 100px;
|
||||||
|
background-color: #453831;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
gap:50px
|
||||||
|
}
|
||||||
|
|
||||||
|
.teamContent{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap:25px;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.teamHeader{
|
||||||
|
font-size: 3.5em;
|
||||||
|
line-height: 93% !important;
|
||||||
|
line-height: 89px;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
font-weight: 900 !important;
|
||||||
|
color: #FCDDCE;
|
||||||
|
-webkit-text-stroke: 0px #453831 !important;
|
||||||
|
}
|
||||||
|
.teamDescr{
|
||||||
|
font-family: 'Orbitron', sans-serif;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 28px;
|
||||||
|
line-height: 35px;
|
||||||
|
color: #dfdfdf;
|
||||||
|
-webkit-text-stroke: 0em !important;
|
||||||
|
}
|
||||||
|
.teamImg{
|
||||||
|
width: 60%;
|
||||||
|
max-height: 100vh;
|
||||||
|
}
|
||||||
|
.teamImg:hover{
|
||||||
|
width: 61%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contacts{
|
||||||
|
background: #FCDDCE;
|
||||||
|
padding: 150px 250px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.contactsCard{
|
||||||
|
transition: 0.3s;
|
||||||
|
background-color: #D94A4A;
|
||||||
|
border-radius: 32px;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
gap:5px;
|
||||||
|
padding: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contactsHeaderWrapper{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
gap:50px
|
||||||
|
}
|
||||||
|
|
||||||
|
.shareButtonsWrapper{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: row;
|
||||||
|
gap:50px
|
||||||
|
}
|
||||||
|
.contactsHeader{
|
||||||
|
font-size: 4.5em;
|
||||||
|
line-height: 93% !important;
|
||||||
|
line-height: 89px;
|
||||||
|
font-weight: 900 !important;
|
||||||
|
color: #FCDDCE;
|
||||||
|
-webkit-text-stroke: 2px #453831 !important;
|
||||||
|
}
|
||||||
|
.shareBtn{
|
||||||
|
width: 250px;
|
||||||
|
min-height: 30px;
|
||||||
|
height: 45px;
|
||||||
|
font-size: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
padding-top:5px ;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
.arrow{
|
||||||
|
margin-top: 50px;
|
||||||
|
}
|
||||||
|
.reversed{
|
||||||
|
transform: scale(-1, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.contactsCard:hover .arrow{
|
||||||
|
transition: 0.3s;
|
||||||
|
width: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contactsCard:hover .contactsHeader{
|
||||||
|
transition: 0.3s;
|
||||||
|
font-size: 4.55em;
|
||||||
|
}
|
||||||
|
.footer{
|
||||||
|
width: 100%;
|
||||||
|
height: 100px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap:5px;
|
||||||
|
background-color: #453831;
|
||||||
|
}
|
||||||
|
.footerText{
|
||||||
|
font-size: 2em;
|
||||||
|
line-height: 93% !important;
|
||||||
|
line-height: 89px;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
font-weight: 900 !important;
|
||||||
|
color: #FCDDCE;
|
||||||
|
-webkit-text-stroke: 0px #453831 !important;
|
||||||
|
}
|
|
@ -2,16 +2,21 @@ html,
|
||||||
body {
|
body {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
font-size: 18px;
|
||||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
font-family: 'Londrina Solid', cursive;
|
||||||
}
|
-webkit-text-stroke: 0.06em #453831;
|
||||||
|
|
||||||
|
}
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Londrina+Solid:wght@900&display=swap');
|
||||||
a {
|
a {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
-webkit-text-stroke: 0.06em #453831;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
* {
|
* {
|
||||||
|
transition: 0.3s;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -21,6 +26,5 @@ a {
|
||||||
}
|
}
|
||||||
body {
|
body {
|
||||||
color: white;
|
color: white;
|
||||||
background: black;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|