https://trendoholicsllc.base44.app/music

1<!DOCTYPE html>
2<html lang="en">
3 <head>
4  

4<script>
5   (function () {
6  var proto = XMLHttpRequest.prototype;
7  var open = proto.open, setRequestHeader = proto.setRequestHeader, send = proto.send;
8  var TOKEN_KEY = 'base44_access_token';
9  var storedTokenHeader = function () {
10    try { return 'Bearer ' + localStorage.getItem(TOKEN_KEY); } catch (e) { return null; }
11  };
12  var forgetStoredToken = function () {
13    try { localStorage.removeItem(TOKEN_KEY); localStorage.removeItem('token'); } catch (e) {}
14  };
15
16  proto.open = function (method, url) {
17    this.__b44IsAuthCheck = /\/entities\/User\/me(\?|$)/.test(url);
18    return open.apply(this, arguments);
19  };
20
21  proto.setRequestHeader = function (name, value) {
22    if (this.__b44IsAuthCheck && name.toLowerCase() === 'authorization' && value === storedTokenHeader()) {
23      this.__b44SentToken = value;
24    }
25    return setRequestHeader.call(this, name, value);
26  };
27
28  proto.send = function () {
29    this.addEventListener('loadend', function () {
30      var rejectedTokenStillStored = this.status === 401 && this.__b44SentToken === storedTokenHeader();
31      if (rejectedTokenStillStored) forgetStoredToken();
32    });
33    return send.apply(this, arguments);
34  };
35})();
36  </script>

36
37  <meta charset="utf-8"/>
38  <link href="/vite.svg" rel="icon" type="image/svg+xml"/>
39  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
40  <title>
41   Music Catalog | TRENDoholics
42  </title>
43  <meta content="Music Catalog on TRENDoholics. TRENDoholics manages 1 data type including releases." name="description"/>
44  <meta content="Music Catalog | TRENDoholics" property="og:title"/>
45  <meta content="Music Catalog on TRENDoholics. TRENDoholics manages 1 data type including releases." property="og:description"/>
46  <meta content="website" property="og:type"/>
47  <meta content="summary_large_image" name="twitter:card"/>
48  <link href="https://fonts.googleapis.com" rel="preconnect"/>
49  <link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/>
50  <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&amp;family=Inter:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet"/>
51  

51<script crossorigin="" src="/assets/index-D16J3C0p.js" type="module">
52  </script>

52
53  <link crossorigin="" href="/assets/index-Cqh25ta1.css" rel="stylesheet"/>
54  

54<script type="module">
55   if (window.self === window.top) {
56  let lastPath = "";
57  function getPageNameFromPath(path) {
58    const segments = path.split("/").filter(Boolean);
59    return segments[0] || null;
60  }
61  function trackPageView() {
62    const path = window.location.pathname;
63    if (path === lastPath) return;
64    lastPath = path;
65    const pageName = getPageNameFromPath(path) || "home";
66    const appId = "6a544c537d26b9c530dd0ffc";
67    if (!appId) return;
68    fetch(`/api/app-logs/${appId}/log-user-in-app/${pageName}`, {
69      method: "POST",
70    }).catch(() => {});
71  }
72  const originalPushState = history.pushState.bind(history);
73  history.pushState = function (...args) {
74    originalPushState(...args);
75    trackPageView();
76  };
77  const originalReplaceState = history.replaceState.bind(history);
78  history.replaceState = function (...args) {
79    originalReplaceState(...args);
80    trackPageView();
81  };
82  window.addEventListener("popstate", trackPageView);
83  trackPageView();
84}
85  </script>

85
86  <meta content="https://media.base44.com/images/public/6a544c537d26b9c530dd0ffc/4329c59d6_trendoholicslogo.png/v1/fill/w_1200,h_630/4329c59d6_trendoholicslogo.png" property="og:image"/>
87  <meta content="https://trendoholicsllc.base44.app/music" property="og:url"/>
88  <meta content="TRENDoholics" property="og:site_name"/>
89  <meta content="Music Catalog | TRENDoholics" name="twitter:title"/>
90  <meta content="Music Catalog on TRENDoholics. TRENDoholics manages 1 data type including releases." name="twitter:description"/>
91  <meta content="https://media.base44.com/images/public/6a544c537d26b9c530dd0ffc/4329c59d6_trendoholicslogo.png/v1/fill/w_1200,h_630/4329c59d6_trendoholicslogo.png" name="twitter:image"/>
92  <meta content="https://trendoholicsllc.base44.app/music" name="twitter:url"/>
93  

