71.1 F
New York
Thursday, June 4, 2026

sample currents

spot_img
import { useState } from “react”; const NAVY = “#162240”; const COASTAL_BLUE = “#6B93B2”; const SAND = “#C8B89A”; const CREAM = “#F5F0E8”; const TAUPE = “#8A7060”; const CHARCOAL = “#2C2520”; const PLACEHOLDER_IMG = “https://necoastalcreative.com/wp-content/uploads/2026/04/print-is-back.png”; const BANNER_IMG = “https://necoastalcreative.com/wp-content/uploads/2026/05/mark-graham-scaled.png”; const LOGO_IMG = “https://necoastalcreative.com/wp-content/uploads/2026/05/currents-logo-transparent.png”; const SECTIONS = [ { id: “cover”, label: “Cover & Hero” }, { id: “editor”, label: “Editor’s Note” }, { id: “creative_edit”, label: “The Creative Edit” }, { id: “spotlight”, label: “Spotlight” }, { id: “compass”, label: “Compass” }, { id: “podcast”, label: “Creative Confidential” }, { id: “events”, label: “Current Events” }, { id: “brandbox”, label: “BrandBox” }, { id: “banners”, label: “Banner Ads” }, { id: “connections”, label: “conNECCtions” }, { id: “scene”, label: “Scene on the Coast” }, { id: “shop”, label: “Coastal NECCessities” }, { id: “footer”, label: “Footer & Socials” }, { id: “output”, label: “⬇ Generate HTML” }, ]; const defaultData = { date: “May 23, 2025”, cover_image: PLACEHOLDER_IMG, hero_line1: “Island”, hero_line2: “Girl”, hero_caption: “Cailini Coastal founder Meg Young captures the ease and elegance of coastal living through timeless, island-inspired pieces”, photo_credit: “Cover Photo: Meg Young outside her brand’s showcase home on Nantucket, MA · Photography by Zofia Crosby”, banners: [ { image: BANNER_IMG, href: “#” }, { image: BANNER_IMG, href: “#” }, { image: BANNER_IMG, href: “#” }, { image: BANNER_IMG, href: “#” }, ], editor_note: “Welcome to December — the season of juggling all the things right alongside the twinkle lights. The holidays move fast, but I hope you still find a few quiet moments for yourself… even five minutes with a cup of coffee to refill your creative cup.\n\nThis week, we’re spotlighting Meg Young of Cailini Coastal, a valued BLOOM speaker and a beautiful example of coastal style done with intention.\n\nHere’s to a joyful week — and a little breathing room for you.”, cover_story_image: PLACEHOLDER_IMG, cover_story_kicker: “Cover Story”, cover_story_headline: “Island Girl”, cover_story_body: “How Meg Young built Cailini Coastal into a destination brand rooted in coastal ease and timeless New England style.”, cover_story_link: “#”, edit_items: [ { image: PLACEHOLDER_IMG, label: “Shop”, title: “Item Name Here”, body: “Short description of this curated coastal find.”, link: “#”, btn_label: “Shop Now →”, btn_show: true }, { image: PLACEHOLDER_IMG, label: “Shop”, title: “Item Name Here”, body: “Short description of this curated coastal find.”, link: “#”, btn_label: “Shop Now →”, btn_show: true }, ], spotlight_items: [ { image: PLACEHOLDER_IMG, label: “Spotlight”, title: “Creator Name”, body: “A deeper look at what makes this coastal creative one to watch.”, link: “#”, btn_label: “Follow on Instagram →”, btn_show: true }, { image: PLACEHOLDER_IMG, label: “Spotlight”, title: “Creator Name”, body: “A deeper look at what makes this coastal creative one to watch.”, link: “#”, btn_label: “Follow on Instagram →”, btn_show: true }, ], compass_image: PLACEHOLDER_IMG, compass_title: “”, compass_body: “”, compass_link: “#”, compass2_image: PLACEHOLDER_IMG, compass2_title: “”, compass2_body: “”, compass2_link: “#”, podcast_link: “#”, events: [ { image: PLACEHOLDER_IMG, title: “ELEVATE”, tag: “• New Speaker & Panel Additions •”, body: “We’re building something extraordinary — new speakers, fresh panels, and brand activations that will inspire and elevate every woman in the room.”, link: “#” }, ], brandbox_body: “We partner with incredible brands, friends, and community members to create something truly elevated. From turnkey content and styled photo shoots to curated brand activations and shared spotlights — BrandBox is your seat at the table inside one of coastal New England’s most engaged creative communities.”, brandbox_link: “#”, away_items: [ { image: PLACEHOLDER_IMG, label: “Featured Stay”, title: “The Griswold Inn”, body: “Spaces are filling up — NECC readers get 30% off regular room rates.”, code: “NECC30”, link: “#” }, { image: PLACEHOLDER_IMG, label: “Partner Deal”, title: “Partner Name”, body: “Short description of the deal available exclusively to NECC readers.”, code: “NECC__”, link: “#” }, ], connections_body: “From meet-ups and pop-ups to brand activations and creative collaborations, conNECCtions is where we share and celebrate the moments that make our community thrive.”, connections_image: PLACEHOLDER_IMG, connections_photos: [ { image: PLACEHOLDER_IMG, caption: “” }, { image: PLACEHOLDER_IMG, caption: “” }, { image: PLACEHOLDER_IMG, caption: “” }, { image: PLACEHOLDER_IMG, caption: “” }, ], scene_items: [ { image: PLACEHOLDER_IMG, handle: “@newenglandsummers”, name: “Follow Eden”, platform: “instagram” }, { image: PLACEHOLDER_IMG, handle: “@theconnecticutlife”, name: “Follow Haley”, platform: “instagram” }, { image: PLACEHOLDER_IMG, handle: “@handle”, name: “Follow on TikTok”, platform: “tiktok” }, { image: PLACEHOLDER_IMG, handle: “@handle”, name: “Follow on TikTok”, platform: “tiktok” }, ], shop_items: [ { image: PLACEHOLDER_IMG, name: “Stroll Scarf”, link: “#” }, { image: PLACEHOLDER_IMG, name: “Stroll Floral Weekender Bag”, link: “#” }, { image: PLACEHOLDER_IMG, name: “Stroll Crewneck Sweatshirt”, link: “#” }, { image: PLACEHOLDER_IMG, name: “Stroll Tumbler”, link: “#” }, { image: PLACEHOLDER_IMG, name: “Brant Point Phone Cover”, link: “#” }, { image: PLACEHOLDER_IMG, name: “Coaster Set”, link: “#” }, ], shop_link: “#”, instagram_link: “#”, ltk_link: “#”, shopmy_link: “#”, substack_link: “#”, address: “New England Coastal Creative, LLC\n8 Wescott Court · Riverside, CT 06878”, unsubscribe_link: “#”, }; function generateHTML(d) { const btn = (href, text, filled) => `${text}`; const sectionLabel = (text) => `
${text}
`; const dividerTitle = (text) => `
${text}

