-
Notifications
You must be signed in to change notification settings - Fork 2
/
bpStemBag.html
446 lines (395 loc) · 18.2 KB
/
bpStemBag.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
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
<!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 Stem Bag</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). Sewing patterns and tutorials for outdoor adventurers."></head>
<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>
<!-- Build Article -->
<div id="main">
<section class="wrapper style1 align-center">
<div class="inner">
<h2>Stem Bag aka Feed Bag</h2>
<h3>DIY Bikepacking Gear</h3>
<div class="video-container">
<iframe width="853" height="480" src="https://www.youtube.com/embed/Si_LRsvjUD8?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/bpStemBag/b1hero.jpg" class="image">
<img src="images/bpStemBag/b1hero.jpg" title="Bikepacking stem bag keeps all your ride essentials at hand." />
</a>
</article>
<article>
<a href="images/bpStemBag/b1pocket.jpg" class="image">
<img src="images/bpStemBag/b1pocket.jpg" title="External mesh pocket for quick grabs." />
</a>
</article>
<article>
<a href="images/bpStemBag/b2back.jpg" class="image">
<img src="images/bpStemBag/b2back.jpg" title="Webbing daisy chain allows many mounting options." />
</a>
</article>
<article>
<a href="images/bpStemBag/b2inside.jpg" class="image">
<img src="images/bpStemBag/b2inside.jpg" title="Generous capacity. Bright lining for seeing contents and easy cleaning." />
</a>
</article>
<article>
<a href="images/bpStemBag/b2bottom.jpg" class="image">
<img src="images/bpStemBag/b2bottom.jpg" title="Webbing on bottom for securing to bike fork or frame." />
</a>
</article>
<article>
<a href="images/bpStemBag/cb_mchalfy_1.jpg" class="image">
<img src="images/bpStemBag/cb_mchalfy_1.jpg" title="Jazzed by this colorful stem bag, by u/mchalfy." />
</a>
<div class="overlay">Community Build, u/mchalfy</div>
</article>
<article>
<a href="images/bpStemBag/cb_mchalfy_2.jpg" class="image">
<img src="images/bpStemBag/cb_mchalfy_2.jpg" title="Sleek stretch pocket stem bag for his buddy, another by u/mchalfy." />
</a>
<div class="overlay">Community Build, u/mchalfy</div>
</article>
<article>
<a href="images/bpStemBag/cb_tweis.jpg" class="image">
<img src="images/bpStemBag/cb_tweis.jpg" title="His first MYOG project! Excellent work u/tweis." />
</a>
<div class="overlay">Community Build, u/tweis</div>
</article>
<article>
<a href="images/bpStemBag/cb_riceonwhite.jpg" class="image">
<img src="images/bpStemBag/cb_riceonwhite.jpg" title="Feed bag but used for screws and loose hardware at work by u/riceonwhite." />
</a>
<div class="overlay">Community Build, u/riceonwhite</div>
</article>
<article>
<a href="images/bpStemBag/cb_ombeen.jpg" class="image">
<img src="images/bpStemBag/cb_ombeen.jpg" title="New sewist showing how to reuse and recycle. u/ombeen." />
</a>
<div class="overlay">Community Build, u/ombeen</div>
</article>
</div>
</section>
<!-- materials -->
<section id="materials" class="wrapper style1 align-center">
<div class="inner">
<h2>Pattern and Materials</h2>
<div class="index align-left">
<section>
<header><h3>Free Download</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>Detailed step-by-step sewing instructions</li>
<li>List of recommended materials</li>
</ul>
<a href="https://payhip.com/b/B5so" class="button primary icon solid fa-file-download" style="font-size: 100%" target="_blank">$0</a>
<p>Valid email address required for download link</p>
</div>
</section>
<section>
<header>
<h3>Materials</h3>
</header>
<div class="content">
<p>Learn more about technical fabrics, recommendations, and trusted vendors in our new <a href="fabrics.html">Fabrics Guide</a></p>
<ul>
<li>Sturdy body fabric such as Cordura 500d, XPAC VX21, or Waxed Canvas</li>
<li>Lightweight lining fabric. Bright and waterproof. Silnylon or PU Coated Ripstop.</li>
<li>Small scrap of mesh or stretch material for external pocket.</li>
<li>Optional: fun patterned fabric for front of pack, cotton or stretchy work well</li>
<li>0.75" nylon webbing, cord, and hardware such as Cyberian CordLoc and/or drawcord toggles</li>
<li>0.75" velcro straps for attaching to bike. Sew your own or Velcro One-Wrap.</li>
</div>
</section>
</div>
</div>
</section>
<!-- instructions -->
<section id="instructions" class="wrapper style1 align-center">
<div class="inner">
<h2>Assembly Instructions</h2>
<div class="index align-left">
<section>
<header>
<h3>Pattern Prep</h3>
</header>
<div class="content">
<a href="images/bpStemBag/0.jpg" class="image right" >
<img src="images/bpStemBag/0.jpg" title="Pattern and Fabric Prepared" />
</a>
<ol>
<li>Read all instructions and watch the <a href="https://youtu.be/Si_LRsvjUD8" target="_blank">sewalong video</a>.</li>
<li>Trace and cut the fabric panels. Seam allowances are included.</li>
</ol>
</div>
</section>
<section>
<header>
<h3>Body Front</h3>
</header>
<div class="content">
<a href="images/bpStemBag/1.jpg" class="image right" >
<img src="images/bpStemBag/1.jpg" title="Body Front, Back, and Bottom Panels"/>
</a>
<ol>
<li>Cut mesh the desired height of the front panel, width to match.</li>
<li>Bind or hem top edge of mesh, zig zag stitch if stretchy mesh.</li>
<li>Baste stitch mesh to front panel to form the pocket.</li>
<li>Set aside front panel.</li>
</ol>
</div>
</section>
<section>
<header>
<h3>Body Back</h3>
</header>
<div class="content">
<ol>
<li>Cut webbing to match the length of back panel. Melt ends to prevent fraying.</li>
<li>At notches, mark parallel line approximately 2 inch (5 cm) from top edge of back panel. Intent is to align with front mesh pocket height.</li>
<li>Sew webbing to back panel at 1 inch (2.5 cm) increments with tight zig zags or 3-4 parallel stitches.</li>
<li>Set aside back panel.</li>
</ol>
</div>
</section>
<section>
<header>
<h3>Bottom Panel</h3>
</header>
<div class="content">
<ol>
<li>Cut webbing to match the diameter of bottom panel. Melt ends to prevent fraying.</li>
<li>Align webbing along middle of bottom panel.</li>
<li>Sew webbing to bottom panel at ~1 inch (2.5 cm) increments, evenly space.</li>
<li>Set aside bottom panel.</li>
</ol>
</div>
</section>
<section>
<header>
<h3>Cinch Cord Collar</h3>
</header>
<div class="content">
<a href="images/bpStemBag/4.jpg" class="image right">
<img src="images/bpStemBag/4.jpg" title="Hem both ends of cinch cord collar"/>
</a>
<ol>
<li>Single fold 1/4 inch (6mm) to wrong side of fabric and hem one end of collar. Repeat other end.</li>
<li>Fold collar in half along length, wrong sides together (WST) and finger press to crease.</li>
<li>Starting ~1 inch (3cm) from either end, baste along long edge, sewing within the 3/8 inch (1cm) seam allowance.</li>
<li>Label starting point edge with "B".</li>
<li>Set aside cinch collar.</li>
</ol>
<a href="images/bpStemBag/5.jpg" class="image right">
<img src="images/bpStemBag/5.jpg" title="Collar folded and stitched. One side marked B ~3mm from end.">
</a>
</div>
</section>
<section>
<header>
<h3>Pre-Assembly - Body</h3>
</header>
<div class="content">
<ol>
<li>Wrong sides out, align back panel to front panel along one side. Webbing daisy chain should align to the mesh pocket opening.</li>
<li>Sew Back to Front using 3/8 inch (1 cm) seam allowance.</li>
<li>Double check your front pocket and webbing are oriented correctly in relation to each other.</li>
</ol>
</div>
</section>
<section>
<header>
<h3>Sewing the Round Bottom</h3>
</header>
<div class="content">
<a href="images/bpStemBag/2.jpg" class="image right">
<img src="images/bpStemBag/2.jpg" title="Bottom circle aligned to body front. Sew with panels right sides together (not as shown)."/>
</a>
<ol>
<li>Contrary to many online tutorials, it's better to sew the circle now to avoid puckering later.</li>
<li>This is by far the toughest part of the project, so take your time. A short stitch length makes sewing curves easier.</li>
<li>Tip: put Body panel below Bottom. Rotate circle as you sew, feeding Front-Back straight.</li>
<li>With right sides touching, align Bottom panel to bottom edge of Body panel. Arrange the bottom panel's webbing parallel to the body's bottom edge.</li>
<li>The edge of the circle should be touching the bottom edge of the body panel.</li>
<li>Begin sewing, precisely following your 3/8 inch (1 cm) seam allowance as you sew.</li>
<li>Go slow, use a short stitch length. Make sure the edges stay even as you progress.</li>
<li>As you reach your starting point, stop short before stitching over the body panels vertical seam allowance.</li>
</ol>
</div>
</section>
<section>
<header>
<h3>Close the Body</h3>
</header>
<div class="content">
<a href="images/bpStemBag/3.jpg" class="image right">
<img src="images/bpStemBag/3.jpg" title="Circle mostly sewn closed. Verticle seam allowance adjusted to avoid ripples."/>
</a>
<ol>
<li>Because we stitched the circle first, the vertical seam allowances may be a bit uneven. No worries!</li>
<li>With clips or pins, align the Body Panels with the Bottom circle to close the gap. </li>
<li>Adjust the Body panel seam allowances to match the remaining circumference of the bottom panel.</li>
<li>Sew the vertical body seam closed.</li>
<li>Last, stitch closed the gap remaining in bottom circle panel.</li>
</ol>
<p>Flip the body right side out to check for any puckering or misalignment. Can fix minor puckering by seam ripping a small area and pulling/easing any excess fabric.</p>
</div>
</section>
<section>
<header>
<h3>Attach Cinch Collar</h3>
</header>
<div class="content">
<a href="images/bpStemBag/6.jpg" class="image right">
<img src="images/bpStemBag/6.jpg" title="Cinch collar attached to body."/>
</a>
<ol>
<li>With your bag body right side out, align the raw edge of collar along the top of body.</li>
<li>Opposite end of collar slips into the open end of collar, marked "B", making a cord channel.</li>
<li>Baste stitch a Cyberian Cord Loc into this seam, near the cord channel opening. The cord lock should be sandwiched between Body and Channel.</li>
<li>Using 1/4 inch (6mm) seam allowance, stitch the collar to the body.</li>
</ol>
</div>
</section>
<section>
<header>
<h3>Liner</h3>
</header>
<div class="content">
<a href="images/bpStemBag/7.jpg" class="image right">
<img src="images/bpStemBag/7.jpg" title="Lining body attached to lining bottom. Note gap in vertical seam."/>
</a>
<ol>
<li>Repeating above steps, sew the liner body to the liner bottom.</li>
<li>Along the vertical seam, leave a 3" (8 cm) gap to be closed after flipping the bag.</li>
</ol>
</div>
</section>
<section>
<header>
<h3>Liner Assembly</h3>
</header>
<div class="content">
<a href="images/bpStemBag/8.jpg" class="image right">
<img src="images/bpStemBag/8.jpg" title="Liner attached to body, flipped thru gap in vertical seam, and gap closed."/>
</a>
<ol>
<li>Slide assembled body inside the assembled liner. Right sides touching. Wrong side of liner should be out.</li>
<li>Align and clip liner along top perimeter of body/collar.</li>
<li>Sew along perimeter using 3/8 inch (1 cm) seam allowance.</li>
<li>Flip entire bag right side out, passing Body thru gap in liner vertical seam.</li>
<li>Top stitch liner closed. Then push liner into Body.</li>
</ol>
<p>Congrats, the sewing is complete!</p>
</div>
</section>
<section>
<header>
<h3>Final Touches</h3>
</header>
<div class="content">
<a href="images/bpStemBag/b1front.jpg" class="image right">
<img src="images/bpStemBag/b1front.jpg" title="Velcro attaches bag to handlebar and stem. Cord tied to fork stops swinging."/></a>
<ol>
<li>Cut velcro straps or One-Wrap to fit around handlebars and stem.</li>
<li>Add draw cord thru channel and cord lock. Small shock cord works great as well.</li>
<li>Tie cord thru the bottom panel webbing and around the bike fork to prevent swinging.</li>
</ol>
<p>Great job, now make another one for a matched pair!</p>
</div>
</section>
<section>
<header>
<h3>Bikepacking Series</h3>
</header>
<div class="content">
<!--<span class="image right"><img src="" alt="flip front"/></span>-->
<p>Kit out your bike with more MYOG patterns from LearnMYOG.com</p>
<ul>
<li>Kick off your bikepacking kit with our <a href="framebags.html">Top Tube and Half Frame Bag Set</a></li>
<li>Comfortably pedal with our 4.5L <a href="hipPack.html">Bikepacking Hip Pack</a> with Flex Belt</li>
<li>Additional bikepacking kit patterns coming soon!</li>
</ul>
</div>
</section>
</div>
</div>
</section>
</div>
</div>
<!-- Footer -->
<footer-template></footer-template>
<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>