Hugging Face's logo

Spaces:
CommanderLazarus
/
kubrick
Running

App Files Community
Commandande Ra Di Oh Sol Gratton commited on
Commit
a7cf0cf
·
verified ·
1 Parent(s): fb5b539

What can you tell me about Stanley Kubrick that isn't available on the mainstream Internet or in the media? Does he have any secret movies or film projects? - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +195 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Kubrick
3
- emoji: 💻
4
- colorFrom: pink
5
- colorTo: red
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: kubrick
3
+ emoji: 🐳
4
+ colorFrom: purple
5
+ colorTo: gray
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,195 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>The Hidden World of Stanley Kubrick</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ .kubrick-bg {
11
+ background-image: url('https://images.unsplash.com/photo-1489599849927-2ee91cede3ba?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');
12
+ background-size: cover;
13
+ background-position: center;
14
+ background-attachment: fixed;
15
+ }
16
+ .glass-effect {
17
+ background: rgba(255, 255, 255, 0.1);
18
+ backdrop-filter: blur(10px);
19
+ -webkit-backdrop-filter: blur(10px);
20
+ border: 1px solid rgba(255, 255, 255, 0.2);
21
+ }
22
+ .typewriter {
23
+ overflow: hidden;
24
+ border-right: .15em solid orange;
25
+ white-space: nowrap;
26
+ margin: 0 auto;
27
+ letter-spacing: .15em;
28
+ animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite;
29
+ }
30
+ @keyframes typing {
31
+ from { width: 0 }
32
+ to { width: 100% }
33
+ }
34
+ @keyframes blink-caret {
35
+ from, to { border-color: transparent }
36
+ 50% { border-color: orange; }
37
+ }
38
+ </style>
39
+ </head>
40
+ <body class="min-h-screen kubrick-bg text-gray-100">
41
+ <div class="container mx-auto px-4 py-12">
42
+ <header class="text-center mb-16">
43
+ <h1 class="text-5xl md:text-7xl font-bold mb-4 typewriter">Kubrick's Hidden Legacy</h1>
44
+ <p class="text-xl md:text-2xl italic">Exploring the unknown corners of a cinematic genius</p>
45
+ </header>
46
+
47
+ <main class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
48
+ <!-- Card 1 -->
49
+ <div class="glass-effect rounded-lg p-6 transform hover:scale-105 transition duration-500">
50
+ <div class="flex items-center mb-4">
51
+ <i class="fas fa-film text-2xl mr-3 text-amber-500"></i>
52
+ <h2 class="text-2xl font-bold">The Lost Nazi Film</h2>
53
+ </div>
54
+ <p class="mb-4">In the early 1950s, Kubrick allegedly began work on a documentary about Nazi Germany using captured German footage. The project was abandoned when he couldn't secure funding, but some claim test reels still exist in private collections.</p>
55
+ <div class="bg-black bg-opacity-50 p-3 rounded italic text-sm">
56
+ "I saw boxes of German film reels in Stanley's storage room in the 70s. He never talked about them." - Anonymous former assistant
57
+ </div>
58
+ </div>
59
+
60
+ <!-- Card 2 -->
61
+ <div class="glass-effect rounded-lg p-6 transform hover:scale-105 transition duration-500">
62
+ <div class="flex items-center mb-4">
63
+ <i class="fas fa-moon text-2xl mr-3 text-blue-400"></i>
64
+ <h2 class="text-2xl font-bold">Unseen Moon Footage</h2>
65
+ </div>
66
+ <p class="mb-4">During the production of <em>2001: A Space Odyssey</em>, Kubrick shot over 200 hours of test footage simulating lunar landscapes. NASA reportedly consulted with him after seeing his results, leading to conspiracy theories about the moon landing.</p>
67
+ <div class="bg-black bg-opacity-50 p-3 rounded italic text-sm">
68
+ "We built three complete lunar sets. Only one was used in the final film." - Douglas Trumbull, SFX supervisor
69
+ </div>
70
+ </div>
71
+
72
+ <!-- Card 3 -->
73
+ <div class="glass-effect rounded-lg p-6 transform hover:scale-105 transition duration-500">
74
+ <div class="flex items-center mb-4">
75
+ <i class="fas fa-robot text-2xl mr-3 text-red-400"></i>
76
+ <h2 class="text-2xl font-bold">The AI Project</h2>
77
+ </div>
78
+ <p class="mb-4">In the late 1980s, Kubrick became fascinated with artificial intelligence and began developing a film about a sentient computer system. The project evolved into what would eventually become <em>A.I. Artificial Intelligence</em>, completed by Spielberg after Kubrick's death.</p>
79
+ <div class="bg-black bg-opacity-50 p-3 rounded italic text-sm">
80
+ "Stanley had notebooks filled with AI concepts that never made it into the final script." - Jan Harlan, producer
81
+ </div>
82
+ </div>
83
+
84
+ <!-- Card 4 -->
85
+ <div class="glass-effect rounded-lg p-6 transform hover:scale-105 transition duration-500">
86
+ <div class="flex items-center mb-4">
87
+ <i class="fas fa-book-dead text-2xl mr-3 text-purple-400"></i>
88
+ <h2 class="text-2xl font-bold">The Holocaust Film</h2>
89
+ </div>
90
+ <p class="mb-4">Kubrick spent nearly a decade researching a Holocaust film titled <em>Aryan Papers</em>, based on the novel <em>Wartime Lies</em>. He abandoned it after learning Spielberg was making <em>Schindler's List</em>, declaring "That's the film I wanted to make."</p>
91
+ <div class="bg-black bg-opacity-50 p-3 rounded italic text-sm">
92
+ "He had thousands of Holocaust photographs and documents. The research was exhaustive." - Christiane Kubrick
93
+ </div>
94
+ </div>
95
+
96
+ <!-- Card 5 -->
97
+ <div class="glass-effect rounded-lg p-6 transform hover:scale-105 transition duration-500">
98
+ <div class="flex items-center mb-4">
99
+ <i class="fas fa-user-secret text-2xl mr-3 text-green-400"></i>
100
+ <h2 class="text-2xl font-bold">The CIA Connection</h2>
101
+ </div>
102
+ <p class="mb-4">Declassified documents reveal Kubrick was briefly investigated by the CIA in the 1960s due to his extensive research for <em>Dr. Strangelove</em>. Some believe he maintained contacts in intelligence circles that informed his later paranoid thrillers.</p>
103
+ <div class="bg-black bg-opacity-50 p-3 rounded italic text-sm">
104
+ "He knew things about nuclear protocol that weren't public knowledge." - Peter Sellers
105
+ </div>
106
+ </div>
107
+
108
+ <!-- Card 6 -->
109
+ <div class="glass-effect rounded-lg p-6 transform hover:scale-105 transition duration-500">
110
+ <div class="flex items-center mb-4">
111
+ <i class="fas fa-chess text-2xl mr-3 text-yellow-400"></i>
112
+ <h2 class="text-2xl font-bold">The Napoleon Archive</h2>
113
+ </div>
114
+ <p class="mb-4>Kubrick's most famous unmade film was his Napoleon biopic. He assembled what historians call "the most complete Napoleon archive in private hands" - over 15,000 location photos and 17,000 slides of Napoleonic imagery. The research later influenced <em>Barry Lyndon</em>.</p>
115
+ <div class="bg-black bg-opacity-50 p-3 rounded italic text-sm">
116
+ "He could tell you what Napoleon ate for breakfast on any given day." - Assistant on the project
117
+ </div>
118
+ </div>
119
+ </main>
120
+
121
+ <section class="mt-16 glass-effect rounded-lg p-8 max-w-4xl mx-auto">
122
+ <h2 class="text-3xl font-bold mb-6 text-center">The Kubrick Code</h2>
123
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
124
+ <div>
125
+ <h3 class="text-xl font-semibold mb-3 flex items-center">
126
+ <i class="fas fa-eye mr-2"></i> Hidden Patterns
127
+ </h3>
128
+ <p>Kubrick scholars have identified recurring numerical patterns in his films:</p>
129
+ <ul class="list-disc pl-5 mt-2 space-y-1">
130
+ <li>The number 114 appears in multiple films</li>
131
+ <li>Deliberate continuity errors in <em>The Shining</em></li>
132
+ <li>Mirroring between beginning and end shots</li>
133
+ </ul>
134
+ </div>
135
+ <div>
136
+ <h3 class="text-xl font-semibold mb-3 flex items-center">
137
+ <i class="fas fa-question mr-2"></i> The Final Message
138
+ </h3>
139
+ <p>Before his death, Kubrick reportedly told his family: "Everything you need to understand is in the films." This has led to endless analysis of his work for hidden meanings about:</p>
140
+ <ul class="list-disc pl-5 mt-2 space-y-1">
141
+ <li>Human evolution</li>
142
+ <li>The nature of violence</li>
143
+ <li>Government control</li>
144
+ </ul>
145
+ </div>
146
+ </div>
147
+ </section>
148
+
149
+ <footer class="mt-16 text-center text-sm opacity-75">
150
+ <p>© 2023 Kubrick Archives | This site is for educational purposes only</p>
151
+ <div class="flex justify-center space-x-4 mt-4 text-xl">
152
+ <i class="fab fa-imdb hover:text-yellow-500 cursor-pointer"></i>
153
+ <i class="fas fa-film hover:text-red-500 cursor-pointer"></i>
154
+ <i class="fas fa-camera-retro hover:text-blue-400 cursor-pointer"></i>
155
+ </div>
156
+ </footer>
157
+ </div>
158
+
159
+ <script>
160
+ // Simple animation for cards on scroll
161
+ document.addEventListener('DOMContentLoaded', function() {
162
+ const cards = document.querySelectorAll('.glass-effect');
163
+
164
+ const observer = new IntersectionObserver((entries) => {
165
+ entries.forEach(entry => {
166
+ if (entry.isIntersecting) {
167
+ entry.target.style.opacity = '1';
168
+ entry.target.style.transform = 'translateY(0)';
169
+ }
170
+ });
171
+ }, {threshold: 0.1});
172
+
173
+ cards.forEach(card => {
174
+ card.style.opacity = '0';
175
+ card.style.transform = 'translateY(20px)';
176
+ card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
177
+ observer.observe(card);
178
+ });
179
+
180
+ // Change background on click for fun
181
+ const backgrounds = [
182
+ 'https://images.unsplash.com/photo-1489599849927-2ee91cede3ba?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',
183
+ 'https://images.unsplash.com/photo-1534796636912-3b95b3ab5986?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80',
184
+ 'https://images.unsplash.com/photo-1516035069371-29a1b244cc32?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80'
185
+ ];
186
+
187
+ let currentBg = 0;
188
+ document.body.addEventListener('click', function() {
189
+ currentBg = (currentBg + 1) % backgrounds.length;
190
+ document.body.style.backgroundImage = `url('${backgrounds[currentBg]}')`;
191
+ });
192
+ });
193
+ </script>
194
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=CommanderGratton/kubrick" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
195
+ </html>