Merge pull request #14 from GodHermit/13-host-web-app-on-github

13 host web app on GitHub
GodHermit · Aug 12, 2023 · 776cb46 · 776cb46
2 parents b18ed60 + 909384b
commit 776cb46
Show file tree

Hide file tree

Showing 15 changed files with 69 additions and 5 deletions.
diff --git a/next.config.js b/next.config.js
@@ -2,6 +2,7 @@
 const nextConfig = {
 	basePath: '/turing-machine',
 	reactStrictMode: true,
+	output: 'export',
 }
 
 module.exports = nextConfig
diff --git a/public/assets/favicons/android-chrome-192x192.png b/public/assets/favicons/android-chrome-192x192.png
diff --git a/public/assets/favicons/android-chrome-512x512.png b/public/assets/favicons/android-chrome-512x512.png
diff --git a/public/assets/favicons/apple-touch-icon.png b/public/assets/favicons/apple-touch-icon.png
diff --git a/public/assets/favicons/favicon-16x16.png b/public/assets/favicons/favicon-16x16.png
diff --git a/public/assets/favicons/favicon-32x32.png b/public/assets/favicons/favicon-32x32.png
diff --git a/public/manifest.json b/public/manifest.json
@@ -0,0 +1,22 @@
+{
+	"name": "Turing Machine",
+	"short_name": "Turing Machine",
+	"description": "A web application that simulates a Turing Machine.",
+	"start_url": "https://godhermit.github.io/turing-machine",
+	"id": "https://godhermit.github.io/turing-machine",
+	"icons": [
+		{
+			"src": "/turing-machine/assets/favicons/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image/png"
+		},
+		{
+			"src": "/turing-machine/assets/favicons/android-chrome-512x512.png",
+			"sizes": "512x512",
+			"type": "image/png"
+		}
+	],
+	"theme_color": "#212529",
+	"background_color": "#ffffff",
+	"display": "standalone"
+}
diff --git a/public/next.svg b/public/next.svg
diff --git a/public/vercel.svg b/public/vercel.svg
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
diff --git a/src/app/globals.scss b/src/app/globals.scss
@@ -43,7 +43,6 @@ $input-placeholder-color: $gray-500;
 @import "~bootstrap/scss/utilities";
 @import "~bootstrap/scss/reboot";
 @import "~bootstrap/scss/type";
-@import "~bootstrap/scss/images";
 @import "~bootstrap/scss/containers";
 @import "~bootstrap/scss/grid";
 @import "~bootstrap/scss/helpers";

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -2,8 +2,7 @@
 import './globals.scss';
 
 export const metadata = {
-	title: 'Turing Machine Simulator',
-	description: 'Generated by create next app',
+	metadataBase: new URL('https://godhermit.github.io/turing-machine'),
 };
 
 export default function RootLayout({

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -3,6 +3,46 @@ import InstructionsInput from '@/components/TuringMachine/InstructionsInput';
 import MachineControls from '@/components/TuringMachine/MachineControls';
 import Tape from '@/components/TuringMachine/Tape';
 import TapeInput from '@/components/TuringMachine/TapeInput';
+import { Metadata } from 'next';
+
+const basePath = '/turing-machine';
+export const metadata: Metadata = {
+	title: 'Turing Machine',
+	description: 'A web application that simulates a Turing Machine.',
+	themeColor: '#212529',
+	icons: {
+		icon: [
+			{
+				url: '/favicon.ico',
+			}, {
+				url: `${basePath}/assets/favicons/favicon-16x16.png`,
+				type: 'image/png',
+				sizes: '16x16',
+			}, {
+				url: `${basePath}/assets/favicons/favicon-32x32.png`,
+				type: 'image/png',
+				sizes: '32x32',
+			}, {
+				url: `${basePath}/assets/favicons/android-chrome-192x192.png`,
+				type: 'image/png',
+				sizes: '192x192',
+			}, {
+				url: `${basePath}/assets/favicons/android-chrome-512x512.png`,
+				type: 'image/png',
+				sizes: '512x512',
+			}
+		],
+		apple: `${basePath}/assets/favicons/apple-touch-icon.png`
+	},
+	manifest: `${basePath}/manifest.json`,
+	openGraph: {
+		title: 'Turing Machine',
+		description: 'A web application that simulates a Turing Machine.',
+		url: 'https://godhermit.github.io/turing-machine',
+		type: 'website',
+		locale: 'en_US',
+	}
+};
 
 export default function Page() {
 	return (

diff --git a/src/app/robots.txt b/src/app/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
diff --git a/src/components/TuringMachine/Tape/index.tsx b/src/components/TuringMachine/Tape/index.tsx
@@ -80,6 +80,7 @@ export default function Tape() {
 						'btn-secondary',
 						styles.tapeButton,
 					)}
+					aria-label='Move tape left'
 					onClick={() => handleTapeMove('left')}
 				>
 					<MdArrowBackIosNew />
@@ -124,6 +125,7 @@ export default function Tape() {
 						styles.tapeButton,
 					)}
 					onClick={() => handleTapeMove('right')}
+					aria-label='Move tape right'
 				>
 					<MdArrowForwardIos />
 				</button>