Added intro page to apps viewer

ToonTalk · Dec 19, 2023 · c37e4ef · c37e4ef
1 parent b5152d2
commit c37e4ef
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 0 deletions.
diff --git a/apps/index.html b/apps/index.html
@@ -68,6 +68,9 @@
     <script>
 document.addEventListener('DOMContentLoaded', () => {
     const pages = [
+        { link: "intro%20to%20app%20viewer.html", 
+          caption: "Just click the Next button to see the apps."
+              },
         { link: "speak%20random%20number/index.html", 
           caption: "Speak random numbers and repeat what was heard. Click on the images. Ignore Google Translation key unless you have one.<br>" +
                    "<a href='https://chat.openai.com/share/6b6967cc-f1d8-420d-84f5-f60fdb24ccfb' target='_blank'>OpenAI log</a> <br>" +

diff --git a/apps/intro to app viewer.html b/apps/intro to app viewer.html
@@ -0,0 +1,38 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>App Display</title>
+<style>
+    body {
+        font-family: Arial, sans-serif;
+        text-align: center;
+        padding-top: 50px;
+    }
+    h1 {
+        color: blue;
+        font-size: 36px;
+    }
+    .email, .homepage, .details {
+        color: darkblue;
+        /* text-decoration: none; */
+        display: block;
+        margin: 15px 0;
+        font-size: 24px;
+    }
+    .details {
+        color: darkblue;
+        font-size: 24px;
+    }
+</style>
+</head>
+<body>
+    <h1>This app displays apps created by conversing with ChatGPT 4</h1>
+    <p class="email"> Ken Kahn &lt;<a href="mailto:[email protected]">[email protected]</a>&gt;
+    <a href="https://www.google.com/url?q=https://docs.google.com/document/d/1r7oaUOGs1TGjtKYo1CCmfqTifH5cqpPny5ALx5EIT_8/edit?usp%3Dsharing&sa=D&source=editors&ust=1702954163558132&usg=AOvVaw0plP6jmUK3buZLt2yvpS6h" class="homepage">Ken's Home Page</a>
+    <p class="details">Here are <a href='https://docs.google.com/document/d/19KWL8t3G1igp7t-QE9GYPGRsmg080Z_uoBF-WC_eSxo/edit?usp=sharing' target='_blank'>
+        more details about the process of creating these apps</a>.</p>
+</body>
+</html>