https://origin-book-cards.base44.app/CharacterDetail

1<!DOCTYPE html>
2<html lang="en">
3 <head>
4  <meta charset="utf-8"/>
5  <link href="https://qtrypzzcjebvfcihiynt.supabase.co/storage/v1/object/public/base44-prod/public/69b448069b7229b56504c9d5/e051973d3_logo.png" rel="icon" type="image/svg+xml"/>
6  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
7  <link href="/manifest.json" rel="manifest"/>
8  <title>
9   Character Detail | Sons of the Book
10  </title>
11  

11<script crossorigin="" src="/assets/index-DNBFN-93.js" type="module">
12  </script>

12
13  <link crossorigin="" href="/assets/index-qy06okOl.css" rel="stylesheet"/>
14  

14<script type="module">
15   if (window.self === window.top) {
16  let lastPath = "";
17  function getPageNameFromPath(path) {
18    const segments = path.split("/").filter(Boolean);
19    return segments[0] || null;
20  }
21  function trackPageView() {
22    const path = window.location.pathname;
23    if (path === lastPath) return;
24    lastPath = path;
25    const pageName = getPageNameFromPath(path) || "home";
26    const appId = "69b448069b7229b56504c9d5";
27    if (!appId) return;
28    fetch(`/api/app-logs/${appId}/log-user-in-app/${pageName}`, {
29      method: "POST",
30    }).catch(() => {});
31  }
32  const originalPushState = history.pushState.bind(history);
33  history.pushState = function (...args) {
34    originalPushState(...args);
35    trackPageView();
36  };
37  const originalReplaceState = history.replaceState.bind(history);
38  history.replaceState = function (...args) {
39    originalReplaceState(...args);
40    trackPageView();
41  };
42  window.addEventListener("popstate", trackPageView);
43  trackPageView();
44}
45  </script>

45
46  <meta content="Character Detail on Sons of the Book. An interactive digital archive and collection of character cards from Fabio Cont." name="description"/>
47  <meta content="Character Detail | Sons of the Book" property="og:title"/>
48  <meta content="Character Detail on Sons of the Book. An interactive digital archive and collection of character cards from Fabio Cont." property="og:description"/>
49  <meta content="https://qtrypzzcjebvfcihiynt.supabase.co/storage/v1/render/image/public/base44-prod/public/69b448069b7229b56504c9d5/e051973d3_logo.png?width=1200&amp;height=630&amp;resize=contain" property="og:image"/>
50  <meta content="https://origin-book-cards.base44.app/CharacterDetail" property="og:url"/>
51  <meta content="website" property="og:type"/>
52  <meta content="Sons of the Book" property="og:site_name"/>
53  <meta content="Character Detail | Sons of the Book" name="twitter:title"/>
54  <meta content="Character Detail on Sons of the Book. An interactive digital archive and collection of character cards from Fabio Cont." name="twitter:description"/>
55  <meta content="https://qtrypzzcjebvfcihiynt.supabase.co/storage/v1/render/image/public/base44-prod/public/69b448069b7229b56504c9d5/e051973d3_logo.png?width=1200&amp;height=630&amp;resize=contain" name="twitter:image"/>
56  <meta content="summary_large_image" name="twitter:card"/>
57  <meta content="https://origin-book-cards.base44.app/CharacterDetail" name="twitter:url"/>
58  

