AntonCraft

<!-- Content Only (Hero is managed by template) --> <p>&nbsp;</p> <!-- 1. Challenge & Process --> <div class="row g-5 mb-5"> <div class="col-lg-6" data-aos="fade-right"> <div class="p-5 h-100 border border-secondary bg-white bg-opacity-05 rounded-4 shadow-lg"> <h2 class="h3 fw-bold text-white mb-4">The Challenge</h2> <p class="text-white-50">Starting a YouTube channel in the competitive Minecraft space is no easy feat. My goal was to create high-quality, tutorial-based content that genuinely helps players of all skill levels, distinguishing itself through production value and clarity.</p> </div> </div> <div class="col-lg-6" data-aos="fade-left"> <div class="p-5 h-100 border border-secondary bg-white bg-opacity-05 rounded-4 shadow-lg"> <h2 class="h3 fw-bold text-white mb-4">The Process</h2> <p class="text-white-50">I shifted from live commentary to a scripted, post-production heavy workflow. This allowed for concise, error-free tutorials and higher visual polish, ensuring every second of the video provided value.</p> </div> </div> </div> <!-- 2. Workflow Timeline (Clean Outlined Style) --> <div class="p-5 mb-5 border border-secondary bg-black bg-opacity-50 rounded-4 shadow-lg" data-aos="fade-up"> <h3 class="text-center text-white mb-5 fw-bold text-uppercase tracking-widest small">Production Workflow</h3> <div class="row text-center g-4"> <div class="col feature-step"> <div class="d-inline-flex align-items-center justify-content-center border border-2 border-primary text-white rounded-circle fw-bold mb-3 shadow-lg bg-transparent" style="width: 60px; height: 60px; font-size: 1.2rem;">01</div> <h5 class="text-white mt-2">Research</h5> </div> <div class="col feature-step"> <div class="d-inline-flex align-items-center justify-content-center border border-2 border-light text-white rounded-circle fw-bold mb-3 shadow-lg bg-transparent opacity-75" style="width: 60px; height: 60px; font-size: 1.2rem;">02</div> <h5 class="text-white mt-2">Script</h5> </div> <div class="col feature-step"> <div class="d-inline-flex align-items-center justify-content-center border border-2 border-light text-white rounded-circle fw-bold mb-3 shadow-lg bg-transparent opacity-75" style="width: 60px; height: 60px; font-size: 1.2rem;">03</div> <h5 class="text-white mt-2">Audio</h5> </div> <div class="col feature-step"> <div class="d-inline-flex align-items-center justify-content-center border border-2 border-light text-white rounded-circle fw-bold mb-3 shadow-lg bg-transparent opacity-75" style="width: 60px; height: 60px; font-size: 1.2rem;">04</div> <h5 class="text-white mt-2">Edit</h5> </div> <div class="col feature-step"> <div class="d-inline-flex align-items-center justify-content-center border border-2 border-success text-success rounded-circle fw-bold mb-3 shadow-lg bg-transparent" style="width: 60px; height: 60px; font-size: 1.2rem;">05</div> <h5 class="text-white mt-2">Publish</h5> </div> </div> </div> <!-- 3. Software Stack --> <h3 class="text-white mb-4" data-aos="fade-right">Software Stack</h3> <div class="row g-4 mb-5" data-aos="fade-up"> <div class="col-6 col-md-3"> <div class="p-4 h-100 border border-secondary bg-white bg-opacity-05 rounded-4 text-center"><img class="mb-3 rounded-3" style="border-radius: 14px; object-fit: contain;" src="/assets/YouTube.webp" alt="YouTube" width="60" height="60"> <h5 class="text-white fw-bold fs-6">YouTube</h5> <small class="text-white-50">Platform</small></div> </div> <div class="col-6 col-md-3"> <div class="p-4 h-100 border border-secondary bg-white bg-opacity-05 rounded-4 text-center"><img class="mb-3 rounded-3" style="object-fit: contain;" src="https://www.computerhope.com/jargon/d/davinci-resolve.png" alt="DaVinci" width="50"> <h5 class="text-white fw-bold fs-6">DaVinci</h5> <small class="text-white-50">Video Editing</small></div> </div> <div class="col-6 col-md-3"> <div class="p-4 h-100 border border-secondary bg-white bg-opacity-05 rounded-4 text-center"><img class="mb-3 rounded-3" style="object-fit: contain;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/af/Adobe_Photoshop_CC_icon.svg/2101px-Adobe_Photoshop_CC_icon.svg.png" alt="Photoshop" width="50"> <h5 class="text-white fw-bold fs-6">Photoshop</h5> <small class="text-white-50">Thumbnails</small></div> </div> <div class="col-6 col-md-3"> <div class="p-4 h-100 border border-secondary bg-white bg-opacity-05 rounded-4 text-center"><img class="mb-3 rounded-3" style="object-fit: contain;" src="/assets/OBSStudio.png" alt="OBS" width="50"> <h5 class="text-white fw-bold fs-6">OBS Studio</h5> <small class="text-white-50">Recording</small></div> </div> </div> <!-- 4. Featured Videos --> <h3 class="text-white mb-4" data-aos="fade-right">Featured Content</h3> <div class="row g-4"> <div class="col-md-6" data-aos="fade-up"> <div class="rounded-4 overflow-hidden border border-secondary shadow-lg h-100 position-relative"> <div class="ratio ratio-16x9"><iframe title="YouTube video" src="https://www.youtube.com/embed/KY-Ipds97hE" allowfullscreen="allowfullscreen"></iframe></div> <div class="p-3 bg-black bg-opacity-50"> <h5 class="text-white fw-bold fs-6 mb-1">Installing Optifine</h5> <small class="text-white-50">Optimization Guide</small></div> </div> </div> <div class="col-md-6" data-aos="fade-up" data-aos-delay="100"> <div class="rounded-4 overflow-hidden border border-secondary shadow-lg h-100 position-relative"> <div class="ratio ratio-16x9"><iframe title="YouTube video" src="https://www.youtube.com/embed/YfZIUx5KXCE" allowfullscreen="allowfullscreen"></iframe></div> <div class="p-3 bg-black bg-opacity-50"> <h5 class="text-white fw-bold fs-6 mb-1">Command Blocks</h5> <small class="text-white-50">Game Logic &amp; Automation</small></div> </div> </div> </div>

