1st vers of blog article import with basic cleanup

tools/importer/import.js

@@ -57,6 +57,11 @@ export default {
       'div.loader-wrapper',
       'div.cmp-page__skiptomaincontent',
       'div#mainContent',
+      'div.page-header',
+      // Remove navigation from the beginning of blog entries as well as readmore-type teasers and blurb about 24petwatch at the end
+      'nav',
+      'div.imagelist',
+      'div.cmp-experiencefragment--blog-page-cta-component',
     ]);
 
     // create the metadata block and append it to the main element

tools/importer/transformers/blogBanner.js

@@ -0,0 +1,26 @@
+function blogBanner(main, document) {
+
+    // Banner image is in mainContent element
+    const bannerImage = main.querySelector('#mainContent img');
+
+    if( bannerImage ){
+
+        // Create div to hold image
+        const div = document.createElement('div');
+        const img = document.createElement('img');
+        const imgSrc = bannerImage.getAttribute('src');
+        img.setAttribute('src', imgSrc);
+        div.append(img);
+
+        main.prepend(div);
+
+    }
+
+    // const p = document.createElement('p');
+    // p.textContent = 'Hello world!';
+    // main.append(p);
+
+
+}
+
+export default blogBanner;

tools/importer/transformers/index.js

@@ -7,11 +7,13 @@ import createHeader from './header.js';
 import createHero from './hero.js';
 import createMetadata from './metadata.js';
 import createBold from './bold.js';
+import blogBanner from './blogBanner.js';
 
 export const transformers = [
   createBold,
   createFullLayoutSection,
-  createHero,
+  blogBanner,
+  // createHero,
   createHomepage,
   createCards,
   createFeatureImage,