58<script>
59   (function () {
60  var titles = {"/home": "Sons of the Book", "/gallery": "Gallery | Sons of the Book", "/character-detail": "Character Detail | Sons of the Book", "/characterdetail": "Character Detail | Sons of the Book", "/books": "Books | Sons of the Book", "/locations": "Locations | Sons of the Book", "/documents": "Documents | Sons of the Book", "/gadgets": "Gadgets | Sons of the Book"};
61  // PascalCase boundaries -> "-", mirroring _PASCAL_BOUNDARY_RE without lookbehind
62  // (old Safari fails to PARSE a lookbehind, taking the whole script down).
63  var dashed = function (s) {
64    return s.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2");
65  };
66  var decode = function (s) {
67    // A %2F inside ONE segment must not become a structural separator: /blog/foo%2Fbar is a
68    // dynamic slug, and letting it split would match a static /blog/foo/bar and write ITS title.
69    try { var d = decodeURIComponent(s); return d.indexOf("/") < 0 ? d : s; } catch (e) { return s; }
70  };
71  var segments = function (path) { return path.split("/").filter(Boolean).map(decode); };
72  var norm = function (path) {
73    var parts = segments(path).map(function (s) { return dashed(s).toLowerCase(); });
74    return parts.length ? "/" + parts.join("/") : "/";
75  };
76  var lastPath = location.pathname, written = document.title, on = true;
77  var sync = function () {
78    // Path only: a hash/query change is the same page, and the SDK strips its own auth
79    // params with replaceState -- neither must clobber a server-rendered title in place.
80    if (!on || location.pathname === lastPath) return;
81    lastPath = location.pathname;
82    if (document.title !== written) { on = false; return; }
83    // Write ONLY a title the map proves. An unmapped path is a dynamic route (/blog/:slug) the
84    // map cannot carry, and writing a placeholder there is destructive, not merely vague: the
85    // prerender worker runs no setUserAgent, so its capture browser reads as human and executes
86    // this script, and coordinator.js's settle wait explicitly tolerates a full navigation --
87    // a redirect landing on an unmapped path would bake the placeholder into the stored
88    // snapshot. Leaving the title alone degrades to today's behavior instead.
89    // Exact lookup only. A dash-stripped retry here would let a genuinely different /set-up
90    // claim /setup: the map carries a dash-free key only where a PascalCase boundary put the
91    // dashes there, and the client cannot tell the two apart. The map emits every reachable
92    // shape per segment instead (_client_url_variants).
93    var title = titles[norm(location.pathname)];
94    if (title === undefined) return;
95    document.title = title;
96    // Re-read: the setter stores verbatim but the getter strips and collapses whitespace, so
97    // keeping the assigned string would make the next sync() read our own write as the app's.
98    written = document.title;
99  };
100  var wrap = function (fn) {
101    // The history entry is already pushed by the time sync() runs, so a throw here would
102    // surface inside the host app's router and break navigation. This is injected into apps
103    // we cannot test, so it swallows rather than trusting the trace.
104    return function () {
105      var r = fn.apply(this, arguments);
106      try { sync(); } catch (e) {}
107      return r;
108    };
109  };
110  history.pushState = wrap(history.pushState);
111  history.replaceState = wrap(history.replaceState);
112  window.addEventListener("popstate", sync);
113})();
114  </script>

114
115  <meta content="yes" name="mobile-web-app-capable"/>
116  <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
117  <meta content="Sons of the Book" name="apple-mobile-web-app-title"/>
118  <link href="https://origin-book-cards.base44.app/CharacterDetail" rel="canonical"/>
119  

119<script data-seo-source="builder" type="application/ld+json">
120   {"name": "Sons of the Book", "@context": "https://schema.org", "@type": "WebSite", "url": "https://origin-book-cards.base44.app"}
121  </script>

121
122  

122<script data-seo-source="builder" type="application/ld+json">
123   {"name": "Sons of the Book", "logo": "https://qtrypzzcjebvfcihiynt.supabase.co/storage/v1/object/public/base44-prod/public/69b448069b7229b56504c9d5/e051973d3_logo.png", "@context": "https://schema.org", "@type": "Organization", "url": "https://origin-book-cards.base44.app"}
124  </script>

124
125  

125<script data-seo-source="builder" type="application/ld+json">
126   {"@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{"@type": "ListItem", "position": 1, "name": "Home", "item": "https://origin-book-cards.base44.app/"}, {"@type": "ListItem", "position": 2, "name": "Character Detail | Sons of the Book", "item": "https://origin-book-cards.base44.app/CharacterDetail"}]}
127  </script>

127
128  

128<script async="true" data-app-id="69b448069b7229b56504c9d5" data-platform-url="https://app.base44.com" src="/static/js/badge.js">
129  </script>

129
130 </head>
131 <body>
132  <div id="root">
133   <div data-seo-source="builder" id="seo-snapshot" style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;">
134    <main>
135     <header>
136      <h1>
137       Character Detail | Sons of the Book
138      </h1>
139      <p>
140       Character Detail on Sons of the Book. An interactive digital archive and collection of character cards from Fabio Cont.
141      </p>
142     </header>
143     <nav aria-label="Pages">
144      <h2>
145       Pages
146      </h2>
147      <ul>
148       <li>
149        <a href="/Home">
150         Home
151        </a>
152       </li>
153       <li>
154        <a href="/Gallery">
155         Gallery
156        </a>
157        — Gallery on Sons of the Book. An interactive digital archive and collection of character cards from Fabio Cont.
158       </li>
159       <li>
160        <a href="/Books">
161         Books
162        </a>
163        — Books on Sons of the Book. An interactive digital archive and collection of character cards from Fabio Cont.
164       </li>
165       <li>
166        <a href="/Locations">
167         Locations
168        </a>
169        — Locations on Sons of the Book. An interactive digital archive and collection of character cards from Fabio Cont.
170       </li>
171       <li>
172        <a href="/Documents">
173         Documents
174        </a>
175        — Documents on Sons of the Book. An interactive digital archive and collection of character cards from Fabio Cont.
176       </li>
177       <li>
178        <a href="/Gadgets">
179         Gadgets
180        </a>
181        — Gadgets on Sons of the Book. An interactive digital archive and collection of character cards from Fabio Cont.
182       </li>
183      </ul>
184     </nav>
185    </main>
186   </div>
187  </div>
188 </body>
189</html>