https://breve.now/

1<!doctype html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
6    <!-- Desktop-width viewport is deliberate: every layout in this app was
7         built and tested at 1280, so no max-width media query below it has
8         ever fired on a phone browser. Narrowing it globally would ship a
9         pile of untested layouts to production, so it stays pinned. -->
10    <meta name="viewport" content="width=1280" />
11    

11<script>
12      // …except inside Breve's own iOS app, which renders these pages in a
13      // WKWebView on a ~390pt screen. The app appends `BreveiOS/<v>` to its
14      // user agent (see ios/Breve/Networking/BreveConfig.swift); the
15      // `?breve_client=ios` query param is a fallback for when a redirect or
16      // an SSO hop drops the custom agent. Must run before first paint, so
17      // it's inline and synchronous rather than part of the bundle.
18      (function () {
19        try {
20          var isApp = /\bBreveiOS\//.test(navigator.userAgent)
21            || /[?&]breve_client=ios(?:&|$)/.test(window.location.search);
22          if (!isApp) return;
23          document.documentElement.setAttribute('data-breve-client', 'ios');
24          var meta = document.querySelector('meta[name="viewport"]');
25          if (meta) {
26            meta.setAttribute(
27              'content',
28              'width=device-width, initial-scale=1, viewport-fit=cover'
29            );
30          }
31        } catch (e) { /* a broken sniff must never block the page */ }
32      })();
33    </script>

33
34    <title>Breve — the daily digest</title>
35
36    <link rel="preconnect" href="https://fonts.googleapis.com"/>
37    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
38    <link rel="stylesheet"
39      href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Source+Serif+4:ital,wght@0,400;0,600;1,400&family=Playfair+Display:ital,wght@0,400;1,400;1,700&family=Oswald:wght@400;600;700&family=Special+Elite&family=JetBrains+Mono:wght@400;500&family=Caveat:wght@400;600&family=Permanent+Marker&display=swap"/>
40    

40<script type="module" crossorigin src="/assets/index-TkxicIux.js"></script>

40
41    <link rel="stylesheet" crossorigin href="/assets/index-te1TPYmb.css">
42  </head>
43  <!-- Inline body bg so a hard refresh on a slow network doesn't
44       flash white between TTFB and the CSS bundle finishing parse.
45       Matches --cream from tokens.css. -->
46  <body style="margin:0;background:#f2ead6;">
47    <div id="root"></div>
48  </body>
49</html>