Page MenuHomePhabricator
Files F13115048

D13855.diff
No OneTemporary
Actions

D13855.diff
View Options

diff --git a/web/e.cash/pages/index.js b/web/e.cash/pages/index.js
--- a/web/e.cash/pages/index.js
+++ b/web/e.cash/pages/index.js
@@ -4,8 +4,9 @@
import VideoBackground from '/components/videobackground';
import GlitchText from '/components/glitch-text';
import { socials } from '/data/socials';
-import { Hero, ButtonCtn } from '/styles/pages/homepage';
+import { Hero, ButtonCtn, HeroImage } from '/styles/pages/homepage';
import Button from '/components/button';
+import Hand from '/public/images/hand.png';
export default function Home() {
return (
@@ -23,6 +24,9 @@
Experience the revolutionary new money powered by
Avalanche.
</p>
+ <HeroImage>
+ <Image src={Hand} alt="eCash" fill />
+ </HeroImage>
<ButtonCtn>
<Button
text="Avalanche Consensus"
diff --git a/web/e.cash/public/images/hand.png b/web/e.cash/public/images/hand.png
new file mode 100644
index 0000000000000000000000000000000000000000..0000000000000000000000000000000000000000
GIT binary patch
literal 0
Hc$@<O00001
literal 0
Hc$@<O00001
diff --git a/web/e.cash/styles/pages/homepage.js b/web/e.cash/styles/pages/homepage.js
--- a/web/e.cash/styles/pages/homepage.js
+++ b/web/e.cash/styles/pages/homepage.js
@@ -84,3 +84,38 @@
justify-content: center;
margin-top: 40px;
`;
+
+export const HeroImage = styled.div`
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ margin: auto;
+ width: 80%;
+ height: 100%;
+ z-index: -1;
+ animation: bounce 6s infinite;
+
+ img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ object-fit: contain;
+ ${props => props.theme.filters.grayscale};
+ }
+
+ @keyframes bounce {
+ 0% {
+ transform: translateY(0);
+ }
+ 50% {
+ transform: translateY(-20px);
+ }
+ 100% {
+ transform: translateY(0);
+ }
+ }
+`;

File Metadata

Mime Type
text/plain
Expires
Sat, Mar 1, 09:27 (4 h, 24 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5187202
Default Alt Text
D13855.diff (2 KB)

Event Timeline