Put about on landing page, remove ATIP word, fix small font thing

acteng · Nov 25, 2024 · 2eb344f · 2eb344f
1 parent e9d9b40
commit 2eb344f
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 28 deletions.
diff --git a/src/lib/sketch/About.svelte b/src/lib/sketch/About.svelte
@@ -4,10 +4,10 @@
   export let open: boolean;
 </script>
 
-<Modal title="About the Active Travel Infrastructure Platform" bind:open>
+<Modal title="About Plan Your Active Travel Schemes" bind:open>
   <div class="govuk-prose">
     <p>
-      ATIP Scheme Sketcher v2 is an
+      Plan Your Active Travel Schemes is an
       <ExternalLink href="https://github.com/acteng/atip">
         open source project
       </ExternalLink> supported by Active Travel England and developed by:
@@ -38,13 +38,13 @@
         </ExternalLink>
       </li>
       <li>
-        With great thanks to ATIP's various users for feedback, testing, and
+        With great thanks to our various users for feedback, testing, and
         ideas
       </li>
     </ul>
 
     <p>
-      ATIP builds on
+      Plan Your Active Travel Schemes builds on
       <ExternalLink href="https://www.openstreetmap.org/about">
         OpenStreetMap
       </ExternalLink>
@@ -63,7 +63,7 @@
     </p>
 
     <p>
-      We want your feedback about ATIP! Please <ExternalLink
+      We want your feedback about Plan Your Active Travel Schemes! Please <ExternalLink
         href="https://github.com/acteng/atip/issues/new"
       >
         start an issue on Github
@@ -77,6 +77,10 @@
 
     <h2>Recent changes</h2>
     <ul>
+      <li>
+        <b>Public Beta</b>
+        launched December 2024, various UI/UX improvements, better integration of browse and sketch tools and most importantly public access.
+      </li>
       <li>
         <b>v2</b>
         launched on 2 June 2023. Changes: a complete UI rewrite, new draw tools,

diff --git a/src/lib/sketch/FileManagement.svelte b/src/lib/sketch/FileManagement.svelte
@@ -76,11 +76,11 @@
   </nav>
 
   <div style="display: flex; justify-content: space-between">
-    <div>
+    <p>
       <b>You are editing</b>
       <br />
       <span>{filename}</span>
-    </div>
+    </p>
 
     <SecondaryButton
       on:click={() => exportFile(authority, filename, $gjSchemes)}

diff --git a/src/pages/ChooseArea.svelte b/src/pages/ChooseArea.svelte
@@ -21,7 +21,6 @@
     Popup,
     describeAuthority,
   } from "lib/common";
-  import About from "lib/sketch/About.svelte";
   import { schema as schemaStore } from "stores";
   import {
     FillLayer,
@@ -42,7 +41,6 @@
     features: [],
   };
 
-  let showAbout = false;
   const params = new URLSearchParams(window.location.search);
   let pageErrorMessage = params.get("error") || "";
   let uploadErrorMessage = "";
@@ -97,13 +95,7 @@
         <LoggedIn />
       </div>
 
-      <div style="display: flex; justify-content: space-between">
-        <h1>Scheme Sketcher</h1>
-
-        <SecondaryButton on:click={() => (showAbout = !showAbout)}>
-          About
-        </SecondaryButton>
-      </div>
+      <h1>Scheme Sketcher</h1>
 
       <ErrorMessage errorMessage={pageErrorMessage} />
 
@@ -204,7 +196,6 @@
     </div>
   </div>
 </div>
-<About bind:open={showAbout} />
 
 <style>
   :global(body) {

diff --git a/src/pages/LandingPage.svelte b/src/pages/LandingPage.svelte
@@ -3,9 +3,13 @@
   // @ts-expect-error no declarations
   import { initAll } from "govuk-frontend";
   import { AlphaBanner, DefaultButton } from "govuk-svelte";
+  import About from "lib/sketch/About.svelte";
+  import { SecondaryButton } from "govuk-svelte";
   import { Header } from "lib/common";
   import { onMount } from "svelte";
 
+  let showAbout = false;
+
   onMount(async () => {
     // For govuk components. Must happen here.
     initAll();
@@ -25,6 +29,10 @@
   <AlphaBanner />
 
   <h1 style="margin-top: 30px">Welcome to Plan Your Active Travel Schemes!</h1>
+  <SecondaryButton on:click={() => (showAbout = true)}>
+    About
+  </SecondaryButton>
+  <About bind:open={showAbout} />
 
   <h2>Sketch Your Scheme:</h2>
   <p>

diff --git a/src/pages/SketchSchemes.svelte b/src/pages/SketchSchemes.svelte
@@ -23,7 +23,6 @@
   } from "lib/common";
   import { mode } from "scheme-sketcher-lib/draw/stores";
   import { SecondaryButton } from "govuk-svelte";
-  import About from "lib/sketch/About.svelte";
   import FileManagement from "lib/sketch/FileManagement.svelte";
   import { ListMode, EditFeatureForm } from "scheme-sketcher-lib/sidebar";
   import { map, mapStyle, schema } from "stores";
@@ -37,8 +36,6 @@
   // FileManagement will set this up
   let gjSchemes = writable(emptySchemes(cfg));
 
-  let showAbout = false;
-
   let params = new URLSearchParams(window.location.search);
   // If the authority is invalid, it'll be handled in onMount asynchronously
   let authority = params.get("authority") || "";
@@ -95,12 +92,7 @@
         <LoggedIn />
       </div>
 
-      <div style="display: flex; justify-content: space-between">
-        <h2 style="margin-bottom: 0px">Scheme Sketcher</h2>
-        <SecondaryButton on:click={() => (showAbout = true)} noBottomMargin>
-          About
-        </SecondaryButton>
-      </div>
+      <h2 style="margin-bottom: 0px">Scheme Sketcher</h2>
     {/if}
 
     <FileManagement {gjSchemes} {authority} {filename} />
@@ -132,8 +124,6 @@
   </div>
 </div>
 
-<About bind:open={showAbout} />
-
 <style>
   * {
     box-sizing: border-box;