[BLOG] Jaylyn Transitions Blog Post (#4404)

Initial PR for Jaylyn's blog post. Note: * There were originally images in this, I'm going to investigate adding gifs instead to demonstrate transitions. * Think this may be on the long side, but looks good besides that, going to see about compressing info and dropping redundancy. --------- Co-authored-by: Jaylyn Barbee <[email protected]> Co-authored-by: Jaylyn Barbee <[email protected]> Co-authored-by: Beth Pan <[email protected]>
pwa-builder · Oct 10, 2023 · 74ef30a · 74ef30a
1 parent 9513be1
commit 74ef30a
Show file tree

Hide file tree

Showing 10 changed files with 447 additions and 47 deletions.
diff --git a/apps/blog/public/analytics.js b/apps/blog/public/analytics.js
diff --git a/apps/blog/src/includes/layouts/basedoc.njk b/apps/blog/src/includes/layouts/basedoc.njk
@@ -70,7 +70,6 @@
     <meta name="og:site_name" content="{{ site.name }}"/>
     <meta name="og:locale" content="en_us"/>
     <meta name="og:type" content="website"/>
-    <meta name="google-site-verification" content="HPBaodfLBvVIFzKwWeIWMwaIwH_ArRkSG1xjWhpqhhg" />
 
     <link type="image/png" href="{{ site.baseUrl }}favicon.png" rel="icon"/>
 

diff --git a/apps/blog/src/includes/layouts/basepost.njk b/apps/blog/src/includes/layouts/basepost.njk
@@ -73,6 +73,7 @@
     <meta name="og:site_name" content="{{ site.name }}"/>
     <meta name="og:locale" content="en_us"/>
     <meta name="og:type" content="website"/>
+    <meta name="google-site-verification" content="HPBaodfLBvVIFzKwWeIWMwaIwH_ArRkSG1xjWhpqhhg" />
 
     <link type="image/png" href="{{ site.baseUrl }}favicon.png" rel="icon"/>
 
@@ -119,24 +120,10 @@
     <script src="https://unpkg.com/clipboard@2/dist/clipboard.min.js"></script>
     <script src="{{ site.baseUrl }}assets/main.bundle.js"></script>
     <!-- for analytics -->
-    <script src="https://az725175.vo.msecnd.net/scripts/jsll-4.js"></script>
-    <script>
-      const config = {
-        autoCapture: {
-            lineage:true
-        },
-        coreData: {
-          appId: "PWABuilder"
-        }
-      };
-
-      if (window.awa) {
-        window.awa.init(config);
-      }
-
-      if (window.location.hostname.indexOf("docs") === 0) { 
-        document.location.href="https://blog.pwabuilder.com/docs"; 
-      }
+    <script type="text/javascript" src="https://js.monitor.azure.com/scripts/c/ms.analytics-web-3.min.js"></script>
+    <script type="module">
+        import { recordPageView, getPageName } from "/analytics.js"; 
+        recordPageView(document.location.href, getPageName());
     </script>
   </body>
 </html>
diff --git a/apps/blog/src/posts/announcing-cli/announcing-cli.md b/apps/blog/src/posts/announcing-cli/announcing-cli.md
@@ -3,18 +3,19 @@ layout: post
 title: Use the PWABuilder CLI to Create a New Progressive Web App
 excerpt: Announcing PWABuilder's new CLI. Create, develop, and test from an easy-to-use PWA template.
 description: Announcing PWABuilder's new CLI. Create, develop, and test from an easy-to-use PWA template.
-date: 2023-04-19
-updatedDate: 2023-04-19
+date: 2023-09-19
+updatedDate: 2023-09-19
 trending: true
 featured: true
-image: 
+image: posts/announcing-cli/pwa-create.png
 isPost: true
 backUrl: '/'
 author:
   name: Zach Teutsch
   twitter: https://twitter.com/devteutsch
   title: PWABuilder Engineer
 tags:
+  - post
   - CLI
   - PWA Starter
   - PWA

diff --git a/apps/blog/src/posts/transitions-demo/demo-homepage.png b/apps/blog/src/posts/transitions-demo/demo-homepage.png