PageSourceSearch

https://syllabus.com/

html syllabus.com collected 2026-10-01 11:31:34 UTC 38,345 bytes, 708 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" data-theme="dark">
3<head>
4  <meta charset="UTF-8" />
5  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6  <title>syllabus — Free Weekly AI, Robotics & Future Tech Newsletter</title>
7  <meta name="description" content="Syllabus is a free weekly newsletter with practical 5-minute breakdowns of the AI, robotics, and future tech news that actually matters." />
8  <link rel="canonical" href="https://syllabus.com/" />
9  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
10  <meta name="theme-color" content="#1A1A2E" />
11  <meta name="author" content="Syllabus" />
12
13  <!-- Open Graph -->
14  <meta property="og:type" content="website" />
15  <meta property="og:site_name" content="Syllabus" />
16  <meta property="og:locale" content="en_US" />
17  <meta property="og:title" content="syllabus — Free Weekly AI, Robotics & Future Tech Newsletter" />
18  <meta property="og:description" content="Practical 5-minute breakdowns of the AI, robotics, and future tech news that matters — whether you run a company or just want to keep up." />
19  <meta property="og:url" content="https://syllabus.com/" />
20  <meta property="og:image" content="https://syllabus.com/images/og-syllabus.png" />
21  <meta property="og:image:secure_url" content="https://syllabus.com/images/og-syllabus.png" />
22  <meta property="og:image:width" content="1200" />
23  <meta property="og:image:height" content="630" />
24  <meta property="og:image:type" content="image/png" />
25  <meta property="og:image:alt" content="syllabus — AI, robotics, and what's next made simple. Free weekly newsletter." />
26
27  <!-- Twitter / X -->
28  <meta name="twitter:card" content="summary_large_image" />
29  <meta name="twitter:site" content="@Syllabusaix" />
30  <meta name="twitter:creator" content="@Syllabusaix" />
31  <meta name="twitter:title" content="syllabus — Free Weekly AI, Robotics & Future Tech Newsletter" />
32  <meta name="twitter:description" content="Practical 5-minute breakdowns of the AI, robotics, and future tech news that matters — whether you run a company or just want to keep up." />
33  <meta name="twitter:image" content="https://syllabus.com/images/og-syllabus.png" />
34  <meta name="twitter:image:alt" content="syllabus — AI, robotics, and what's next made simple." />
35
36  <!-- Icons -->
37  <link rel="icon" href="/images/syllabus-logo.png" type="image/png" />
38  <link rel="apple-touch-icon" href="/images/syllabus-logo.png" />
39
40  <!-- Performance -->
41  <link rel="preconnect" href="https://fonts.googleapis.com" />
42  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
43
44  <!-- Structured data -->
45  
45<script type="application/ld+json">
46  {
47    "@context": "https://schema.org",
48    "@graph": [
49      {
50        "@type": "Organization",
51        "@id": "https://syllabus.com/#organization",
52        "name": "Syllabus",
53        "url": "https://syllabus.com/",
54        "logo": {
55          "@type": "ImageObject",
56          "url": "https://syllabus.com/images/syllabus-logo.png",
57          "width": 512,
58          "height": 512
59        },
60        "image": "https://syllabus.com/images/og-syllabus.png",
61        "email": "[email protected]",
62        "description": "Syllabus is a free weekly newsletter covering artificial intelligence, robotics, and future tech, explained in plain language.",
63        "sameAs": [
64          "https://www.linkedin.com/company/syllabus-ai",
65          "https://x.com/Syllabusaix",
66          "https://www.instagram.com/syllabusai_/",
67          "https://www.facebook.com/profile.php?id=61590663362930",
68          "https://www.youtube.com/channel/UCF-raFFEaC_ZLKJxzQj60gg",
69          "https://www.tiktok.com/@syllabusaiofficial"
70        ]
71      },
72      {
73        "@type": "WebSite",
74        "@id": "https://syllabus.com/#website",
75        "url": "https://syllabus.com/",
76        "name": "Syllabus",
77        "publisher": {
78          "@id": "https://syllabus.com/#organization"
79        },
80        "inLanguage": "en-US"
81      },
82      {
83        "@type": "WebPage",
84        "@id": "https://syllabus.com/#webpage",
85        "url": "https://syllabus.com/",
86        "name": "syllabus — Free Weekly AI, Robotics & Future Tech Newsletter",
87        "isPartOf": {
88          "@id": "https://syllabus.com/#website"
89        },
90        "about": {
91          "@id": "https://syllabus.com/#organization"
92        },
93        "inLanguage": "en-US"
94      }
95    ]
96  }
97  </script>
97
98  <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&family=Inter:wght@300;400;500&display=swap" rel="stylesheet" />
99  <style>
100    /* ─── TOKENS ─────────────────────────────────────────── */
101    :root {
102      --yellow:  #FFD60A;
103      --mint:    #06D6A0;
104      --coral:   #FF6B6B;
105      --purple:  #845EC2;
106      --radius:  14px;
107      --trans:   0.35s ease;
108    }
109
110    [data-theme="dark"] {
111      --bg:        #1A1A2E;
112      --bg-card:   #22223a;
113      --bg-input:  #2a2a45;
114      --text:      #F0F0F0;
115      --text-muted:#9999bb;
116      --border:    rgba(255,255,255,0.08);
117      --nav-bg:    rgba(26,26,46,0.92);
118    }
119
120    [data-theme="light"] {
121      --bg:        #ffffff;
122      --bg-card:   #f5f5f8;
123      --bg-input:  #eeeef4;
124      --text:      #1A1A2E;
125      --text-muted:#6666aa;
126      --border:    rgba(26,26,46,0.1);
127      --nav-bg:    rgba(255,255,255,0.92);
128    }
129
130    /* ─── RESET ──────────────────────────────────────────── */
131    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
132    html { scroll-behavior: smooth; }
133    body {
134      font-family: 'Inter', sans-serif;
135      background: var(--bg);
136      color: var(--text);
137      transition: background var(--trans), color var(--trans);
138      overflow-x: hidden;
139    }
140    h1, h2, h3, p { overflow-wrap: break-word; }
141    img { max-width: 100%; }
142
143    /* ─── NAV ────────────────────────────────────────────── */
144    nav {
145      position: fixed; top: 0; left: 0; right: 0; z-index: 100;
146      background: var(--nav-bg);
147      backdrop-filter: blur(12px);
148      border-bottom: 1px solid var(--border);
149      transition: background var(--trans), border-color var(--trans);
150    }
151    .nav-inner {
152      max-width: 1060px; margin: 0 auto;
153      display: flex; align-items: center; justify-content: space-between;
154      padding: 0 24px; height: 60px; gap: 16px;
155    }
156    .logo {
157      font-family: 'Nunito', sans-serif;
158      font-weight: 900; font-size: 1.25rem;
159      color: var(--text); text-decoration: none;
160      display: flex; align-items: center; gap: 6px; flex-shrink: 0;
161    }
162    .logo-dots { display: flex; gap: 4px; }
163    .logo-dots span { width: 7px; height: 7px; border-radius: 50%; }
164    .logo-dots span:nth-child(1) { background: var(--yellow); }
165    .logo-dots span:nth-child(2) { background: var(--mint); }
166    .logo-dots span:nth-child(3) { background: var(--coral); }
167    .logo-dots span:nth-child(4) { background: var(--purple); }
168
169    .nav-links { display: flex; gap: 18px; align-items: center; }
170    .nav-links a.link {
171      font-size: 0.85rem; font-weight: 500;
172      color: var(--text-muted); text-decoration: none;
173      transition: color 0.2s;
174    }
175    .nav-links a.link:hover, .nav-links a.link.active { color: var(--text); }
176
177    /* social icons in nav */
178    .nav-social { display: flex; align-items: center; gap: 12px; }
179    .nav-social a {
180      color: var(--text-muted); display: inline-flex;
181      transition: color 0.2s, transform 0.15s;
182    }
183    .nav-social a:hover { color: var(--text); transform: translateY(-1px); }
184    .nav-social svg { width: 17px; height: 17px; display: block; }
185    .nav-divider {
186      width: 1px; height: 22px; background: var(--border); flex-shrink: 0;
187    }
188
189    /* mobile-only instagram icon (sits left of Advertise CTA) */
190    .nav-insta-mobile {
191      display: none;
192      align-items: center; justify-content: center;
193      width: 36px; height: 36px;
194      border: 1px solid var(--border); border-radius: 9px;
195      color: var(--text-muted); flex-shrink: 0;
196      transition: color 0.2s, border-color 0.2s;
197    }
198    .nav-insta-mobile svg { width: 17px; height: 17px; display: block; }
199    .nav-insta-mobile:hover { color: var(--text); }
200
201    /* purple subscribe CTA (distinct from yellow Join Free) */
202    .nav-links a.cta {
203      background: var(--coral); color: #ffffff;
204      font-family: 'Nunito', sans-serif; font-weight: 700;
205      font-size: 0.85rem; padding: 8px 18px; border-radius: 8px;
206      text-decoration: none; white-space: nowrap;
207      transition: opacity 0.2s, transform 0.15s;
208    }
209    .nav-links a.cta:hover { opacity: 0.92; transform: translateY(-1px); color: #fff; }
210
211    /* ─── HERO ───────────────────────────────────────────── */
212    .hero {
213      min-height: 100vh;
214      display: flex; align-items: center;
215      padding: 80px 24px 60px;
216    }
217    .hero-inner { max-width: 660px; margin: 0 auto; text-align: center; width: 100%; }
218    .hero-tag {
219      display: inline-block;
220      font-size: 0.75rem; font-weight: 500; letter-spacing: 0.08em;
221      text-transform: uppercase;
222      color: var(--yellow);
223      background: rgba(255,214,10,0.1);
224      border: 1px solid rgba(255,214,10,0.25);
225      border-radius: 100px;
226      padding: 5px 14px; margin-bottom: 28px;
227    }
228    .hero h1 {
229      font-family: 'Nunito', sans-serif;
230      font-weight: 900;
231      font-size: clamp(2.4rem, 6vw, 4.2rem);
232      line-height: 1.08;
233      color: var(--text);
234      margin-bottom: 20px;
235      transition: color var(--trans);
236    }
237    .hero h1 .accent { color: var(--yellow); }
238    .hero p {
239      font-size: 1.05rem; line-height: 1.7;
240      color: var(--text-muted);
241      max-width: 520px; margin: 0 auto 36px;
242      transition: color var(--trans);
243    }
244
245    /* ─── SIGNUP BOX ─────────────────────────────────────── */
246    .signup-box {
247      background: var(--bg-card);
248      border: 1px solid var(--border);
249      border-radius: var(--radius);
250      padding: 32px 28px;
251      max-width: 520px; margin: 0 auto 28px;
252      transition: background var(--trans), border-color var(--trans);
253    }
254    .signup-box h2 {
255      font-family: 'Nunito', sans-serif;
256      font-weight: 700; font-size: 1.1rem;
257      margin-bottom: 6px;
258      color: var(--text); transition: color var(--trans);
259    }
260    .signup-box p.sub {
261      font-size: 0.85rem; color: var(--text-muted);
262      margin-bottom: 20px; transition: color var(--trans);
263    }
264    .signup-form { display: flex; gap: 10px; flex-wrap: wrap; }
265    .signup-form input[type="email"] {
266      flex: 1 1 220px; min-width: 0;
267      background: var(--bg-input);
268      border: 1px solid var(--border);
269      color: var(--text);
270      font-family: 'Inter', sans-serif;
271      font-size: 0.9rem;
272      padding: 12px 16px;
273      border-radius: 10px;
274      outline: none;
275      transition: background var(--trans), border-color var(--trans), color var(--trans);
276    }
277    .signup-form input[type="email"]::placeholder { color: var(--text-muted); }
278    .signup-form input[type="email"]:focus { border-color: var(--yellow); }
279    .btn-cta {
280      background: var(--yellow);
281      color: #1A1A2E;
282      font-family: 'Nunito', sans-serif;
283      font-weight: 700; font-size: 0.95rem;
284      padding: 12px 22px;
285      border: none; border-radius: 10px;
286      cursor: pointer; white-space: nowrap;
287      transition: opacity 0.2s, transform 0.15s;
288    }
289    .btn-cta:hover { opacity: 0.9; transform: translateY(-1px); }
290    .signup-note {
291      font-size: 0.75rem; color: var(--text-muted);
292      margin-top: 12px; transition: color var(--trans);
293    }
294
295    /* ─── LOGO CAROUSEL ──────────────────────────────────── */
296    .logos-strip { max-width: 760px; margin: 0 auto; width: 100%; }
297    .logos-label {
298      text-align: center;
299      font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase;
300      color: var(--text-muted); margin-bottom: 18px;
301    }
302    .logos-track-wrap {
303      overflow: hidden; position: relative;
304      -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
305              mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
306    }
307    .logos-track {
308      display: flex; gap: 14px; width: max-content;
309      animation: scrollLogos 34s linear infinite;
310    }
311    .logos-track-wrap:hover .logos-track { animation-play-state: paused; }
312    .logo-tile {
313      flex: 0 0 auto;
314      background: #ffffff;
315      border-radius: 12px;
316      height: 68px; width: 152px;
317      display: flex; align-items: center; justify-content: center;
318      padding: 0 22px;
319    }
320    .logo-tile img {
321      max-height: 30px; max-width: 112px;
322      width: auto; height: auto; object-fit: contain; display: block;
323    }
324    /* per-logo balancing so they read at a similar visual weight */
325    .logo-tile img.lg-nvidia    { max-height: 46px; }
326    .logo-tile img.lg-anthropic { max-height: 18px; }
327    .logo-tile img.lg-dell      { max-height: 24px; }
328    .logo-tile img.lg-openai    { max-height: 24px; }
329    .logo-tile img.lg-meta      { max-height: 26px; }
330    .logo-tile img.lg-google    { max-height: 26px; }
331    .logo-tile img.lg-amazon    { max-height: 28px; }
332
333    @keyframes scrollLogos {
334      from { transform: translateX(0); }
335      to   { transform: translateX(-50%); }
336    }
337    @media (prefers-reduced-motion: reduce) {
338      .logos-track { animation: none; flex-wrap: wrap; justify-content: center; }
339    }
340
341    /* ─── DIVIDER ────────────────────────────────────────── */
342    .divider {
343      max-width: 1060px; margin: 0 auto;
344      border: none; border-top: 1px solid var(--border);
345      transition: border-color var(--trans);
346    }
347
348    /* ─── FEATURES ───────────────────────────────────────── */
349    .features { max-width: 1060px; margin: 0 auto; padding: 72px 24px; }
350    .section-label {
351      text-align: center;
352      font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase;
353      color: var(--text-muted); margin-bottom: 12px;
354      transition: color var(--trans);
355    }
356    .section-title {
357      font-family: 'Nunito', sans-serif;
358      font-weight: 900; font-size: clamp(1.6rem, 3vw, 2.2rem);
359      text-align: center; margin-bottom: 48px;
360      color: var(--text); transition: color var(--trans);
361    }
362    .cards {
363      display: grid;
364      grid-template-columns: repeat(4, 1fr);
365      gap: 18px;
366    }
367    .card {
368      background: var(--bg-card);
369      border: 1px solid var(--border);
370      border-radius: var(--radius);
371      padding: 28px 24px;
372      transition: background var(--trans), border-color var(--trans), transform 0.2s;
373    }
374    .card:hover { transform: translateY(-3px); }
375    .card-icon { font-size: 1.5rem; margin-bottom: 12px; }
376    .card-title {
377      font-family: 'Nunito', sans-serif;
378      font-weight: 700; font-size: 1rem;
379      margin-bottom: 8px; color: var(--text);
380      transition: color var(--trans);
381    }
382    .card-body {
383      font-size: 0.85rem; line-height: 1.6;
384      color: var(--text-muted); transition: color var(--trans);
385    }
386    .card:nth-child(1) .card-title { color: var(--yellow); }
387    .card:nth-child(2) .card-title { color: var(--mint); }
388    .card:nth-child(3) .card-title { color: var(--coral); }
389    .card:nth-child(4) .card-title { color: var(--purple); }
390
391    /* ─── ADVERTISE SECTION ──────────────────────────────── */
392    .advertise-section { max-width: 1060px; margin: 0 auto; padding: 0 24px 80px; }
393    .advertise-card {
394      background: var(--bg-card);
395      border: 1px solid var(--border);
396      border-radius: var(--radius);
397      padding: 40px;
398      display: flex; align-items: center; gap: 36px; flex-wrap: wrap;
399      transition: background var(--trans), border-color var(--trans);
400    }
401    .advertise-badge {
402      flex-shrink: 0;
403      width: 72px; height: 72px; border-radius: 16px;
404      background: rgba(132,94,194,0.15);
405      border: 1px solid rgba(132,94,194,0.35);
406      display: flex; align-items: center; justify-content: center;
407      font-size: 1.8rem;
408    }
409    .advertise-text { flex: 1; min-width: 220px; }
410    .advertise-text .byline {
411      font-size: 0.75rem; text-transform: uppercase;
412      letter-spacing: 0.08em; color: var(--purple); margin-bottom: 6px;
413    }
414    .advertise-text h3 {
415      font-family: 'Nunito', sans-serif;
416      font-weight: 900; font-size: 1.25rem;
417      color: var(--text); margin-bottom: 8px;
418      transition: color var(--trans);
419    }
420    .advertise-text p {
421      font-size: 0.85rem; line-height: 1.6;
422      color: var(--text-muted); max-width: 520px;
423      transition: color var(--trans);
424    }
425    .btn-purple {
426      display: inline-flex; align-items: center; gap: 6px;
427      font-family: 'Nunito', sans-serif;
428      font-weight: 700; font-size: 0.9rem;
429      background: var(--purple); color: #fff;
430      border: none; border-radius: 10px; padding: 12px 20px;
431      text-decoration: none; white-space: nowrap;
432      transition: opacity 0.2s, transform 0.15s;
433    }
434    .btn-purple:hover { opacity: 0.92; transform: translateY(-1px); color: #fff; }
435
436    /* ─── FOOTER ─────────────────────────────────────────── */
437    footer {
438      border-top: 1px solid var(--border);
439      padding: 32px 24px;
440      transition: border-color var(--trans);
441    }
442    .footer-inner {
443      max-width: 1060px; margin: 0 auto;
444      display: flex; align-items: center; justify-content: space-between;
445      flex-wrap: wrap; gap: 16px;
446    }
447    .footer-copy { font-size: 0.8rem; color: var(--text-muted); transition: color var(--trans); }
448    .footer-links { display: flex; gap: 20px; flex-wrap: wrap; }
449    .footer-links a {
450      font-size: 0.8rem; color: var(--text-muted);
451      text-decoration: none; transition: color 0.2s;
452    }
453    .footer-links a:hover { color: var(--yellow); }
454    .footer-right { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
455    .footer-social { display: flex; align-items: center; gap: 14px; }
456    .footer-social a {
457      color: var(--text-muted); display: inline-flex;
458      transition: color 0.2s, transform 0.15s;
459    }
460    .footer-social a:hover { color: var(--yellow); transform: translateY(-1px); }
461    .footer-social svg { width: 18px; height: 18px; display: block; }
462
463    /* ─── ANIMATIONS ─────────────────────────────────────── */
464    @keyframes fadeUp {
465      from { opacity: 0; transform: translateY(22px); }
466      to   { opacity: 1; transform: translateY(0); }
467    }
468    .hero-inner > * { animation: fadeUp 0.6s ease both; }
469    .hero-inner > *:nth-child(1) { animation-delay: 0.05s; }
470    .hero-inner > *:nth-child(2) { animation-delay: 0.15s; }
471    .hero-inner > *:nth-child(3) { animation-delay: 0.25s; }
472    .hero-inner > *:nth-child(4) { animation-delay: 0.35s; }
473    .hero-inner > *:nth-child(5) { animation-delay: 0.45s; }
474
475    /* ─── RESPONSIVE ─────────────────────────────────────── */
476    @media (max-width: 820px) {
477      .cards { grid-template-columns: repeat(2, 1fr); }
478    }
479    @media (max-width: 760px) {
480      .nav-social, .nav-divider, .nav-links a.link { display: none; }
481      .nav-insta-mobile { display: inline-flex; }
482    }
483    @media (max-width: 600px) {
484      .hero { padding: 92px 18px 48px; }
485      .features { padding: 56px 18px; }
486      .advertise-section { padding: 0 18px 56px; }
487      .signup-box { padding: 22px 18px; }
488      .signup-form { flex-direction: column; }
489      .signup-form input[type="email"] { flex: 0 0 auto; width: 100%; }
490      .btn-cta { width: 100%; }
491      .advertise-card { flex-direction: column; text-align: center; padding: 32px 22px; gap: 20px; }
492      .advertise-text { text-align: center; }
493    }
494    @media (max-width: 480px) {
495      .cards { grid-template-columns: 1fr; }
496      .hero h1 { font-size: 2.05rem; }
497      .signup-box { padding: 20px 16px; max-width: 100%; }
498      .signup-box h2 { font-size: 1.05rem; }
499      .logo-tile { height: 60px; width: 132px; }
500    }
501  </style>
502
503  <!-- ── FLODESK HEADER CODE (defines window.fd; required once per site) ── -->
504  
504<script>
505    (function(w, d, t, h, s, n) {
506      w.FlodeskObject = n;
507      var fn = function() {
508        (w[n].q = w[n].q || []).push(arguments);
509      };
510      w[n] = w[n] || fn;
511      var f = d.getElementsByTagName(t)[0];
512      var v = '?v=' + Math.floor(new Date().getTime() / (120 * 1000)) * 60;
513      var sm = d.createElement(t);
514      sm.async = true;
515      sm.type = 'module';
516      sm.src = h + s + '.mjs' + v;
517      f.parentNode.insertBefore(sm, f);
518      var sn = d.createElement(t);
519      sn.async = true;
520      sn.noModule = true;
521      sn.src = h + s + '.js' + v;
522      f.parentNode.insertBefore(sn, f);
523    })(window, document, 'script', 'https://assets.flodesk.com', '/universal', 'fd');
524  </script>
524
525</head>
526<body>
527
528<!-- ── NAV ────────────────────────────────────────────────── -->
529<nav>
530  <div class="nav-inner">
531    <a href="/" class="logo">
532      syllabus
533      <span class="logo-dots"><span></span><span></span><span></span><span></span></span>
534    </a>
535    <div class="nav-links">
536      <a href="/advertise" class="link"></a>
537      <div class="nav-social" aria-label="Syllabus social links">
538        <a href="https://www.instagram.com/syllabusai_/" target="_blank" rel="noopener" aria-label="Instagram">
539          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
540        </a>
541        <a href="https://www.facebook.com/profile.php?id=61590663362930" target="_blank" rel="noopener" aria-label="Facebook">
542          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M22 12a10 10 0 1 0-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.89 3.78-3.89 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56V12h2.78l-.44 2.89h-2.34v6.99A10 10 0 0 0 22 12z"/></svg>
543        </a>
544        <a href="https://x.com/Syllabusaix" target="_blank" rel="noopener" aria-label="X">
545          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
546        </a>
547        <a href="https://www.tiktok.com/@syllabusaiofficial" target="_blank" rel="noopener" aria-label="TikTok">
548          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/></svg>
549        </a>
550        <a href="https://www.linkedin.com/company/syllabus-ai" target="_blank" rel="noopener" aria-label="LinkedIn">
551          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
552        </a>
553        <a href="https://www.youtube.com/channel/UCF-raFFEaC_ZLKJxzQj60gg" target="_blank" rel="noopener" aria-label="YouTube">
554          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
555        </a>
556      </div>
557      <span class="nav-divider"></span>
558      <a href="https://www.instagram.com/syllabusai_/" target="_blank" rel="noopener" aria-label="Instagram" class="nav-insta-mobile">
559        <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
560      </a>
561      <a href="/advertise" class="cta">Advertise</a>
562    </div>
563  </div>
564</nav>
565
566<!-- ── HERO ───────────────────────────────────────────────── -->
567<section class="hero">
568  <div class="hero-inner">
569    <span class="hero-tag">AI, robotics &amp; what's next — every week</span>
570
571    <h1>
572      The latest in AI, Robotics<br>
573      and <span class="accent">What's Next</span>
574    </h1>
575
576    <p>
577      Practical 5-minute breakdowns of the AI, robotics and future tech news that matters&#8209;whether you run a company or just want to keep up on what's next.
578    </p>
579
580    <!-- SIGNUP BOX -->
581    <div class="signup-box" id="subscribe">
582      <h2>Join the newsletter</h2>
583      <p class="sub">No jargon. No hype. Just what you need to know.</p>
584      <!-- ── FLODESK INLINE FORM (replaces the old static input) ── -->
585      <div id="fd-form-6a5f994d272cb126edba5827"></div>
586      
586<script>
587        window.fd('form', {
588          formId: '6a5f994d272cb126edba5827',
589          containerEl: '#fd-form-6a5f994d272cb126edba5827'
590        });
591      </script>
591
592      <p class="signup-note">No spam. Unsubscribe anytime.</p>
593    </div>
594
595    <!-- LOGO CAROUSEL -->
596    <div class="logos-strip">
597      <p class="logos-label">Read by people at the companies shaping AI</p>
598      <div class="logos-track-wrap">
599        <div class="logos-track">
600          <!-- set 1 -->
601          <div class="logo-tile"><img class="lg-meta" src="images/Meta-Logo.webp" alt="Meta" loading="lazy" /></div>
602          <div class="logo-tile"><img class="lg-dell" src="images/delltechnologies.webp" alt="Dell Technologies" loading="lazy" /></div>
603          <div class="logo-tile"><img class="lg-amazon" src="images/Amazon-Logo-1536x864.webp" alt="Amazon" loading="lazy" /></div>
604          <div class="logo-tile"><img class="lg-google" src="images/Google_2026_logo.webp" alt="Google" loading="lazy" /></div>
605          <div class="logo-tile"><img class="lg-nvidia" src="images/Nvidia_logo.webp" alt="NVIDIA" loading="lazy" /></div>
606          <div class="logo-tile"><img class="lg-openai" src="images/OpenAI_Logo.webp" alt="OpenAI" loading="lazy" /></div>
607          <div class="logo-tile"><img class="lg-anthropic" src="images/Anthropic_logo.webp" alt="Anthropic" loading="lazy" /></div>
608          <!-- set 2 (duplicate for seamless loop) -->
609          <div class="logo-tile"><img class="lg-meta" src="images/Meta-Logo.webp" alt="" aria-hidden="true" loading="lazy" /></div>
610          <div class="logo-tile"><img class="lg-dell" src="images/delltechnologies.webp" alt="" aria-hidden="true" loading="lazy" /></div>
611          <div class="logo-tile"><img class="lg-amazon" src="images/Amazon-Logo-1536x864.webp" alt="" aria-hidden="true" loading="lazy" /></div>
612          <div class="logo-tile"><img class="lg-google" src="images/Google_2026_logo.webp" alt="" aria-hidden="true" loading="lazy" /></div>
613          <div class="logo-tile"><img class="lg-nvidia" src="images/Nvidia_logo.webp" alt="" aria-hidden="true" loading="lazy" /></div>
614          <div class="logo-tile"><img class="lg-openai" src="images/OpenAI_Logo.webp" alt="" aria-hidden="true" loading="lazy" /></div>
615          <div class="logo-tile"><img class="lg-anthropic" src="images/Anthropic_logo.webp" alt="" aria-hidden="true" loading="lazy" /></div>
616        </div>
617      </div>
618    </div>
619
620  </div>
621</section>
622
623<hr class="divider" />
624
625<!-- ── FEATURES ───────────────────────────────────────────── -->
626<section class="features">
627  <p class="section-label">The Syllabus Way</p>
628  <h2 class="section-title">We make AI, robotics &amp; what's next news understandable,<br>actionable, and useful.</h2>
629
630  <div class="cards">
631    <div class="card">
632      <div class="card-icon">📖</div>
633      <div class="card-title">Learn</div>
634      <div class="card-body">We break down the most important AI, robotics &amp; future tech developments every week — no PhD required.</div>
635    </div>
636    <div class="card">
637      <div class="card-icon">💡</div>
638      <div class="card-title">Understand</div>
639      <div class="card-body">Context, implications, and what it actually means for you and your work.</div>
640    </div>
641    <div class="card">
642      <div class="card-icon">🚀</div>
643      <div class="card-title">Apply</div>
644      <div class="card-body">Practical takeaways you can use in your work and life — starting this week.</div>
645    </div>
646    <div class="card">
647      <div class="card-icon">📡</div>
648      <div class="card-title">Stay Ahead</div>
649      <div class="card-body">Spot trends early. Know what matters before everyone else does.</div>
650    </div>
651  </div>
652</section>
653
654<hr class="divider" />
655
656<!-- ── ADVERTISE ──────────────────────────────────────────── -->
657<section class="advertise-section" style="padding-top: 64px;">
658  <div class="advertise-card">
659    <div class="advertise-badge">📣</div>
660    <div class="advertise-text">
661      <p class="byline">Advertise in Syllabus</p>
662      <h3>Reach business leaders building with AI</h3>
663      <p>
664        Put your brand in front of founders, operators, and decision-makers who open Syllabus to understand what's
665        next in AI and robotics. One clean placement, a smart and engaged audience, no banner-ad clutter.
666      </p>
667    </div>
668    <a href="/advertise" class="btn-purple">Advertise with us →</a>
669  </div>
670</section>
671
672<!-- ── FOOTER ─────────────────────────────────────────────── -->
673<footer>
674  <div class="footer-inner">
675    <span class="footer-copy">© 2026 syllabus ·</span>
676    <div class="footer-right">
677      <div class="footer-links">
678        <a href="/about">About</a>
679        <a href="/advertise">Advertise</a>
680        <a href="/privacy">Privacy</a>
681      </div>
682      <div class="footer-social" aria-label="Syllabus social links">
683        <a href="https://www.instagram.com/syllabusai_/" target="_blank" rel="noopener" aria-label="Instagram">
684          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 
6840-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
685        </a>
686        <a href="https://www.facebook.com/profile.php?id=61590663362930" target="_blank" rel="noopener" aria-label="Facebook">
687          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M22 12a10 10 0 1 0-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.89 3.78-3.89 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56V12h2.78l-.44 2.89h-2.34v6.99A10 10 0 0 0 22 12z"/></svg>
688        </a>
689        <a href="https://x.com/Syllabusaix" target="_blank" rel="noopener" aria-label="X">
690          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
691        </a>
692        <a href="https://www.tiktok.com/@syllabusaiofficial" target="_blank" rel="noopener" aria-label="TikTok">
693          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/></svg>
694        </a>
695        <a href="https://www.linkedin.com/company/syllabus-ai" target="_blank" rel="noopener" aria-label="LinkedIn">
696          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
697        </a>
698        <a href="https://www.youtube.com/channel/UCF-raFFEaC_ZLKJxzQj60gg" target="_blank" rel="noopener" aria-label="YouTube">
699          <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
700        </a>
701      </div>
702    </div>
703  </div>
704</footer>
705
706<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"68cebec0f02b46f08ee72f8b0a2a958d","r":1,"spa":2}' crossorigin="anonymous"></script>
706
707</body>
708</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.