-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtest-emma.html
More file actions
224 lines (213 loc) · 10.7 KB
/
Copy pathtest-emma.html
File metadata and controls
224 lines (213 loc) · 10.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
<!DOCTYPE html>
<!--
__________________________________________________________.
__ __*="" ╰-------┳--------------------╮---------------------------| == |HOLEMM:>►
___..==""" Y' __)______╮___________________)–––––––––––––––––––––––––––'
!" _ _==""(C_)
! _.=""' "=__/
╰==""
-->
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Emma tests</title>
<link rel="stylesheet" href="test-emma.css">
<script src="test-emma.js"></script>
<style>
</style>
</head>
<body>
<!-- <p class="repet" id="dessous">"One shot"</p>
<p class="repet" id="entre">"One shot"</p>
<p class="repet" id="dessus">"One shot"</p> -->
<nav class="timeline-wrapper">
<ul class="timeline-items">
<li><a class="linksalome" href="#">🦌</a></li>
<li><a class="linksalome" href="#avant">1</a></li>
<li><a class="linksalome" href="#face">2</a></li>
<li><a class="linksalome" href="#explication">3</a></li>
<li><a class="linksalome" href="#tir">4</a></li>
<li><a class="linksalome" href="#apres">5</a></li>
<li><a class="linksalome" href="#rappel">6</a></li>
<li><a class="linksalome" href="#annexes">🫣</a></li>
</ul>
</nav>
<section class="hero">
<header>
<h1 class="block">The Deer <br><span class="hunter">Hunter</span></h1>
</header>
<!-- <img src="img/2A3A9813.JPG" alt="" width="50%" height="auto"> -->
</section>
<section id="avant">
<div class="cnt">
<div class="image block">
<img src="img/2A3A9662.JPG" alt="une img" width="100%" height="auto">
</div>
<div class="texte">
<h2 class="block">1. Avant la chasse : poser la règle</h2>
<div class="repetition block" >
<div class="oneshot">
<div class="layer back back-1">"ONE SHOT"</div>
</div>
<div class="oneshot2 block" >
<div class="layer back back-2">"ONE SHOT"</div>
</div>
<div class="oneshot3 block" >
<div class="layer back back-3">"ONE SHOT"</div>
</div>
</div>
<div class="block">
<p>Michael :</p>
<p class="replique">« One shot. »</p>
<p>Stan (light, almost mocking) :</p>
<p class="replique">« One shot? »</p>
<p>Michael (no smile) :</p>
<p class="replique">« One shot. »</p>
</div>
</div class="texte">
</div>
</section>
<section id="face">
<div class="cnt">
<div class="image block">
<img src="img/2A3A9813.JPG" alt="une img" width="100%" height="auto">
</div>
<div class="texte">
<h2 class="block">2. Face au cerf : correction du geste</h2>
<!-- <div class="oneshot">
<div class="layer back back-1">"I GOT HIM"</div>
</div> -->
<div class="oneshot2 block">
<div class="layer back back-2">"I GOT HIM"</div>
</div>
<div class="oneshot3 block">
<div class="layer back back-3">"I GOT HIM"</div>
</div>
<div class="block">
<p>Nick (too fast, excited) :</p>
<p class="replique">« I got him. I got him. »</p>
<p>Michael (holding him back) :</p>
<p class="replique">« You can’t take him like that. »</p>
<p>Nick :</p>
<p class="replique">« Why not? »</p>
<p>Michael :</p>
<p class="replique">« You’ve got to do it clean. »</p>
</div>
</div>
</div>
</section>
<section id="explication">
<div class="cnt">
<div class="image block">
<img src="img/2A3A9700.JPG" alt="une img" width="100%" height="100%">
</div>
<div class="texte block">
<h2>3. Explication morale : humaniser l’animal</h2>
<p>Nick :</p>
<p class="replique">« He’s right there. »</p>
<p>Michael :</p>
<p class="replique">« If he hears the shot, he won’t be hurt. »</p>
<p class="didascalie">(Silence. Michael adjusts his breathing.)</p>
</div>
</div>
</section>
<section id="tir">
<div class="cnt">
<div class="image block">
<img src="img/2A3A9713.JPG" alt="une img" class="img-verticale">
</div>
<div class="texte block">
<h2>4. Le tir : suspension du langage</h2>
<p>(Michael aims for a long time. Gunshot.)</p>
<p class="didascalie">(The deer falls.)</p>
<p class="didascalie">(No immediate dialogue.)</p>
</div>
</div>
</section>
<section id="apres">
<div class="cnt">
<div class="image block">
<img src="img/2A3A9802.JPG" alt="une img" class="img-verticale">
</div>
<div class="texte block">
<h2>5. Après le tir : constat, pas triomphe</h2>
<p>Nick (low voice) :</p>
<p class="replique">« It’s a good shot. »</p>
<p>Michael (fixed gaze) :</p>
<p class="didascalie">(does not answer / barely nods, depending on versions)</p>
</div>
</div>
</section>
<section id="rappel">
<div class="cnt">
<div class="image block">
<img src="img/2A3A9756.JPG" alt="une img" width="100%" height="100%">
</div>
<div class="texte block">
<p>Michael (later, on the way down) :</p>
<p class="replique">« One shot. »</p>
<p class="didascalie">(No one answers.)</p>
</div>
</div>
</section>
<section id="annexes">
<p>Vous pouvez voir/télécharger un film un peu longuet en cliquant sur <a href="https://kdrive.infomaniak.com/app/share/1528976/4e5768a4-4c05-459d-88c4-0f2cc2a77685" target="_blank">ce lien</a>.</p>
<h2 style="margin-top: 1em;">ANALYSE</h2>
<p>Dans le film <em>The Deer Hunter</em> de Michael Cimino (1978), le passage directement centré sur la chasse au cerf se situe au début du récit, avant le départ des personnages pour la guerre du Vietnam.</p>
<p>Ce passage joue un rôle fondamental dans la construction symbolique et morale du film.</p>
<h3>Le passage clé : la chasse au cerf dans les montagnes de Pennsylvanie</h3>
<p>La séquence de chasse intervient après la longue scène du mariage, dans la première partie du film. Michael, Nick et leurs amis quittent la ville industrielle pour se rendre dans les montagnes de Pennsylvanie afin de chasser le cerf.</p>
<p>Ce déplacement marque un changement de rythme, d’espace et de rapport au monde.</p>
<h3>Localisation dans le film</h3>
<p>La scène se situe dans la première heure du film.</p>
<p>Elle intervient après l’exposition sociale et communautaire des personnages et avant toute représentation de la guerre.</p>
<h3>Déroulement de la scène</h3>
<p>Michael impose une règle stricte : un seul tir.</p>
<p>La chasse est filmée comme un rituel lent et silencieux, presque spirituel.</p>
<p>Michael observe longuement le cerf, ajuste son geste, hésite, puis tire une seule balle.</p>
<p>Après le tir, il s’approche de l’animal avec gravité, sans exaltation ni triomphe.</p>
<h3>Enjeux thématiques : le cerf et la chasse</h3>
<h4>Le cerf</h4>
<p>Il incarne la nature, la noblesse et une forme d’innocence. Il s’oppose symboliquement à la violence industrielle, mécanique et absurde de la guerre à venir.</p>
<h4>La chasse</h4>
<p>Elle est présentée comme un acte codifié, maîtrisé et respectueux. Elle repose sur la retenue, la précision et la responsabilité du geste. Elle contraste radicalement avec la violence chaotique et arbitraire du Vietnam, notamment la roulette russe.</p>
<h4>La règle du « one shot »</h4>
<p>Elle condense une éthique du geste faite de contrôle, de responsabilité et de conscience de la mort donnée. Elle devient plus tard un miroir inversé de la guerre, où la mort est répétée, aléatoire et dénuée de sens.</p>
<h3>Lecture symbolique globale</h3>
<p>Cette séquence établit clairement un avant, un monde structuré par des rituels, une maîtrise du corps et une relation encore signifiante à la mort.</p>
<p>Elle annonce un après, marqué par la perte de repères, la déshumanisation et l’effondrement du sens moral sous l’effet de la guerre.</p>
<p>Le cerf fonctionne ainsi comme une figure sacrificielle, préfigurant la transformation puis la destruction des personnages eux-mêmes.</p>
<p>Ce passage doit être compris comme une scène fondatrice. Il ne parle pas seulement de chasse, mais pose les bases morales et symboliques que le film s’attachera ensuite à déconstruire.</p>
</section>
</body>
<script>
function scrollToEpisodes() {
const section = document.getElementById("episodes");
if (section) {
section.scrollIntoView({ behavior: "smooth" });
} else {
console.warn("âš ï¸ Section #episodes introuvable.");
}
}
const sections = document.querySelectorAll("section");
const navLinks = document.querySelectorAll(".timeline-items a");
if (navLinks.length) {
window.addEventListener("scroll", () => {
let current = "";
sections.forEach(section => {
const sectionTop = section.offsetTop;
if (pageYOffset >= sectionTop - 200) {
current = section.getAttribute("id");
}
});
navLinks.forEach(link => {
link.classList.remove("active");
if (link.getAttribute("href") === `#${current}`) {
link.classList.add("active");
}
});
});
}
</script>
</html>