099bfceb7e
All checks were successful
Swaous.Asuscomm Build / Build-Docker-Image (push) Successful in 35s
108 lines
5.6 KiB
HTML
Executable File
108 lines
5.6 KiB
HTML
Executable File
<!DOCTYPE html>
|
||
|
||
<html lang="en">
|
||
<!-- fancy scroll capture based on Not Art Gallery :D -->
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Cultural Activity 1 | Tyler Clarke</title>
|
||
<link rel="stylesheet" href="main.css">
|
||
</head>
|
||
<body>
|
||
<div id="fourthpage" class="page">
|
||
<div>
|
||
<b>While this hasn't altered my studies much, being a French film, there was quite a bit of new vocabulary to learn (subtitles were helpful):</b><br><br><br>
|
||
|
||
<ol>
|
||
<li>Mariages: Weddings. This is mentioned quite early.</li>
|
||
<li>Massacre: Same meaning as in English. Again, c’est un film interessant.</li>
|
||
<li>Communiquer: (to) communicate.</li>
|
||
<li>Chapeau: Hat</li>
|
||
<li>Cerises: Cherries</li>
|
||
<li>Racistes: Racists. Yep. Interesting movie.</li>
|
||
<li>Arbres: Trees.</li>
|
||
<li>Voisin: Neighbor.</li>
|
||
<li>Exposition cadavre: Cadaver exhibition</li>
|
||
<li>Viande: Meat</li>
|
||
<li>Carnivore: carnivorous</li>
|
||
<li>Carrée: Square</li>
|
||
<li>Rien: Nothing</li>
|
||
<li>Monnaie: Money</li>
|
||
<li>Que est-ce vous fait: What are you doing?</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
<div id="thirdpage" class="page">
|
||
<div><p>
|
||
Being set almost entirely in France, it presented an interesting (albeit quite exaggerated) image of Paris. Shown
|
||
occasionally were the infamous faire la bise, a hospital, various government officials, and some “typical citizens”
|
||
(particularly memorably, a very angry man whose entire part in the film was to yell “a**hole” in French). I was actually surprised at how close
|
||
an analogue French urban culture, as depicted, is to urban culture in America. It was, in a way, eye-opening: My default assumption about France was
|
||
largely, as I believe most people have experienced, shaped by American films. To actually watch something out of France demonstrated just how
|
||
wrong my default assumption was, and how similar the French really are to Americans. I would imagine that this is because urban areas tend to be
|
||
progressive, which means dropping a lot of traditions most people would expect in France, and especially since in major population centers like Paris
|
||
there is a heavy influx of people from other places, which leads to cultural pollution and the eventual eradication of tradition in tote.
|
||
</p>
|
||
<br>
|
||
<img src="poorpeople.png" /></div>
|
||
</div>
|
||
<div id="secondpage" class="page">
|
||
<div>
|
||
La Belle Verte is a film about extra-terrestrial vegan telepaths who travel to Earth. The goal of the movie seems to be largely
|
||
to point out hypocrisies and problems in modern human society (“For
|
||
instance, if you want something, you can’t get it without money.”, “Even to eat?”, “Especially!”). It was a very
|
||
well-made movie; while not as comedic as advertised, it contained very well-presented messages about society and human
|
||
cruelty.<br><br>
|
||
<img src="asshole.png" />
|
||
<br><br>
|
||
J’aime ce film. C’est interessant.
|
||
</div>
|
||
</div>
|
||
<div id="firstpage" class="page">
|
||
<div>
|
||
<b>My Activity:</b> My activity of choice was to watch a Francophone movie.<br>
|
||
<b>My Movie Choice:</b> I decided to watch a Coline Serreau film named “La Belle Verte”.
|
||
<br><br>
|
||
<img src="labelleverte.png" />
|
||
</div>
|
||
</div>
|
||
<div id="head" class="classic">
|
||
<div id="head-inner">
|
||
<h1>Tyler Clarke</h1>
|
||
<h2>Cultural Activity 1</h2>
|
||
</div>
|
||
<div id="scrollDown">Scroll Down To "You've Reached The End"</div>
|
||
</div>
|
||
<div id="final">
|
||
<div id="final-inner">
|
||
Word Count: <span id="wordcount"></span><br><br>
|
||
<i>Web design by Tyler Clarke. Images extracted from “La Belle Verte” by Tyler Clarke.<br>
|
||
Design not licensed. Use it as you like. I have no clue which copyrights, trademarks, and licenses apply to the images, but I extracted them from a legally obtained copy.<br>
|
||
Scripts by Tyler Clarke, with the help of unlicensed StackOverflow snippets (referenced in the code with comments).</i>
|
||
<div id="youfinished" style="display: none;">
|
||
You've reached the end!
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="main.js"></script>
|
||
<script>
|
||
const scrolly_check = () => {
|
||
Array.from(document.getElementsByClassName("scrolly")).forEach((el) => {
|
||
var rect = el.getBoundingClientRect();
|
||
if (rect.bottom > 0 && rect.top < window.innerHeight) {
|
||
el.classList.add("scrolly-in");
|
||
}
|
||
else {
|
||
el.classList.remove("scrolly-in");
|
||
}
|
||
});
|
||
};
|
||
|
||
window.addEventListener("wheel", scrolly_check);
|
||
window.addEventListener("scroll", scrolly_check);
|
||
|
||
scrolly_check();
|
||
document.getElementById("head").style.backgroundColor = "black";
|
||
</script>
|
||
</body>
|
||
</html>
|