`; const banner = (i) => `Advertisement`; const img43 = (src, alt=”) => `
${alt}
`; const editCards = d.edit_items.map(item => `
${img43(item.image, item.title)}
${item.label}
${item.title}
${item.body}
${item.btn_show && item.link ? btn(item.link, item.btn_label || “Shop Now →”, false) : ”}
`).join(”); const spotlightCards = d.spotlight_items.map(item => `
${img43(item.image, item.title)}
${item.label}
${item.title}
${item.body}
${item.btn_show && item.link ? btn(item.link, item.btn_label || “Read Their Story →”, false) : ”}
`).join(”); const awayCards = d.away_items.map(item => `
${item.label}
${item.title}
${item.body}
${item.code ? `
${item.code}

` : ”} ${item.link ? btn(item.link, “Learn More →”, false) : ”}
`).join(”); const sceneCards = d.scene_items.map(item => `
${item.platform === ‘tiktok’ ? ‘🎵’ : ‘📷’} ${item.handle}
${item.name}
`).join(”); const shopCards = d.shop_items.map(item => ` `).join(”); const editorParas = d.editor_note.split(‘\n\n’).filter(p => p.trim()).map(p => `

${p}

` ).join(”); return ` CURRENTS Weekly — ${d.date}
Cover
CURRENTS
your source for coastal creativity, connection & community
${d.hero_line1}${d.hero_line2}
${d.hero_caption}
${d.photo_credit}
${d.date}
${sectionLabel(“A Note from Kim”)} ${editorParas}
${d.cover_story_kicker}
${d.cover_story_headline}
${d.cover_story_body}
${btn(d.cover_story_link, “Read It Now →”, true)}
${banner(0)} ${dividerTitle(“The Creative Edit”)}
${sectionLabel(“Shop the Shore”)} ${editCards}
${dividerTitle(“Spotlight”)}
${sectionLabel(“Behind the Creatives Shaping Our Coastal Community”)} ${spotlightCards}
${banner(1)} ${dividerTitle(“Compass”)}
${sectionLabel(“Compass”)}
Creative Brand Guidance
${d.compass_title}
${d.compass_body}
${btn(d.compass_link, “Read It on Compass →”, false)}
${d.compass2_title ? `
${sectionLabel(“Compass”)}
Creative Brand Guidance
${d.compass2_title}
${d.compass2_body}
${btn(d.compass2_link, “Read It on Compass →”, false)}
` : ”}
🎙
On Substack
Creative Confidential
Your insider’s guide to Creativity, Connection & Community — new episodes dropping weekly.
Read or Listen on Substack →
${sectionLabel(`
Current Events
`)} ${d.events.map((ev, i) => `
${ev.title}
${ev.tag ? `
${ev.tag}
` : ”}
${ev.body}
${btn(ev.link, “Grab Your Seat Now →”, true)}
`).join(”)}
${banner(2)}
• BrandBox Spotlight •
Want to See Your Brand Featured Here?
${d.brandbox_body}
Turnkey Content
We handle the creative — you get the assets
Photo Shoots
Elevated, on-brand imagery for your team
Experiences
Pop-ups, events & activations that resonate
Interested in BrandBox? Let’s build something beautiful together.
${btn(d.brandbox_link, “Connect With Us →”, true)}
${sectionLabel(“Community Moments”)}
conNECCtions
${d.connections_body}
${d.connections_photos.some(p => p.image) ? `
${d.connections_photos.filter(p => p.image).map(p => `
${p.caption ? `
${p.caption}
` : ”}
`).join(”)}
` : ”} ${awayCards}
${banner(3)}
Creative Directory
Find a Creative
Your trusted guide for finding creative partners & businesses.
Add your business for FREE now through December 31st
${sectionLabel(“instaCoastal”)}
Scene on the Coast
Follow along with some of our favorite creators making waves across Instagram & TikTok
${sceneCards}
${sectionLabel(“Shop Our Creative Must-Haves for Work, Travel & Play”)}
Coastal NECCessities
${shopCards}
${btn(d.shop_link, “Shop Now →”, true)}
• instaCoastal •
@necoastalcreative — Catch up on our latest stories and posts
`; } const iStyle = { width:”100%”, padding:”8px 12px”, fontFamily:”‘Playfair Display’,serif”, fontSize:”14px”, border:`1px solid ${SAND}`, borderRadius:”2px”, background:”#fff”, color:CHARCOAL, marginTop:”4px”, outline:”none” }; const taStyle = { …iStyle, minHeight:”100px”, resize:”vertical”, lineHeight:”1.6″ }; const lStyle = { fontFamily:”‘Roboto Serif’,serif”, fontSize:”9px”, fontWeight:600, letterSpacing:”2px”, textTransform:”uppercase”, color:TAUPE, display:”block”, marginBottom:”2px” }; const shStyle = { fontFamily:”‘Playfair Display’,serif”, fontSize:”22px”, fontWeight:700, color:NAVY, marginBottom:”20px”, paddingBottom:”10px”, borderBottom:`2px solid ${SAND}` }; const cbStyle = { background:CREAM, border:`1px solid ${SAND}`, borderRadius:”4px”, padding:”16px”, marginBottom:”16px” }; function Field({ label, value, onChange, type=”text”, rows }) { return (
{type === “textarea” ?