mirror
/
moonstream
kopia lustrzana https://github.com/bugout-dev/moonstream
1
0
Forkuj 0
Kod Zgłoszenia Projekty Wydania Wiki Aktywność

changed logo, moved s3 aws path to constants

pull/156/head
Tim Pechersky 2021-08-24 14:28:17 +02:00
rodzic 9dfce91357
commit 02e395d92f
7 zmienionych plików z 83 dodań i 65 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

43
frontend/pages/index.js
Wyświetl plik

@ -29,6 +29,7 @@ import useModals from "../src/core/hooks/useModals";
import useRouter from "../src/core/hooks/useRouter";
import { MIXPANEL_PROPS } from "../src/core/providers/AnalyticsProvider/constants";
import UIContext from "../src/core/providers/UIProvider/context";
import { AWS_ASSETS_PATH } from "../src/core/constants";
const SplitWithImage = dynamic(
() => import("../src/components/SplitWithImage"),
{
@ -80,21 +81,19 @@ const HEADING_PROPS = {
fontWeight: "700",
fontSize: ["4xl", "5xl", "4xl", "5xl", "6xl", "7xl"],
};
const AWS_PATH =
"https://s3.amazonaws.com/static.simiotics.com/moonstream/assets";
const assets = {
background720: `${AWS_PATH}/background720.png`,
background1920: `${AWS_PATH}/background720.png`,
background2880: `${AWS_PATH}/background720.png`,
background3840: `${AWS_PATH}/background720.png`,
minedTransactions: `${AWS_PATH}/Ethereum+mined+transactions.png`,
pendingTransactions: `${AWS_PATH}/Ethereum+pending+transactions.png`,
priceInformation: `${AWS_PATH}/Price+information.png`,
socialMediaPosts: `${AWS_PATH}/Social+media+posts.png`,
algorithmicFunds: `${AWS_PATH}/algorithmic+funds.png`,
cryptoTraders: `${AWS_PATH}/crypto+traders.png`,
smartDevelopers: `${AWS_PATH}/smart+contract+developers.png`,
background720: `${AWS_ASSETS_PATH}/background720.png`,
background1920: `${AWS_ASSETS_PATH}/background720.png`,
background2880: `${AWS_ASSETS_PATH}/background720.png`,
background3840: `${AWS_ASSETS_PATH}/background720.png`,
minedTransactions: `${AWS_ASSETS_PATH}/Ethereum+mined+transactions.png`,
pendingTransactions: `${AWS_ASSETS_PATH}/Ethereum+pending+transactions.png`,
priceInformation: `${AWS_ASSETS_PATH}/Price+information.png`,
socialMediaPosts: `${AWS_ASSETS_PATH}/Social+media+posts.png`,
algorithmicFunds: `${AWS_ASSETS_PATH}/algorithmic+funds.png`,
cryptoTraders: `${AWS_ASSETS_PATH}/crypto+traders.png`,
smartDevelopers: `${AWS_ASSETS_PATH}/smart+contract+developers.png`,
};
const Homepage = () => {
const ui = useContext(UIContext);
@ -121,10 +120,10 @@ const Homepage = () => {
]);
useEffect(() => {
assets["background720"] = `${AWS_PATH}/background720.png`;
assets["background1920"] = `${AWS_PATH}/background1920.png`;
assets["background2880"] = `${AWS_PATH}/background2880.png`;
assets["background3840"] = `${AWS_PATH}/background3840.png`;
assets["background720"] = `${AWS_ASSETS_PATH}/background720.png`;
assets["background1920"] = `${AWS_ASSETS_PATH}/background1920.png`;
assets["background2880"] = `${AWS_ASSETS_PATH}/background2880.png`;
assets["background3840"] = `${AWS_ASSETS_PATH}/background3840.png`;
}, []);
useLayoutEffect(() => {
@ -167,7 +166,7 @@ const Homepage = () => {
useLayoutEffect(() => {
const imageLoader720 = new Image();
imageLoader720.src = `${AWS_PATH}/background720.png`;
imageLoader720.src = `${AWS_ASSETS_PATH}/background720.png`;
imageLoader720.onload = () => {
setBackgroundLoaded720(true);
};
@ -175,7 +174,7 @@ const Homepage = () => {
useLayoutEffect(() => {
const imageLoader1920 = new Image();
imageLoader1920.src = `${AWS_PATH}/background1920.png`;
imageLoader1920.src = `${AWS_ASSETS_PATH}/background1920.png`;
imageLoader1920.onload = () => {
setBackgroundLoaded1920(true);
};
@ -183,7 +182,7 @@ const Homepage = () => {
useLayoutEffect(() => {
const imageLoader2880 = new Image();
imageLoader2880.src = `${AWS_PATH}/background2880.png`;
imageLoader2880.src = `${AWS_ASSETS_PATH}/background2880.png`;
imageLoader2880.onload = () => {
setBackgroundLoaded2880(true);
};
@ -191,7 +190,7 @@ const Homepage = () => {
useLayoutEffect(() => {
const imageLoader3840 = new Image();
imageLoader3840.src = `${AWS_PATH}/background3840.png`;
imageLoader3840.src = `${AWS_ASSETS_PATH}/background3840.png`;
imageLoader3840.onload = () => {
setBackgroundLoaded3840(true);
};
@ -595,7 +594,7 @@ export async function getStaticProps() {
keywords:
"blockchain, crypto, data, trading, smart contracts, ethereum, solana, transactions, defi, finance, decentralized",
url: "https://www.moonstream.to",
image: `${AWS_PATH}/crypto+traders.png`,
image: `${AWS_ASSETS_PATH}/crypto+traders.png`,
};
const assetPreload = Object.keys(assets).map((key) => {

35
frontend/pages/product/index.js
Wyświetl plik

@ -10,7 +10,7 @@ import {
UnorderedList,
ListItem,
} from "@chakra-ui/react";
import { DEFAULT_METATAGS } from "../../src/core/constants";
import { DEFAULT_METATAGS, AWS_ASSETS_PATH } from "../../src/core/constants";
import UIContext from "../../src/core/providers/UIProvider/context";
export async function getStaticProps() {
@ -19,14 +19,11 @@ export async function getStaticProps() {
};
}
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`,
background720: `${AWS_ASSETS_PATH}/blog-background-720x405.png`,
background1920: `${AWS_ASSETS_PATH}/blog-background-720x405.png`,
background2880: `${AWS_ASSETS_PATH}/blog-background-720x405.png`,
background3840: `${AWS_ASSETS_PATH}/blog-background-720x405.png`,
};
const Product = () => {
@ -50,10 +47,16 @@ const Product = () => {
]);
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`;
assets["background720"] = `${AWS_ASSETS_PATH}/blog-background-720x405.png`;
assets[
"background1920"
] = `${AWS_ASSETS_PATH}/blog-background-1920x1080.png`;
assets[
"background2880"
] = `${AWS_ASSETS_PATH}/blog-background-2880x1620.png`;
assets[
"background3840"
] = `${AWS_ASSETS_PATH}/blog-background-3840x2160.png`;
}, []);
useLayoutEffect(() => {
@ -79,7 +82,7 @@ const Product = () => {
useLayoutEffect(() => {
const imageLoader720 = new Image();
imageLoader720.src = `${AWS_PATH}/blog-background-720x405.png`;
imageLoader720.src = `${AWS_ASSETS_PATH}/blog-background-720x405.png`;
imageLoader720.onload = () => {
setBackgroundLoaded720(true);
};
@ -87,7 +90,7 @@ const Product = () => {
useLayoutEffect(() => {
const imageLoader1920 = new Image();
imageLoader1920.src = `${AWS_PATH}/blog-background-1920x1080.png`;
imageLoader1920.src = `${AWS_ASSETS_PATH}/blog-background-1920x1080.png`;
imageLoader1920.onload = () => {
setBackgroundLoaded1920(true);
};
@ -95,7 +98,7 @@ const Product = () => {
useLayoutEffect(() => {
const imageLoader2880 = new Image();
imageLoader2880.src = `${AWS_PATH}/blog-background-2880x1620.png`;
imageLoader2880.src = `${AWS_ASSETS_PATH}/blog-background-2880x1620.png`;
imageLoader2880.onload = () => {
setBackgroundLoaded2880(true);
};
@ -103,7 +106,7 @@ const Product = () => {
useLayoutEffect(() => {
const imageLoader3840 = new Image();
imageLoader3840.src = `${AWS_PATH}/blog-background-3840x2160.png`;
imageLoader3840.src = `${AWS_ASSETS_PATH}/blog-background-3840x2160.png`;
imageLoader3840.onload = () => {
setBackgroundLoaded3840(true);
};

35
frontend/pages/team/index.js
Wyświetl plik

@ -10,17 +10,14 @@ import {
UnorderedList,
ListItem,
} from "@chakra-ui/react";
import { DEFAULT_METATAGS } from "../../src/core/constants";
import { DEFAULT_METATAGS, AWS_ASSETS_PATH } from "../../src/core/constants";
import UIContext from "../../src/core/providers/UIProvider/context";
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`,
background720: `${AWS_ASSETS_PATH}/blog-background-720x405.png`,
background1920: `${AWS_ASSETS_PATH}/blog-background-720x405.png`,
background2880: `${AWS_ASSETS_PATH}/blog-background-720x405.png`,
background3840: `${AWS_ASSETS_PATH}/blog-background-720x405.png`,
};
const Product = () => {
@ -44,10 +41,16 @@ const Product = () => {
]);
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`;
assets["background720"] = `${AWS_ASSETS_PATH}/blog-background-720x405.png`;
assets[
"background1920"
] = `${AWS_ASSETS_PATH}/blog-background-1920x1080.png`;
assets[
"background2880"
] = `${AWS_ASSETS_PATH}/blog-background-2880x1620.png`;
assets[
"background3840"
] = `${AWS_ASSETS_PATH}/blog-background-3840x2160.png`;
}, []);
useLayoutEffect(() => {
@ -73,7 +76,7 @@ const Product = () => {
useLayoutEffect(() => {
const imageLoader720 = new Image();
imageLoader720.src = `${AWS_PATH}/blog-background-720x405.png`;
imageLoader720.src = `${AWS_ASSETS_PATH}/blog-background-720x405.png`;
imageLoader720.onload = () => {
setBackgroundLoaded720(true);
};
@ -81,7 +84,7 @@ const Product = () => {
useLayoutEffect(() => {
const imageLoader1920 = new Image();
imageLoader1920.src = `${AWS_PATH}/blog-background-1920x1080.png`;
imageLoader1920.src = `${AWS_ASSETS_PATH}/blog-background-1920x1080.png`;
imageLoader1920.onload = () => {
setBackgroundLoaded1920(true);
};
@ -89,7 +92,7 @@ const Product = () => {
useLayoutEffect(() => {
const imageLoader2880 = new Image();
imageLoader2880.src = `${AWS_PATH}/blog-background-2880x1620.png`;
imageLoader2880.src = `${AWS_ASSETS_PATH}/blog-background-2880x1620.png`;
imageLoader2880.onload = () => {
setBackgroundLoaded2880(true);
};
@ -97,7 +100,7 @@ const Product = () => {
useLayoutEffect(() => {
const imageLoader3840 = new Image();
imageLoader3840.src = `${AWS_PATH}/blog-background-3840x2160.png`;
imageLoader3840.src = `${AWS_ASSETS_PATH}/blog-background-3840x2160.png`;
imageLoader3840.onload = () => {
setBackgroundLoaded3840(true);
};

8
frontend/src/components/AppNavbar.js
Wyświetl plik

@ -28,7 +28,11 @@ import useRouter from "../core/hooks/useRouter";
import UIContext from "../core/providers/UIProvider/context";
import AccountIconButton from "./AccountIconButton";
import RouteButton from "./RouteButton";
import { USER_NAV_PATHES, ALL_NAV_PATHES } from "../core/constants";
import {
USER_NAV_PATHES,
ALL_NAV_PATHES,
WHITE_LOGO_W_TEXT_URL,
} from "../core/constants";
const AppNavbar = () => {
const ui = useContext(UIContext);
@ -203,7 +207,7 @@ const AppNavbar = () => {
// to="/"
h="2.5rem"
minW="2.5rem"
src="https://s3.amazonaws.com/static.simiotics.com/moonstream/assets/White+logo.svg"
src={WHITE_LOGO_W_TEXT_URL}
alt="Go to app root"
/>
</Link>

15
frontend/src/components/LandingNavbar.js
Wyświetl plik

@ -14,7 +14,7 @@ import useModals from "../core/hooks/useModals";
import UIContext from "../core/providers/UIProvider/context";
import ChakraAccountIconButton from "./AccountIconButton";
import RouteButton from "./RouteButton";
import { ALL_NAV_PATHES } from "../core/constants";
import { ALL_NAV_PATHES, WHITE_LOGO_W_TEXT_URL } from "../core/constants";
import router from "next/router";
const LandingNavbar = () => {
@ -34,12 +34,17 @@ const LandingNavbar = () => {
/>
</>
)}
<Flex ml={ui.isMobileView ? 2 : 8} justifySelf="flex-start">
<Flex
pl={ui.isMobileView ? 2 : 8}
justifySelf="flex-start"
h="full"
py={1}
>
<RouterLink href="/" passHref>
<Link>
<Link h="full">
<Image
w="200px"
src="https://s3.amazonaws.com/static.simiotics.com/moonstream/assets/White+logo.svg"
h="full"
src={WHITE_LOGO_W_TEXT_URL}
alt="Moonstream logo"
/>
</Link>

9
frontend/src/components/Sidebar.js
Wyświetl plik

@ -15,6 +15,7 @@ import { HamburgerIcon, ArrowLeftIcon, ArrowRightIcon } from "@chakra-ui/icons";
import { MdTimeline, MdSettings } from "react-icons/md";
import { ImStatsBars } from "react-icons/im";
import { HiAcademicCap } from "react-icons/hi";
import { WHITE_LOGO_W_TEXT_URL } from "../core/constants";
const Sidebar = () => {
const ui = useContext(UIContext);
@ -50,12 +51,12 @@ const Sidebar = () => {
}}
/>
<Image
// as={Link}
// to="/"
w="150px"
// h="full"
// maxH="100%"
maxW="120px"
py="0.75rem"
pl={5}
src="https://s3.amazonaws.com/static.simiotics.com/moonstream/assets/White+logo.svg"
src={WHITE_LOGO_W_TEXT_URL}
alt="bugout.dev"
/>
</Flex>

3
frontend/src/core/constants.js
Wyświetl plik

@ -32,3 +32,6 @@ export const USER_NAV_PATHES = [
path: "/welcome",
},
];
export const AWS_ASSETS_PATH = `https://s3.amazonaws.com/static.simiotics.com/moonstream/assets`;
export const WHITE_LOGO_W_TEXT_URL = `https://s3.amazonaws.com/static.simiotics.com/moonstream/assets/moon-logo%2Btext-white.svg`;