create a beta landing page

cal/src/CalBeta.vue

@@ -0,0 +1,37 @@
+<!-- display a page describing the calendar beta -->
+<script>
+export default {
+  emits: [ 'pageLoaded' ],
+  mounted() {
+    // have to tell CalMain that we finished loading okay
+    this.$emit("pageLoaded", false); // pass false meaning no special data
+  },
+}
+</script>
+<template> 
+  <article class="c-beta">
+    <b>Welcome to the new Shift&nbsp;Calendar!</b>
+    <p>We're trying out a new version of the Shift Calendar optimized for phones. It shows one week at a time, letting you navigate week to week. You can search rides, and even save your favorite rides.</p>
+    <p>We consider it a beta -- where "beta" is a classy software term for "might have bugs". 
+      Try it out, and <a href="mailto:bikecal@shift2bikes.org">let us know</a> what you think: the good, the bad, and the "hey, it sort of works!"</p>
+    <a class="c-beta__button" href="/events">Yes! Try it out!</a>
+    <a class="c-beta__button" href="/calendar">No, get me out of here!</a>
+   </article>
+</template>
+<style>
+.c-beta {
+  b {
+    font-size: larger;
+  }
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  font-size: large;
+  margin: 2em 1em;
+  border: var(--orangey-border);
+  color: var(--feature-text);
+  background: var(--feature-bg);
+  text-align: center;
+  padding: 1em 1em;
+} 
+</style>

cal/src/CalMain.vue

@@ -107,7 +107,7 @@ export default {
         // ( the only problem would be how to parameterize the page with the error string
         // ( could pass it as a query string? or is that too messy? )
         this.error = error;
-      } else {
+      } else if (context) {
         this.page = context.page; // matches the format of siteConfig.defaultPageInfo
         this.shortcuts = context.shortcuts;
         scrollPos.restorePos(this.$route);

cal/src/calMain.js

@@ -13,6 +13,7 @@ import CalList from './CalList.vue'
 import CalSearch from './CalSearch.vue'
 import CalFavorites from './CalFavorites.vue'
 import EventDetails from './EventDetails.vue'
+import CalBeta from './CalBeta.vue'
 // import Empty from './Empty.vue'
 
 // the router reads and writes the user's address bar
@@ -45,6 +46,11 @@ const router = createRouter({
       path: '/events/:series_id(\\d+)/:caldaily_id(\\d+)/:slug?', 
       component: EventDetails 
     },
+    { 
+      name: "beta",  
+      path: "/events/beta", 
+      component: CalBeta,
+    }, 
   ],
 })
 

site/config/_default/hugo.toml

@@ -34,7 +34,7 @@ disableKinds = ["taxonomy", "term"]
 # Child of Calendar
  [[menu.main]]
     name = "Events (Beta)"
-    url  = "/events/"
+    url  = "/events/beta/"
     weight = 1
     identifier = ""
     parent = "Calendar"