feat: document Notion usage

Author: coderbyheart

src/App.tsx

@@ -87,10 +87,9 @@ export const App = () => {
 										sessions: updatedSessions,
 									}
 									window.location.assign(
-										`${document.location.href.replace(
-											/#.+/,
-											'',
-										)}#${encodeURIComponent(btoa(JSON.stringify(cfg)))}`,
+										`${
+											new URL(document.location.href).origin
+										}#${encodeURIComponent(btoa(JSON.stringify(cfg)))}`,
 									)
 									setEditing(false)
 								}}
@@ -177,6 +176,17 @@ export const App = () => {
 						Click the <LockIcon /> icon to create your own schedule. When done,
 						click the <UnLockIcon /> and share the updated URL.
 					</p>
+					<p>
+						<a href="https://www.notion.so/">Notion</a> user? Use{' '}
+						<a
+							href={`${
+								new URL(document.location.href).origin
+							}?schedule=${encodeURIComponent(btoa(JSON.stringify(cfg)))}`}
+						>
+							this URL
+						</a>{' '}
+						to embed it on any page.
+					</p>
 				</Info>
 			</Main>
 			<Footer />

src/style/Main.ts

@@ -9,6 +9,10 @@ export const Info = styled.div`
 	margin: 1rem;
 	display: flex;
 	justify-content: center;
+	flex-direction: column;
+	a {
+		color: ${(props) => props.theme.colors.text};
+	}
 `
 
 export const Headline = styled.h1`