From c680c22bb36ba80169f5ba44cf398124e004afe0 Mon Sep 17 00:00:00 2001 From: Ben Grant Date: Tue, 20 Apr 2021 19:32:31 +1000 Subject: [PATCH 1/3] Robots and sitemap --- crabfit-frontend/public/robots.txt | 6 +++++- crabfit-frontend/public/sitemap.xml | 12 ++++++++++++ 2 files changed, 17 insertions(+), 1 deletion(-) create mode 100644 crabfit-frontend/public/sitemap.xml diff --git a/crabfit-frontend/public/robots.txt b/crabfit-frontend/public/robots.txt index e9e57dc..6048be5 100644 --- a/crabfit-frontend/public/robots.txt +++ b/crabfit-frontend/public/robots.txt @@ -1,3 +1,7 @@ # https://www.robotstxt.org/robotstxt.html User-agent: * -Disallow: +Allow: /$ +Allow: /how-to$ +Disallow: * + +sitemap: https://crab.fit/sitemap.xml diff --git a/crabfit-frontend/public/sitemap.xml b/crabfit-frontend/public/sitemap.xml new file mode 100644 index 0000000..fc981cf --- /dev/null +++ b/crabfit-frontend/public/sitemap.xml @@ -0,0 +1,12 @@ + + + + + https://crab.fit/ + 1.0 + + + https://crab.fit/how-to + 0.4 + + From 3527b1cde0ab014f1ff43ee9d5891db295e547b1 Mon Sep 17 00:00:00 2001 From: Ben Grant Date: Tue, 20 Apr 2021 19:46:31 +1000 Subject: [PATCH 2/3] Updated recents style --- crabfit-frontend/src/pages/Create/Create.tsx | 4 ++- .../src/pages/Create/createStyle.ts | 27 ------------------- crabfit-frontend/src/pages/Home/Home.tsx | 1 + crabfit-frontend/src/pages/Home/homeStyle.ts | 12 +++++++-- 4 files changed, 14 insertions(+), 30 deletions(-) diff --git a/crabfit-frontend/src/pages/Create/Create.tsx b/crabfit-frontend/src/pages/Create/Create.tsx index 538512e..c5d600a 100644 --- a/crabfit-frontend/src/pages/Create/Create.tsx +++ b/crabfit-frontend/src/pages/Create/Create.tsx @@ -27,8 +27,10 @@ import { ShareInfo, Footer, AboutSection, - Recent, } from './createStyle'; +import { + Recent, +} from '../Home/homeStyle'; import api from 'services'; import { useRecentsStore } from 'stores'; diff --git a/crabfit-frontend/src/pages/Create/createStyle.ts b/crabfit-frontend/src/pages/Create/createStyle.ts index e79b34f..cb7e35a 100644 --- a/crabfit-frontend/src/pages/Create/createStyle.ts +++ b/crabfit-frontend/src/pages/Create/createStyle.ts @@ -77,30 +77,3 @@ export const AboutSection = styled.section` font-size: 1.2rem; } `; - -export const Recent = styled.a` - text-decoration: none; - color: inherit; - display: flex; - align-items: center; - justify-content: space-between; - padding: 5px 0; - flex-wrap: wrap; - - & .name { - font-weight: 700; - color: ${props => props.theme.primaryDark}; - } - & .date { - font-weight: 400; - font-size: .9em; - opacity: .8; - text-align: right; - flex: 1; - white-space: nowrap; - } - - &:hover .name { - text-decoration: underline; - } -`; diff --git a/crabfit-frontend/src/pages/Home/Home.tsx b/crabfit-frontend/src/pages/Home/Home.tsx index c20da01..30be2e1 100644 --- a/crabfit-frontend/src/pages/Home/Home.tsx +++ b/crabfit-frontend/src/pages/Home/Home.tsx @@ -248,6 +248,7 @@ const Home = ({ offline }) => { {/* eslint-disable-next-line */}

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.

+

Crab Fit costs more than $100 per month to run. Consider donating below if it helped you out so it can stay free for everyone. 🦀

diff --git a/crabfit-frontend/src/pages/Home/homeStyle.ts b/crabfit-frontend/src/pages/Home/homeStyle.ts index 1e9797f..a3fb4d1 100644 --- a/crabfit-frontend/src/pages/Home/homeStyle.ts +++ b/crabfit-frontend/src/pages/Home/homeStyle.ts @@ -108,16 +108,24 @@ export const Recent = styled.a` font-weight: 700; font-size: 1.1em; color: ${props => props.theme.primaryDark}; + flex: 1; + display: block; } & .date { font-weight: 400; opacity: .8; - text-align: right; - flex: 1; white-space: nowrap; } &:hover .name { text-decoration: underline; } + + @media (max-width: 500px) { + display: block; + + & .date { + white-space: normal; + } + } `; From 7ae6226a2fa6950e7254668918785c83a213a014 Mon Sep 17 00:00:00 2001 From: Ben Grant Date: Tue, 20 Apr 2021 20:09:11 +1000 Subject: [PATCH 3/3] Loader for extension popup Pretty sure this isn't going to do anything at all --- .gitignore | 1 + crabfit-browser-extension/manifest.json | 2 +- crabfit-browser-extension/popup.html | 37 +++++++++++++++++++++++++ 3 files changed, 39 insertions(+), 1 deletion(-) diff --git a/.gitignore b/.gitignore index cfc9619..6e56161 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,3 @@ /graphics .DS_Store +/crabfit-browser-extension/*.zip diff --git a/crabfit-browser-extension/manifest.json b/crabfit-browser-extension/manifest.json index 6bcae9b..ed47952 100644 --- a/crabfit-browser-extension/manifest.json +++ b/crabfit-browser-extension/manifest.json @@ -1,7 +1,7 @@ { "name": "Crab Fit", "description": "Enter your availability to find a time that works for everyone!", - "version": "1.0", + "version": "1.1", "manifest_version": 2, "author": "Ben Grant", diff --git a/crabfit-browser-extension/popup.html b/crabfit-browser-extension/popup.html index d922600..e1609df 100644 --- a/crabfit-browser-extension/popup.html +++ b/crabfit-browser-extension/popup.html @@ -9,6 +9,42 @@ margin: 0; } + @keyframes load { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } + } + + #loader { + position: absolute; + top: 0; + left: 0; + width: 360px; + height: 500px; + background-color: #FFFFFF; + z-index: -1; + } + #loader::after { + content: ''; + position: absolute; + top: calc(50% - 15px); + left: calc(50% - 15px); + height: 24px; + width: 24px; + border: 3px solid #F79E00; + border-left-color: transparent; + border-radius: 100px; + animation: load .5s linear infinite; + } + @media (prefers-color-scheme: dark) { + #loader { + background-color: #111111; + } + } + iframe { height: 100%; width: 100%; @@ -17,6 +53,7 @@ +