scott/crabfit
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Merge pull request #6 from GRA0007/dev

Browse source 
Sitemap and extension loader
This commit is contained in:
Benjamin Grant 2021-04-20 20:14:29 +10:00 committed by GitHub
parent be0128b785 7ae6226a2f
commit a94e73bc23
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 70 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
.gitignore vendored
View file

@ -1,2 +1,3 @@
/graphics
.DS_Store
/crabfit-browser-extension/*.zip

2
crabfit-browser-extension/manifest.json
View file

@ -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",

37
crabfit-browser-extension/popup.html
View file

@ -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 @@
</style>
</head>
<body>
<div id="loader"></div>
<iframe src="https://crab.fit/create" allow="clipboard-write"></iframe>
</body>
</html>

6
crabfit-frontend/public/robots.txt
View file

@ -1,3 +1,7 @@
# https://www.robotstxt.org/robotstxt.html
User-agent: *
Disallow:
Allow: /$
Allow: /how-to$
Disallow: *
sitemap: https://crab.fit/sitemap.xml

12
crabfit-frontend/public/sitemap.xml Normal file
View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://crab.fit/</loc>
<priority>1.0</priority>
</url>
<url>
<loc>https://crab.fit/how-to</loc>
<priority>0.4</priority>
</url>
</urlset>

4
crabfit-frontend/src/pages/Create/Create.tsx
View file

@ -27,8 +27,10 @@ import {
ShareInfo,
Footer,
AboutSection,
Recent,
} from './createStyle';
import {
Recent,
} from '../Home/homeStyle';
import api from 'services';
import { useRecentsStore } from 'stores';

27
crabfit-frontend/src/pages/Create/createStyle.ts
View file

@ -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;
}
`;

1
crabfit-frontend/src/pages/Home/Home.tsx
View file

@ -248,6 +248,7 @@ const Home = ({ offline }) => {
{/* eslint-disable-next-line */}
<P>Created by <a href="https://bengrant.dev" target="_blank">Ben Grant</a>, Crab Fit is the modern-day solution to your group event planning debates.</P>
<P>The code for Crab Fit is open source, if you find any issues or want to contribute, you can visit the <a href="https://github.com/GRA0007/crab.fit" target="_blank" rel="noreferrer">repository</a>.</P>
<P>Crab Fit costs more than <strong>$100 per month</strong> to run. Consider donating below if it helped you out so it can stay free for everyone. 🦀</P>
</StyledMain>
</AboutSection>

12
crabfit-frontend/src/pages/Home/homeStyle.ts
View file

@ -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;
}
}
`;