1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <!-- ============================================================ 5 influeri-webpage/articles.html â the Articles index. Built under T-0027. 6 7 CONVENTIONS (see README.md): 8 · NO <base> tag. Every path is plain-relative to this folder. 9 · Nav + footer copied verbatim from about.html (Articles marked 10 is-active inside the Pages dropdown). 11 · DATA-DRIVEN: the 19 real posts live in components/data-articles.js 12 (window.ARTICLES); page/articles.js renders the featured lead and the 13 grid from it, so no post is hand-written into this markup and adding 14 one to the data module is enough. The live page's "Features & Updates" 15 tab is empty on production and is therefore not carried over. 16 · Images hotlink the live site's own CDN, matching features.html. 17 · Every section carries data-sec / data-sec-name / data-sec-component. 18 ============================================================ --> 19 <meta charset="UTF-8" /> 20 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 21 <link rel="icon" href="assets/favicon.svg" type="image/svg+xml" /> 22 <title>Articles â Influeri</title> 23 <meta name="description" content="Guides and analysis on creator marketing, UGC and influencer campaign automation â from the team building the operating system for creator marketing." /> 24 <meta property="og:title" content="Articles â Influeri" /> 25 <meta property="og:description" content="Guides and analysis on creator marketing, UGC and influencer campaign automation." /> 26 <meta property="og:type" content="website" /> 27 <meta name="twitter:card" content="summary_large_image" /> 28 29 <link rel="preconnect" href="https://fonts.googleapis.com" /> 30 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 31 <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap" rel="stylesheet" /> 32 33 <link rel="stylesheet" href="components/styles.css" /> 34 <link rel="stylesheet" href="home/home-flagship.css" /> 35 <link rel="stylesheet" href="page/articles.css" /> 36</head> 37<body> 38 39 <!-- ============================== NAV ============================== --> 40 <header class="nav" data-sec="nav" data-sec-name="Navigation" data-sec-component="styles.css .nav"> 41 <div class="nav__inner"> 42 <a aria-label='Influeri home' class='brand' href='/'> 43 <span class="brand__mark" aria-hidden="true"> 44 <svg width="27" height="26" viewBox="0 0 40 38" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 45 <path d="M17.9051 6.09631L18.2436 5.79309C16.2652 4.31282 13.8392 3.50365 11.3393 3.49023C8.34023 3.49668 5.46539 4.65125 3.34154 6.70223C1.21769 8.7532 0.017091 11.5342 0.00146643 14.439C-0.0238843 15.9696 0.279698 17.4886 0.89293 18.8994C1.50616 20.3103 2.41563 21.5821 3.56358 22.6343L6.50803 25.5272C6.30067 24.4023 6.20717 23.2605 6.22883 22.118C6.32355 19.7062 7.17999 17.3807 8.68254 15.4553C11.5578 12.1572 14.6377 9.03179 17.9051 6.09631Z"/> 46 <path d="M26.0284 14.8989C26.2568 14.6531 26.4937 14.4154 26.7222 14.1777C28.8544 12.006 30.5381 10.2932 30.5381 5.47443C30.4256 3.48206 29.6843 1.57115 28.4144 0L20.9517 7.10528C20.7148 7.33475 20.351 7.67074 19.8941 8.08869C16.7216 10.915 13.7293 13.9255 10.9338 17.1034C9.84942 18.5383 9.2149 20.2455 9.1062 22.0206C9.1062 24.9299 9.40234 27.4458 13.0914 30.978L14.9443 32.7563C14.8521 32.1183 14.8069 31.4747 14.809 30.8304C14.809 25.0118 18.7349 21.5207 22.5339 18.1524C23.7016 17.1362 24.92 16.0463 26.0284 14.8989Z"/> 47 <path d="M24.4523 20.2151C20.7971 23.4932 17.6834 26.255 17.6834 30.8689C17.6421 33.4944 18.6206 36.039 20.4248 37.9988C24.3084 34.3191 30.8065 28.058 36.3655 22.5754C37.5118 21.522 38.4201 20.2499 39.0332 18.8393C39.6464 17.4288 39.9509 15.9104 39.9276 14.3801C39.9276 11.6019 38.3284 8.39764 35.6463 5.82434L34.8932 5.10315L34.0471 4.28363L33.2433 3.52148C33.3774 4.158 33.4454 4.80591 33.4464 5.45554C33.4464 11.3807 31.1027 13.7655 28.8436 16.0683L28.1667 16.7567C26.9398 18.0024 25.6706 19.1252 24.4523 20.2151Z"/> 48 </svg> 49 </span>
50 <span class="brand__name">Influeri</span> 51 </a> 52 53 <nav class="nav__links" aria-label="Primary"> 54 <a href='/'>Home</a> 55 <a href='/features'>Features</a> 56 <a href='/affiliate'>Affiliate Pricing</a> 57 <a href='/pricing'>Influencer & UGC Pricing</a> 58 <a href='/partners'>Partners</a> 59 <div class="nav__drop" data-drop> 60 <a href="#" class="has-caret" role="button" aria-haspopup="menu" aria-expanded="false" data-drop-toggle>Pages 61 <svg class="caret" viewBox="0 0 10 6" width="10" height="6" aria-hidden="true"><path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg> 62 </a> 63 <div class="nav__pop" role="menu" aria-label="More pages"> 64 <a href='/faq' role='menuitem'>FAQ</a> 65 <a href='/about' role='menuitem'>About</a> 66 <a href='/success-stories' role='menuitem'>Success Stories</a> 67 <a href='/contact' role='menuitem'>Contact</a> 68 <a aria-current='page' class='is-active' href='/articles' role='menuitem'>Articles</a> 69 </div> 70 </div> 71 </nav> 72 73 <div class="nav__actions"> 74 <a href="https://calendly.com/nicholas-jacobsson-influeri/influeri-intro" target="_blank" rel="noopener" class="btn btn--ghost">Book an intro</a> 75 <a href="https://ai.influeri.com/" target="_blank" rel="noopener" class="btn btn--dark">Log In</a> 76 </div> 77 78 <button class="nav__burger" type="button" aria-label="Open menu" aria-expanded="false" data-burger><span></span></button> 79 </div> 80 </header> 81 82 <div class="nav__sheet" data-sheet aria-hidden="true"> 83 <button class="nav__sheet-close" type="button" aria-label="Close menu" data-sheet-close>×</button> 84 <a class='m-link' href='/'>Home</a> 85 <a class='m-link' href='/features'>Features</a> 86 <a class='m-link' href='/affiliate'>Affiliate Pricing</a> 87 <a class='m-link' href='/pricing'>Influencer & UGC Pricing</a> 88 <a class='m-link' href='/partners'>Partners</a> 89 <a class='m-link' href='/faq'>FAQ</a> 90 <a class='m-link' href='/success-stories'>Success Stories</a> 91 <a class='m-link' href='/about'>About</a> 92 <a class='m-link' href='/contact'>Contact</a> 93 <a aria-current='page' class='m-link is-active' href='/articles'>Articles</a> 94 <div class="m-cta"> 95 <a href="https://calendly.com/nicholas-jacobsson-influeri/influeri-intro" target="_blank" rel="noopener" class="btn btn--ghost">Book an intro</a> 96 <a href="https://ai.influeri.com/" target="_blank" rel="noopener" class="btn btn--dark">Log In</a> 97 </div> 98 </div> 99 100 <main> 101 102 <!-- ===================== MASTHEAD ===================== --> 103 <section class="section ar-mast" id="masthead" data-sec="masthead" data-sec-name="Page masthead" data-sec-component="â"> 104 <div class="wrap ar-mast__inner reveal"> 105 <p class="kicker">Articles</p> 106 <h1 class="ar-mast__title">Guides and analysis on creator marketing</h1> 107 <p class="ar-mast__sub">How creator marketing is changing, what the numbers actually say, and practical guides for running campaigns on Influeri â written by the team building the platform.</p> 108 </div> 109 </section> 110 111 <!-- ===================== FEATURED LEAD ARTICLE ===================== 112 Rendered by page/articles.js from the post flagged featured in the 113 dataset. Given a wide slot so the index has real hierarchy rather than 114 19 identical tiles (R-13/R-19). --> 115 <section class="section section--tight" id="featured" data-sec="featured" data-sec-name="Featured article" data-sec-component="page/articles.js"> 116 <div class="wrap"> 117 <a class="ar-lead reveal" data-ar-lead href="#"> 118 <span class="ar-lead__media"><img data-ar-lead-img src="" alt="" loading="eager" decoding="async" /></span> 119 <span class="ar-lead__body"> 120 <span class="ar-lead__flag">Latest</span> 121 <span class="ar-lead__title" data-ar-lead-title></span>
122 <span class="ar-lead__cta">Read the article 123 <svg viewBox="0 0 15 15" width="15" height="15" aria-hidden="true"><path d="M14.7 8.07a1 1 0 0 0 0-1.41L8.34.29A1 1 0 0 0 6.93 1.7l5.66 5.66-5.66 5.66a1 1 0 0 0 1.41 1.41L14.7 8.07ZM0 7.36v1h14v-2H0v1Z" fill="currentColor"/></svg> 124 </span> 125 </span> 126 </a> 127 </div> 128 </section> 129 130 <!-- ===================== THE COLLECTION + CATEGORY FILTER ===================== --> 131 <section class="section" id="collection" data-sec="collection" data-sec-name="All articles" data-sec-component="page/articles.js + data-articles.js"> 132 <div class="wrap"> 133 <div class="ar-bar reveal"> 134 <div class="ar-bar__head"> 135 <p class="kicker">Everything we've published</p> 136 <h2 class="sec-title">All articles</h2> 137 </div> 138 <!-- filter chips are rendered from the categories that actually carry 139 posts, so a dead filter can never appear --> 140 <div class="ar-filters" data-ar-filters role="group" aria-label="Filter articles by category"></div> 141 </div> 142 143 <div class="ar-grid" data-ar-grid></div> 144 145 <p class="ar-count reveal" data-ar-count aria-live="polite"></p> 146 </div> 147 </section> 148 149 <!-- ===================== FINAL CTA ===================== --> 150 <div class="ctx-cta reveal" id="get-started" data-sec="cta" data-sec-name="Final CTA" data-sec-component="home-flagship.css .ctx-cta"> 151 <p class="ctx-cta__text">Stop reading about it. See it running.</p> 152 <a href="https://calendly.com/nicholas-jacobsson-influeri/influeri-intro" target="_blank" rel="noopener" class="btn btn--dark ctx-cta__btn">Book an intro</a> 153 <a class='btn btn--ghost ctx-cta__btn' href='/success-stories'>Read customer results</a> 154 </div> 155 156 </main> 157 158 <!-- ===================== FOOTER ===================== --> 159 <footer class="footer" data-sec="footer" data-sec-name="Footer" data-sec-component="home-flagship.css .footer"> 160 <div class="footer__grid"> 161 <div class="footer__brand"> 162 <a aria-label='Influeri home' class='brand' href='/'> 163 <span class="brand__mark" aria-hidden="true"> 164 <svg width="26" height="25" viewBox="0 0 40 38" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 165 <path d="M17.9051 6.09631L18.2436 5.79309C16.2652 4.31282 13.8392 3.50365 11.3393 3.49023C8.34023 3.49668 5.46539 4.65125 3.34154 6.70223C1.21769 8.7532 0.017091 11.5342 0.00146643 14.439C-0.0238843 15.9696 0.279698 17.4886 0.89293 18.8994C1.50616 20.3103 2.41563 21.5821 3.56358 22.6343L6.50803 25.5272C6.30067 24.4023 6.20717 23.2605 6.22883 22.118C6.32355 19.7062 7.17999 17.3807 8.68254 15.4553C11.5578 12.1572 14.6377 9.03179 17.9051 6.09631Z"/> 166 <path d="M26.0284 14.8989C26.2568 14.6531 26.4937 14.4154 26.7222 14.1777C28.8544 12.006 30.5381 10.2932 30.5381 5.47443C30.4256 3.48206 29.6843 1.57115 28.4144 0L20.9517 7.10528C20.7148 7.33475 20.351 7.67074 19.8941 8.08869C16.7216 10.915 13.7293 13.9255 10.9338 17.1034C9.84942 18.5383 9.2149 20.2455 9.1062 22.0206C9.1062 24.9299 9.40234 27.4458 13.0914 30.978L14.9443 32.7563C14.8521 32.1183 14.8069 31.4747 14.809 30.8304C14.809 25.0118 18.7349 21.5207 22.5339 18.1524C23.7016 17.1362 24.92 16.0463 26.0284 14.8989Z"/> 167 <path d="M24.4523 20.2151C20.7971 23.4932 17.6834 26.255 17.6834 30.8689C17.6421 33.4944 18.6206 36.039 20.4248 37.9988C24.3084 34.3191 30.8065 28.058 36.3655 22.5754C37.5118 21.522 38.4201 20.2499 39.0332 18.8393C39.6464 17.4288 39.9509 15.9104 39.9276 14.3801C39.9276 11.6019 38.3284 8.39764 35.6463 5.82434L34.8932 5.10315L34.0471 4.28363L33.2433 3.52148C33.3774 4.158 33.4454 4.80591 33.4464 5.45554C33.4464 11.3807 31.1027 13.7655 28.8436 16.0683L28.1667 16.7567C26.9398 18.0024 25.6706 19.1252 24.4523 20.2151Z"/> 168 </svg> 169 </span> 170 <span class="brand__name">Influeri</span> 171 </a> 172 <p class="footer__mission">Everything you need to discover creators, launch campaigns, and measure performance.</p> 173 </div>
174 <div class="footer__col"> 175 <h4>Contact</h4> 176 <address> 177 <ul> 178 <li><a href="https://goo.gl/maps/vszgy6skZnqeNYdw6" target="_blank" rel="noopener">Box 38045, 100 64 Stockholm</a></li> 179 <li><a href="mailto:[email protected]">[email protected]</a></li> 180 </ul> 181 </address> 182 </div> 183 <div class="footer__col footer__col--pages"> 184 <h4>Pages</h4> 185 <ul> 186 <li><a href='/'>Home</a></li> 187 <li><a href='/success-stories'>Success Stories</a></li> 188 <li><a href='/features'>Features</a></li> 189 <li><a href='/about'>About</a></li> 190 <li><a href='/affiliate'>Affiliate Pricing</a></li> 191 <li><a href='/pricing'>Influencer & UGC Pricing</a></li> 192 <li><a href='/partners'>Partners</a></li> 193 <li><a href='/contact'>Contact</a></li> 194 <li><a href='/faq'>FAQ</a></li> 195 <li><a href='/articles'>Articles</a></li> 196 </ul> 197 </div> 198 <div class="footer__col"> 199 <h4>Follow</h4> 200 <div class="footer__social"> 201 <a href="https://www.facebook.com/influeri" target="_blank" rel="noopener" aria-label="Influeri on Facebook"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M14 9h3V6h-3c-2.2 0-4 1.8-4 4v2H7v3h3v7h3v-7h3l1-3h-4v-2c0-.6.4-1 1-1Z"/></svg></a> 202 <a href="https://www.instagram.com/influeris/" target="_blank" rel="noopener" aria-label="Influeri on Instagram"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><rect x="3.5" y="3.5" width="17" height="17" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.2" cy="6.8" r="1.1" fill="currentColor" stroke="none"/></svg></a> 203 <a href="https://se.linkedin.com/company/influeri" target="_blank" rel="noopener" aria-label="Influeri on LinkedIn"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M6.5 8.5h-3v12h3v-12Zm-1.5-5a1.8 1.8 0 1 0 0 3.6 1.8 1.8 0 0 0 0-3.6Zm6 5h-3v12h3v-6.3c0-1.7 2.3-1.8 2.3 0V20.5h3v-7c0-4.2-4.5-4-5.3-2v-1Z"/></svg></a> 204 <a href="https://www.youtube.com/@influeri" target="_blank" rel="noopener" aria-label="Influeri on YouTube"><svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M22 8.2a3 3 0 0 0-2.1-2.1C18 5.5 12 5.5 12 5.5s-6 0-7.9.6A3 3 0 0 0 2 8.2 31 31 0 0 0 1.6 12 31 31 0 0 0 2 15.8a3 3 0 0 0 2.1 2.1c1.9.6 7.9.6 7.9.6s6 0 7.9-.6a3 3 0 0 0 2.1-2.1A31 31 0 0 0 22 8.2ZM10 15V9l5.2 3-5.2 3Z"/></svg></a> 205 </div> 206 </div> 207 </div> 208 <div class="footer__bar"> 209 <span data-year>Copyright © Influeri AB</span>
210 <span class="dot">·</span> 211 <span>Privacy Policy <a href='/privacy-policy'>EN</a></span> 212 <span class="dot">·</span> 213 <span>Terms & Conditions <a href='/terms-conditions'>EN</a></span> 214 </div> 215 </footer> 216 217 <!-- LOAD ORDER (JS): the dataset first, then the page renderer that reads it. --> 218
218<script src="components/data-articles.js"></script>
218 219
219<script src="page/articles.js"></script>
219 220</body> 221</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.