diff --git a/crabfit-frontend/public/index.css b/crabfit-frontend/public/index.css index 952af59..399b4a0 100644 --- a/crabfit-frontend/public/index.css +++ b/crabfit-frontend/public/index.css @@ -19,3 +19,24 @@ font-weight: 400; font-style: normal; } + +/* IE 10+ */ +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + #root { + font-family: Karla, sans-serif; + text-align: center; + margin: 20vh auto; + font-size: 1.3em; + font-weight: 600; + } + #root::before { + content: '🦀'; + font-size: 1.5em; + display: block; + padding: 20px; + } + #root::after { + display: block; + content: 'Crab Fit doesn\'t work in Internet Explorer. Please try using a modern browser.'; + } +} diff --git a/crabfit-frontend/public/index.html b/crabfit-frontend/public/index.html index 49cc9b7..a7e3981 100644 --- a/crabfit-frontend/public/index.html +++ b/crabfit-frontend/public/index.html @@ -2,6 +2,7 @@ + @@ -36,7 +37,9 @@ - +
diff --git a/crabfit-frontend/src/components/Button/Button.tsx b/crabfit-frontend/src/components/Button/Button.tsx index a7d2efb..64e788d 100644 --- a/crabfit-frontend/src/components/Button/Button.tsx +++ b/crabfit-frontend/src/components/Button/Button.tsx @@ -2,7 +2,7 @@ import { Pressable } from './buttonStyle'; const Button = ({ href, type = 'button', icon, children, ...props }) => ( { }[browser]} onClick={() => gtag('event', `download_extension_${browser}`, { 'event_category': 'home'})} target="_blank" - rel="noopener" + rel="noreferrer noopener" secondary >{{ chrome: t('home:about.chrome_extension'), @@ -259,11 +259,11 @@ const Home = ({ offline }) => { icon={} onClick={() => gtag('event', 'download_android_app', { 'event_category': 'home' })} target="_blank" - rel="noopener" + rel="noreferrer noopener" secondary >{t('home:about.android_app')} -

Created by Ben Grant, Crab Fit is the modern-day solution to your group event planning debates.

+

Created by Ben Grant, Crab Fit is the modern-day solution to your group event planning debates.

The code for Crab Fit is open source, if you find any issues or want to contribute, you can visit the repository. By using Crab Fit you agree to the privacy policy.

Consider donating below if it helped you out so it can stay free for everyone. 🦀