diff --git a/apps/potlock/widget/Components/Header.jsx b/apps/potlock/widget/Components/Header.jsx
index 4aed28af..46c41d39 100644
--- a/apps/potlock/widget/Components/Header.jsx
+++ b/apps/potlock/widget/Components/Header.jsx
@@ -7,7 +7,7 @@ const headerTitleFontSizePx = 88;
const HeaderContainer = styled.div`
width: 100%;
// background: #fffaf4;
- background: white;
+ // background: white;
padding: 80px 64px;
`;
@@ -47,9 +47,10 @@ const ButtonsContainer = styled.div`
margin-top: 32px;
`;
+const containerStyle = props.containerStyle ?? {};
+
return (
- //
-
+
{props.title1}
@@ -84,5 +85,4 @@ return (
{props.buttonSecondary && props.buttonSecondary}
- //
);
diff --git a/apps/potlock/widget/Project/Create.jsx b/apps/potlock/widget/Project/Create.jsx
index 83051658..143e41ff 100644
--- a/apps/potlock/widget/Project/Create.jsx
+++ b/apps/potlock/widget/Project/Create.jsx
@@ -9,6 +9,9 @@ return (
description:
"Lorem ipsum dolor sit amet consectetur. Vel sit nunc in nunc. Viverra arcu eu sed consequat.",
centered: false,
+ containerStyle: {
+ background: "#FEF6EE",
+ },
}}
/>
diff --git a/apps/potlock/widget/Project/ListPage.jsx b/apps/potlock/widget/Project/ListPage.jsx
index dd56b39f..b1bc9440 100644
--- a/apps/potlock/widget/Project/ListPage.jsx
+++ b/apps/potlock/widget/Project/ListPage.jsx
@@ -6,6 +6,8 @@ const DEFAULT_BANNER_IMAGE_URL =
IPFS_BASE_URL + "bafkreih4i6kftb34wpdzcuvgafozxz6tk6u4f5kcr2gwvtvxikvwriteci";
const DEFAULT_PROFILE_IMAGE_URL =
IPFS_BASE_URL + "bafkreibwq2ucyui3wmkyowtzau6txgbsp6zizy4l2s5hkymsyv6tc75j3u";
+const HERO_BACKGROUND_IMAGE_URL =
+ IPFS_BASE_URL + "bafkreiewg5afxbkvo6jbn6jgv7zm4mtoys22jut65fldqtt7wagar4wbga";
const getImageUrlFromSocialImage = (image) => {
if (image.url) {
@@ -66,6 +68,18 @@ const ProjectsContainer = styled.div`
// background: #fafafa;
`;
+const HeroContainer = styled.div`
+ width: 100%;
+ height: 700px;
+ position: relative;
+`;
+
+const Hero = styled.img`
+ width: 100%;
+ height: 100%;
+ display: block;
+`;
+
State.init({
registeredProjects: null, // TODO: change this back to null
// registeredProjects: sampleProjects,
@@ -121,37 +135,48 @@ if (!state.registeredProjects) return "";
return (
<>
-
- ),
- buttonSecondary: (
-
- ),
- }}
- />
+
+
+
+ ),
+ buttonSecondary: (
+
+ ),
+ }}
+ />
+
All projects
diff --git a/build/potlock/src/Components/Header.jsx b/build/potlock/src/Components/Header.jsx
index 4aed28af..46c41d39 100644
--- a/build/potlock/src/Components/Header.jsx
+++ b/build/potlock/src/Components/Header.jsx
@@ -7,7 +7,7 @@ const headerTitleFontSizePx = 88;
const HeaderContainer = styled.div`
width: 100%;
// background: #fffaf4;
- background: white;
+ // background: white;
padding: 80px 64px;
`;
@@ -47,9 +47,10 @@ const ButtonsContainer = styled.div`
margin-top: 32px;
`;
+const containerStyle = props.containerStyle ?? {};
+
return (
- //
-
+
{props.title1}
@@ -84,5 +85,4 @@ return (
{props.buttonSecondary && props.buttonSecondary}
- //
);
diff --git a/build/potlock/src/Project/Create.jsx b/build/potlock/src/Project/Create.jsx
index 83051658..143e41ff 100644
--- a/build/potlock/src/Project/Create.jsx
+++ b/build/potlock/src/Project/Create.jsx
@@ -9,6 +9,9 @@ return (
description:
"Lorem ipsum dolor sit amet consectetur. Vel sit nunc in nunc. Viverra arcu eu sed consequat.",
centered: false,
+ containerStyle: {
+ background: "#FEF6EE",
+ },
}}
/>
diff --git a/build/potlock/src/Project/ListPage.jsx b/build/potlock/src/Project/ListPage.jsx
index dd56b39f..b1bc9440 100644
--- a/build/potlock/src/Project/ListPage.jsx
+++ b/build/potlock/src/Project/ListPage.jsx
@@ -6,6 +6,8 @@ const DEFAULT_BANNER_IMAGE_URL =
IPFS_BASE_URL + "bafkreih4i6kftb34wpdzcuvgafozxz6tk6u4f5kcr2gwvtvxikvwriteci";
const DEFAULT_PROFILE_IMAGE_URL =
IPFS_BASE_URL + "bafkreibwq2ucyui3wmkyowtzau6txgbsp6zizy4l2s5hkymsyv6tc75j3u";
+const HERO_BACKGROUND_IMAGE_URL =
+ IPFS_BASE_URL + "bafkreiewg5afxbkvo6jbn6jgv7zm4mtoys22jut65fldqtt7wagar4wbga";
const getImageUrlFromSocialImage = (image) => {
if (image.url) {
@@ -66,6 +68,18 @@ const ProjectsContainer = styled.div`
// background: #fafafa;
`;
+const HeroContainer = styled.div`
+ width: 100%;
+ height: 700px;
+ position: relative;
+`;
+
+const Hero = styled.img`
+ width: 100%;
+ height: 100%;
+ display: block;
+`;
+
State.init({
registeredProjects: null, // TODO: change this back to null
// registeredProjects: sampleProjects,
@@ -121,37 +135,48 @@ if (!state.registeredProjects) return "";
return (
<>
-
- ),
- buttonSecondary: (
-
- ),
- }}
- />
+
+
+
+ ),
+ buttonSecondary: (
+
+ ),
+ }}
+ />
+
All projects