diff --git a/src/Homepage.jsx b/src/Homepage.jsx
index 04dec2c..f078abc 100644
--- a/src/Homepage.jsx
+++ b/src/Homepage.jsx
@@ -2,10 +2,10 @@ import { useEffect, useState, useRef } from "react";
import "./assets/css/Homepage.css";
import LandingPanel from "./slides/Landing/LandingPanel";
import CampaignVideo from "./slides/CampaignVideo/CampaignVideo";
-import PortraitCarousel from "./slides/PortraitCarousel/PortraitCarousel";
+import PhotoExhibition from "./slides/PhotoExhibition/PhotoExhibition";
import HerlandStories from "./slides/HerlandStories/HerlandStories";
import VideoExhibiton from "./slides/VideoExhibition/VideoExhibition";
-import Footer from "./slides/Footer/Footer";
+import Events from "./slides/Events/Events";
import UnccdLogoBlack from "./static/logos/unccd-black.svg";
import UnccdLogoWhite from "./static/logos/unccd-white.svg";
import CampaignToolkit from "./slides/CampaignToolkit/CampaignToolkit";
@@ -13,6 +13,7 @@ import VirtualExhibition from "./slides/VirtualExhibition/VirtualExhibition";
import PortraitOverlay from "./overlays/PortraitOverlay";
import VideoOverlay from "./overlays/VideoOverlay";
import Healverse from "./slides/Healverse/Healverse";
+import Footer from "./slides/Footer/Footer";
import gsap from "gsap";
import ScrollTrigger from "gsap/ScrollTrigger";
@@ -58,7 +59,6 @@ function Homepage() {
const panelsY = Array.from(panels).map(
(panel) => panel.offsetTop + panel.offsetHeight
);
-
// Bind our function to window scroll
_window.addEventListener("scroll", updateWindow);
@@ -66,12 +66,13 @@ function Homepage() {
if (isPanelsTallerThanWindow) {
_window.removeEventListener("scroll", updateWindow);
Array.from(document.querySelectorAll(".panel")).map((panel) => {
- const clearPanelClassList = panel.className.replace("panel-fixed", "").replace("panel-taller", "");
+ const clearPanelClassList = panel.className
+ .replace("panel-fixed", "")
+ .replace("panel-taller", "");
panel.className = clearPanelClassList;
return panel;
});
- // alert(viewportWidth)
- isPanelsTallerThanWindow = false
+ isPanelsTallerThanWindow = false;
}
// Update the window
function updateWindow() {
@@ -92,16 +93,6 @@ function Homepage() {
}
}
- // Update classes
- // panels.forEach((panel, index) => {
- // if (index === i) {
- // changeLogoColor(panel.classList);
-
- // panel.classList.add("panel-fixed");
- // } else {
- // panel.classList.remove("panel-fixed");
- // }
- // });
panels.forEach((panel, index) => {
if (index === i) {
changeLogoColor(panel.classList);
@@ -146,7 +137,7 @@ function Homepage() {
©UNCCD 2023
-- Help us spread the word about #HerLand campaign with our ready-to-use - promotional materials. From posters and flyers to banners and - infographics, these assets are designed to communicate the urgency and - importance of our cause. Download and share them in your community, - workplace, or social circles, and inspire others to join the movement. + Help us spread the word about{" "} + #HerLand campaign with our + ready-to-use promotional materials. From posters and flyers to banners + and infographics, these assets are designed to communicate the urgency + and importance of our cause. Download and share them in your + community, workplace, or social circles, and inspire others to join + the movement.
- Also find out how to utilize hashtags like #HerLandHerRights and - #LandHeroes, engage with influencers, and create a social media buzz - that echoes our call for gender equality in land rights. + Also find out how to utilize hashtags like{" "} + #HerLandHerRights and + #LandHeroes, engage with + influencers, and create a social media buzz that echoes our call for + gender equality in land rights.
- +diff --git a/src/slides/CampaignVideo/CampaignVideo.jsx b/src/slides/CampaignVideo/CampaignVideo.jsx index 04938bc..36f6b6f 100644 --- a/src/slides/CampaignVideo/CampaignVideo.jsx +++ b/src/slides/CampaignVideo/CampaignVideo.jsx @@ -16,7 +16,7 @@ function CampaignVideo() {
- Together with partners, activists and influencers,{" "}
+ Together with partners, activists and influencers,
UNCCD
- {" "}
- is spearheading the campaign{" "}
+
+ is spearheading the campaign
- {" "}
#HerLand
- {" "}
+
to promote inspiring examples of women and girls’ leadership in
sustainable land management, mobilizing support to secure land
rights for women and girls across the world.
@@ -74,8 +73,7 @@ function CampaignVideo() {
rel="noopener noreferrer"
className="underline"
>
- {" "}
- join our call to action
+ join our call to action
.
diff --git a/src/slides/Events/Events.jsx b/src/slides/Events/Events.jsx
new file mode 100644
index 0000000..4bf9b11
--- /dev/null
+++ b/src/slides/Events/Events.jsx
@@ -0,0 +1,73 @@
+import React from "react";
+
+function Events() {
+ return (
+
+ Here are some events where you can view the HerLand Campaign:
+
+ Contact Information:
+
+ herland@unccd.int
+
+
- Here are some events where you can view the HerLand Campaign:
-
- Contact Information:
-
- herland@unccd.int
-
- Events
+
+ Contact & Support
+
+
+ Events
-
- Contact & Support
-
-
-
©UNCCD 2023
+