93<script>
94   (function () {
95  var titles = {"/": "TRENDoholics", "/music": "Music Catalog | TRENDoholics", "/gallery": "Gallery Page | TRENDoholics", "/resilience": "Resilience Page | TRENDoholics", "/contact": "Contact Page | TRENDoholics", "/press-kit": "Press Kit Page | TRENDoholics", "/privacy-policy": "Privacy Policy | TRENDoholics", "/ai-policy": "AIPolicy | TRENDoholics", "/terms": "Terms Conditions | TRENDoholics", "/copyright": "Copyright Page | TRENDoholics", "/creative-process": "Creative Process | TRENDoholics", "/support": "Support | TRENDoholics", "/artist-bio": "Artist Bio | TRENDoholics", "/home": "TRENDoholics"};
96  // PascalCase boundaries -> "-", mirroring _PASCAL_BOUNDARY_RE without lookbehind
97  // (old Safari fails to PARSE a lookbehind, taking the whole script down).
98  var dashed = function (s) {
99    return s.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2");
100  };
101  var decode = function (s) {
102    // A %2F inside ONE segment must not become a structural separator: /blog/foo%2Fbar is a
103    // dynamic slug, and letting it split would match a static /blog/foo/bar and write ITS title.
104    try { var d = decodeURIComponent(s); return d.indexOf("/") < 0 ? d : s; } catch (e) { return s; }
105  };
106  var segments = function (path) { return path.split("/").filter(Boolean).map(decode); };
107  var norm = function (path) {
108    var parts = segments(path).map(function (s) { return dashed(s).toLowerCase(); });
109    return parts.length ? "/" + parts.join("/") : "/";
110  };
111  var lastPath = location.pathname, written = document.title, on = true;
112  var sync = function () {
113    // Path only: a hash/query change is the same page, and the SDK strips its own auth
114    // params with replaceState -- neither must clobber a server-rendered title in place.
115    if (!on || location.pathname === lastPath) return;
116    lastPath = location.pathname;
117    if (document.title !== written) { on = false; return; }
118    // Write ONLY a title the map proves. An unmapped path is a dynamic route (/blog/:slug) the
119    // map cannot carry, and writing a placeholder there is destructive, not merely vague: the
120    // prerender worker runs no setUserAgent, so its capture browser reads as human and executes
121    // this script, and coordinator.js's settle wait explicitly tolerates a full navigation --
122    // a redirect landing on an unmapped path would bake the placeholder into the stored
123    // snapshot. Leaving the title alone degrades to today's behavior instead.
124    // Exact lookup only. A dash-stripped retry here would let a genuinely different /set-up
125    // claim /setup: the map carries a dash-free key only where a PascalCase boundary put the
126    // dashes there, and the client cannot tell the two apart. The map emits every reachable
127    // shape per segment instead (_client_url_variants).
128    var title = titles[norm(location.pathname)];
129    if (title === undefined) return;
130    document.title = title;
131    // Re-read: the setter stores verbatim but the getter strips and collapses whitespace, so
132    // keeping the assigned string would make the next sync() read our own write as the app's.
133    written = document.title;
134  };
135  var wrap = function (fn) {
136    // The history entry is already pushed by the time sync() runs, so a throw here would
137    // surface inside the host app's router and break navigation. This is injected into apps
138    // we cannot test, so it swallows rather than trusting the trace.
139    return function () {
140      var r = fn.apply(this, arguments);
141      try { sync(); } catch (e) {}
142      return r;
143    };
144  };
145  history.pushState = wrap(history.pushState);
146  history.replaceState = wrap(history.replaceState);
147  window.addEventListener("popstate", sync);
148})();
149  </script>

