1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="UTF-8" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1" /> 7 <meta name="description" 8 content="Ben McEwan's Compositing Blog & Portfolio. Hire a Compositing Supervisor, and Learn Comp from a Nuke Expert" /> 9 10 <meta property="og:title" content="Ben McEwan" /> 11 <meta property="og:description" 12 content="Ben McEwan's Compositing Blog & Portfolio. Hire a Compositing Supervisor, and Learn Comp from a Nuke Expert" /> 13 <meta property="og:type" content="website" /> 14 <meta name="twitter:card" content="summary" /> 15 <meta name="robots" content="index, follow" /> 16 17 <!-- Bootstrap CSS: CDN with local fallback --> 18 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" 19 integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous" 20 id="bootstrap-css" 21 onerror="this.onerror=null;this.href='/static/bootstrap-5.3.3-dist/css/bootstrap.min.css';"> 22 <link rel="stylesheet" href="/static/css/custom.css" /> 23 <link rel="stylesheet" href="/static/css/style.css" /> 24 25 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter"> 26
26<script src="https://kit.fontawesome.com/9ae3b05a85.js" crossorigin="anonymous" defer></script>
26 27 28 <!-- Umami Analytics --> 29
29<script defer src="https://cloud.umami.is/script.js" 30 data-website-id="5b6377ae-2da8-437f-bb96-213dd1c03d3e"></script>
30 31 32 33 34 35 36 <!-- Add this line --> 37 <title>Ben McEwan | Portfolio</title> 38 <link rel="icon" type="image/x-icon" href="/favicon.ico" /> 39 40 <!-- Stork Search --> 41 <!-- <link rel="stylesheet" href="/static/css/stork.css" /> --> 42 <!-- <link rel="stylesheet" href="https://files.stork-search.net/dark.css" /> --> 43 44 45</head> 46 47<body class="d-flex flex-column min-vh-100"> 48 <header> 49 <nav class="navbar navbar-dark navbar-expand-lg"> 50 <div class="container"> 51 <!-- Logo --> 52 <a href="/index.html" class="navbar-brand" aria-label="Ben McEwan's logo"> 53 <img src="/images/bmlogo_vector.svg" width="80" height="80" class="logo" 54 alt="Ben McEwan's logo" /> 55 </a> 56 57 <!-- Navbar Toggle --> 58 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> 59 <span class="navbar-toggler-icon"></span> 60 </button> 61 62 <!-- Navigation Items --> 63 <nav class="collapse navbar-collapse justify-content-end" id="navbarNav"> 64 <hr class="d-block d-lg-none"> 65 <ul class="navbar-nav d-flex align-items-center"> 66 67 <li class="nav-item mx-1"> 68 <a class="nav-link" href="/index.html">Home</a> 69 </li> 70 71 <!-- <li class="nav-item mx-1"> 72 <a class="nav-link" href="/portfolio.html">Portfolio</a> 73 </li> --> 74 75 76 <li class="nav-item mx-1"> 77 <a class="nav-link umami--click" data-umami-event="Navbar - Blog" href="/blog.html">Blog</a> 78 </li> 79 80 <li class="nav-item mx-1"> 81 <!-- <a class="nav-link" href="/nuke_tools.html">Nuke Tools</a> --> 82 <a class="nav-link umami--click" data-umami-event="Navbar - Nuke Tools" 83 href="https://github.com/BenMcEwan/nuke_public" target="_blank">Nuke 84 Tools</a> 85 </li> 86 87 <li class="nav-item dropdown"> 88 <a class="nav-link dropdown-toggle text-center" href="#" id="navbarDropdown" role="button" 89 data-bs-toggle="dropdown" aria-expanded="false"> 90 Learn 91 </a> 92 <ul class="dropdown-menu dropdown-menu-end drop-shadow-small" 93 aria-labelledby="navbarDropdown"> 94 <li> 95 <a class="dropdown-item umami--click" 96 data-umami-event="Navbar - Learn / Video Tutorials" 97 href="/tutorials.html">Video Tutorials 98 </a> 99 </li> 100 <li> 101 <a class="dropdown-item umami--click" 102 data-umami-event="Navbar - Learn / Math of Comp" 103 href="/math_of_comp.html">Math of Comp<span 104 class="badge text-bg-info ms-2">Free!</span> 105 </a> 106 </li> 107 <li> 108 <hr class="dropdown-divider" /> 109 </li> 110 <li> 111 <a class="dropdown-item umami--click" 112 data-umami-event="Navbar - Learn / Ben's Comp Newsletter Archives" 113 href="/newsletter.html" aria-disabled="true"> 114 Ben's Comp Newsletter<span class="badge text-bg-warning ms-2">Archives</span> 115 </a> 116 </li> 117 <li> 118 <a class="dropdown-item disabled" href="#" aria-disabled="true">
119 <span class="text-light-grey">Python for Nuke 101</span> 120 <span class="badge text-bg-danger ms-2">End of 121 Life</span> 122 </a> 123 </li> 124 <li> 125 <a class="dropdown-item disabled" href="#"> 126 <span class="text-light-grey">GitHub for Compositors</span> 127 <span class="badge text-bg-danger ms-2">End of Life</span> 128 </a> 129 </li> 130 </ul> 131 </li> 132 133 <li class="nav-item dropdown align-items-center"> 134 <a class="nav-link dropdown-toggle text-center" href="#" id="navbarDropdown" role="button" 135 data-bs-toggle="dropdown" aria-expanded="false"> 136 Projects 137 </a> 138 <ul class="dropdown-menu dropdown-menu-end drop-shadow-small" 139 aria-labelledby="navbarDropdown"> 140 <li> 141 <a class="dropdown-item umami--click" data-umami-event="Navbar - Projects/NukeFeed" 142 href="https://nukefeed.com" target="_blank">NukeFeed 143 </a> 144 </li> 145 </ul> 146 </li> 147 148 </ul> 149 </nav> 150 </div> 151 </nav> 152 </header> 153 154 <main class="flex-grow-1"> 155 156 157<section class="min-vh-65 d-flex align-items-center"> 158 <div class="container"> 159 <div class="row py-5 gx-4 text-ivory"> 160 <!-- Wave emoji - Always on left on desktop --> 161 <div class="col-1 d-none d-lg-flex justify-content-end align-items-start fade-item-onload animate-delay-0"> 162 <h1>👋🏼</h1> 163 </div> 164 165 <!-- Main content --> 166 <div class="col-12 col-lg-7 order-2 order-lg-1"> 167 <!-- Show wave emoji on mobile --> 168 <div class="d-flex d-lg-none align-items-start mb-3"> 169 <h1 class="me-3 fade-item-onload animate-delay-1">👋🏼</h1> 170 <h1 class="pb-3 fade-item-onload animate-delay-2">Hi, I'm <span class="text-gold">Ben 171 McEwan</span></h1> 172 </div> 173 174 <!-- Desktop heading --> 175 <h1 class="d-none d-lg-block pb-3 fade-item-onload animate-delay-3">Hi, I'm <span class="text-gold">Ben 176 McEwan</span></h1> 177 178 <div class="header-text"> 179 <p class="fade-item-onload animate-delay-4">I'm currently the <span class="text-white">Head of 180 2D</span> at 181 <a href="https://image-engine.com/" class="link-white">Image Engine</a>, 182 and have been a Compositor since 2011. 183 </p> 184 <p class="fade-item-onload animate-delay-5">I enjoy teaching all things Compositing, and creating 185 tools 186 & systems within Nuke to help 187 teams create technically-proficient and creatively outstanding imagery.</p> 188 </div> 189 190 <!-- Buttons --> 191 <div class="d-flex flex-column flex-md-row gap-2 py-4"> 192 <a class="btn btn-gold me-md-3 fade-item-onload animate-delay-6 umami--click" 193 data-umami-event="Home - See what I do Button" 194 href="#what-i-can-help-you-with">See what I do</a> 195 <a class="btn btn-outline-white fade-item-onload animate-delay-7 umami--click" 196 data-umami-event="Home - Get in touch Button" href="#contact-form">Get in touch</a> 197 </div> 198 </div> 199
200 <!-- Headshot Image - Right on desktop, top on mobile --> 201 <div class="col-12 col-lg-4 mb-5 mb-lg-0 order-1 order-lg-2"> 202 <img src="/images/headshot_benm.webp" class="img-fluid rounded-circle mx-auto d-block fade-item-onload animate-delay-0" 203 alt="Ben McEwan"> 204 </div> 205 </div> 206 207 <!-- Socials --> 208 <div class="row"> 209 <div class="col-12"> 210 <hr> 211 <div class="d-flex justify-content-center gap-5 pt-2 pb-4"> 212 <a class="fab fa-imdb btn-img btn-white fade-item-onload" href="https://www.imdb.com/name/nm3229205/" 213data-umami-event="IMDB Profile Link" target="_blank" aria-label="IMDB Profile" role="button"></a> 214<a class="fab fa-linkedin-in btn-img btn-white fade-item-onload" href="https://www.linkedin.com/in/benmcewan/" 215data-umami-event="LinkedIn Profile Link" target="_blank" aria-label="LinkedIn Profile" role="button"></a> 216<a class="fab fa-youtube btn-img btn-white fade-item-onload" href="https://www.youtube.com/BenMcEwan/" 217data-umami-event="YouTube Channel Link" target="_blank" aria-label="YouTube Channel" role="button"></a> 218<a class="fab fa-github btn-img btn-white fade-item-onload" href="https://github.com/BenMcEwan" 219data-umami-event="GitHub Profile Link" target="_blank" aria-label="GitHub Profile" role="button"></a> 220 221 </div> 222 </div> 223 </div> 224 225 </div> 226</section> 227<section> 228 <div class="container-fluid white-bg"> 229 <div class="container pt-5"> 230 <div class="row"> 231 <div class="col-12"> 232 <h1 class="text-center py-lg-3 fade-item-onload animate-delay-12" id="what-i-can-help-you-with"> 233 <span class="marker">What I can help you with.</span> 234 </h1> 235 </div> 236 </div> 237 </div> 238 239 <!-- Showreel Modal --> 240 <div class="modal fade" id="showreel_modal" aria-labelledby="showreel_modal_label" aria-hidden="true"> 241 <div class="modal-dialog modal-dialog-centered modal-xl"> 242 <div class="modal-content"> 243 <div class="modal-body position-relative"> 244 <button type="button" class="btn-close m-3 btn-close-white" data-bs-dismiss="modal" 245 aria-label="Close"></button> 246 <div class="embed-responsive embed-responsive-16by9 video-container"> 247 <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/OQC0KDxMwys" 248 allowfullscreen title="Ben McEwan Showreel"></iframe> 249 </div> 250 </div> 251 </div> 252 </div> 253 </div> 254 255 <div class="row row-cols-1 row-cols-md-1 row-cols-xxl-3 mx-md-1 mx-xxl-2 py-5 gy-3"> 256 <div class="col"> 257 <div class="card true-white-bg p-4 p-md-5 drop-shadow-small h-100 fade-item-onload animate-delay-13"> 258 <div class="card-body d-flex flex-column h-100"> 259 <h2 class="card-title text-sm-center">Compositing Supervision & Leadership</h2> 260 <p class="mt-3 flex-grow-1">With 15 years of Compositing experience and 8 years 261 leadership 262 experience, I have helped teams of up to 70+ Compositors deliver high-end VFX for feature 263 films & episodic streaming series.</p> 264 <p class="mt-3 flex-grow-1">I have worked at world-class VFX studios including <a 265 href="https://www.ilm.com/" target="_blank" class="link-black">Industrial Light & 266 Magic</a>, 267 <a href="https://www.rsp.com.au/" target="_blank" class="link-black">Rising Sun 268 Pictures</a>, <a href="https://www.dneg.com/" target="_blank" 269 class="link-black">DNEG</a>, and currently call <a href="https://image-engine.com/" 270 target="_blank" class="link-black">Image Engine</a> home. 271 </p> 272 273 <!-- Buttons --> 274 <div class="d-flex flex-column flex-md-row gap-2 pt-3 justify-content-center"> 275 <a class="btn btn-navy umami--click" data-umami-event="Home - What People Say Button" 276 href="#nice-things-people-have-said-about-my-work">What people say</a> 277 <a class="btn btn-outline-black umami--click" data-umami-event="Home - View CV Button" 278 href="files/BenMcEwan_Resume.pdf" target="_blank">View CV</a> 279 <button type="button" class="btn btn-outline-black me-md-2 umami--click" 280 data-umami-event="Home - 2017 Artist Showreel Button" data-bs-toggle="modal" 281 data-bs-target="#showreel_modal"> 282 2017 Artist Showreel 283 </button> 284 </div> 285 </div> 286 </div> 287 </div> 288 289 <div class="col"> 290 <div class="card true-white-bg p-4 p-md-5 drop-shadow-small h-100 fade-item-onload animate-delay-14"> 291 <div class="card-body d-flex flex-column h-100"> 292 <h2 class="card-title text-sm-center">Compositing Education & Mentorship</h2> 293 <p class="mt-3 flex-grow-1">I love to teach all things Compositing, and have taught at <a 294 href="https://vfs.edu/" class="link-black">Vancouver Film School</a> and <a 295 href="https://www.kpu.ca/arts/entertainment-arts" class="link-black">The Centre for 296 Entertainment Arts</a>. 297 Additionally, I have presented talks & created tutorials for <a 298 href="https://www.foundry.com/" class="link-black">Foundry</a> and <a 299 href="https://sparkcg.org/" class="link-black">SparkFX</a> in recent years! 300 <br><br> 301 I have an extensive history of sharing Nuke Compositing knowledge via 302 <a href="newsletter.html" class="link-black umami--click" 303 data-umami-event="Home - Ben's Comp Newsletter Link">Ben's Comp Newsletter</a>, my <a 304 href="blog.html" class="link-black umami--click" 305 data-umami-event="Home - Compositing Blog Link">Compositing Blog</a>, my <a 306 href="https://www.youtube.com/BenMcEwan/" class="link-black umami--click" 307 data-umami-event="Home - YouTube Channel Link">YouTube Channel</a>, and 308 other <a href="math_of_comp.html" class="link-black umami--click" 309 data-umami-event="Home - Courses Link">courses</a>. 310 </p> 311 </div> 312 </div> 313 </div> 314 315 <div class="col"> 316 <div class="card true-white-bg p-4 p-md-5 drop-shadow-small h-100 fade-item-onload animate-delay-15"> 317 <div class="card-body d-flex flex-column h-100"> 318 <h2 class="card-title text-sm-center">Nuke Tools & Pipeline Development</h2> 319 <p class="mt-3">Proven experience creating tools and workflows for Nuke, removing 320 friction for Compositors to help them be more productive & creative.</p> 321 <ul class="arrows mt-3"> 322 <li><a href="https://github.com/BenMcEwan/nuke_public" class="link-black umami--click" 323 data-umami-event="Home - Public Nuke Tools (GitHub) Link">Public Nuke Tools 324 (GitHub)</a></li> 325 </ul> 326 <div class="flex-grow-1"></div> 327 </div> 328 </div> 329 </div> 330 </div> 331 </div> 332</section> 333 334<section> 335 <div class="container-fluid text-white pt-4 pt-lg-5"> 336 <div class="container text-white pt-4 pb-3 pb-lg-5"> 337 <div class="row"> 338 <div class="col-12"> 339 <h1 class="text-center" id="nice-things-people-have-said-about-my-work">
340 <span class="marker">Nice things people have said about my work.</span> 341 </h1> 342 </div> 343 </div> 344 </div> 345 346 <div class="row row-cols-1 row-cols-md-1 row-cols-xxl-2 mx-md-1 mx-xxl-2 py-4 gy-3"> 347 <div class="col"> 348 <div class="card h-100 navy-bg navy-bg-border"> 349 <div class="card-body d-flex flex-column h-100 p-4"> 350 <div class="text-gold text-center mb-3"> 351 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" 352 class="bi bi-quote" viewBox="0 0 16 16" aria-hidden="true"> 353 <path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z" /> 354</svg> 355 356 </div> 357 358 <p class="card-text text-white flex-grow-1 mb-4">Working with Ben has been one of the most inspiring parts of my journey in visual effects. He truly breathes VFX - not just as a job, but as a passion that spans both the creative and technical spectrum. Ben brings energy and curiosity to everything he touches. 359 360 As Head of Compositing, he leads by example: pushing boundaries, advocating for the department, and always encouraging us to grow (individually and as a team). He's deeply committed to innovation, constantly exploring new technologies and approaches that elevate our craft. 361 362 What I appreciate most is how he sees and treats each person as an individual. Every conversation feels meaningful. I leave feeling heard, challenged, and motivated to level up. His passion is contagious (almost as much as his love for coffee, which might just be the secret fuel behind his brilliance). 363 364 A true leader, a deep thinker, and someone I constantly learn from.</p> 365 366 <div class="d-flex align-items-center mt-auto"> 367 <div class="flex-shrink-0 me-3 testimonial-image"> 368 <img src="/images/seb-schutt-linkedin.webp" class="img-fluid rounded-circle" 369 alt="Sebastian Schütt"> 370 </div> 371 <div> 372 <p class="card-text text-ivory mb-0 testimonial-author"> 373 <strong class="marker-small">Sebastian Schütt</strong> 374 <br> 375 <span class="text-grey fst-italic">Lead Compositor, Image Engine</span> 376 </p> 377 </div> 378 </div> 379 </div> 380 </div> 381 </div> 382 <div class="col"> 383 <div class="card h-100 navy-bg navy-bg-border"> 384 <div class="card-body d-flex flex-column h-100 p-4"> 385 <div class="text-gold text-center mb-3"> 386 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" 387 class="bi bi-quote" viewBox="0 0 16 16" aria-hidden="true"> 388 <path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z" /> 389</svg> 390 391 </div> 392 393 <p class="card-text text-white flex-grow-1 mb-4">Ben is a rare blend of visionary creativity, technical mastery, and inspiring mentorship. His unique combination of warmth, approachability, and unwavering confidence makes him an invaluable asset to any team, department, VFX studio and clients. 394 395 Throughout my time working with Ben, I've regularly appreciated his vision on both technical challenges and managerial decisions. His insights have always proven invaluable. 396 Ben possesses an extraordinary depth of knowledge in his craft and an uncanny ability to distill complex tasks to their essence, a skill many seasoned professionals aspire to emulate. He embodies the ideal of a modern, high-end VFX supervisor: a masterful blend of leadership, innovation, technical and creative brilliance. 397 398 I consider myself incredibly fortunate to have walked alongside Ben during these years. His career trajectory is destined for extraordinary heights, and I have no doubt that he will achieve milestones few in our VFX industry ever reach.</p> 399 400 <div class="d-flex align-items-center mt-auto"> 401 <div class="flex-shrink-0 me-3 testimonial-image"> 402 <img src="/images/daniele-tosti-linkedin.webp" class="img-fluid rounded-circle" 403 alt="Daniele Tosti"> 404 </div> 405 <div> 406 <p class="card-text text-ivory mb-0 testimonial-author"> 407 <strong class="marker-small">Daniele Tosti</strong> 408 <br>
409 <span class="text-grey fst-italic">Creative Technology Supervisor, Eyeline Studios</span> 410 </p> 411 </div> 412 </div> 413 </div> 414 </div> 415 </div> 416 <div class="col"> 417 <div class="card h-100 navy-bg navy-bg-border"> 418 <div class="card-body d-flex flex-column h-100 p-4"> 419 <div class="text-gold text-center mb-3"> 420 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" 421 class="bi bi-quote" viewBox="0 0 16 16" aria-hidden="true"> 422 <path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z" /> 423</svg> 424 425 </div> 426 427 <p class="card-text text-white flex-grow-1 mb-4">I decided to book a one time mentorship with Ben because I felt I needed some guidance and not just a quick "how to" fix. I am the kind of person who never feels good enough for the role he covers and Ben helped me to reframe the whole situation with some practical actions that can tremendously impact the way you perceive your work environment. As a compositor the ability to manage stress, priorities and communication is crucial to get the best out of your project and I had the chance to learn more about these skills in 1 hour talk with Ben, than in years of tutorials and webinars.</p> 428 429 <div class="d-flex align-items-center mt-auto"> 430 <div class="flex-shrink-0 me-3 testimonial-image"> 431 <img src="/images/federico-sibella-linkedin.webp" class="img-fluid rounded-circle" 432 alt="Federico Sibella"> 433 </div> 434 <div> 435 <p class="card-text text-ivory mb-0 testimonial-author"> 436 <strong class="marker-small">Federico Sibella</strong> 437 <br> 438 <span class="text-grey fst-italic">Compositor, Important Looking Pirates</span> 439 </p> 440 </div> 441 </div> 442 </div> 443 </div> 444 </div> 445 <div class="col"> 446 <div class="card h-100 navy-bg navy-bg-border"> 447 <div class="card-body d-flex flex-column h-100 p-4"> 448 <div class="text-gold text-center mb-3"> 449 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" 450 class="bi bi-quote" viewBox="0 0 16 16" aria-hidden="true"> 451 <path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z" /> 452</svg> 453 454 </div> 455 456 <p class="card-text text-white flex-grow-1 mb-4">I had not properly written a single line of code before Ben's Python for Nuke 101 course, and now I have advanced so much in such a short space of time. I've done quite a few courses and tutorials from a variety of places and Ben's course has been hands down the best, most useful, most relevant, most prepared and thought through course I've done.</p> 457 458 <div class="d-flex align-items-center mt-auto"> 459 <div class="flex-shrink-0 me-3 testimonial-image"> 460 <img src="/images/josh-barham-linkedin.webp" class="img-fluid rounded-circle" 461 alt="Josh Barham"> 462 </div> 463 <div> 464 <p class="card-text text-ivory mb-0 testimonial-author"> 465 <strong class="marker-small">
465Josh Barham</strong> 466 <br> 467 <span class="text-grey fst-italic">Paint & Roto Supervisor, Framestore</span> 468 </p> 469 </div> 470 </div> 471 </div> 472 </div> 473 </div> 474 </div> 475 </div> 476</section> 477<section> 478 <div class="container-fluid white-bg pb-5 pt-3"> 479 <div class="container"> 480 <div class="row"> 481 <div class="col-12"> 482 <h1 class="text-center py-4" id="contact-form"> 483 <span class="marker">Get in Touch</span> 484 </h1> 485 </div> 486 </div> 487 488 <div class="row justify-content-center"> 489 <div class="col-12 col-md-8"> 490 491 <form action="https://formspree.io/f/movdqjrp" method="POST" id="contactForm" novalidate> 492 <div class="mb-3"> 493 <label for="name" class="form-label">Name</label> 494 <input type="text" class="form-control" id="name" name="name" required> 495 <div class="invalid-feedback"> 496 Please provide your name. 497 </div> 498 </div> 499 500 <div class="mb-3"> 501 <label for="email" class="form-label">Email</label> 502 <input type="email" class="form-control" id="email" name="email" required 503 pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}"> 504 <div class="invalid-feedback"> 505 Please provide a valid email address (e.g., <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="84f1f7e1f6c4e1fce5e9f4e8e1aae7ebe9">[email protected]</a>). 506 </div> 507 </div> 508 509 <div class="mb-3"> 510 <label for="message" class="form-label">Message</label> 511 <textarea class="form-control" id="message" name="message" rows="4" required></textarea> 512 <div class="invalid-feedback"> 513 Please provide a message. 514 </div> 515 </div> 516 <div class="col-12 text-center"> 517 <button type="submit" class="btn btn-wide btn-gold umami--click" 518 data-umami-event="Home - Form Send Message Button" id="submitBtn" disabled> 519 Send Message 520 </button> 521 </div> 522 </form> 523 524 </div> 525 </div> 526 527 </div> 528 </div> 529</section>
vendor: 109 bytes, lines 529-530
529 530<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
530<script src="/static/js/stop-modal-video-on-close.js" defer></script>
vendor: 1 bytes, line 530
530
531<script src="/static/js/form-validation.js" defer></script>
vendor: 1 bytes, line 531
531
532<script src="/static/js/scroll-depth.js" defer></script>
532 533 534 </main> 535 536 <footer class="footer"> 537 <div class="container py-3"> 538 <div class="row"> 539 <!-- Copyright Section --> 540 <div 541 class="col-12 col-md-6 d-flex justify-content-center justify-content-md-start align-items-center mb-2 mb-md-0"> 542 <p class="text-light-grey mb-0"> 543 © Ben McEwan, 2011 - <span id="currentYear"></span> 544 </p> 545 </div> 546 547 <!-- Social Icons Section --> 548 <div class="col-12 col-md-6 d-flex justify-content-center justify-content-md-end align-items-center"> 549 <div class="d-flex gap-3"> 550 <a class="fab fa-imdb btn-img btn-white " href="https://www.imdb.com/name/nm3229205/" 551style="font-size: 1.5em" target="_blank" aria-label="IMDB Profile" role="button"></a> 552<a class="fab fa-linkedin-in btn-img btn-white " href="https://www.linkedin.com/in/benmcewan/" 553style="font-size: 1.5em" target="_blank" aria-label="LinkedIn Profile" role="button"></a> 554<a class="fab fa-youtube btn-img btn-white " href="https://www.youtube.com/BenMcEwan/" 555style="font-size: 1.5em" target="_blank" aria-label="YouTube Channel" role="button"></a> 556<a class="fab fa-github btn-img btn-white " href="https://github.com/BenMcEwan" 557style="font-size: 1.5em" target="_blank" aria-label="GitHub Profile" role="button"></a> 558 559 </div> 560 </div> 561 </div> 562 </div> 563 </footer> 564 565 566 <!-- Calculate year for footer --> 567
567<script src="/static/js/footer-date.js" defer></script>
567 568 569 <!-- Bootstrap JS: CDN with local fallback --> 570
570<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" 571 integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous" 572 onerror="var s=document.createElement('script');s.src='/static/bootstrap-5.3.3-dist/js/bootstrap.bundle.min.js';document.body.appendChild(s);"></script>
572 573 574 575
576<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"b4a670835b984799a03f2ded6908bc1f","r":1,"spa":2}' crossorigin="anonymous"></script>
576 577</body> 578 579</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.