Home page copy updates.

michael-tanner · Dec 30, 2024 · 1b7216f · 1b7216f
1 parent 6c3f42c
commit 1b7216f
Show file tree

Hide file tree

Showing 3 changed files with 46 additions and 43 deletions.
diff --git a/Client/Pages/Home.razor b/Client/Pages/Home.razor
@@ -5,22 +5,27 @@
 <h1>HyperCards.io</h1>
 
 <card>
-    Hello, this is the personal coding playground of <a href="https://www.linkedin.com/in/mdtanner/" target="_blank">Michael Tanner</a>.
+    Welcome to the personal coding playground of <a href="https://www.linkedin.com/in/mdtanner/" target="_blank">Michael Tanner</a>.
     <br />
     <br />
-    This site is built with Microsoft Blazor, a framework for building interactive web apps using C# and HTML for running in the browser via Webassembly.
+    This site is built with Microsoft Blazor, a framework for creating interactive web applications using C# and HTML, running directly in the browser via WebAssembly.
     <br />
     <br />
-    HyperCards.io is statically hosted using GitHub Pages. 
+    HyperCards.io is statically hosted on GitHub Pages.
     <br />
-    See the source code here:
     <br />
-    <ul>
-        <li><a href="https://github.com/michael-tanner/hyper-cards" target="_blank">https://github.com/michael-tanner/hyper-cards</a></li>
-        <li><a href="https://github.com/michael-tanner/hyper-cards/tree/GitHubPages/docs" target="_blank">https://github.com/michael-tanner/hyper-cards/tree/GitHubPages/docs</a></li>
-    </ul>
-    All interactive portions of this site use your browser's local storage to save your data.
+    Source code: 
     <br />
-    <br />  
-    None of your data is sent to a server.
+    <a href="https://github.com/michael-tanner/hyper-cards" target="_blank">https://github.com/michael-tanner/hyper-cards</a>
+    <br />
+    <br />
+    Static website files:
+    <br />
+    <a href="https://github.com/michael-tanner/hyper-cards/tree/GitHubPages/docs" target="_blank">https://github.com/michael-tanner/hyper-cards/tree/GitHubPages/docs</a>
+    <br />
+    <br />
+    All interactive features on this site use your browser's local storage to save data.
+    <br />
+    <br />
+    No data is sent to a server. Your information stays entirely on your device.
 </card>
diff --git a/Client/wwwroot/css/app.css b/Client/wwwroot/css/app.css
@@ -9,7 +9,7 @@ html, body {
 }
 
 h1 {
-    padding: 20px 20px;
+    padding: 20px 30px;
     background-color: #fff;
     border-radius: 15px;
     font-size: 32px;
@@ -34,7 +34,6 @@ a, a:visited {
 }
 a:hover {
     color: #2a0193;
-    text-decoration: underline;
 }
 
 .shadow1 {
@@ -48,14 +47,14 @@ a:hover {
 .loading-progress-text:after { content: var(--blazor-load-percentage-text, "Loading"); }
 
 card { 
-    max-width: 760px;
+    max-width: 800px;
     margin: 40px auto;
-    border: 1px solid #48bfe3;
+    border: 1px solid #1ec3f5;
     border-width: 1px 3px 4px 1px;
     border-radius: 15px;
     display: block;
     background: #fff;
-    padding: 40px;
+    padding: 30px;
     line-height: 1.5em;
     font-size: 19px;    
 }
diff --git a/Client/wwwroot/index.html b/Client/wwwroot/index.html
@@ -1,28 +1,27 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
-    <title>HyperCards.io</title>
-    <base href="/" />
-    <link rel="stylesheet" href="css/app.css?0b21381b-8362-4101-b2b2-d373e2507c18" />
-    <link rel="stylesheet" href="Client.styles.css?0b21381b-8362-4101-b2b2-d373e2507c18" />
-    <link rel="icon" type="image/png" href="favicon.png" />
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:[email protected]&display=swap" rel="stylesheet">
-</head>
-
-<body>
-    <div id="app">
-        <svg class="loading-progress">
-            <circle r="40%" cx="50%" cy="50%" />
-            <circle r="40%" cx="50%" cy="50%" />
-        </svg>
-        <div class="loading-progress-text"></div>
-    </div>
-    <script src="_framework/blazor.webassembly.js?0b21381b-8362-4101-b2b2-d373e2507c18"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
 
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+    <title>HyperCards.io</title>
+    <base href="/" />
+    <link rel="stylesheet" href="css/app.css?712d6e1d-e69b-4ac3-b024-4b0990f95b6c" />
+    <link rel="stylesheet" href="Client.styles.css?712d6e1d-e69b-4ac3-b024-4b0990f95b6c" />
+    <link rel="icon" type="image/png" href="favicon.png" />
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:[email protected]&display=swap" rel="stylesheet">
+</head>
+
+<body>
+    <div id="app">
+        <svg class="loading-progress">
+            <circle r="40%" cx="50%" cy="50%" />
+            <circle r="40%" cx="50%" cy="50%" />
+        </svg>
+        <div class="loading-progress-text"></div>
+    </div>
+    <script src="_framework/blazor.webassembly.js?712d6e1d-e69b-4ac3-b024-4b0990f95b6c"></script>
+</body>
+</html>