diff --git a/src/components/HomepagePanel/SupportUs.tsx b/src/components/HomepagePanel/SupportUs.tsx index ba1221fc..ea1cbc29 100644 --- a/src/components/HomepagePanel/SupportUs.tsx +++ b/src/components/HomepagePanel/SupportUs.tsx @@ -16,6 +16,7 @@ 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 { keyframes } from '@emotion/react'; import { useUserThemeContext } from '../../helpers/theme'; import { t } from '../../services/intl'; @@ -24,6 +25,34 @@ const AccordionStyle = { backgroundColor: 'transparent !important', }, }; + +// Dvojitý úder (“lub-dub”) + pauza, v 1s cyklu (což odpovídá cca 60 BPM). +const heartbeat = keyframes` + 0% { + transform: scale(1); + } + 5% { + transform: scale(1.1); + } + 10% { + transform: scale(1); + } + 15% { + transform: scale(1.1); + } + 20% { + transform: scale(1); + } + 100% { + transform: scale(1); + } +`; + +const Heart = styled.div` + font-size: 32px; + animation: ${heartbeat} 5s infinite; +`; + const Qr = styled.img<{ $isDark: boolean }>` ${({ $isDark }) => $isDark && `filter: invert(1);`} `; @@ -36,6 +65,7 @@ export const SupportUs = () => { const onClose = () => { setIsBitcoinDialogOpen(false); }; + return ( <> @@ -46,7 +76,7 @@ export const SupportUs = () => { id="panel1-header" > -
❤️
+ ❤️ {t('support_us.title')} diff --git a/src/services/project.tsx b/src/services/project.tsx index 8f7193d3..2b39c94c 100644 --- a/src/services/project.tsx +++ b/src/services/project.tsx @@ -40,6 +40,7 @@ const openclimbing: Project = { const domains: Record = { 'osmapp.org': osmapp, 'openclimbing.org': openclimbing, + '127.0.0.1:3000': openclimbing, }; const prUrl = (host: string) => /^osmapp-git(.*)climbing(.*)vercel.app$/.test(host) ? openclimbing : null;