From 439faa1a12863bb20e324b7e49030e9cbe681f71 Mon Sep 17 00:00:00 2001
From: Daniel O'Connell <github@ahiru.pl>
Date: Sat, 23 Mar 2024 21:45:43 +0100
Subject: [PATCH] typos + title

---
 app/components/ContentBox/index.tsx    |  2 +-
 app/components/Footer/index.tsx        |  4 ++--
 app/components/Grid/grid.css           |  1 -
 app/root.tsx                           | 14 +++++++-------
 app/routes/_index.tsx                  |  2 +-
 app/routes/questions.$questionId.$.tsx |  7 +++++++
 app/routes/questions.toc.ts            |  5 ++++-
 app/server-utils/stampy.ts             |  1 +
 8 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/app/components/ContentBox/index.tsx b/app/components/ContentBox/index.tsx
index a83a2f6a..a6c317c8 100644
--- a/app/components/ContentBox/index.tsx
+++ b/app/components/ContentBox/index.tsx
@@ -51,7 +51,7 @@ export const ContentBoxMain = () => (
     action={questionUrl({pageid: '9OGZ'})}
     actionTitle={
       <>
-        <span className="default-bold">Start reading</span>
+        <span className="default-bold">Start here</span>
         <ArrowRight />
       </>
     }
diff --git a/app/components/Footer/index.tsx b/app/components/Footer/index.tsx
index e5cc4911..b33c1db9 100644
--- a/app/components/Footer/index.tsx
+++ b/app/components/Footer/index.tsx
@@ -21,8 +21,8 @@ export const FooterBar: FunctionComponent = () => {
             <a href="/">AISafety.info</a>
           </p>
           <div>
-            We’re a global team of specialists supported by volunteers from various backgrounds who
-            are concerned about the possibility of human extinction from future AI.
+            We’re a global team of specialists and volunteers from various backgrounds who want to
+            ensure that the effects of future AI are beneficial rather than catastrophic.
           </div>
         </div>
 
diff --git a/app/components/Grid/grid.css b/app/components/Grid/grid.css
index 1e88050d..76343524 100644
--- a/app/components/Grid/grid.css
+++ b/app/components/Grid/grid.css
@@ -9,7 +9,6 @@
   text-align: left;
   padding: var(--spacing-40);
   width: 21.46vw;
-  height: 21.46vw;
   min-width: var(--spacing-288);
   min-height: var(--spacing-288);
   text-decoration: none;
diff --git a/app/root.tsx b/app/root.tsx
index 36655a91..ab04df2f 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -16,7 +16,6 @@ import newStyles from '~/newRoot.css'
 import Error from '~/components/Error'
 import Page from '~/components/Page'
 import {CachedObjectsProvider} from '~/hooks/useCachedObjects'
-import {questionsOnPage} from '~/hooks/stateModifiers'
 import {useTheme} from '~/hooks/theme'
 import {loadQuestionDetail} from '~/server-utils/stampy'
 
@@ -47,15 +46,16 @@ const makeSocialPreviewText = (
  */
 const fetchQuestion = async (request: Request) => {
   const url = new URL(request.url)
-  const questions = questionsOnPage(url.searchParams.get('state') || '')
 
-  if (questions.length != 1) return null
-
-  const {data} = await loadQuestionDetail(request, questions[0][0])
-  return data
+  const [path, pageid] = url.pathname.slice(1).split('/') || []
+  if (path === 'questions') {
+    const {data} = await loadQuestionDetail(request, pageid)
+    return data
+  }
+  return null
 }
 
-const TITLE = 'Stampy'
+const TITLE = 'AISafety.info'
 const DESCRIPTION = 'AI Safety FAQ'
 const twitterCreator = '@stampyai'
 export const meta: MetaFunction<typeof loader> = ({data = {} as any}) => {
diff --git a/app/routes/_index.tsx b/app/routes/_index.tsx
index a43172df..36293711 100644
--- a/app/routes/_index.tsx
+++ b/app/routes/_index.tsx
@@ -31,7 +31,7 @@ export default function App() {
   return (
     <Page>
       <div className="page-body">
-        <h1 className="padding-bottom-80 padding-top-56">Answers on all things AI safety</h1>
+        <h1 className="padding-bottom-80 padding-top-56">Your guide to AI safety</h1>
 
         <ContentBoxMain />
         <ContentBoxSecond />
diff --git a/app/routes/questions.$questionId.$.tsx b/app/routes/questions.$questionId.$.tsx
index 6b8fe542..754657d8 100644
--- a/app/routes/questions.$questionId.$.tsx
+++ b/app/routes/questions.$questionId.$.tsx
@@ -96,6 +96,13 @@ export default function RenderArticle() {
     setShowNav(false)
   }, [location.key])
 
+  useEffect(() => {
+    data.then((val) => {
+      const question = val as Question
+      if (question.title) document.title = question.title
+    })
+  }, [data])
+
   return (
     <Page modal={showNav}>
       <div className={`article-container ${showNav ? 'no-padding' : ''}`}>
diff --git a/app/routes/questions.toc.ts b/app/routes/questions.toc.ts
index bf10cbc7..79c79f56 100644
--- a/app/routes/questions.toc.ts
+++ b/app/routes/questions.toc.ts
@@ -60,7 +60,10 @@ export const loadToC = async (request: any): Promise<LoaderResp> => {
     [k: string]: Question
   }
   const canBeShown = ({status}: Question) =>
-    status && [QuestionStatus.LIVE_ON_SITE, QuestionStatus.NOT_STARTED].includes(status)
+    status &&
+    [QuestionStatus.LIVE_ON_SITE, QuestionStatus.NOT_STARTED, QuestionStatus.SUBSECTION].includes(
+      status
+    )
 
   data
     .filter(canBeShown)
diff --git a/app/server-utils/stampy.ts b/app/server-utils/stampy.ts
index a3d8834e..437fa45b 100644
--- a/app/server-utils/stampy.ts
+++ b/app/server-utils/stampy.ts
@@ -36,6 +36,7 @@ export enum QuestionStatus {
   IN_PROGRESS = 'In progress',
   IN_REVIEW = 'In review',
   LIVE_ON_SITE = 'Live on site',
+  SUBSECTION = 'Subsection',
   UNKNOWN = 'Unknown',
 }
 export type Banner = {