chaulmark/deafmissoula-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add photo and update donate button

Browse source
This commit is contained in:
TheMaddax 2024-10-16 16:26:44 -06:00
parent 67ea1079d4
commit 75e9055e25
4 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
client/public/index.html
View file

@ -12,6 +12,7 @@
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<title>Missoula Council of the Deaf, Inc.</title>
<script src="https://zeffy-scripts.s3.ca-central-1.amazonaws.com/embed-form-script.min.js"></script>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>

3
client/public/photos/5.jpg Normal file
View file

@ -0,0 +1,3 @@
version https://git-lfs.github.com/spec/v1
oid sha256:a92d0009e9bf83035e5dbc3e8ee2b9bbfa96cc4d28aa8cb73b291fcb75afe6c0
size 570748

8
client/src/components/Header.tsx
View file

@ -119,9 +119,13 @@ const DonateButton: React.FC<{ onClick?: () => void }> = ({ onClick }) => (
whileHover={{ scale: 1.05 }}
whileTap={{ scale: 0.95 }}
>
<Link to="/donate" onClick={onClick} className="inline-block bg-yellow-400 text-[#8C1D40] font-bold py-2 px-4 rounded-full hover:bg-yellow-300 transition-colors duration-200 shadow-md">
<button
zeffy-form-link="https://www.zeffy.com/embed/donation-form/1cbff18e-c057-4fa6-8276-a993037de0bb?modal=true"
onClick={onClick}
className="inline-block bg-yellow-400 text-[#8C1D40] font-bold py-2 px-4 rounded-full hover:bg-yellow-300 transition-colors duration-200 shadow-md"
>
Donate
</Link>
</button>
</motion.div>
);

2
client/src/components/ImageCarousel.tsx
View file

@ -1,7 +1,7 @@
import React, { useState, useEffect } from 'react';
import { motion, AnimatePresence } from 'framer-motion';
const images = ['/photos/1.jpg', '/photos/2.jpg', '/photos/3.jpg', '/photos/4.jpg'];
const images = ['/photos/1.jpg', '/photos/2.jpg', '/photos/3.jpg', '/photos/4.jpg', '/photos/5.jpg'];
const ImageCarousel: React.FC = () => {
const [currentIndex, setCurrentIndex] = useState(0);