films.html

<!DOCTYPE HTML>
<html lang="en">
<head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-J14DC0L2GH"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-J14DC0L2GH');
    </script>
	<title>Films</title>
	<meta charset="utf-8">
	<link href="style.css" rel="stylesheet" type="text/css">
	<link href="assets/favicon.ico" rel="shortcut icon">
    <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,500&display=swap" rel="stylesheet"> 
	<meta property="og:title" content="KEYS248's Home on the Web" />
    <meta property="og:image" content="assets/meta_preview.png">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<script> 
    $(function(){
        $("#header").load("header.html"); 
        $("#footer").load("footer.html");
    });
</script> 
<body>
    <div id="header"></div>
    <div class="sidebar">
        <p>🌐 = Foreign Film</p>
    </div>
	<div id="header"></div>
	<main role="main">
        <h2>Films</h2>
        <section class="content">
            <p>Check out my favorite films, organized into categories I thought were the most relevant.</p>
            <ul>
                <li><a href="#important" title="Important">Selected Important</a></li>
                <li><a href="#great" title="Great">Selected Great</a></li>
                <li><a href="#scifi-canon" title="Sci-Fi Canon">Sci-Fi Canon</a></li>
                <li><a href="#scifi-subgenres" title="Sci-Fi Subgenres">Sci-Fi Subgenres</a>
                    <ul style="font-size: smaller;">
                        <li><a href="#dystopian-scifi" title="Dystopian Sci-Fi">Dystopian Sci-Fi</a></li>
                        <li><a href="#space-exploration" title="Space Exploration">Space Exploration</a></li>
                        <li><a href="#scifi-epic" title="Sci-Fi Epic">Sci-Fi Epic</a></li>
                        <li><a href="#military-scifi" title="Military Scifi">Military Scifi</a></li>
                        <li><a href="#scifi-comedy" title="Sci-Fi Comedy">Sci-Fi Comedy</a></li>
                        <li><a href="#first-contact" title="First Contact">First Contact</a></li>
                        <li><a href="#foreign-scifi" title="Foreign Sci-Fi">Foreign Sci-Fi</a></li>
                    </ul>
                </li>
                <li><a href="#foreign" title="Foreign">Foreign</a></li>
                <li><a href="#feel-good" title="Feel Good">Feel Good</a></li>
                <li><a href="#adventure" title="Adventure">Adventure</a></li>
                <li><a href="#vietnam" title="Vietnam">Vietnam</a></li>
                <li><a href="#cold-war" title="Cold War">Cold War</a></li>
                <li><a href="#war" title="War">War</a></li>
                <li><a href="#western" title="Western">Western</a></li>
                <li><a href="#medieval" title="Medieval">Medieval</a></li>
                <li><a href="#fantasy" title="Fantasy">Fantasy</a></li>
                <li><a href="#crime" title="Crime">Crime</a></li>
                <li><a href="#dialogue-driven" title="Dialogue Driven">Dialogue Driven</a></li>
                <li><a href="#drama" title="Drama">Drama</a></li>
                <li><a href="#psychological-thriller" title="Psychological Thriller">Psychological Thriller</a></li>
                <li><a href="#artsy-and-experimental" title="Artsy and Experimental">Artsy and Experimental</a></li>
                <li><a href="#quiet-and-calm" title="Quiet and Calm">Quiet and Calm</a></li>
                <li><a href="#existential" title="Existential">Existential</a></li>
                <li><a href="#romance" title="Romance">Romance</a></li>
                <li><a href="#contemporary-romance" title="Contemporary Romance">Contemporary Romance</a></li>
                <li><a href="#action" title="Action">Action</a></li>
                <li><a href="#time-travel" title="Time Travel">Time Travel</a></li>
                <li><a href="#black-comedies" title="Black Comedies">Black Comedies</a></li>
                <li><a href="#comedy" title="Comedy">Comedy</a></li>
                <li><a href="#documentary" title="Documentary">Documentary</a></li>
                <li><a href="#animated" title="Animated">Animated</a></li>
            </ul>
        </section>
        <section>
            <h2 id="important">Selected Important</h2>
            <ul>
                <li>12 Angry Men</li>
                <li>The Bicycle Thief</li>
                <li>Traffic</li>
                <li>Network</li>
                <li>The Best Years of Our Lives</li>
            </ul>
            <h2 id="great">Selected Great</h2>
            <ul>
                <li>Lawrence of Arabia</li>
                <li>When Harry Met Sally</li>
                <li>Children of Men</li>
                <li>The Shawshank Redemption</li>
                <li>The Green Mile</li>
                <li>Flight</li>
                <li>The Gods Must Be Crazy</li>
                <li>Charlie Wilson’s War</li>
                <li>Whiplash</li>
                <li>Catch Me If You Can</li>
                <li>Forest Gump</li>
                <li>Good Will Hunting</li>
                <li>The Last Emperor</li>
                <li>The Last Samurai</li>
            </ul>
            <h2 id="scifi-canon">Sci-Fi Canon</h2>
            <ul>
                <li>Forbidden Planet</li>
                <li>Planet of the Apes</li>
                <li>The Matrix Trilogy</li>
                <li>Blade Runner</li>
            </ul>
            <h2 id="scifi-subgenres">Sci-Fi Subgenres</h2>
            <h3 id="dystopian-scifi">Dystopian Sci-Fi</h3>
            <ul>
                <li>Total Recall (1990)</li>
                <li>Repo Men</li>
                <li>Gattaca</li>
                <li>Children of Men</li>
                <li>Snowpiercer</li>
            </ul>
            <h3 id="space-exploration">Space Exploration</h3>
            <ul>
                <li>Interstellar</li>
                <li>Ad Astra</li>
                <li>Cloud Atlas</li>
            </ul>
            <h3 id="scifi-epic">Sci-Fi Epic</h3>
            <ul>
                <li>Dune (2021)</li>
                <li>Cloud Atlas</li>
            </ul>
            <h3 id="military-scifi">Military Sci-Fi</h3>
            <ul>
                <li>Starship Troopers</li>
            </ul>
            <h3 id="scifi-comedy">Sci-Fi Comedy</h3>
            <ul>
                <li>Galaxy Quest</li>
            </ul>
            <h3 id="first-contact">First Contact</h3>
            <ul>
                <li>Arrival</li>
                <li>District 9</li>
                <li>2001 A Space Odyssey</li>
                <li>10 Cloverfield Ln</li>
            </ul>
            <h3 id="foreign-scifi">Foreign Sci-Fi</h3>
            <ul>
                <li>Beyond the Infinite Two Minutes</li>
                <li>River (2023)</li>
            </ul>
            <h2 id="feel-good">Feel Good</h2>
            <ul>
                <li>Groundhog Day</li>
                <li>Stand and Deliver</li>
                <li>La La Land</li>
                <li>Lady Bird</li>
                <li>Frances Ha</li>
            </ul>
            <h2 id="adventure">Adventure</h2>
            <ul>
                <li>Lawrence of Arabia</li>
                <li>The Last Emperor</li>
                <li>Forest Gump</li>
                <li>Into the Wild</li>
                <li>Catch Me If You Can</li>
                <li>War Photographer</li>
            </ul>
            <h2 id="vietnam">Vietnam</h2>
            <ul>
                <li>Apocalypse Now</li>
                <li>Hearts and Minds</li>
                <li>Good Morning Vietnam</li>
                <li>Full Metal Jacket</li>
                <li>Platoon</li>
            </ul>
            <h2 id="cold-war">Cold War</h2>
            <ul>
                <li>The Spy Who Came In From The Cold</li>
                <li>Dr. Strangelove</li>
                <li>Tinker Tailor Soldier Spy</li>
                <li>Seven Days in May</li>
                <li>The Lives of Others</li>
            </ul>
            <h2 id="war">War</h2>
            <ul>
                <li>The Best Years of Our Lives</li>
                <li>Charlie Wilson’s War</li>
                <li>The Great Dictator</li>
                <li>Jarhead</li>
                <li>Black Hawk Down</li>
                <li>Patton</li>
                <li>Waltz with Bashir</li>
                <li>The Hurt Locker</li>
                <li>Enemy at the Gates</li>
                <li>All Quiet on the Western Front (2022)</li>
            </ul>
            <h2 id="western">Western</h2>
            <ul>
                <li>A Fistful of Dollars</li>
                <li>For A Few Dollars More</li>
                <li>The Good, The Bad, And The Ugly</li>
                <li>Once Upon A Time In The West</li>
                <li>The Magnificent Seven ( Seven Samurai )</li>
                <li>From Noon Till Three</li>
                <li>No Country for Old Men</li>
            </ul>
            <h2 id="medieval">Medieval</h2>
            <ul>
                <li>Becket</li>
                <li>The Lion In Winter</li>
                <li>A Man For All Seasons</li>
                <li>The Northman</li>
            </ul>
            <h2 id="fantasy">Fantasy</h2>
            <ul>
                <li>Castle In The Sky</li>
                <li>Spirited Away</li>
                <li>Naussica of the Valley of the Wind</li>
                <li>Pan's Labyrinth</li>
            </ul>
            <h2 id="crime">Crime</h2>
            <ul>
                <li>12 Angry Men</li>
                <li>The Bicycle Thief</li>
                <li>Traffic</li>
                <li>The Maltese Falcon</li>
                <li>The Third Man</li>
                <li>The Shawshank Redemption</li>
                <li>The Green Mile</li>
                <li>The Secret In Their Eyes</li>
                <li>Thomas Crown Affair</li>
                <li>Pulp Fiction</li>
                <li>Godfather Part 2</li>
                <li>American History X</li>
                <li>Witness for the Prosecution</li>
                <li>The Usual Suspects</li>
                <li>North by Northwest</li>
                <li>Chinatown</li>
                <li>Drive</li>
                <li>American Hustle</li>
                <li>The Departed</li>
                <li>Goodfellas</li>
                <li>Once Upon a Time in America</li>
                <li>Bonnie and Clyde (1967)</li>
                <li>Dog Day Afternoon</li>
                <li>Leon the Professional</li>
            </ul>
            <h2 id="dialogue-driven">Dialogue Driven</h2>
            <ul>
                <li>Before Sunrise, Before Sunset, Before Midnight</li>
                <li>My Dinner with Andre</li>
                <li>Waking Life</li>
                <li>When Harry Met Sally</li>
            </ul>
            <h2 id="drama">Drama</h2>
            <ul>
                <li>On The Waterfront</li>
                <li>The Coal Miner’s Daughter</li>
                <li>It's a Wonderful Life</li>
                <li>Citizen Kane</li>
                <li>The Graduate</li>
                <li>What's Eating Gilbert Grape</li>
                <li>One Flew Over The Cuckoo's Nest</li>
                <li>The King's Speech</li>
                <li>Dead Poets Society</li>
                <li>Alfie</li>
                <li>The Wrestler</li>
                <li>Hearts in Atlantis</li>
                <li>Six Degrees of Separation</li>
                <li>City of God</li>
                <li>Munich</li>
                <li>Gran Torino</li>
                <li>Inside Lewyn Davis</li>
                <li>Lincoln</li>
                <li>Eighth Grade</li>
                <li>Persepolis</li>
                <li>Philadelphia</li>
                <li>Quiz Show</li>
                <li>Uncut Gems</li>
                <li>Nomadland</li>
                <li>A Beautiful Mind</li>
                <li>Up In The Air</li>
                <li>Network</li>
                <li>Crash</li>
                <li>The Remains of the Day</li>
                <li>There Will Be Blood</li>
                <li>Flight</li>
                <li>The Gods Must Be Crazy</li>
                <li>Whiplash</li>
                <li>Everything Everywhere All At Once</li>
                <li>Born on the Fourth of July</li>
                <li>Monsoon Wedding 🌐</li>
                <li>Citizen Kane</li>
                <li>Broken Wings (2002) 🌐</li>
                <li>Ikiru 🌐</li>
                <li>Rental Family 🌐</li>
            </ul>
            <h2 id="psychological-thriller">Psychological Thriller</h2>
            <ul>
                <li>I Saw The TV Glow</li>
                <li>Psycho</li>
                <li>The Birds</li>
                <li>Rear Window</li>
                <li>Vertigo</li>
                <li>Sunset Boulevard</li>
                <li>The Game</li>
                <li>Inception</li>
                <li>Fight Club</li>
                <li>Moon</li>
                <li>Silence of the Lambs</li>
                <li>The Talented Mr Ripley</li>
                <li>Donnie Darko</li>
                <li>The Ninth Configuration</li>
                <li>The Sixth Sense</li>
                <li>Seven</li>
                <li>Momento</li>
                <li>Prisoners</li>
                <li>Falling Down</li>
                <li>American Psycho</li>
            </ul>
            <h2 id="artsy-and-experimental">Artsy and Experimental</h2>
            <ul>
                <li>Baraka</li>
                <li>The Seventh Seal</li>
                <li>The Fountain</li>
                <li>Boyhood</li>
                <li>Life in a Day</li>
                <li>The Holy Mountain</li>
            </ul>
            <h2 id="quiet-and-calm">Quiet and Calm</h2>
            <ul>
                <li>Bang the Drum Slowly</li>
                <li>Lost in Translation</li>
            </ul>
            <h2 id="existential">Existential</h2>
            <ul>
                <li>Pig</li>
            </ul>
            <h2 id="romance">Romance</h2>
            <ul>
                <li>Casablanca</li>
                <li>Breakfast at Tiffany’s</li>
                <li>Midnight in Paris</li>
            </ul>
            <h2 id="contemporary-romance">Contemporary Romance</h2>
            <ul>
                <li>500 Days of Summer</li>
                <li>Eternal Sunshine of the Spotless Mind</li>
                <li>Submarine</li>
                <li>Amelie</li>
                <li>Her</li>
                <li>Perks of Being a Wallflower</li>
            </ul>
            <h2 id="action">Action</h2>
            <ul>
                <li>Sucker Punch</li>
                <li>Bourne Trilogy</li>
                <li>Act of Valor</li>
                <li>District B13</li>
                <li>Batman: The Dark Knight</li>
                <li>The Girl with the Dragon Tattoo</li>
                <li>13 Assassins</li>
                <li>Beasts of No Nation</li>
                <li>V for Vendetta</li>
                <li>Gladiator</li>
                <li>Pacific Rim</li>
                <li>Hard Boiled (1992) 🌐</li>
                <li>Seven Samurai 🌐</li>
            </ul>
            <h2 id="time-travel">Time Travel</h2>
            <ul>
                <li>Looper</li>
                <li>12 Monkeys</li>
                <li>Source Code</li>
                <li>Primer</li>
                <li>Edge of Tomorrow</li>
                <li>Tenet</li>
            </ul>
            <h2 id="black-comedy">Black Comedy</h2>
            <ul>
                <li>Catch 22</li>
                <li>Men Who Stare at Goats</li>
                <li>The Big Lebowski</li>
                <li>Harold and Maude</li>
                <li>Thank You For Smoking</li>
                <li>Snatch</li>
                <li>Trainspotting</li>
                <li>In Bruges</li>
            </ul>
            <h2 id="comedy">Comedy</h2>
            <ul>
                <li>They Cloned Tyrone</li>
                <li>Ferris Bueller's Day Off</li>
                <li>Planes, Trains, and Automobiles</li>
                <li>21 Jump Street</li>
                <li>Yes Man</li>
                <li>Don't Mess with the Zohan</li>
                <li>Best in Show</li>
                <li>Being John Malkovich</li>
                <li>Being There</li>
                <li>What We Do in the Shadows</li>
                <li>Three Idiots 🌐</li>
                <li>Bad Santa</li>
                <li>There's Something About Mary</li>
            </ul>
            <h2 id="documentary">Documentary</h2>
            <ul>
                <li>Requiem for the American Dream</li>
                <li>The Alpinist</li>
            </ul>
            <h2 id="animated">Animated</h2>
            <ul>
                <li>Naussica of the Valley of the Wind 🌐</li>
                <li>Spirited Away 🌐</li>
                <li>The Wind Rises 🌐</li>
                <li>Castle in the Sky 🌐</li>
                <li>The Boy and the Heron 🌐</li>
                <li>Samurai Champloo 🌐</li>
                <li>Akira 🌐</li>
                <li>Ghost in the Shell (1995) 🌐</li>
                <li>The Summit of the Gods 🌐</li>
                <li>Guillermo Del Toro's Pinocchio</li>
                <li>Tokyo Godfathers 🌐</li>
                <li>Grave of the Fireflies 🌐</li>
                <li>Redline 🌐</li>
                <li>The Girl Who Leapt Through Time 🌐</li>
                <li>Tekkon Kinkreet 🌐</li>
                <li>Children Who Chase Lost Voices 🌐</li>
                <li>Weathering with You 🌐</li>
                <li>Your Name 🌐</li>
                <li>Yuru Camp 🌐</li>
                <li>Summer Time Rendering 🌐</li>
                <li>Sakamichi no Apollon 🌐</li> <!--Bev-->
                <li>Mob Psycho (season 2) 🌐</li> <!--Bev-->
                <li>A Place Further Than The Universe 🌐</li> <!--Bev-->
            </ul>
        </section>
	</main>
	<div id="footer"></div>
	</body>
</html>