Skip to content
This repository was archived by the owner on Nov 29, 2023. It is now read-only.

Commit 33ff2a4

Browse files
DX-Bandwidthckoegel
DX-Bandwidth
and
ckoegel
authored
Update Blog Posts (#1040)
* update blog posts * shrink text size if more than 3 categories --------- Co-authored-by: ckoegel <[email protected]>
1 parent 0de82f1 commit 33ff2a4

File tree

2 files changed

+132
-62
lines changed

2 files changed

+132
-62
lines changed

‎site/blogposts.config.json

Lines changed: 126 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -1,63 +1,128 @@
11
[
2-
{
3-
"imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_Call-Assure_Toll-Free-Disaster-Recovery.png",
4-
"categories": ["Voice"],
5-
"categoryLinks": ["https://www.bandwidth.com/blog/category/voice/"],
6-
"postLink": "https://www.bandwidth.com/blog/toll-free-risks-and-mitigation/",
7-
"postTitle": "5 biggest toll-free outage risk factors and how to prepare"
8-
},{
9-
"imageUrl": "https://www.bandwidth.com/wp-content/uploads/SoM-Blog-Images-2023-1-700x360.png",
10-
"categories": ["Messaging"],
11-
"categoryLinks": ["https://www.bandwidth.com/blog/category/messaging/"],
12-
"postLink": "https://www.bandwidth.com/blog/review-the-2023-carrier-requirements-for-10dlc-and-toll-free-sms/",
13-
"postTitle": "Review the 2023 carrier requirements for 10DLC and toll-free SMS"
14-
},{
15-
"imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_Call-Assure_Toll-Free-Disaster-Recovery.png",
16-
"categories": ["CPaaS", "Voice"],
17-
"categoryLinks": ["https://www.bandwidth.com/blog/category/cpaas/", "https://www.bandwidth.com/blog/category/voice/"],
18-
"postLink": "https://www.bandwidth.com/blog/toll-free-disaster-recovery-like-never-before/",
19-
"postTitle": "Toll-free disaster recovery like never before"
20-
},{
21-
"imageUrl": "https://www.bandwidth.com/wp-content/uploads/sip-trunking-vs-voip-scaled-1.jpg",
22-
"categories": ["Voice"],
23-
"categoryLinks": ["https://www.bandwidth.com/blog/category/voice/"],
24-
"postLink": "https://www.bandwidth.com/en-gb/blog/sip-trunking-vs-voip/",
25-
"postTitle": "SIP trunking vs VoIP - What's the Difference?"
26-
},{
27-
"imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_Teams-Operator-Connect-2.png",
28-
"categories": ["911 Access", "Messaging", "Voice"],
29-
"categoryLinks": ["https://www.bandwidth.com/blog/category/911-access/", "https://www.bandwidth.com/blog/category/messaging/", "https://www.bandwidth.com/blog/category/voice/"],
30-
"postLink": "https://www.bandwidth.com/blog/microsoft-teams-operator-connect-vs-direct-routing/",
31-
"postTitle": "Operator Connect vs. Direct Routing for Microsoft Teams"
32-
},{
33-
"imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog-Outbound_Call_Meaning_SEO.png",
34-
"categories": ["CPaaS"],
35-
"categoryLinks": ["https://www.bandwidth.com/blog/category/cpaas/"],
36-
"postLink": "https://www.bandwidth.com/blog/outbound-call-meaning-using-outbound-calling-to-grow-your-business/",
37-
"postTitle": "Outbound Call Meaning - Using Outbound Calling To Grow Your Business"
38-
},{
39-
"imageUrl": "https://www.bandwidth.com/wp-content/uploads/Why-2FA-is-Vital_Blog.png",
40-
"categories": ["Messaging"],
41-
"categoryLinks": ["https://www.bandwidth.com/blog/category/messaging/"],
42-
"postLink": "https://www.bandwidth.com/blog/how-to-protect-user-data-with-two-factor-multi-factor-authentication/",
43-
"postTitle": "How to Protect User Data with Two-Factor & Multi-Factor Authentication"
44-
},{
45-
"imageUrl": "https://www.bandwidth.com/wp-content/uploads/Texting-Turns-30_Blog.png",
46-
"categories": ["Messaging"],
47-
"categoryLinks": ["https://www.bandwidth.com/blog/category/messaging/"],
48-
"postLink": "https://www.bandwidth.com/blog/texting-turns-30-the-history-of-sms/",
49-
"postTitle": "The first text message ever sent turns 30 —the history of SMS"
50-
},{
51-
"imageUrl": "https://www.bandwidth.com/wp-content/uploads/Finance_Blog_Feature_Graphic.png",
52-
"categories": ["CPaaS"],
53-
"categoryLinks": ["https://www.bandwidth.com/blog/category/cpaas/"],
54-
"postLink": "https://www.bandwidth.com/blog/financial-services-challenges/",
55-
"postTitle": "6 challenges facing financial services in 2023, and how to overcome them"
56-
},{
57-
"imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_Genesys-Sunsetting-MultiCloud-1.png",
58-
"categories": ["Voice"],
59-
"categoryLinks": ["https://www.bandwidth.com/blog/category/voice/"],
60-
"postLink": "https://www.bandwidth.com/genesys-multicloud-cx-sunsetting/",
61-
"postTitle": "Why Genesys is Sunsetting MultiCloud CX"
62-
}
2+
{
3+
"categories": [
4+
"Messaging"
5+
],
6+
"categoryLinks": [
7+
"https://www.bandwidth.com/blog/category/messaging/"
8+
],
9+
"imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_Toll-Free-Verification-1.png",
10+
"postLink": "https://www.bandwidth.com/blog/toll-free-verification-api/",
11+
"postTitle": "Streamline your toll-free number verification with Bandwidth"
12+
},
13+
{
14+
"categories": [
15+
"911 Access",
16+
"CPaaS",
17+
"Phone Numbers",
18+
"Voice"
19+
],
20+
"categoryLinks": [
21+
"https://www.bandwidth.com/blog/category/911-access/",
22+
"https://www.bandwidth.com/blog/category/cpaas/",
23+
"https://www.bandwidth.com/blog/category/phone-numbers/",
24+
"https://www.bandwidth.com/blog/category/voice/"
25+
],
26+
"imageUrl": "https://www.bandwidth.com/wp-content/uploads/The-MAN-Program-Blog-1-Header.png",
27+
"postLink": "https://www.bandwidth.com/blog/introduction-to-the-man-program-part-1/",
28+
"postTitle": "Get with the program, MAN (Part 1)"
29+
},
30+
{
31+
"categories": [
32+
"CPaaS"
33+
],
34+
"categoryLinks": [
35+
"https://www.bandwidth.com/blog/category/cpaas/"
36+
],
37+
"imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_ECL-Teasers_IT-Leaders-Headaches.png",
38+
"postLink": "https://www.bandwidth.com/blog/whats-keeping-it-leaders-up-at-night-2023/",
39+
"postTitle": "What’s keeping IT leaders up at night?"
40+
},
41+
{
42+
"categories": [
43+
"CPaaS"
44+
],
45+
"categoryLinks": [
46+
"https://www.bandwidth.com/blog/category/cpaas/"
47+
],
48+
"imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_World-Telecommunications-Day-1.png",
49+
"postLink": "https://www.bandwidth.com/blog/world-telecommunications-day/",
50+
"postTitle": "World Telecommunication and Information Society Day (WTISD) on May 17th"
51+
},
52+
{
53+
"categories": [
54+
"CPaaS"
55+
],
56+
"categoryLinks": [
57+
"https://www.bandwidth.com/blog/category/cpaas/"
58+
],
59+
"imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_ECL-Teasers_Cloud-Adoption-Rates.png",
60+
"postLink": "https://www.bandwidth.com/blog/the-state-of-enterprise-cloud-adoption-2023/",
61+
"postTitle": "The state of enterprise cloud adoption: 2023"
62+
},
63+
{
64+
"categories": [
65+
"CPaaS",
66+
"Voice"
67+
],
68+
"categoryLinks": [
69+
"https://www.bandwidth.com/blog/category/cpaas/",
70+
"https://www.bandwidth.com/blog/category/voice/"
71+
],
72+
"imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_What-Is-VOIP-Jitter-2.png",
73+
"postLink": "https://www.bandwidth.com/blog/network-jitter-complete-guide-to-what-internet-jitter-is-how-to-fix-it/",
74+
"postTitle": "Network Jitter – Complete Guide to What Internet Jitter Is &amp; How to Fix It"
75+
},
76+
{
77+
"categories": [
78+
"CPaaS"
79+
],
80+
"categoryLinks": [
81+
"https://www.bandwidth.com/blog/category/cpaas/"
82+
],
83+
"imageUrl": "https://www.bandwidth.com/wp-content/uploads/[email protected]",
84+
"postLink": "https://www.bandwidth.com/blog/maestro-makes-convergence-reality/",
85+
"postTitle": "Bandwidth Strives to Make Best-of-Breed CCaaS-UCaaS Convergence a Reality"
86+
},
87+
{
88+
"categories": [
89+
"CPaaS",
90+
"Healthcare",
91+
"Messaging",
92+
"Voice API"
93+
],
94+
"categoryLinks": [
95+
"https://www.bandwidth.com/blog/category/cpaas/",
96+
"https://www.bandwidth.com/blog/category/healthcare/",
97+
"https://www.bandwidth.com/blog/category/messaging/",
98+
"https://www.bandwidth.com/blog/category/voice/voice-api/"
99+
],
100+
"imageUrl": "https://www.bandwidth.com/wp-content/uploads/Event_HIMSS-2023-Blog.png",
101+
"postLink": "https://www.bandwidth.com/blog/himss-2023-highlights/",
102+
"postTitle": "HIMSS 2023: New patient expectations and AI&#8217;s evolved role were the focus"
103+
},
104+
{
105+
"categories": [
106+
"911 Access",
107+
"Voice"
108+
],
109+
"categoryLinks": [
110+
"https://www.bandwidth.com/blog/category/911-access/",
111+
"https://www.bandwidth.com/blog/category/voice/"
112+
],
113+
"imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_SBC-for-Teams-Direct-Routing.png",
114+
"postLink": "https://www.bandwidth.com/blog/hosted-sbc-for-microsoft-teams-direct-routing/",
115+
"postTitle": "Your SBC for Microsoft Teams Direct Routing: 2023 Guide"
116+
},
117+
{
118+
"categories": [
119+
"911 Access"
120+
],
121+
"categoryLinks": [
122+
"https://www.bandwidth.com/blog/category/911-access/"
123+
],
124+
"imageUrl": "https://www.bandwidth.com/wp-content/uploads/Blog_911-Outage.png",
125+
"postLink": "https://www.bandwidth.com/blog/the-fcc-22-88-report-and-order-explained/",
126+
"postTitle": "New 911 outage reporting obligations, explained"
127+
}
63128
]

‎site/src/components/Carousel.js

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -112,6 +112,11 @@ export default function Carousel({itemList, title}) {
112112
width: `${itemContentWidth}px`,
113113
}
114114

115+
var categoriesLinkStyle = {
116+
fontSize: `0.8rem`,
117+
lineHeight: `0.8rem`
118+
}
119+
115120
var postStyle = {
116121
width: `${itemContentWidth}px`,
117122
}
@@ -122,7 +127,7 @@ export default function Carousel({itemList, title}) {
122127
<div className="slide-image" style={imageStyle} data-cy="image"></div>
123128
<div className="slide-categories" style={categoriesStyle} data-cy="categories">
124129
{categories.map((category, idx) => (
125-
<a href={categoryLinks[idx]} key={idx}>{category}</a>
130+
<a href={categoryLinks[idx]} style={categories.length > 3 ? categoriesLinkStyle : {}} key={idx}>{category}</a>
126131
))}
127132
</div>
128133
<div className="slide-post" style={postStyle} data-cy="post">

0 commit comments

Comments
 (0)