<!-- Content Only (Hero is managed by template) --> <p>&nbsp;</p> <!-- 1. Challenge & Process --> <div class="row g-5 mb-5"> <div class="col-lg-6" data-aos="fade-right"> <div class="p-5 h-100 border border-secondary bg-white bg-opacity-05 rounded-4 shadow-lg"> <h2 class="h3 fw-bold text-white mb-4">The Challenge</h2> <p class="text-white-50">Starting a YouTube channel in the competitive Minecraft space is no easy feat. My goal was to create high-quality, tutorial-based content that genuinely helps players of all skill levels, distinguishing itself through production value and clarity.</p> </div> </div> <div class="col-lg-6" data-aos="fade-left"> <div class="p-5 h-100 border border-secondary bg-white bg-opacity-05 rounded-4 shadow-lg"> <h2 class="h3 fw-bold text-white mb-4">The Process</h2> <p class="text-white-50">I shifted from live commentary to a scripted, post-production heavy workflow. This allowed for concise, error-free tutorials and higher visual polish, ensuring every second of the video provided value.</p> </div> </div> </div> <!-- 2. Workflow Timeline (Clean Outlined Style) --> <div class="p-5 mb-5 border border-secondary bg-black bg-opacity-50 rounded-4 shadow-lg" data-aos="fade-up"> <h3 class="text-center text-white mb-5 fw-bold text-uppercase tracking-widest small">Production Workflow</h3> <div class="row text-center g-4"> <div class="col feature-step"> <div class="d-inline-flex align-items-center justify-content-center border border-2 border-primary text-white rounded-circle fw-bold mb-3 shadow-lg bg-transparent" style="width: 60px; height: 60px; font-size: 1.2rem;">01</div> <h5 class="text-white mt-2">Research</h5> </div> <div class="col feature-step"> <div class="d-inline-flex align-items-center justify-content-center border border-2 border-light text-white rounded-circle fw-bold mb-3 shadow-lg bg-transparent opacity-75" style="width: 60px; height: 60px; font-size: 1.2rem;">02</div> <h5 class="text-white mt-2">Script</h5> </div> <div class="col feature-step"> <div class="d-inline-flex align-items-center justify-content-center border border-2 border-light text-white rounded-circle fw-bold mb-3 shadow-lg bg-transparent opacity-75" style="width: 60px; height: 60px; font-size: 1.2rem;">03</div> <h5 class="text-white mt-2">Audio</h5> </div> <div class="col feature-step"> <div class="d-inline-flex align-items-center justify-content-center border border-2 border-light text-white rounded-circle fw-bold mb-3 shadow-lg bg-transparent opacity-75" style="width: 60px; height: 60px; font-size: 1.2rem;">04</div> <h5 class="text-white mt-2">Edit</h5> </div> <div class="col feature-step"> <div class="d-inline-flex align-items-center justify-content-center border border-2 border-success text-success rounded-circle fw-bold mb-3 shadow-lg bg-transparent" style="width: 60px; height: 60px; font-size: 1.2rem;">05</div> <h5 class="text-white mt-2">Publish</h5> </div> </div> </div> <!-- 3. Software Stack --> <h3 class="text-white mb-4" data-aos="fade-right">Software Stack</h3> <div class="row g-4 mb-5" data-aos="fade-up"> <div class="col-6 col-md-3"> <div class="p-4 h-100 border border-secondary bg-white bg-opacity-05 rounded-4 text-center"><img class="mb-3 rounded-3" style="border-radius: 14px; object-fit: contain;" src="/assets/YouTube.webp" alt="YouTube" width="60" height="60"> <h5 class="text-white fw-bold fs-6">YouTube</h5> <small class="text-white-50">Platform</small></div> </div> <div class="col-6 col-md-3"> <div class="p-4 h-100 border border-secondary bg-white bg-opacity-05 rounded-4 text-center"><img class="mb-3 rounded-3" style="object-fit: contain;" src="https://www.computerhope.com/jargon/d/davinci-resolve.png" alt="DaVinci" width="50"> <h5 class="text-white fw-bold fs-6">DaVinci</h5> <small class="text-white-50">Video Editing</small></div> </div> <div class="col-6 col-md-3"> <div class="p-4 h-100 border border-secondary bg-white bg-opacity-05 rounded-4 text-center"><img class="mb-3 rounded-3" style="object-fit: contain;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/af/Adobe_Photoshop_CC_icon.svg/2101px-Adobe_Photoshop_CC_icon.svg.png" alt="Photoshop" width="50"> <h5 class="text-white fw-bold fs-6">Photoshop</h5> <small class="text-white-50">Thumbnails</small></div> </div> <div class="col-6 col-md-3"> <div class="p-4 h-100 border border-secondary bg-white bg-opacity-05 rounded-4 text-center"><img class="mb-3 rounded-3" style="object-fit: contain;" src="/assets/OBSStudio.png" alt="OBS" width="50"> <h5 class="text-white fw-bold fs-6">OBS Studio</h5> <small class="text-white-50">Recording</small></div> </div> </div> <!-- 4. Featured Videos --> <h3 class="text-white mb-4" data-aos="fade-right">Featured Content</h3> <div class="row g-4"> <div class="col-md-6" data-aos="fade-up"> <div class="rounded-4 overflow-hidden border border-secondary shadow-lg h-100 position-relative"> <div class="ratio ratio-16x9"><iframe title="YouTube video" src="https://www.youtube.com/embed/KY-Ipds97hE" allowfullscreen="allowfullscreen"></iframe></div> <div class="p-3 bg-black bg-opacity-50"> <h5 class="text-white fw-bold fs-6 mb-1">Installing Optifine</h5> <small class="text-white-50">Optimization Guide</small></div> </div> </div> <div class="col-md-6" data-aos="fade-up" data-aos-delay="100"> <div class="rounded-4 overflow-hidden border border-secondary shadow-lg h-100 position-relative"> <div class="ratio ratio-16x9"><iframe title="YouTube video" src="https://www.youtube.com/embed/YfZIUx5KXCE" allowfullscreen="allowfullscreen"></iframe></div> <div class="p-3 bg-black bg-opacity-50"> <h5 class="text-white fw-bold fs-6 mb-1">Command Blocks</h5> <small class="text-white-50">Game Logic &amp; Automation</small></div> </div> </div> </div>