1<!DOCTYPE html> 2<html> 3<head> 4 <link rel="stylesheet" type="text/css" class="__meteor-css__" href="/91040eca2b9dc2382951ecbe3c27fb0dcf823c2a.css?meteor_css_resource=true"> 5<title>Indie Shuffle</title> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 7 <meta name="apple-mobile-web-app-capable" content="yes"> 8 <meta name="mobile-web-app-capable" content="yes"> 9 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 10 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 11 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 12<style id="ssr-styles"> 13html { margin: 0; background: #292929; color: #ddd; font-family: Arial, sans-serif; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; } 14body { margin: 0; } 15a { color: #ddd; } 16h1 { margin-top: 0; } 17#ssr-nav { width: 80px; height: 100%; position: fixed; top: 0; left: 0; border-right: 1px solid #636363; background: #222; text-align: center; z-index: 10; } 18#ssr-logo { display: inline-block; padding: 15px; height: 50px; border-bottom: 1px solid #636363; margin-bottom: 20px; } 19#ssr-logo img { width: 50px; height: 50px; } 20.ssr-nav-item { color: #bbb; text-decoration: none; display: block; margin-bottom: 25px; font-size: 12px; } 21.ssr-nav-item:hover { color: #eee; } 22#ssr-feed { padding: 40px 40px 40px 120px; padding-bottom: 100px; width: calc(96% - 120px); max-width: 1000px; margin: 0 auto; } 23#ssr-feed .feed-title { font-size: 32px; line-height: 1.2; margin-bottom: 20px; color: #ddd; } 24#ssr-feed .feed-item { border-bottom: 1px solid #636363; padding: 0 0 20px 140px; margin-bottom: 16px; position: relative; min-height: 130px; box-sizing: border-box; } 25#ssr-feed .feed-item .artwork { position: absolute; top: 5px; left: 0; width: 120px; height: 120px; overflow: hidden; border-radius: 5px; } 26#ssr-feed .feed-item .artwork img { width: 100%; height: 100%; object-fit: cover; } 27.ssr-play-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); } 28#ssr-feed .tabs-container { display: flex; border-bottom: 1px solid #636363; margin-bottom: 30px; } 29#ssr-feed .tab-button { background: none; border: none; font-size: 16px; padding: 12px 24px; color: #999; cursor: pointer; text-decoration: none; white-space: nowrap; } 30#ssr-feed .tab-button.active { color: #fff; font-weight: 500; border-bottom: 2px solid #79b1d4; } 31#ssr-feed .feed-item .content-link { color: #ddd; text-decoration: none; } 32#ssr-feed .feed-item .content-title { font-size: 24px; font-weight: bold; } 33#ssr-feed .feed-item .content-subtitle { font-size: 18px; margin-bottom: 10px; } 34#ssr-feed .feed-item .description { font-size: 14px; color: #999; margin-bottom: 10px; line-height: 1.4; } 35#ssr-feed .feed-item .tags { display: flex; flex-wrap: wrap; margin-top: 8px; text-transform: capitalize; } 36#ssr-feed .feed-item .tag { font-size: 12px; padding: 5px 10px; margin-right: 5px; margin-bottom: 5px; background: rgba(60,60,60,0.7); border-radius: 12px; color: #ccc; text-decoration: none; } 37#ssr-feed .feed-item .additional-info { font-size: 13px; color: #999; margin-top: 5px; } 38#ssr-content { padding: 40px 40px 40px 120px; padding-bottom: 100px; width: calc(96% - 120px); max-width: 1000px; margin: 0 auto; } 39.ssr-track-header { display: flex; } 40.ssr-artwork-wrapper { width: 200px; margin-right: 30px; flex-shrink: 0; } 41.ssr-artwork { width: 200px; height: 200px; border-radius: 8px; overflow: hidden; margin-bottom: 15px; position: relative; } 42.ssr-artwork img { width: 100%; height: 100%; object-fit: cover; } 43.ssr-meta { color: #bbb; font-size: 14px; } 44.ssr-meta a { color: #ccc; } 45.ssr-track-info { flex: 1; min-width: 0; } 46.ssr-track-info h1 { font-size: 32px; margin: 0 0 10px; color: #ddd; line-height: 1.2; } 47.ssr-track-info h2 { font-size: 24px; margin: 0 0 15px; color: #ddd; font-weight: normal; line-height: 1.2; } 48.ssr-track-info .tags { display: flex; flex-wrap: wrap; margin-bottom: 15px; text-transform: capitalize; } 49.ssr-track-info .tag { font-size: 13px; padding: 6px 12px; margin-right: 8px; margin-bottom: 8px; background: rgba(60,60,60,0.7); border-radius: 15px; color: #ccc; text-decoration: none; } 50.ssr-track-info .additional-info { font-size: 13px; color: #999; margin-top: 5px; } 51.ssr-description { line-height: 1.7; font-size: 16px; margin-top: 25px; color: #ccc; max-width: 800px; background: rgba(60,60,60,0.7); border-radius: 5px; padding: 10px 15px; } 52.ssr-playlist-detail { max-width: 800px; } 53.ssr-playlist-header { margin-bottom: 30px; } 54.ssr-playlist-header h1 { font-size: 32px; margin: 0 0 10px; color: #ddd; line-height: 1.2; } 55.ssr-playlist-tracks h3 { margin-bottom: 15px; color: #ddd; } 56.ssr-playlist-track { display: flex; align-items: center; padding: 8px 0; border-bottom: 1px solid rgba(99,99,99,0.3); } 57.ssr-track-num { width: 30px; color: #999; font-size: 14px; text-align: center; flex-shrink: 0; } 58.ssr-playlist-track .artwork { width: 50px; height: 50px; border-radius: 4px; overflow: hidden; margin-right: 12px; flex-shrink: 0; position: relative; } 59.ssr-playlist-track .artwork img { width: 100%; height: 100%; object-fit: cover; } 60.ssr-track-meta { flex: 1; min-width: 0; } 61.ssr-track-meta .content-link { color: #ddd; text-decoration: none; } 62.ssr-track-meta .content-title { font-size: 16px; font-weight: bold; } 63.ssr-track-meta .content-subtitle { font-size: 14px; color: #bbb; } 64@media (max-width: 768px) { 65 #ssr-nav { width: 100%; height: 60px; top: auto; bottom: 0;
65 border-right: none; border-top: 1px solid #636363; display: flex; justify-content: space-around; } 66 #ssr-logo { display: none; } 67 .ssr-nav-item { margin: 0; padding: 5px 0; flex: 1; display: flex; align-items: center; justify-content: center; font-size: 11px; } 68 #ssr-feed { width: calc(100% - 20px); padding: 20px 10px 150px; } 69 #ssr-feed .feed-item .description, #ssr-feed .feed-item .additional-info { display: none; } 70 #ssr-content { width: calc(100% - 20px); padding: 20px 10px 150px; } 71 .ssr-track-header { flex-direction: column; } 72 .ssr-artwork-wrapper { width: 100%; margin-right: 0; } 73 .ssr-artwork { width: 100%; height: auto; aspect-ratio: 1/1; } 74} 75</style> 76</head> 77<body><div id="react-target"></div> 78
78<script type="text/javascript">__meteor_runtime_config__ = JSON.parse(decodeURIComponent("%7B%22meteorRelease%22%3A%22METEOR%403.4%22%2C%22gitCommitHash%22%3A%2265dfc0969adaf59513067bc48ab6be75a3643629%22%2C%22meteorEnv%22%3A%7B%22NODE_ENV%22%3A%22production%22%2C%22TEST_METADATA%22%3A%22%7B%7D%22%7D%2C%22PUBLIC_SETTINGS%22%3A%7B%22google%22%3A%7B%22clientId%22%3A%22659558661636-5jaulnkh3ng06poag51pbo9fgh2bmj9b.apps.googleusercontent.com%22%7D%2C%22facebook%22%3A%7B%22clientId%22%3A%22307345949384%22%7D%2C%22soundcloud%22%3A%7B%22clientId%22%3A%22Av54XCzCkKMyQKZ1SaMsXvTWMFOgIl0u%22%7D%7D%2C%22debug%22%3Afalse%2C%22ROOT_URL%22%3A%22https%3A%2F%2Fwww.indieshuffle.com%22%2C%22ROOT_URL_PATH_PREFIX%22%3A%22%22%2C%22reactFastRefreshEnabled%22%3Atrue%2C%22autoupdate%22%3A%7B%22versions%22%3A%7B%22web.browser%22%3A%7B%22version%22%3A%225985bb41a33f5dbd894160adb43e0d10820e6b80%22%2C%22versionRefreshable%22%3A%22f74459f24092af0e6e06e25820ba1872c2fdbe97%22%2C%22versionNonRefreshable%22%3A%2208ce07d7637a7a0a6ef581446109c6022ba85b2d%22%2C%22versionReplaceable%22%3A%22a12d21e16b9efb5dcdbdef8aba9dfbccfcc431ee%22%7D%2C%22web.browser.legacy%22%3A%7B%22version%22%3A%2210220de1b2db3fc30176b67218dd1bd8516537c7%22%2C%22versionRefreshable%22%3A%22f74459f24092af0e6e06e25820ba1872c2fdbe97%22%2C%22versionNonRefreshable%22%3A%22c9c4731fd9edb8b3e61c9fd5b5c66f317e2fac9b%22%2C%22versionReplaceable%22%3A%22a12d21e16b9efb5dcdbdef8aba9dfbccfcc431ee%22%7D%7D%2C%22autoupdateVersion%22%3Anull%2C%22autoupdateVersionRefreshable%22%3Anull%2C%22autoupdateVersionCordova%22%3Anull%2C%22appId%22%3A%22eilmpszgfrt.j1sbakqvlaat%22%7D%2C%22appId%22%3A%22eilmpszgfrt.j1sbakqvlaat%22%2C%22kadira%22%3A%7B%22appId%22%3A%22M4x4sF6gAGfzmM5Cd%22%2C%22endpoint%22%3A%22https%3A%2F%2Fengine.montiapm.com%22%2C%22clientEngineSyncDelay%22%3A10000%2C%22recordIPAddress%22%3A%22full%22%2C%22disableClientErrorTracking%22%3Afalse%2C%22enableErrorTracking%22%3Atrue%7D%2C%22isModern%22%3Afalse%7D"))</script>
78 79 80
80<script type="text/javascript" src="/b0af5dfb750258685cca5bb6420fbeb4242ff8ba.js?meteor_js_resource=true"></script>
80 81 82 83
84<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":"5abd70dd598b4a7db479c719fe87a4de","r":1,"spa":2}' crossorigin="anonymous"></script>
84 85</body> 86</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.