1 2 3 4<!DOCTYPE html> 5<html lang="en"> 6 <head> 7 <meta charset="utf-8"> 8 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 9 <meta http-equiv="x-ua-compatible" content="ie=edge"> 10 11 <title>Moviegalaxies - Welcome</title> 12 13 <link rel="icon" type="image/gif" href="/static/img/favicon.e15965b32031.ico"> 14 15 16 <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet"> 17 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tailwindcss/ui@latest/dist/tailwind-ui.min.css"> 18 19 <link rel="stylesheet" href="/static/css/styles.2b659ecd8455.css"> 20 21 22 23 24 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 25 26 27 28
28<script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected]/dist/alpine.js" type="text/javascript"></script>
28 29
29<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js" type="text/javascript"></script>
29 30
30<script>
vendor: 143 bytes, lines 30-33
30 31 (function(h,o,t,j,a,r){ 32 h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; 33 h._hjSettings={hjid:
331980624
vendor: 296 bytes, lines 33-39
33,hjsv:6}; 34 a=o.getElementsByTagName('head')[0]; 35 r=o.createElement('script');r.async=1; 36 r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; 37 a.appendChild(r); 38 })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); 39
39</script>
39 40 <!-- Start of Async Drift Code --> 41
41<script> 42 "use strict"; 43 44 !function() { 45 var t = window.driftt = window.drift = window.driftt || []; 46 if (!t.init) { 47 if (t.invoked) return void (window.console && console.error && console.error("Drift snippet included twice.")); 48 t.invoked = !0, t.methods = [ "identify", "config", "track", "reset", "debug", "show", "ping", "page", "hide", "off", "on" ], 49 t.factory = function(e) { 50 return function() { 51 var n = Array.prototype.slice.call(arguments); 52 return n.unshift(e), t.push(n), t; 53 }; 54 }, t.methods.forEach(function(e) { 55 t[e] = t.factory(e); 56 }), t.load = function(t) { 57 var e = 3e5, n = Math.ceil(new Date() / e) * e, o = document.createElement("script"); 58 o.type = "text/javascript", o.async = !0, o.crossorigin = "anonymous", o.src = "https://js.driftt.com/include/" + n + "/" + t + ".js"; 59 var i = document.getElementsByTagName("script")[0]; 60 i.parentNode.insertBefore(o, i); 61 }; 62 } 63 }(); 64 drift.SNIPPET_VERSION = '0.3.1'; 65 drift.load('hyrcfccr43ut'); 66 </script>
66 67 <!-- End of Async Drift Code --> 68 69 </head> 70 71 <body class="text-gray-800 antialiased leading-tight min-h-screen"> 72 73 74 75 76 77 78<nav x-data="{ open: false }" class="bg-white border-b border-gray-200"> 79 <div class="mx-auto sm:px-4 lg:px-6"> 80 <div class="relative flex items-center justify-between h-16"> 81 <div class="absolute inset-y-0 left-0 flex items-center sm:hidden"> 82 <button @click="open = !open" class="inline-flex items-center justify-center p-2 rounded-md hover:bg-orange-100 hover:text-orange-500 focus:outline-none focus:bg-orange-200 focus:text-orange-500 transition duration-150 ease-in-out"> 83 <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24"> 84 <path :class="{'hidden': open, 'inline-flex': !open }" class="inline-flex" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> 85 <path :class="{'hidden': !open, 'inline-flex': open }" class="hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> 86 </svg> 87 </button> 88 </div> 89 <div class="flex-1 flex items-center justify-center sm:items-stretch sm:justify-start"> 90 <div class="flex-shrink-0"> 91 92 <a href="/" class="block pr-4 py-3 text-orange-500 font-semibold hover:text-orange-500 focus:text-orange-500">Moviegalaxies</a> 93 </div> 94 <div class="hidden sm:block sm:ml-6"> 95 <div class="flex"> 96 <a href="/" class="block px-4 py-3 hover:text-orange-500 focus:text-orange-500">Home</a> 97 <a href="/discover/" class="block px-4 py-3 hover:text-orange-500 focus:text-orange-500">Discover</a> 98 99 </div> 100 </div> 101 </div> 102 <div class="absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0"> 103 <button class="p-1 border-2 border-transparent rounded-full hover:text-orange-500 focus:outline-none focus:text-orange-500 focus:text-orange-100 transition duration-150 ease-in-out"> 104 <a href="/wishlist/" alt="Request a movie"> 105 ð¿</a> 106 </button> 107 </div> 108 </div> 109 110 <div :class="{'block': open, 'hidden': !open}" class="hidden sm:hidden bg-orange-100"> 111 <div class="px-2 pt-2 pb-3 font-light text-4xl"> 112 <a href="/" class="block px-4 py-3 hover:text-orange-500 ">Home</a> 113 <a href="/discover/" class="block px-4 py-3 hover:text-orange-500">Discover</a> 114 115 </div> 116 </div> 117</nav> 118 119 120 121 122 123 124<div class="mx-auto p-6 border-b border-gray-200"> 125 126<div class="flex items-center justify-between"> 127 128 <div class="flex-1 truncate overflow-hidden"> 129 <h2 class="text-2xl lg:text-4xl font-bold text-gray-900"> 130 10 Things I Hate About You 131 </h2> 132 <div class="mt-2 text-gray-500"> 133 1999 134 </div> 135 </div> 136 <div class="flex"> 137 <span class="shadow-sm rounded-md"> 138 <a href="/movies/surprise-me/" class="inline-flex items-center px-4 py-2 border border-transparent text-sm leading-5 font-medium rounded-md text-white bg-orange-500 hover:bg-orange-500 focus:outline-none focus:shadow-outline-indigo focus:border-orange-500 active:bg-orange-700 transition duration-150 ease-in-out"> 139 <i class="gg-infinity"></i> 140 <span class="hidden lg:block pl-3">Shuffle</span> 141 </a> 142 </span> 143 </div> 144</div> 145</div> 146 147<!-- Navigation --> 148 149<div class="mx-auto"> 150 151<div class="tabs items-center"> 152 153 <!-- Graph --> 154 <input type="radio" name="tabs" id="movie" checked="checked"> 155 <label for="movie" class="pl-6 pr-3 text-xs hover:text-orange-500 lg:text-base">Network</label> 156 <div class="tab border-t border-gray-200 p-5"> 157 <div id="graph" class="min-h-65"></div> 158 </div> 159 160 <!-- Characters --> 161 <input type="radio" name="tabs" id="characters" class="characters-tab"> 162 <label for="characters" class="p-3 text-xs hover:text-orange-500 lg:text-base">Characters</label> 163 <div class="tab border-t border-gray-200 p-5"> 164 <div id="characters-info" class="min-h-65"></div> 165 </div> 166 167 <!-- Compare --> 168 <input type="radio" name="tabs" id="meta" class="meta-tab"> 169 <label for="meta" class="p-3 text-xs hover:text-orange-500 lg:text-base">Compare</label> 170 <div class="tab border-t border-gray-200 p-5"> 171 <div id="meta-plot" class="min-h-65"></div> 172 </div> 173 174 <!-- Resources --> 175 <input type="radio" name="tabs" id="resources" class="resources-tab"> 176 <label for="resources" class="p-3 text-xs hover:text-orange-500 lg:text-base">Resources</label> 177 <div class="tab border-t border-gray-200 p-6" id="resources"> 178 179<div class="overflow-hidden">
180 <div class="border-b border-gray-200 pb-4"> 181 <h3 class="text-lg leading-6 font-medium text-gray-900"> 182 Resources 183 </h3> 184 <p class="mt-1 max-w-2xl text-sm leading-5 text-gray-500"> 185 Data for your education and research. 186 </p> 187 </div> 188 <div> 189 <dl> 190 <div class="bg-gray-50 py-5 sm:grid sm:grid-cols-3 sm:gap-4"> 191 <dt class="text-sm leading-5 font-medium"> 192 Citation 193 </dt> 194 <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2"> 195 <p class="font-mono text-gray-800"> 196 @misc{<br> 197 kaminski_schober_albaladejo_zastupailo_hidalgo_2012,<br> 198 title={Moviegalaxies - Social Networks in Movies},<br> 199 url={http://moviegalaxies.com/},<br> 200 journal={Moviegalaxies},<br> 201 author={Kaminski, Jermain and Schober, Michael and Zastupailo, Oleksandr and Hidalgo, Cesar},<br> 202 year={2012},<br> 203 month={Dec}} 204 </p> 205 </dd> 206 </div> 207 <div class="bg-gray-50 py-5 sm:grid sm:grid-cols-3 sm:gap-4"> 208 <dt class="text-sm leading-5 font-medium"> 209 Research 210 </dt> 211 <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2"> 212 <ul class="border border-gray-200 rounded-md"> 213 <li class="pl-3 pr-4 py-3 flex items-center justify-between text-sm leading-5"> 214 <div class="w-0 flex-1 flex items-center"> 215 <svg class="flex-shrink-0 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg> 216 <span class="ml-2 flex-1 w-0 truncate"> 217 Moviegalaxies data is open-source at the Harvard DataVerse. 218 </span> 219 </div> 220 <div class="ml-4 flex-shrink-0"> 221 <a href="https://dataverse.harvard.edu/dataset.xhtml?persistentId=doi:10.7910/DVN/T4HBA3" target="_blank" class="font-medium hover:text-orange-500 transition duration-150 ease-in-out"> 222 Go to Harvard DataVerse 223 </a> 224 </div> 225 </li> 226 </ul> 227 </dd> 228 </div> 229 <div class="bg-gray-50 py-5 sm:grid sm:grid-cols-3 sm:gap-4"> 230 <dt class="text-sm leading-5 font-medium"> 231 JSON File 232 </dt> 233 <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2"> 234 You can integrate the JSON code into your networkx, Gephi or any other network visualization program. Example of the structure: 235 </dd> 236 </div> 237 <div class="bg-white py-5 sm:grid sm:grid-cols-3 sm:gap-4"> 238 <dt class="text-sm leading-5 font-medium"> 239 Files 240 </dt> 241 <dd class="mt-1 text-sm leading-5 text-gray-900 sm:mt-0 sm:col-span-2"> 242 <ul class="border border-gray-200 rounded-md"> 243 <li class="pl-3 pr-4 py-3 flex items-center justify-between text-sm leading-5"> 244 <div class="w-0 flex-1 flex items-center"> 245 <svg class="flex-shrink-0 h-5 w-5 text-gray-400" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg> 246 <span class="ml-2 flex-1 w-0 truncate"> 247 Preview *.json file 248 </span> 249 </div> 250 <div class="ml-4 flex-shrink-0"> 251 <a href="#" id="preview-json" class="font-medium hover:text-orange-500 transition duration-150 ease-in-out"> 252 Preview 253 </a> 254 </div> 255 </li> 256 <li class="border-t border-gray-200 pl-3 pr-4 py-3 flex items-center justify-between text-sm leading-5"> 257 <div class="w-0 flex-1 flex items-center"> 258 <svg class="flex-shrink-0 h-5 w-5 text-gray-400" fill="currentColor" viewBox="0 0 20 20"> 259 <path fill-rule="evenodd" d="M8 4a3 3 0 00-3 3v4a5 5 0 0010 0V7a1 1 0 112 0v4a7 7 0 11-14 0V7a5 5 0 0110 0v4a3 3 0 11-6 0V7a1 1 0 012 0v4a1 1 0 102 0V7a3 3 0 00-3-3z" clip-rule="evenodd"/> 260 </svg>
261 <span class="ml-2 flex-1 w-0 truncate"> 262 Download *.json file 263 </span> 264 </div> 265 <div class="ml-4 flex-shrink-0"> 266 <a href="#" id="download-json" class="font-medium hover:text-orange-500 transition duration-150 ease-in-out"> 267 Download 268 </a> 269 </div> 270 </li> 271 </ul> 272 </dd> 273 </div> 274 </dl> 275 </div> 276</div> 277</div> 278 279<!-- Metrics --> 280 <input type="radio" name="tabs" id="metrics" class="metrics-tab"> 281 <label for="metrics" class="p-3 text-xs hover:text-orange-500 lg:text-base">Metrics</label> 282 <div class="tab border-t border-gray-200 p-6" id="metrics"> 283 284 <ul class="md:grid lg:grid-cols-4 md:grid-cols-2 md:col-gap-8 md:row-gap-10"> 285 286 <li> 287 <div class="flex"> 288 <div class="lg:w-1/8 pb-4"> 289 <h2 class="text-xl lg:text-4xl text-orange-500">161.0</h2> 290 <span>Number of edges</span> 291 </div> 292 </div> 293 </li> 294 295 <li> 296 <div class="flex"> 297 <div class="lg:w-1/8 pb-4"> 298 <h2 class="text-xl lg:text-4xl text-orange-500">21</h2> 299 <span>Number of characters</span> 300 </div> 301 </div> 302 </li> 303 304 <li> 305 <div class="flex"> 306 <div class="lg:w-1/8 pb-4"> 307 <h2 class="text-xl lg:text-4xl text-orange-500">3</h2> 308 <span>Diameter</span> 309 </div> 310 </div> 311 </li> 312 313 <li> 314 <div class="flex"> 315 <div class="lg:w-1/8 pb-4"> 316 <h2 class="text-xl lg:text-4xl text-orange-500">0.324</h2> 317 <span>Density</span> 318 </div> 319 </div> 320 </li> 321 322 <li> 323 <div class="flex"> 324 <div class="lg:w-1/8 pb-4"> 325 <h2 class="text-xl lg:text-4xl text-orange-500">1</h2> 326 <span>Number of connected components</span> 327 </div> 328 </div> 329 </li> 330 331 <li> 332 <div class="flex"> 333 <div class="lg:w-1/8 pb-4"> 334 <h2 class="text-xl lg:text-4xl text-orange-500">0.113</h2> 335 <span>Average clustering</span> 336 </div> 337 </div> 338 </li> 339 340 <li> 341 <div class="flex"> 342 <div class="lg:w-1/8 pb-4"> 343 <h2 class="text-xl lg:text-4xl text-orange-500">2.22</h2> 344 <span>Average shortest path length</span> 345 </div> 346 </div> 347 </li> 348 349 <li> 350 <div class="flex"> 351 <div class="lg:w-1/8 pb-4"> 352 <h2 class="text-xl lg:text-4xl text-orange-500">0.143</h2> 353 <span>Modularity</span> 354 </div> 355 </div> 356 </li> 357 358 359 </ul> 360 361 </div> 362 363</div> 364 365 366 367 <footer> 368 <div class="bg-white"> 369 <div class="bg-white pt-12 sm:pt-16"> 370 <div class="mt-10 bg-white"> 371 <div class="relative"> 372 <div class="absolute inset-0 h-1/2 bg-white border-b border-gray-200"></div> 373 <div class="relative max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8"> 374 <div class="max-w-xl mx-auto"> 375 <div class="rounded-lg bg-white shadow sm:grid sm:grid-cols-1"> 376 <div class="bg-white relative text-center rounded-lg py-7 px-6"> 377 <p class="font-semibold text-gray-900">Sign up for our newsletter to stay up to date.</p> 378 <div class="mt-4"> 379 <div x-data="newsletter()" class="mt-4 sm:flex justify-center"> 380 <input x-model="form.email" class="appearance-none w-full px-5 py-3 border border-gray-300 text-base leading-6 rounded-md text-gray-900 bg-white placeholder-gray-500 focus:outline-none focus:shadow-outline focus:border-blue-300 transition duration-150 ease-in-out sm:max-w-xs" type="email" value="" name="EMAIL" class="email" placeholder="Enter your email" aria-label="Email address" required> 381 <div style="position: absolute; left: -5000px;" aria-hidden="true"> 382 <input x-model="form.robot" type="text" name="b_66b483189b1bf6b4e97191a0a_cd3c5cdd79" tabindex="-1" value=""> 383 </div> 384 <div class="mt-3 rounded-md shadow sm:mt-0 sm:ml-3 sm:flex-shrink-0"> 385 <button @click="submitForm();" class="w-full flex items-center justify-center px-5 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-victoria-600 hover:bg-victoria-500 focus:outline-none focus:shadow-outline transition duration-150 ease-in-out"> 386 Notify me 387 </button> 388 </div> 389</div> 390 391 </div> 392 </div> 393 </div> 394 </div> 395 </div> 396 </div> 397 </div> 398</div> 399 <div class="max-w-screen-xl mx-auto pt-16 pb-12 px-4 overflow-hidden sm:px-6 lg:px-8"> 400 <nav class="-mx-5 -my-2 flex flex-wrap justify-center"> 401 <div class="px-5 py-2"> 402 <a href="/discover/" class="text-base leading-6 text-gray-500 hover:text-orange-500"> 403 ð Discover 404 </a> 405 </div> 406 <div class="px-5 py-2"> 407 <a href="/wishlist/" class="text-base leading-6 text-gray-500 hover:text-orange-500"> 408 ð¿ Wishlist 409 </a> 410 </div> 411 <div class="px-5 py-2"> 412 <a href="/stats/" class="text-base leading-6 text-gray-500 hover:text-orange-500"> 413 â¡ ï¸Statistics 414 </a> 415 </div> 416 <div class="px-5 py-2"> 417 <a href="/cdn-cgi/l/email-protection#8fece0e1fbeeecfbcfe2e0f9e6eae8eee3eef7e6eafca1ece0e2" class="text-base leading-6 text-gray-500 hover:text-orange-500"> 418 âð»ï¸ Contact 419 </a> 420 </div> 421 </nav> 422 <div class="mt-8 flex justify-center"> 423 <a href="https://www.instagram.com/moviegalaxies" class="ml-6 text-gray-400 hover:text-gray-500">
424 <span class="sr-only">Instagram</span> 425 <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"> 426 <path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd"/> 427 </svg> 428 </a> 429 <a href="https://twitter.com/moviegalaxies" class="ml-6 text-gray-400 hover:text-gray-500"> 430 <span class="sr-only">Twitter</span> 431 <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"> 432 <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"/> 433 </svg> 434 </a> 435 <a href="https://github.com/moviegalaxies" class="ml-6 text-gray-400 hover:text-gray-500"> 436 <span class="sr-only">GitHub</span> 437 <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"> 438 <path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"/> 439 </svg> 440 </a> 441 </div> 442 <div class="mt-8 space-x-2 text-gray-400 flex justify-center"> 443 <span class="text-center text-base leading-6"> 444 © 2026 Moviegalaxies 445 </span> 446 <span> | </span> 447 <a href="/terms/" class="hover:text-gray-500">Terms of Service</a> 448 <span> | </span> 449 <a href="/privacy/" class="hover:text-gray-500">Privacy Policy</a> 450 </div> 451 </div> 452</div> 453</footer>
vendor: 110 bytes, lines 453-455
453 454 455<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
455<script> 456 function newsletter() { 457 return { 458 form: { 459 email: '', 460 robot: '' 461 }, 462 resetForm: function() { 463 this.form.email = ''; 464 this.form.robot = ''; 465 }, 466 submitForm: function() { 467 let form = this.form; 468 469 $.ajax({ 470 context: this, 471 url : "https://moviegalaxies.us19.list-manage.com/subscribe/post-json?u=66b483189b1bf6b4e97191a0a&id=cd3c5cdd79", 472 type : "POST", 473 dataType: 'jsonp', 474 data : { 475 EMAIL: form.email, 476 b_66b483189b1bf6b4e97191a0a_cd3c5cdd79: form.robot 477 }, 478 success : function(json) { 479 this.resetForm(); 480 }, 481 error : function(xhr, errmsg, err) { 482 this.resetForm(); 483 } 484 }) 485 } 486 } 487 } 488</script>
vendor: 118 bytes, lines 488-495
488 489 490 491 492 493 494 495 <script async src="https://www.googletagmanager.com/gtag/js?id=
495UA-129299466-1
vendor: 28 bytes, lines 495-496
495"></script> 496
496<script> 497
vendor: 182 bytes, lines 497-501
497window.dataLayer = window.dataLayer || []; 498 function gtag(){dataLayer.push(arguments);} 499 gtag('js', new Date()); 500 501 gtag('config', '
501UA-129299466-1
vendor: 20 bytes, lines 501-502
501'); 502
502</script>
502 503 504 505
505<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js" type="text/javascript"></script>
505 506
506<script src="https://cdnjs.cloudflare.com/ajax/libs/d3plus/1.9.8/d3plus.min.js" type="text/javascript"></script>
506 507 508 <!-- Dropdown with checkboxes --> 509
509<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.12/clipboard.min.js"></script>
509 510 511
511<script src="/static/js/script.d420b7981bed.js" type="text/javascript"></script>
511 512 513
513<script> 514 var charactersTreeMapShown = false; 515 var metaPlotShown = false; 516 var networksCount = 10; 517 var networks = []; 518 var networkViz; 519 var charactersViz; 520 var metaViz; 521 522 var clipboard = new Clipboard('.copy-btn'); 523 524 d3.json("/movies/view/1/10-things-i-hate-about-you/network/", function (error, json) { 525 if (error) return console.warn(error); 526 var network = json['network']; 527 networks[networksCount - 1] = network; 528 529 networkViz = visualizeNetwork(network); 530 charactersViz = visualizeCharactersTreeMap(network['nodes']); 531 }); 532 533 d3.json("/movies/view/1/10-things-i-hate-about-you/meta/", function (error, json) { 534 if (error) return console.warn(error); 535 536 metaViz = visualizeMetricsScatterPlot(json); 537 }); 538 539 $(function () { 540 $('.copy-btn').click(function () { 541 $(this).tooltip('show'); 542 }).on('shown.bs.tooltip', function () { 543 var el = $(this); 544 setTimeout(function() { 545 el.tooltip('hide'); 546 }, 1000); 547 }); 548 549 $('.characters-tab').click(function(){ 550 if (!charactersTreeMapShown) { 551 charactersViz.draw(); 552 charactersTreeMapShown = true; 553 } 554 }); 555 556 $('.meta-tab').click(function(){ 557 if (!metaPlotShown) { 558 metaViz.draw(); 559 metaPlotShown = true; 560 } 561 }); 562 563 564 $('#download-json').click(function() { 565 window.open("/movies/view/1/10-things-i-hate-about-you/download?format=json", '_blank'); 566 }); 567 $('#preview-json').click(function() { 568 window.open("/movies/view/1/10-things-i-hate-about-you/download", '_blank'); 569 }); 570 }) 571 </script>
571 572 573 574
574<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":"82e3a41a81c44388bc7c7da9e7f4f9df","r":1,"spa":2}' crossorigin="anonymous"></script>
574 575</body> 576</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.