149
150  <meta content="yes" name="mobile-web-app-capable"/>
151  <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
152  <meta content="TRENDoholics" name="apple-mobile-web-app-title"/>
153  <link href="https://trendoholicsllc.base44.app/music" rel="canonical"/>
154  

154<script data-seo-source="builder" type="application/ld+json">
155   {"name": "TRENDoholics", "@context": "https://schema.org", "@type": "WebSite", "url": "https://trendoholics.com"}
156  </script>

156
157  

157<script data-seo-source="builder" type="application/ld+json">
158   {"name": "TRENDoholics", "logo": "https://media.base44.com/images/public/6a544c537d26b9c530dd0ffc/d507e7b6b_logo.png", "@context": "https://schema.org", "@type": "Organization", "url": "https://trendoholics.com"}
159  </script>

159
160  

160<script data-seo-source="builder" type="application/ld+json">
161   {"@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{"@type": "ListItem", "position": 1, "name": "Home", "item": "https://trendoholicsllc.base44.app/"}, {"@type": "ListItem", "position": 2, "name": "Music Catalog | TRENDoholics", "item": "https://trendoholicsllc.base44.app/music"}]}
162  </script>

162
163 </head>
164 <body>
165  <div id="root">
166   <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;">
167    <main>
168     <header>
169      <h1>
170       Music Catalog | TRENDoholics
171      </h1>
172      <p>
173       Music Catalog on TRENDoholics. TRENDoholics manages 1 data type including releases.
174      </p>
175     </header>
176     <nav aria-label="Pages">
177      <h2>
178       Pages
179      </h2>
180      <ul>
181       <li>
182        <a href="/">
183         Home
184        </a>
185       </li>
186       <li>
187        <a href="/music">
188         Music Catalog
189        </a>
190        — Music Catalog on TRENDoholics. TRENDoholics manages 1 data type including releases.
191       </li>
192       <li>
193        <a href="/gallery">
194         Gallery Page
195        </a>
196        — Gallery Page on TRENDoholics. TRENDoholics manages 1 data type including releases.
197       </li>
198       <li>
199        <a href="/resilience">
200         Resilience Page
201        </a>
202        — Resilience Page on TRENDoholics. TRENDoholics manages 1 data type including releases.
203       </li>
204       <li>
205        <a href="/contact">
206         Contact Page
207        </a>
208        — Contact Page on TRENDoholics. TRENDoholics manages 1 data type including releases.
209       </li>
210       <li>
211        <a href="/press-kit">
212         Press Kit Page
213        </a>
214        — Press Kit Page on TRENDoholics. TRENDoholics manages 1 data type including releases.
215       </li>
216       <li>
217        <a href="/privacy-policy">
218         Privacy Policy
219        </a>
220        — Privacy Policy on TRENDoholics. TRENDoholics manages 1 data type including releases.
221       </li>
222       <li>
223        <a href="/ai-policy">
224         AI Policy
225        </a>
226        — AIPolicy on TRENDoholics. TRENDoholics manages 1 data type including releases.
227       </li>
228       <li>
229        <a href="/terms">
230         Terms Conditions
231        </a>
232        — Terms Conditions on TRENDoholics. TRENDoholics manages 1 data type including releases.
233       </li>
234       <li>
235        <a href="/copyright">
236         Copyright Page
237        </a>
238        — Copyright Page on TRENDoholics. TRENDoholics manages 1 data type including releases.
239       </li>
240       <li>
241        <a href="/creative-process">
242         Creative Process
243        </a>
244        — Creative Process on TRENDoholics. TRENDoholics manages 1 data type including releases.
245       </li>
246       <li>
247        <a href="/support">
248         Support
249        </a>
250        — Support on TRENDoholics. TRENDoholics manages 1 data type including releases.
251       </li>
252       <li>
253        <a href="/artist-bio">
254         Artist Bio
255        </a>
256        — Artist Bio on TRENDoholics. TRENDoholics manages 1 data type including releases.
257       </li>
258      </ul>
259     </nav>
260    </main>
261   </div>
262  </div>
263 </body>
264</html>