Sunset Crash Team Results (#48)

sebranly · Mar 2, 2024 · 9a3c185 · 9a3c185
1 parent 433c9f9
commit 9a3c185
Show file tree

Hide file tree

Showing 8 changed files with 64 additions and 11 deletions.
diff --git a/README.md b/README.md
@@ -1,7 +1,7 @@
 # ctr-ocr
 Optical character recognition performed on the video game Crash Team Racing Nitro-Fueled for game results
 
-Live on [Crash Team Results](https://www.crashteamresults.com)
+Live at https://sebranly.github.io/ctr-ocr/
 
 ## Roadmap
 

diff --git a/doc/guide/en/FAQ.md b/doc/guide/en/FAQ.md
@@ -4,7 +4,11 @@ Also available in: [French](../fr/FAQ.md)
 
 ## Where is this website?
 
-Crash Team Results is available at https://www.crashteamresults.com
+Crash Team Results is available at https://sebranly.github.io/ctr-ocr/
+
+## Why can't I access this website anymore?
+
+Please verify that you're trying to access it through https://sebranly.github.io/ctr-ocr/, as the old domain name crashteamresults.com does not host this website anymore.
 
 ## Why this name?
 

diff --git a/doc/guide/fr/FAQ.md b/doc/guide/fr/FAQ.md
@@ -4,7 +4,11 @@ Also available in: [English](../en/FAQ.md)
 
 ## Où est ce site web ?
 
-Crash Team Results est disponible à l'adresse https://www.crashteamresults.com
+Crash Team Results est disponible à l'adresse https://sebranly.github.io/ctr-ocr/
+
+## Pourquoi est-ce que je n'arrive plus à accéder au site web ?
+
+SVP vérifiez que vous essayez d'y accéder via https://sebranly.github.io/ctr-ocr/, car l'ancien nom de domaine crashteamresults.com n'héberge plus ce site du tout.
 
 ## Pourquoi ce nom ?
 

diff --git a/public/index.html b/public/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <link rel="canonical" href='https://www.crashteamresults.com' />
+    <link rel="canonical" href='https://sebranly.github.io/ctr-ocr/' />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
@@ -13,7 +13,7 @@
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/apple-touch-icon.png" />
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
     <title>Crash Team Results</title>
-    <meta property="og:url" content="https://www.crashteamresults.com" />
+    <meta property="og:url" content="https://sebranly.github.io/ctr-ocr/" />
     <meta property="og:title" content="Crash Team Results" />
     <meta property="og:description" content="Uploads your in-game screenshots of Crash Team Racing: Nitro-Fueled and convert them into results data" />
     <meta property="og:image" content="https://raw.githubusercontent.com/sebranly/ctr-ocr/main/src/img/examples/IMG1.JPG" />
@@ -33,6 +33,7 @@
   <body>
     <noscript>
       <h1>Crash Team Results</h1>
+      <h2>Optical Character Recognition</h2>
         <div>You need to enable JavaScript to run this app.</div>
         <h2>Introduction</h2>
         <h2>Players</h2>

diff --git a/src/App.css b/src/App.css
@@ -92,7 +92,6 @@ input[type='color'] {
 
 .main-content-desktop {
   max-width: 75%;
-  margin: 0 auto;
   padding: 10px 10px 30px 10px;
   box-shadow: 0 0 15px #0007;
   border-radius: 15px;
@@ -104,12 +103,19 @@ input[type='color'] {
 
 .main-content-mobile {
   max-width: 95%;
-  margin: 0 auto;
   box-shadow: 0 0 15px #0007;
   border-radius: 15px;
   padding: 10px 10px 30px 10px;
 }
 
+.m-0-auto {
+  margin: 0 auto;
+}
+
+.m-0-auto-mb2 {
+  margin: 0 auto 10px;
+}
+
 .bold {
   font-weight: bold;
 }

diff --git a/src/App.tsx b/src/App.tsx
@@ -18,7 +18,8 @@ import {
   URL_HUMAN_PLAYERS,
   VIDEO_TUTORIAL,
   WEBSITE_DEFAULT_LANGUAGE,
-  WEBSITE_TITLE
+  WEBSITE_TITLE,
+  WEBSITE_SUBTITLE
 } from './constants/general';
 import {
   CTR_MAX_PLAYERS,
@@ -1089,6 +1090,7 @@ const App = () => {
   return (
     <div className="main">
       <h1>{WEBSITE_TITLE}</h1>
+      <h2>{WEBSITE_SUBTITLE}</h2>
       <div className="w3-light-grey"></div>
       {ocrProgress === Progress.Done && (
         <Confetti
@@ -1098,7 +1100,42 @@ const App = () => {
           recycle={false}
         />
       )}
-      <div className={`center main-content-${classPlatform} ${classBgDisabled}`}>
+      <div className={`text-center main-content-${classPlatform} m-0-auto-mb2 bg-orange`}>
+        <div className="text-left mb black">
+          <b>March 2024 Update:</b> this website address (URL) will be changed as follows:
+          <br />
+          <div>
+            The URL{' '}
+            <a
+              href="https://www.crashteamresults.com/"
+              rel="noopener noreferrer"
+              title="Old URL address of Crash Team Results"
+              target="_blank"
+            >
+              https://www.crashteamresults.com/
+            </a>{' '}
+            will stop working in April 2024.
+          </div>
+          <div>
+            The URL{' '}
+            <a
+              href="https://sebranly.github.io/ctr-ocr/"
+              rel="noopener noreferrer"
+              title="New URL address of Crash Team Results"
+              target="_blank"
+            >
+              https://sebranly.github.io/ctr-ocr/
+            </a>{' '}
+            will become the new one (it is already active).
+          </div>
+          <br />
+          To ensure that you can access this website in the future, please add the following address to your bookmarks:
+          <b>
+            <div>https://sebranly.github.io/ctr-ocr/</div>
+          </b>
+        </div>
+      </div>
+      <div className={`center main-content-${classPlatform} m-0-auto ${classBgDisabled}`}>
         {renderProgressBar()}
         <h2>Introduction</h2>
         <BasicMsg msg="Please enter information from top to bottom for a smooth experience" />

diff --git a/src/components/__test__/__snapshots__/Footer.test.tsx.snap b/src/components/__test__/__snapshots__/Footer.test.tsx.snap
@@ -39,7 +39,7 @@ NodeList [
       target="_blank"
       title="Website changelog"
     >
-      1.3.0
+      1.4.0
     </a>
   </div>,
 ]

diff --git a/src/constants/general.ts b/src/constants/general.ts
@@ -8,7 +8,8 @@ export const CRASH_TEAM_RANKING_AUTHOR_URL = 'https://crashteamranking.com/membe
 export const GUIDE_FOLDER = `${PROJECT_URL}/blob/main/doc/guide/${WEBSITE_LANGUAGE}/`;
 export const DEBUG_MODE = false;
 export const WEBSITE_TITLE = 'Crash Team Results';
-export const WEBSITE_VERSION = '1.3.0';
+export const WEBSITE_SUBTITLE = 'Optical Character Recognition';
+export const WEBSITE_VERSION = '1.4.0';
 export const WEBSITE_DEFAULT_LANGUAGE = 'en';
 export const JSON_DATA_FOLDER = `${AUTHOR_GITHUB}/json/${JSON_FOLDER}`;
 export const URL_CPUS = `${JSON_DATA_FOLDER}/players.json`;