Update Blog Posts (#1040)

* update blog posts * shrink text size if more than 3 categories --------- Co-authored-by: ckoegel <[email protected]>
Bandwidth · Jun 6, 2023 · 33ff2a4 · 33ff2a4
1 parent 0de82f1
commit 33ff2a4
Show file tree

Hide file tree

Showing 2 changed files with 132 additions and 62 deletions.
diff --git a/site/blogposts.config.json b/site/blogposts.config.json
@@ -1,63 +1,128 @@
 [
-    {
-        "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_Call-Assure_Toll-Free-Disaster-Recovery.png",
-        "categories": ["Voice"],
-        "categoryLinks": ["https://www.bandwidth.com/blog/category/voice/"],
-        "postLink": "https://www.bandwidth.com/blog/toll-free-risks-and-mitigation/",
-        "postTitle": "5 biggest toll-free outage risk factors and how to prepare"
-    },{
-        "imageUrl": "https://www.bandwidth.com/wp-content/uploads/SoM-Blog-Images-2023-1-700x360.png",
-        "categories": ["Messaging"],
-        "categoryLinks": ["https://www.bandwidth.com/blog/category/messaging/"],
-        "postLink": "https://www.bandwidth.com/blog/review-the-2023-carrier-requirements-for-10dlc-and-toll-free-sms/",
-        "postTitle": "Review the 2023 carrier requirements for 10DLC and toll-free SMS"
-    },{
-        "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_Call-Assure_Toll-Free-Disaster-Recovery.png",
-        "categories": ["CPaaS", "Voice"],
-        "categoryLinks": ["https://www.bandwidth.com/blog/category/cpaas/", "https://www.bandwidth.com/blog/category/voice/"],
-        "postLink": "https://www.bandwidth.com/blog/toll-free-disaster-recovery-like-never-before/",
-        "postTitle": "Toll-free disaster recovery like never before"
-    },{
-        "imageUrl": "https://www.bandwidth.com/wp-content/uploads/sip-trunking-vs-voip-scaled-1.jpg",
-        "categories": ["Voice"],
-        "categoryLinks": ["https://www.bandwidth.com/blog/category/voice/"],
-        "postLink": "https://www.bandwidth.com/en-gb/blog/sip-trunking-vs-voip/",
-        "postTitle": "SIP trunking vs VoIP - What's the Difference?"
-    },{
-        "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_Teams-Operator-Connect-2.png",
-        "categories": ["911 Access", "Messaging", "Voice"],
-        "categoryLinks": ["https://www.bandwidth.com/blog/category/911-access/", "https://www.bandwidth.com/blog/category/messaging/", "https://www.bandwidth.com/blog/category/voice/"],
-        "postLink": "https://www.bandwidth.com/blog/microsoft-teams-operator-connect-vs-direct-routing/",
-        "postTitle": "Operator Connect vs. Direct Routing for Microsoft Teams"
-    },{
-        "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog-Outbound_Call_Meaning_SEO.png",
-        "categories": ["CPaaS"],
-        "categoryLinks": ["https://www.bandwidth.com/blog/category/cpaas/"],
-        "postLink": "https://www.bandwidth.com/blog/outbound-call-meaning-using-outbound-calling-to-grow-your-business/",
-        "postTitle": "Outbound Call Meaning - Using Outbound Calling To Grow Your Business"
-    },{
-        "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Why-2FA-is-Vital_Blog.png",
-        "categories": ["Messaging"],
-        "categoryLinks": ["https://www.bandwidth.com/blog/category/messaging/"],
-        "postLink": "https://www.bandwidth.com/blog/how-to-protect-user-data-with-two-factor-multi-factor-authentication/",
-        "postTitle": "How to Protect User Data with Two-Factor & Multi-Factor Authentication"
-    },{
-        "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Texting-Turns-30_Blog.png",
-        "categories": ["Messaging"],
-        "categoryLinks": ["https://www.bandwidth.com/blog/category/messaging/"],
-        "postLink": "https://www.bandwidth.com/blog/texting-turns-30-the-history-of-sms/",
-        "postTitle": "The first text message ever sent turns 30 —the history of SMS"
-    },{
-        "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Finance_Blog_Feature_Graphic.png",
-        "categories": ["CPaaS"],
-        "categoryLinks": ["https://www.bandwidth.com/blog/category/cpaas/"],
-        "postLink": "https://www.bandwidth.com/blog/financial-services-challenges/",
-        "postTitle": "6 challenges facing financial services in 2023, and how to overcome them"
-    },{
-        "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_Genesys-Sunsetting-MultiCloud-1.png",
-        "categories": ["Voice"],
-        "categoryLinks": ["https://www.bandwidth.com/blog/category/voice/"],
-        "postLink": "https://www.bandwidth.com/genesys-multicloud-cx-sunsetting/",
-        "postTitle": "Why Genesys is Sunsetting MultiCloud CX"
-    }
+  {
+    "categories": [
+      "Messaging"
+    ],
+    "categoryLinks": [
+      "https://www.bandwidth.com/blog/category/messaging/"
+    ],
+    "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_Toll-Free-Verification-1.png",
+    "postLink": "https://www.bandwidth.com/blog/toll-free-verification-api/",
+    "postTitle": "Streamline your toll-free number verification with Bandwidth"
+  },
+  {
+    "categories": [
+      "911 Access",
+      "CPaaS",
+      "Phone Numbers",
+      "Voice"
+    ],
+    "categoryLinks": [
+      "https://www.bandwidth.com/blog/category/911-access/",
+      "https://www.bandwidth.com/blog/category/cpaas/",
+      "https://www.bandwidth.com/blog/category/phone-numbers/",
+      "https://www.bandwidth.com/blog/category/voice/"
+    ],
+    "imageUrl": "https://www.bandwidth.com/wp-content/uploads/The-MAN-Program-Blog-1-Header.png",
+    "postLink": "https://www.bandwidth.com/blog/introduction-to-the-man-program-part-1/",
+    "postTitle": "Get with the program, MAN (Part 1)"
+  },
+  {
+    "categories": [
+      "CPaaS"
+    ],
+    "categoryLinks": [
+      "https://www.bandwidth.com/blog/category/cpaas/"
+    ],
+    "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_ECL-Teasers_IT-Leaders-Headaches.png",
+    "postLink": "https://www.bandwidth.com/blog/whats-keeping-it-leaders-up-at-night-2023/",
+    "postTitle": "What’s keeping IT leaders up at night?"
+  },
+  {
+    "categories": [
+      "CPaaS"
+    ],
+    "categoryLinks": [
+      "https://www.bandwidth.com/blog/category/cpaas/"
+    ],
+    "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_World-Telecommunications-Day-1.png",
+    "postLink": "https://www.bandwidth.com/blog/world-telecommunications-day/",
+    "postTitle": "World Telecommunication and Information Society Day (WTISD) on May 17th"
+  },
+  {
+    "categories": [
+      "CPaaS"
+    ],
+    "categoryLinks": [
+      "https://www.bandwidth.com/blog/category/cpaas/"
+    ],
+    "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_ECL-Teasers_Cloud-Adoption-Rates.png",
+    "postLink": "https://www.bandwidth.com/blog/the-state-of-enterprise-cloud-adoption-2023/",
+    "postTitle": "The state of enterprise cloud adoption: 2023"
+  },
+  {
+    "categories": [
+      "CPaaS",
+      "Voice"
+    ],
+    "categoryLinks": [
+      "https://www.bandwidth.com/blog/category/cpaas/",
+      "https://www.bandwidth.com/blog/category/voice/"
+    ],
+    "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_What-Is-VOIP-Jitter-2.png",
+    "postLink": "https://www.bandwidth.com/blog/network-jitter-complete-guide-to-what-internet-jitter-is-how-to-fix-it/",
+    "postTitle": "Network Jitter – Complete Guide to What Internet Jitter Is &amp; How to Fix It"
+  },
+  {
+    "categories": [
+      "CPaaS"
+    ],
+    "categoryLinks": [
+      "https://www.bandwidth.com/blog/category/cpaas/"
+    ],
+    "imageUrl": "https://www.bandwidth.com/wp-content/uploads/[email protected]",
+    "postLink": "https://www.bandwidth.com/blog/maestro-makes-convergence-reality/",
+    "postTitle": "Bandwidth Strives to Make Best-of-Breed CCaaS-UCaaS Convergence a Reality"
+  },
+  {
+    "categories": [
+      "CPaaS",
+      "Healthcare",
+      "Messaging",
+      "Voice API"
+    ],
+    "categoryLinks": [
+      "https://www.bandwidth.com/blog/category/cpaas/",
+      "https://www.bandwidth.com/blog/category/healthcare/",
+      "https://www.bandwidth.com/blog/category/messaging/",
+      "https://www.bandwidth.com/blog/category/voice/voice-api/"
+    ],
+    "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Event_HIMSS-2023-Blog.png",
+    "postLink": "https://www.bandwidth.com/blog/himss-2023-highlights/",
+    "postTitle": "HIMSS 2023: New patient expectations and AI&#8217;s evolved role were the focus"
+  },
+  {
+    "categories": [
+      "911 Access",
+      "Voice"
+    ],
+    "categoryLinks": [
+      "https://www.bandwidth.com/blog/category/911-access/",
+      "https://www.bandwidth.com/blog/category/voice/"
+    ],
+    "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_SBC-for-Teams-Direct-Routing.png",
+    "postLink": "https://www.bandwidth.com/blog/hosted-sbc-for-microsoft-teams-direct-routing/",
+    "postTitle": "Your SBC for Microsoft Teams Direct Routing: 2023 Guide"
+  },
+  {
+    "categories": [
+      "911 Access"
+    ],
+    "categoryLinks": [
+      "https://www.bandwidth.com/blog/category/911-access/"
+    ],
+    "imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_911-Outage.png",
+    "postLink": "https://www.bandwidth.com/blog/the-fcc-22-88-report-and-order-explained/",
+    "postTitle": "New 911 outage reporting obligations, explained"
+  }
 ]
diff --git a/site/src/components/Carousel.js b/site/src/components/Carousel.js
@@ -112,6 +112,11 @@ export default function Carousel({itemList, title}) {
             width: `${itemContentWidth}px`,
         }
 
+        var categoriesLinkStyle = {
+            fontSize: `0.8rem`,
+            lineHeight: `0.8rem`
+        }
+
         var postStyle = {
             width: `${itemContentWidth}px`,
         }
@@ -122,7 +127,7 @@ export default function Carousel({itemList, title}) {
                     <div className="slide-image" style={imageStyle} data-cy="image"></div>
                     <div className="slide-categories" style={categoriesStyle} data-cy="categories">
                         {categories.map((category, idx) => (
-                            <a href={categoryLinks[idx]} key={idx}>{category}</a>
+                            <a href={categoryLinks[idx]} style={categories.length > 3 ? categoriesLinkStyle : {}} key={idx}>{category}</a>
                         ))}
                     </div>
                     <div className="slide-post" style={postStyle} data-cy="post">