diff --git a/public/openclimbing/btcln.png b/public/openclimbing/btcln.png new file mode 100644 index 00000000..6735b2b9 Binary files /dev/null and b/public/openclimbing/btcln.png differ diff --git a/src/components/HomepagePanel/HomepageOpenClimbing.tsx b/src/components/HomepagePanel/HomepageOpenClimbing.tsx index 8d5ee3b2..6fad599f 100644 --- a/src/components/HomepagePanel/HomepageOpenClimbing.tsx +++ b/src/components/HomepagePanel/HomepageOpenClimbing.tsx @@ -21,6 +21,13 @@ import { LogoMaptiler } from '../../assets/LogoMaptiler'; import { DividerOpenClimbing } from './DividerOpenClimbing'; import { useMobileMode } from '../helpers'; import { HomepageOpenClimbingGallery } from './HomepageOpenClimbingGallery'; +import VolunteerActivismIcon from '@mui/icons-material/VolunteerActivism'; +import { SupportUs } from './SupportUs'; +const AccordionStyle = { + '&:before': { + backgroundColor: 'transparent !important', + }, +}; export const Divider = styled.div` align-items: center; @@ -131,12 +138,32 @@ const StyledGithubIcon = styled(GithubIcon)` margin: -2px 8px 0 0; `; +const Banners = () => ( + + + + + + Vercel + + +); + const ImportantLinks = () => ( <> {t('homepage.important_links')} - + } aria-controls="panel1-content" @@ -155,7 +182,7 @@ const ImportantLinks = () => ( - + } aria-controls="panel1-content" @@ -174,24 +201,6 @@ const ImportantLinks = () => ( - - - - - - - Vercel - - ); @@ -219,6 +228,8 @@ export function HomepageOpenClimbing({ onClose }: { onClose: () => void }) { + + diff --git a/src/components/HomepagePanel/SupportUs.tsx b/src/components/HomepagePanel/SupportUs.tsx new file mode 100644 index 00000000..ba1221fc --- /dev/null +++ b/src/components/HomepagePanel/SupportUs.tsx @@ -0,0 +1,141 @@ +import { + Accordion, + AccordionDetails, + AccordionSummary, + AppBar, + Box, + Dialog, + DialogContent, + IconButton, + Stack, + Toolbar, + Tooltip, + Typography, +} from '@mui/material'; +import ExpandMoreIcon from '@mui/icons-material/ExpandMore'; +import React, { useState } from 'react'; +import CloseIcon from '@mui/icons-material/Close'; +import styled from '@emotion/styled'; +import { useUserThemeContext } from '../../helpers/theme'; +import { t } from '../../services/intl'; + +const AccordionStyle = { + '&:before': { + backgroundColor: 'transparent !important', + }, +}; +const Qr = styled.img<{ $isDark: boolean }>` + ${({ $isDark }) => $isDark && `filter: invert(1);`} +`; + +export const SupportUs = () => { + const [isBitcoinDialogOpen, setIsBitcoinDialogOpen] = useState(false); + const { currentTheme } = useUserThemeContext(); + const isDark = currentTheme === 'dark'; + + const onClose = () => { + setIsBitcoinDialogOpen(false); + }; + return ( + <> + + + } + aria-controls="panel1-content" + id="panel1-header" + > + +
❤️
+ + {t('support_us.title')} + + + + + + {t('support_us.p1')} + + + {t('support_us.p2')} + + + {t('support_us.how_to_help')} + + + {t('support_us.thanks')} + + + + + + + + {t('support_us.bitcoin_dialog_title')} + + + + + + + + + + + + + openclimbing@lnbits.cz + + + + ); +}; diff --git a/src/locales/cs.js b/src/locales/cs.js index 37eeb5a4..fd6c67a3 100644 --- a/src/locales/cs.js +++ b/src/locales/cs.js @@ -83,6 +83,18 @@ export default { 'homepage.discover_more_p1': `Prozkoumat dalších`, 'homepage.discover_more_p2': `oblastí`, + 'support_us.title': `Podpořte nás`, + 'support_us.p1': `Děláme tuto aplikaci ve volném čase protože nás to baví a protože věříme, že informace o lezeckých cestách ve veřejném prostoru by měly být svobodně dostupné informace podobně jako třeba názvy ulic.`, + 'support_us.p2': `Pokud vám tato aplikace pomáhá nebo souzníte s tímto přístupem, budeme moc rádi pokud nás jakkoliv podpoříte.`, + 'support_us.how_to_help': `Jak pomoci:`, + 'support_us.share': `Sdílejte openclimbing.org mezi svými kamarády nebo na sociálních sítích`, + 'support_us.feedback': `Napište nám zpětnou vazbu`, + 'support_us.add_content': `Zakreslete lezecké cesty`, + 'support_us.develop': `Umíte programovat? Pošlete pull request do repozitáře.`, + 'support_us.contribute_financially': `Přispějte finančně`, + 'support_us.thanks': `Thank you!`, + 'support_us.bitcoin_dialog_title': `Support us with Bitcoin`, + 'searchbox.placeholder': 'Prohledat OpenStreetMap', 'searchbox.category': 'kategorie', 'searchbox.overpass_success': 'Nalezeno výsledků: __count__', diff --git a/src/locales/vocabulary.js b/src/locales/vocabulary.js index 1d032c0d..bd780afa 100644 --- a/src/locales/vocabulary.js +++ b/src/locales/vocabulary.js @@ -117,6 +117,18 @@ export default { 'homepage.discover_more_p1': `Discover other`, 'homepage.discover_more_p2': `areas`, + 'support_us.title': `Support us`, + 'support_us.p1': `We're building this app in our spare time because we enjoy it and because we believe that information about climbing routes in public spaces should be freely available, just like street names.`, + 'support_us.p2': `If this app helps you or resonates with you, we'd be thrilled if you supported us in any way.`, + 'support_us.how_to_help': `How to help:`, + 'support_us.share': `Share openclimbing.org with your friends or on social media`, + 'support_us.feedback': `Send us your feedback`, + 'support_us.add_content': `Map out the climbing routes`, + 'support_us.develop': `Can you code? Submit a pull request to our repository.`, + 'support_us.contribute_financially': `Contribute financially`, + 'support_us.thanks': `Thank you!`, + 'support_us.bitcoin_dialog_title': `Support us with Bitcoin`, + 'searchbox.placeholder': 'Search OpenStreetMap', 'searchbox.category': 'category', 'searchbox.overpass_success': 'Results found: __count__',