fastpack.html

<!DOCTYPE HTML>
<html lang="en">
	<head>
		<!-- Google Tag Manager -->
		<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
		new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
		j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
		'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
		})(window,document,'script','dataLayer','GTM-NC2Q2HQ');</script>
		<!-- End Google Tag Manager -->
		
		<title>LearnMYOG Fastpack</title>
		<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
		<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
		<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
		<link rel="manifest" href="images/site.webmanifest">
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<meta name="description" content="Learn to Make Your Own Gear (MYOG). DIY sewing patterns for ultralight backpacks, technical apparel, and outdoor adventurers.">
		<link rel="stylesheet" href="assets/css/main.css" />
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
		<script defer src="https://code.jquery.com/jquery-3.6.3.min.js"></script>
		<script defer src="assets/js/colorswitcher.js"></script>
		<script defer src="assets/js/header.js" type="text/javascript"></script>
		<script defer src="assets/js/nav.js" type="text/javascript"></script>
		<script defer src="assets/js/footer.js" type="text/javascript"></script>
		<!-- Global site tag (gtag.js) - Google Analytics GA4 -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=G-WP4C42S5VW"></script>
		<script>
		window.dataLayer = window.dataLayer || [];
		function gtag(){dataLayer.push(arguments);}
		gtag('js', new Date());

		gtag('config', 'G-WP4C42S5VW');
		</script>
		<!-- Global site tag (gtag.js) - Google Analytics GA4 -->
	</head>
	<body class="is-preload">

	<!-- Google Tag Manager (noscript) -->
	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NC2Q2HQ"
	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
	<!-- End Google Tag Manager (noscript) -->

	<!-- Wrapper -->
		<div id="wrapper" class="divided">

			<!-- Banner -->
			<header-template></header-template>

			<!-- Nav -->
			<div class="spotlight-color invert align-center">
				<nav-template></nav-template>
			</div>

			<div id="main">	<!-- Build Article -->
			
				<section class="wrapper style1 align-center">
					<div class="inner">
						<h1>Adventure Series Fastpack</h1>
						<h3>Hybrid vest-style pack for overnight trailrunning</h3>
						<div class="video-container">
							<iframe width="853" height="480" src="https://www.youtube.com/embed/j0t1tw9-mlk?rel=0"
												frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
												allowfullscreen></iframe>
						</div>
					</div>
					

					<!-- Gallery -->
					<div class="gallery style1 small">
						<article>
							<a href="images/fastpack/fastpack-hero2.jpg" class="image">
								<img src="images/fastpack/thumbs/fastpack-hero2.jpg" title="Alpine climbing aesthetic with daypack features." />
							</a>
						</article>
						<article>
							<a href="images/fastpack/fastpack-front.jpg" class="image">
								<img src="images/fastpack/thumbs/fastpack-front.jpg" title="Cinch collar with removable lid pocket." />
							</a>
						</article>
						<article>
							<a href="images/fastpack/fastpack-back.jpg" class="image">
								<img src="images/fastpack/thumbs/fastpack-back.jpg" title="S-Straps with pockets. Also includes Vest Style Straps." />
							</a>
						</article>
						<article>
							<a href="images/fastpack/fastpack3.png" class="image">
								<img src="images/fastpack/thumbs/fastpack3.png" title="Vest style straps with soft flask pockets." />
							</a>
						</article>
						<article>
							<a href="images/fastpack/fastpack4.jpg" class="image">
								<img src="images/fastpack/thumbs/fastpack4.jpg" title="Removable foam sit pad and structural frame sheet." />
							</a>
						</article>
						<article>
							<a href="images/fastpack/fastpackstuart.jpg" class="image">
								<img src="images/fastpack/thumbs/fastpackstuart.jpg" title="Purpose built peakbagging and scrambling pack!" />
							</a>
						</article>
						<article>
							<a href="images/fastpack/fastpack6.png" class="image">
								<img src="images/fastpack/thumbs/fastpack6.png" title="Easily carries my ten essentials full day scrambles" />
							</a>
						</article>
						<article>
							<a href="images/fastpack/pattern1.png" class="image">
								<img src="images/fastpack/thumbs/pattern1.png" title="Print at home and large format sewing patterns" />
							</a>
						</article>
						<article>
							<a href="images/fastpack/pattern2.png" class="image">
								<img src="images/fastpack/thumbs/pattern2.png" title="Complete detailed instructions with pack sizing directions" />
							</a>
						</article>
						<!-- <article>
							<a href="images/trailRunBackpack/cb_craderson1.jpg" class="image">
								<img src="images/trailRunBackpack/thumbs/cb_craderson1.jpg" title="Coming in hot! Grey Robic and olive yellow Hex 70, by u/Craderson." />
							</a>
							<div class="overlay">Community Build</div>
						</article> -->
						<article>
							<a href="images/fastpack/cb_sampayne1.jpg" class="image">
								<img src="images/fastpack/thumbs/cb_sampayne1.jpg" title="Sharp Fastpack with Vest straps and fixed sternum straps by Sam Payne" />
							</a>
							<div class="overlay">Community Builds by Sam Payne</div>
						</article>
						<article>
							<a href="images/fastpack/cb_sampayne2.jpg" class="image">
								<img src="images/fastpack/thumbs/cb_sampayne2.jpg" title="Contrasting in all the right ways with X-Pac by Sam Payne" />
							</a>
							<div class="overlay">Community Builds by Sam Payne</div>
						</article>
						<article>
							<a href="images/fastpack/communitybuildplaceholder.png" class="image">
								<img src="images/fastpack/thumbs/communitybuildplaceholder.png" title="Share your builds and make sure to tag me!" />
							</a>
							<div class="overlay">Community Builds Wanted</div>
						</article>
					</div>
				</section>

						

				<!-- Main -->
				<section class="wrapper style1 align-center">
					<div class="inner">
						<!-- <h2>Trail Running Backpack Overview</h2> -->
						<header>
							<h2></h2>
							<p>Following the release of our Trail Running Backpack sewing pattern, your number one request was a larger pack for overnight trips.
								Sporting an alpine climbing aesthetic and our proven vest-style suspension, the Adventure Series Fastpack aims to please.
								</p>
						</header>
											
						<div class="index align-left">
							<!-- Variations  -->
							<section>
								<header>
									<h3>Features</h3>
								</header>
								<div class="content">
									<h4>Pack Features</h4>
									<ul>
										<li>Modern vestlike suspension with soft flask stretch pockets</li>
										<li>Flexible frame sheet and dual use foam sit pad</li>
										<li>Removable webbing hip belt compatible with climbing harness</li>
										<li>Boobies friendly sternum strap spacing in proven vest design</li>
										<li>Quick access cinch collar with removable lid pocket</li>
										<li>Large volume alpine climbing style pack with streamline taper</li>
										<li>Finished pack measures approx 23" x 10" x 6.5"</li>
									</ul>
								</div>
							</section>

							<!-- Download -->
							<section>
								<header><h3>Pattern</h3></header>
								<div class="content">
									<h4>Downloadable PDF sewing pattern includes</h4>
									<ul>
										<li>Print at home pattern suitable for both Letter and A4 sized paper</li>
										<li>Large format pattern for 36" roll feed or A0 sized paper</li>
										<li>Detailed step-by-step sewing instructions with illustrations</li>
										<li>Custom torso sizing with simple directions and minimal modifications</li>
										<li>Complete list of materials for a budget build</a></li>
										<li>Video sewalong series showing start-to-finish of a fresh build</li>
									</ul>
									<h4>Two Variations for Shoulder Strap Construction</h4>
									<ul>
										<li>Vest-style straps with soft flask water bottle pockets</li>
										<li>S-shaped straps with stretch pockets for snacks and InReach</li>
									</ul>
																
									<a href="#" class="button primary icon solid fa-archive" style="font-size: 100%" target="_blank">Retired Design</a>
									<p>We've made the decision to retire certain designs from our collection. These 'Retired Designs' have been cherished parts of our product lineup, but as we continue to innovate and push the boundaries of design and quality, we've recognized that these particular products no longer meet the high standards we strive to uphold. While they've served us well in the past, we believe it's time to make room for new and improved offerings that better reflect our commitment to excellence. Rest assured, this decision was not made lightly, but rather with the intention of ensuring that every product bearing our name is of the utmost quality and meets the evolving needs of our valued customers. We appreciate your understanding and continued support as we move forward on our journey of innovation and improvement.</p>

								</div>
							</section>

							<!-- Materials -->
							<section>
								<header><h3>Fabrics</h3></header>
								<div class="content">
									<p>A sampling of fabrics are listed to spark your imagination. <b>Bold fabrics</b> were used in the video series.
									</p>
										
									<div class="table-wrapper">
										<table>
											<thead>
												<tr>
													<th>Fabric Panel</th>
													<th>Options</th>
													<th>Length (Width)</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<td>Pack Bottom</td>
													<td><b>500D Cordura</b>, XPac VX-42, 420d Robic</td>
													<td>0.5 yd (54")</td>
												</tr>
												<tr>
													<td>Body</td>
													<td><b>XPac VX-21 and VX-07</b>,210d Robic, 200D Oxford</td>
													<td>0.5 yd (54")</td>
												</tr>
												<tr>
													<td>Top Collar</td>
													<td><b>1.9oz Coated Riptop</b>, 100d Robic, Hex 70 </td>
													<td>0.5 yd (60")</td>
												</tr>
												<tr>
													<td>Stretch Pockets</td>
													<td><b>Heavy Lycra</b>, Spandura, Duraweave</td>
													<td>12 inches (60")</td>
												</tr>
											</tbody>
											<tfoot>
												<tr><td></td></tr>
											</tfoot>
										</table>
									</div>
									<p>Learn more about technical fabrics, recommendations, and trusted suppliers in our <a href="fabrics.html">Fabrics Guide</a><br>
										Similar to our Trail Running Pack, the recommended soft flask bottle is the 
										<a href="https://hydrapak.com/collections/soft-flasks/products/ultra-flask-600-ml">HydraPak UltraFlask 600 ML</a></p>
								</div> 
							</section> 
						</div> <!-- index -->

						<section class="wrapper style1 align-center">
							<div class="inner">
								<header>
									<h2>Sewalong Tutorials</h2>
								</header>

								<section class="items style3 big">
									<!-- <article> !--Direct embed with responsive player. Very slow page loading. --
										<div class="video-container"><iframe width="100%" height="100%" 
											src="https://www.youtube.com/embed/YrkzmXOfuus?rel=0" frameborder="0" 
											allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
											allowfullscreen></iframe>
										</div>
									</article> -->

									
									<article class="youtube"><!-- 0Placeholder --> 
										<a href="https://youtube.com/playlist?list=PLxSrLCQa6n_TxE026w-RoPGvfM3eGfKx4" target="_blank" rel="noopener">
											<img class="image fit" src="images/fastpack/thumbs/videos/videothumb-playlist.jpg"/>
											<div class="play-button"></div>
										</a>
									</article>
									<article class="youtube"><!-- Steps 1-4 --> 
										<a href="https://youtu.be/DfhzBBNJ-gA" target="_blank" rel="noopener">
											<img class="image fit" src="images/fastpack/thumbs/videos/videothumb-front1-4.jpg"/>
											<div class="play-button"></div>
										</a>
									</article>
									<article class="youtube"><!-- Steps 5 Shoulder straps --> 
										<a href="https://youtu.be/zhneCa-3fqo" target="_blank" rel="noopener">
											<img class="image fit" src="images/fastpack/thumbs/videos/videothumb-shoulderstraps5.jpg"/>
											<div class="play-button"></div>
										</a>
									</article>
									<article class="youtube"><!-- Steps 6-7 Back Prep and Body --> 
										<a href="https://youtu.be/Yeh069SzZWA" target="_blank" rel="noopener">
											<img class="image fit" src="images/fastpack/thumbs/videos/videothumb-step6-7.jpg"/>
											<div class="play-button"></div>
										</a>
									</article>
									<article class="youtube"><!-- Steps 8-9 Collar and Lid --> 
										<a href="https://youtu.be/u8DVzx8ZE6Y" target="_blank" rel="noopener">
											<img class="image fit" src="images/fastpack/thumbs/videos/videothumb-step8-9.jpg"/>
											<div class="play-button"></div>
										</a>
									</article>
									<article class="youtube"><!-- Steps 10 Finishing --> 
										<a href="https://youtu.be/8eWV6zNVjew" target="_blank" rel="noopener">
											<img class="image fit" src="images/fastpack/thumbs/videos/videothumb-steps10+.jpg"/>
											<div class="play-button"></div>
										</a>
									</article>
								</section>
							</div>
						</section> <!-- video tuts -->
						
				</section> <!-- main -->
			</div>
			
			<!-- Footer -->
			<footer-template></footer-template>

		</div>

		<script defer src="assets/js/jquery.scrollex.min.js"></script>
		<script defer src="assets/js/jquery.scrolly.min.js"></script>
		<script defer src="assets/js/jquery.poptrox.min.js"></script>
		<script defer src="assets/js/browser.min.js"></script>
		<script defer src="assets/js/breakpoints.min.js"></script>
		<script defer src="assets/js/util.js"></script>
		<script defer src="assets/js/main.js"></script>
		<script defer>
			window.addEventListener('load', function () {
				const pgtitle = document.location.href.match(/[^\/]+$/)[0] //get page name e.g. map.html
				try {
					document.querySelector(`#nav .links a[href*="${pgtitle}"`).parentElement.classList.add("active");
					console.log(pgtitle,"is a nav element. Set active.")
				} catch (TypeError) {
					console.log(pgtitle,"not a nav element.")
				}
			}, false);
		</script>
		
	</body>

	<!--
		Story by HTML5 UP
		html5up.net | @ajlkn
		Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
	-->
</html>