diff --git a/frontend/pages/team/index.js b/frontend/pages/team/index.js new file mode 100644 index 00000000..2b50ebc1 --- /dev/null +++ b/frontend/pages/team/index.js @@ -0,0 +1,367 @@ +import React, { useEffect, useState, useLayoutEffect } from "react"; +import { + Heading, + Text, + Flex, + Link, + Stack, + chakra, + useMediaQuery, + UnorderedList, + ListItem, +} from "@chakra-ui/react"; +import { DEFAULT_METATAGS } from "../../src/components/constants"; + +export async function getStaticProps() { + return { + props: { metaTags: { ...DEFAULT_METATAGS } }, + }; +} + +const AWS_PATH = + "https://s3.amazonaws.com/static.simiotics.com/moonstream/assets"; + +const assets = { + background720: `${AWS_PATH}/blog-background-720x405.png`, + background1920: `${AWS_PATH}/blog-background-720x405.png`, + background2880: `${AWS_PATH}/blog-background-720x405.png`, + background3840: `${AWS_PATH}/blog-background-720x405.png`, +}; + +const Product = () => { + const [background, setBackground] = useState("background720"); + const [backgroundLoaded720, setBackgroundLoaded720] = useState(false); + const [backgroundLoaded1920, setBackgroundLoaded1920] = useState(false); + const [backgroundLoaded2880, setBackgroundLoaded2880] = useState(false); + const [backgroundLoaded3840, setBackgroundLoaded3840] = useState(false); + + const [ + isLargerThan720px, + isLargerThan1920px, + isLargerThan2880px, + isLargerThan3840px, + ] = useMediaQuery([ + "(min-width: 720px)", + "(min-width: 1920px)", + "(min-width: 2880px)", + "(min-width: 3840px)", + ]); + + useEffect(() => { + assets["background720"] = `${AWS_PATH}/blog-background-720x405.png`; + assets["background1920"] = `${AWS_PATH}/blog-background-1920x1080.png`; + assets["background2880"] = `${AWS_PATH}/blog-background-2880x1620.png`; + assets["background3840"] = `${AWS_PATH}/blog-background-3840x2160.png`; + }, []); + + useLayoutEffect(() => { + if (backgroundLoaded3840) { + setBackground("background3840"); + } else if (backgroundLoaded2880) { + setBackground("background2880"); + } else if (backgroundLoaded1920) { + setBackground("background1920"); + } else { + setBackground("background720"); + } + }, [ + isLargerThan720px, + isLargerThan1920px, + isLargerThan2880px, + isLargerThan3840px, + backgroundLoaded720, + backgroundLoaded1920, + backgroundLoaded2880, + backgroundLoaded3840, + ]); + + useLayoutEffect(() => { + const imageLoader720 = new Image(); + imageLoader720.src = `${AWS_PATH}/blog-background-720x405.png`; + imageLoader720.onload = () => { + setBackgroundLoaded720(true); + }; + }, []); + + useLayoutEffect(() => { + const imageLoader1920 = new Image(); + imageLoader1920.src = `${AWS_PATH}/blog-background-1920x1080.png`; + imageLoader1920.onload = () => { + setBackgroundLoaded1920(true); + }; + }, []); + + useLayoutEffect(() => { + const imageLoader2880 = new Image(); + imageLoader2880.src = `${AWS_PATH}/blog-background-2880x1620.png`; + imageLoader2880.onload = () => { + setBackgroundLoaded2880(true); + }; + }, []); + + useLayoutEffect(() => { + const imageLoader3840 = new Image(); + imageLoader3840.src = `${AWS_PATH}/blog-background-3840x2160.png`; + imageLoader3840.onload = () => { + setBackgroundLoaded3840(true); + }; + }, []); + + const margin = "22%"; + + return ( + + + + Meet The Moonstream Team + + + + We are a distributed team of nerds with very strong expertise in + math, software engineering, machine learning, and cryptography. + Members of our team worked at Google, at OpenAI and other great + companies. + + + We believe that the crypto world opens opportunities for financial + inclusion. Meaning that people from all walks of life and financial + situations can have a new source of income. We are passionate about + developing technology that helps people become active participants + in this field and take advantage of this opportunity. We’re striving + to debunk harmful stereotypes and make the crypto field more + inclusive. + + + + + + Values that we share within our team: + + + + + Be bold + + + Don’t be an ass + + + And always be kind to each other + + + + We are always looking to hire new talents, regardless of their + backgrounds. If you are interested in working with us, send us a + message at{" "} + + careers@moonstream.to + + + + + + + Our engineering team + + + + + zomglings, Founder. Number theorist. Loves playing chess + while programming. Fan of GO, backgammon, and video games. + + + kompotkot -Keeper of Secrets. Likes information security + since childhood, loves mountains and goes hiking from time to + time. Had a close call with a wild bear in a forest once. + + + wizarikus -Wizard. Loves mountains, bicycling, and hiking. + A practicing Python wizard. Also likes to cook and play the guitar + in between data witchcraft. + + + peersky - + {`Spectral hopper. Perceives the world as a + spectrum interacting with and within the observer's mind. Loves + to shift in time domain to spend some of it doing fire + performances, surfing, and connecting with nature.`} + + + yhtyyar - + {`Wunderkind. Interested in Math, NLP. Loves + programming language parsing and Algorithms & Data structures. + Implementing his own dialect of LISP programming language for + scientific calculations.`} + + + + + + + Our marketing and growth team + + + + + Pahita. Dreamer. An alien who pretends to be a human. So + far so good. Loves ecstatic dance, being alone in nature and + dreaming. + + + In_technicolor,Mediator. Loves stand-up comedy and crying + at nights. Volunteered at a horse farm once. Portrait artist, puts + the pain in painting. + + + Nanaland.Progress and Enthusiasm. Traveled to the North + Korean border at the age of 19. Half German. Counseling + psychologist who switched to tech marketing and sales. + + + + + + ); +}; +export default Product; + +{ + /* + + Our engineering team + + + + + Zomglings, Founder. Number theorist. Loves playing chess + while programming. Fan of GO, backgammon, and video games. + + + Kompotkot,Keeper of Secrets. Likes information security + since childhood, loves mountains and goes hiking from time to + time. Had a close call with a wild bear in a forest once. + + + Wizarikus.Wizard. Loves mountains, bicycling, and hiking. + A practicing Python wizard. Also likes to cook and play the + guitar in between data witchcraft. + + + Peersky. + {`Spectral hopper. Perceives the world as a + spectrum interacting with and within the observer's mind. Loves + to shift in time domain to spend some of it doing fire + performances, surfing, and connecting with nature.`} + + + Yhtyyar. + {`Wunderkind. Interested in Math, NLP. Loves + programming language parsing and Algorithms & Data structures. + Implementing his own dialect of LISP programming language for + scientific calculations.`} + + + + */ +} +{ + /* + + Our marketing and growth team + + + + + Pahita. Dreamer. An alien who pretends to be a human. So + far so good. Loves ecstatic dance, being alone in nature and + dreaming. + + + In_technicolor,Mediator. Loves stand-up comedy and crying + at nights. Volunteered at a horse farm once. Portrait artist, + puts the pain in painting. + + + Nanaland.Progress and Enthusiasm. Traveled to the North + Korean border at the age of 19. Half German. Counseling + psychologist who switched to tech marketing and sales. + + + + */ +}