-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
4 lines (4 loc) · 11.6 KB
/
index.html
1
2
3
4
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"> <meta name="theme-color" content="#7dd3fc" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#0369a1" media="(prefers-color-scheme: dark)"> <meta name="description" content="Ethan Brookins is a Los Angeles-based 1st AC who loves using cameras, lenses, and artistic problem-solving to create impactful images."> <link rel="stylesheet" href="css/main.css?ckcachebust=8EFCD71E7191DE3772127A31073B11CA"> <title>Ethan Brookins | 1st AC</title> </head> <body class="antialiased bg-zinc-500 dark:bg-zinc-950 lg:p-8"> <div class="bg-zinc-100 dark:bg-zinc-900 lg:shadow-2xl lg:rounded-lg max-w-5xl mx-auto"> <div class="p-5 sm:mb-2 md:mb-4"> <p class="text-xs md:text-sm lg:text-md text-zinc-700 dark:text-zinc-300 mb-3">It's me. Hi. I'm the AC. It's me. </p> <h1 class="font-sans font-bold text-4xl sm:text-5xl md:text-6xl lg:text-7xl text-zinc-900 dark:text-zinc-100 -ml-6"> <span class="bg-sky-300 dark:bg-sky-700 px-6 py-1 rounded-sm drop-shadow-sm">Ethan Brookins</span> </h1> <h2 class="text-2xl sm:text-3xl md:text-4xl font-bold text-zinc-900 dark:text-zinc-100 mt-1 sm:mt-2 md:mt-3"> <span class="bg-sky-200 dark:bg-sky-800 px-6 py-1 rounded-sm drop-shadow-sm bg-opacity-80"> <span class="inline md:hidden">1st AC</span> <span class="hidden md:inline">First Assistant Camera</span> / F<span id="soft" class="blur-xxs sm:blur-xs md:hover:blur-none transition-all">o</span>cus Puller </span> </h2> </div> <div class="grid sm:grid-cols-2"> <div class="px-5 pb-5 prose prose-zinc dark:prose-invert md:prose-lg lg:prose-xl"> <p>Ethan is a Los Angeles-based 1st AC who loathes writing anything self-promotional, but loves putting cameras and lenses together. The intersection of technical, mechanical, and artistic problem-solving is one of his favorite aspects of filmmaking. It is the core of how he collaborates with cinematographers to create interesting and impactful images. His goal is to continually expand his knowledge, refine his workflow, and improve his craft. <br>Ethan is a member of IATSE Local 600. </p> </div> <div class="relative dark:brightness-75"> <picture> <source srcset="../../img/ethan-1500w.avif 1500w, ../../img/ethan-1250w.avif 1250w, ../../img/ethan-1000w.avif 1000w, ../../img/ethan-750w.avif 750w, ../../img/ethan-500w.avif 500w" type="image/avif" sizes="(max-width: 40em) 100vw, 500px"> <source srcset="../../img/ethan-1500w.webp 1500w, ../../img/ethan-1250w.webp 1250w, ../../img/ethan-1000w.webp 1000w, ../../img/ethan-750w.webp 750w, ../../img/ethan-500w.webp 500w" type="image/webp" sizes="(max-width: 40em) 100vw, 500px"> <source srcset="../../img/ethan-1500w.jpg 1500w, ../../img/ethan-1250w.jpg 1250w, ../../img/ethan-1000w.jpg 1000w, ../../img/ethan-750w.jpg 750w, ../../img/ethan-500w.jpg 500w" type="image/jpeg" sizes="(max-width: 40em) 100vw, 500px"> <img loading="eager" src="../../img/ethan-500w.jpg" class="h-full w-full object-cover sm:rounded-l-md shadow-sm" alt="Ethan kneels to adjust the lens on a camera, which is mounted to a slider on the ground near a tree."> </picture> <p class="absolute right-1 bottom-1 p-1 rounded-md bg-zinc-700/75 text-xs font-bold text-zinc-50 backdrop-blur-xs"> 📷 Leigh Doran</p> </div> </div> <div class="px-5 py-10 prose prose-zinc dark:prose-invert md:prose-lg lg:prose-xl xl:prose-2xl mx-auto"> <div class="grid grid-cols-none sm:grid-cols-3 gap-4 text-center mb-10"> <a class="w-44 p-2 mx-auto no-underline rounded-full font-bold shadow-sm hover:shadow-lg hover:-translate-y-1 transition-all bg-gradient-to-b from-yellow-300 to-yellow-500 dark:from-yellow-400 dark:to-yellow-600 dark:text-zinc-800" href="https://www.imdb.me/ethanbrookins/" target="_blank"> IMDb</a> <a class="w-44 p-2 mx-auto no-underline rounded-full font-bold shadow-sm hover:shadow-lg hover:-translate-y-1 transition-all bg-gradient-to-tr from-yellow-300 via-rose-500 to-fuchsia-500 text-zinc-100 dark:from-yellow-400 dark:via-rose-600 dark:to-fuchsia-600" href="https://www.instagram.com/ethanbrookins/" target="_blank"> Instagram</a> <a class="w-44 p-2 mx-auto no-underline rounded-full font-bold shadow-sm hover:shadow-lg hover:-translate-y-1 transition-all bg-gradient-to-b from-blue-600 to-sky-400 text-zinc-100 dark:from-blue-700 dark:to-sky-500" href="mailto:[email protected]" target="_blank"> email</a> </div> <h1 class="font-sans font-bold -ml-8 !mb-0 md:!mb-1"><span class="bg-sky-300 dark:bg-sky-700 px-8 rounded-sm drop-shadow-sm">Resume</span></h1> <div class="relative z-10 font-bold"> <span class="bg-sky-200 dark:bg-sky-800 dark:text-zinc-50 px-1 md:px-3 py-1 rounded-sm drop-shadow-sm bg-opacity-80"> (selected credits) </span> </div> <h2 class="!mt-6">Feature Films</h2> <div class="grid grid-cols-2 sm:grid-cols-3 gap-x-4 gap-y-4"> <div> <div><strong>Slay</strong></div> <div>Summer 2024</div> </div> <div> <div><strong>1st AC, "A" Camera</strong></div> <div>Arri Alexa 35</div> <div>Zeiss Super Speed, Angeniuex 12:1 Zoom</div> </div> <div class="col-start-2 sm:col-start-3"> <div class="nameindent">Dir Kyra Gardner</div> <div class="nameindent">DP Evan Butka</div> </div> <div> <div><strong>Adventure Tom</strong></div> <div>Summer 2023</div> </div> <div> <div><strong>1st AC</strong></div> <div>Panasonic EVA1 & BS1H</div> <div>TLS Cooke Panchro</div> </div> <div class="col-start-2 sm:col-start-3"> <div class="nameindent">Dir Miguel Duran</div> <div class="nameindent">DP Alex Simon</div> </div> <div> <div><strong>The Day They Arrive</strong></div> <div>Spring 2023</div> </div> <div> <div><strong>1st AC</strong></div> <div>Red Komodo</div> <div>Richard Gale Clavius</div> </div> <div class="col-start-2 sm:col-start-3"> <div class="nameindent">Dir Carl Lindbergh</div> <div class="nameindent">DP Jeremy Kerr</div> </div> <div> <div><strong>Harsh Treatment</strong></div> <div>Fall 2022</div> </div> <div> <div><strong>1st AC</strong></div> <div>Red Gemini</div> <div>TLS Canon FD</div> </div> <div class="col-start-2 sm:col-start-3"> <div class="nameindent">Dir Josh Gilbert &<br>Johnathan Paul</div> <div class="nameindent">DP Alex Simon</div> </div> <div> <div><strong>A Marriage Made in Heaven</strong></div> <div>Spring 2022</div> </div> <div> <div><strong>1st AC, "A" Camera</strong></div> <div>Red Komodo</div> <div>Canon FD</div> </div> <div class="col-start-2 sm:col-start-3"> <div class="nameindent">Dir Robert Krantz</div> <div class="nameindent">DP Gonzalo Digenio</div> </div> <div> <div><strong>Harper</strong></div> <div>Summer 2021</div> </div> <div> <div><strong>1st AC, "A" Camera</strong></div> <div>Arri Alexa Mini LF</div> <div>Cooke S7</div> </div> <div class="col-start-2 sm:col-start-3"> <div class="nameindent">Dir Kate Bohan</div> <div class="nameindent">DP Gonzalo Digenio</div> </div> <div> <div><strong>Death in Ojai</strong></div> <div>Fall 2020</div> </div> <div> <div><strong>1st AC, "A" Camera</strong></div> <div>Red Gemini</div> <div>Sigma Cine Zoom</div> </div> <div class="col-start-2 sm:col-start-3"> <div class="nameindent">Dir Philippe Caland</div> <div class="nameindent">DP Gonzalo Digenio</div> </div> <div> <div><strong>Cerebrum</strong></div> <div>Winter 2018</div> </div> <div> <div><strong>1st AC</strong></div> <div>Arri Alexa Mini</div> <div>Kowa Anamorphic</div> </div> <div class="col-start-2 sm:col-start-3"> <div class="nameindent">Dir Arvi Ragu</div> <div class="nameindent">DP Jakob Løfberg, DFF</div> </div> <div> <div><strong>Monsoon</strong></div> <div>Fall 2015</div> </div> <div> <div><strong>1st AC</strong></div> <div>Arri Alexa Classic</div> <div>Zeiss Super Speed</div> </div> <div class="col-start-2 sm:col-start-3"> <div class="nameindent">Dir Miguel Duran</div> <div class="nameindent">DP Alex Simon</div> </div> </div> <h2>Short Films</h2> <div class="grid grid-cols-2 sm:grid-cols-3 gap-x-4 gap-y-4"> <div> <div><strong>Milk</strong></div> <div>Spring 2022</div> </div> <div> <div><strong>1st AC</strong></div> <div>Aaton XTR 16mm</div> <div>Canon Zoom</div> </div> <div class="col-start-2 sm:col-start-3"> <div class="nameindent">Dir Madeline Leary</div> <div class="nameindent">DP Frank Rios</div> </div> <div> <div><strong>I Know What You Need</strong></div> <div>Summer 2021</div> </div> <div> <div><strong>1st AC</strong></div> <div>Arri Alexa Mini</div> <div class="nameindent">Panavision Ultra Speed</div> <div>Cooke Zoom</div> </div> <div class="col-start-2 sm:col-start-3"> <div class="nameindent">Dir Julia Marchese</div> <div class="nameindent">DP Alex Simon</div> </div> <div> <div><strong>Bébé</strong></div> <div>Spring 2021</div> </div> <div> <div><strong>1st AC</strong></div> <div>Sony Venice</div> <div>Type SK</div> </div> <div class="col-start-2 sm:col-start-3"> <div class="nameindent">Dir Stephen French</div> <div class="nameindent">DP Diego Gilly</div> </div> <div> <div><strong>2 Timers</strong></div> <div>Fall 2019</div> </div> <div> <div><strong>1st AC</strong></div> <div>Panasonic EVA1</div> <div>Cooke Zoom</div> </div> <div class="col-start-2 sm:col-start-3"> <div class="nameindent">Dir Tim Aslin &<br>Shane Cibella</div> <div class="nameindent">DP Alex Simon</div> </div> </div> <h2>Music Videos</h2> <div class="grid grid-cols-2 sm:grid-cols-3 gap-x-4 gap-y-4"> <div> <div><strong>Payday</strong></div> <div><strong>"Boyfriend"</strong></div> <div>Winter 2022</div> </div> <div> <div><strong>1st AC</strong></div> <div>Red Monstro</div> <div>TLS Cooke Panchro</div> </div> <div class="col-start-2 sm:col-start-3"> <div class="nameindent">Dir Kyra Gardner</div> <div class="nameindent">DP Evan Butka</div> </div> <div> <div><strong>David Kushner</strong></div> <div><strong>"Mr. Forgettable"</strong></div> <div>Spring 2022</div> </div> <div> <div><strong>1st AC, "B" Camera</strong></div> <div>Arriflex 435 35mm</div> <div>Zeiss Supreme</div> </div> <div class="col-start-2 sm:col-start-3"> <div class="nameindent">Dir Alex Cook</div> <div class="nameindent">DP Diego Gilly</div> </div> <div> <div><strong>Com Truise</strong></div> <div><strong>"Ultrafiche of You"</strong></div> <div>Spring 2019</div> </div> <div> <div><strong>1st AC</strong></div> <div>Arri Alexa Mini</div> <div>Super Baltar</div> </div> <div class="col-start-2 sm:col-start-3"> <div class="nameindent">Dir Gianluca Minucci</div> <div class="nameindent">DP Jeremy Kerr</div> </div> <div> <div><strong>Ersay Üner</strong></div> <div><strong>"Nokta"</strong></div> <div>Spring 2019</div> </div> <div> <div><strong>1st AC</strong></div> <div>Arri Alexa Mini</div> <div>TLS Cooke Panchro</div> </div> <div class="col-start-2 sm:col-start-3"> <div class="nameindent">Dir Büşra Pekin</div> <div class="nameindent">DP Brandon Musselman</div> </div> </div> <h2>Sundry</h2> <p>Ethan has also worked on various projects for brands including Apple, Nike, Universal Pictures, NFL, Call of Duty, Warner Brothers, United Artists, Lenovo, LA Dodgers, and 100 Thieves.</p> </div> <div class="p-4 bg-sky-400 dark:bg-sky-900 text-zinc-900 dark:text-zinc-100 text-center text-xs uppercase lg:rounded-b-lg"> <div> Photograph made by <a href="https://www.nadraphotography.com/leigh/" target="_blank" alt="Leigh Doran Photographer Profile">Leigh Doran</a> <span class="inline sm:hidden"><br></span> <span class="hidden sm:inline"> // </span> Typefaces made by <a href="https://www.atipofoundry.com" target="_blank" alt="the Atipo Typeface Foundry">Atipo Foundry</a> </div> <div>© 2024 Ethan Brookins <a rel="me" aria-label="Mastodon verification link" href="https://mastodon.social/@ethanbrookins"></a></div> </div> </div> </body> <script> document.getElementById('soft').addEventListener('click', function (e) {
e.stopPropagation();
this.classList.toggle('!blur-none');
}); </script> </html>