-
Notifications
You must be signed in to change notification settings - Fork 2
/
fastpack.html
342 lines (313 loc) · 14.8 KB
/
fastpack.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
<!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>