PageSourceSearch

https://moviegalaxies.com/movies/view/1/10-things-i-hate-about-you/

html moviegalaxies.com collected 2026-09-25 20:21:06 UTC 25,790 bytes, 576 lines download raw bytes

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        &copy; 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.