-
Notifications
You must be signed in to change notification settings - Fork 2
/
edcFannyPack.html
311 lines (283 loc) · 13.2 KB
/
edcFannyPack.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
<!DOCTYPE HTML>
<html>
<head>
<title>LearnMYOG Everyday Fanny Pack</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">
<!-- 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">
<section class="wrapper style1 align-center">
<div class="inner">
<h1>Everyday Fanny Pack</h1>
<!-- <article class="youtube">
<a href="https://youtu.be/CsNXSDOaXjk" target="_blank" rel="noopener">
<img class="thumbnail fit" src="images/edcFannyPack/thumbs/thumbnail.jpg" title="sewalong" loading="lazy"/>
<div class="play-button"></div>
</a>
</article> -->
<!-- <div class="video-container">
<iframe width="853" height="480" src="https://www.youtube.com/embed/CsNXSDOaXjk?rel=0"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div> -->
</div>
<!-- Gallery -->
<div class="gallery style1 small">
<article class="youtube">
<a href="https://youtu.be/CsNXSDOaXjk" target="_blank" class="thumbnail image" rel="noopener">
<img src="images/edcFannyPack/thumbs/thumbnail.jpg" title="Everyday Fanny Pack Sewalong" loading="lazy" /><div class="play-button"></div></a>
</article>
<article>
<a href="images/edcFannyPack/ls21front.jpg" class="image">
<img src="images/edcFannyPack/thumbs/ls21front.jpg" title="Techy pack with LiteSkin LS-21 and Robin Egg Blue HEX70 inside." />
</a>
</article>
<article>
<a href="images/edcFannyPack/ls21rear.jpg" class="image">
<img src="images/edcFannyPack/thumbs/ls21rear.jpg" title="Beginner friendly with minimal materials or sewing skills needed." />
</a>
</article>
<article>
<a href="images/edcFannyPack/instructions.png" class="image">
<img src="images/edcFannyPack/thumbs/instructions.png" title="Learn with step-by-step illustrated instructions." />
</a>
</article>
<article>
<a href="images/edcFannyPack/rainier.jpg" class="image">
<img src="images/edcFannyPack/thumbs/rainier.jpg" title="Themed Everyday Fanny Pack sized to easily carry the essentials." />
</a>
</article>
<article>
<a href="images/edcFannyPack/cb_BabiesArentUL.jpg" class="image">
<img src="images/edcFannyPack/thumbs/cb_BabiesArentUL.jpg" title="Olive gridstop and tan HyperD go great together, by u/BabiesArentUL" />
</a>
<div class="overlay">Community Build, u/BabiesArentUL</div>
</article>
<article>
<a href="images/edcFannyPack/cb_BigDogDeWald.jpg" class="image">
<img src="images/edcFannyPack/thumbs/cb_BigDogDeWald.jpg" title="Street wear appeal in all black 420D Robic with Uretek zips, by u/BigDogDeWald" />
</a>
<div class="overlay">Community Build, u/BigDogDeWald</div>
</article>
<article>
<a href="images/edcFannyPack/cb_felicia-sexopants.jpg" class="image">
<img src="images/edcFannyPack/thumbs/cb_felicia-sexopants.jpg" title="Showcase build and creative Ikea bag hack, by u/felicia-sexopants" />
</a>
<div class="overlay">Community Build, u/felicia-sexopants</div>
</article>
<article>
<a href="images/edcFannyPack/cb_my_dog_oliver.jpg" class="image">
<img src="images/edcFannyPack/thumbs/cb_my_dog_oliver.jpg" title="X-Pack VX-21 in this colorful modern build, by u/my_dog_oliver" />
</a>
<div class="overlay">Community Build, u/my_dog_oliver</div>
</article>
<article>
<a href="images/edcFannyPack/cb_Peacebandit.jpg" class="image">
<img src="images/edcFannyPack/thumbs/cb_Peacebandit.jpg" title="Casual duck canvas in beautiful green, by u/Peacebandit" />
</a>
<div class="overlay">Community Build, u/Peacebandit</div>
</article>
<article>
<a href="images/edcFannyPack/cb_boogita.jpg" class="image">
<img src="images/edcFannyPack/thumbs/cb_boogita.jpg" title="Sharp multicolor build using HyperD and silnylon liner, by u/Boogita" />
</a>
<div class="overlay">Community Build, u/Boogita</div>
</article>
<article>
<a href="images/edcFannyPack/cb_FranziaSpritzer.jpg" class="image">
<img src="images/edcFannyPack/thumbs/cb_FranziaSpritzer.jpg" title="Loaded up with 3 beers and a snack - my kind of day, by u/FranziaSpritzer" />
</a>
<div class="overlay">Community Build, u/FranziaSpritzer</div>
</article>
<article>
<a href="images/edcFannyPack/cb_febrice.jpg" class="image">
<img src="images/edcFannyPack/thumbs/cb_febrice.jpg" title="Dreaming of distant adventures and wishing upon the stars, by u/Febrice" />
</a>
<div class="overlay">Community Build, u/Febrice</div>
</article>
</div>
</section>
<!-- Upper Content -->
<section class="wrapper style1 align-center">
<div class="inner">
<div class=" align-left">
<section>
<header>
<h3>A ubiquitous waist bag or small sling for everyday adventures.</h3>
</header>
<div class="content">
<ul>
<li>Launch your MYOG journey with our popular beginner-friendly Everyday Fanny Pack</li>
<li>Learn to sew zippers, sew curves, and work with technical pack fabrics</li>
<li>Newly minted detailed illustrated instructions accompany the sewalong video</li>
</ul>
<h4>Sewing Skill Level - Beginner</h4>
<p>
Everyday Fanny Pack is intended as a first major MYOG project. After familiarizing with your machine and sewing a few stuff sacks, this bag will set you on your way to making backpacks and more complicated gear.
</p>
</div>
</section>
</div>
</div>
</section>
<!-- Download Link -->
<section class="wrapper style2 align-center">
<div class="inner">
<div class="index align-left">
<section>
<header><h3>Digital Sewing Pattern</h3></header>
<div class="content">
<ul>
<li>Print at home pattern suitable for both Letter and A4 sized paper</li>
<li>New in Nov 2023 - Detailed step-by-step sewing instructions accompanied by sewalong video</li>
<li>List of recommended materials</li>
</ul>
<a href="https://payhip.com/b/l49D" class="button primary icon solid fa-credit-card" target="_blank" style="font-size: 100%">$0</a>
<p>Please provide a valid email address to receive your download link and revision notifications.</br>
Donations are optional, but highly appreciated.</p>
<p>LearnMYOG patterns are for personal, non-commercial use only.</p>
</section>
</div>
</div> <!-- inner -->
</section> <!-- download link -->
<!-- Lower Content -->
<section id="materials" class="wrapper style1 align-center">
<div class="inner">
<div class="align-left">
<section>
<header>
<h3>Materials and Fabrics</h3>
</header>
<div class="content">
<p>See <a href="fabrics.html">Technical Fabrics</a> for more options and details about pack making fabrics.</p>
<h4>Material Samples</h4>
<div class="table-wrapper">
<table>
<thead>
<tr>
<th>Material</th>
<th>Description</th>
<th>Links</th>
</tr>
</thead>
<tbody>
<tr>
<td>Shell Fabric</td>
<td>ECOPAC EPX200 recycled laminated pack fabric</td>
<td><a href="https://ripstopbytheroll.com/pages/ecopak?rfsn=4608557.2d546b9" target="_blank"><img class="partner icon" src="/images/shared/partners/48/rbtr.png" alt="Ripstop by the Roll logo"></a></td>
</tr>
<tr>
<td>Pocket Lining Fabric</td>
<td>PU Coated Ripstop Nylon</td>
<td><a href="https://ripstopbytheroll.com/collections/waterproof-nylon-fabric/products/2-2-oz-hex70-xl?rfsn=4608557.2d546b9" target="_blank"><img class="partner icon" src="/images/shared/partners/48/rbtr.png" alt="Ripstop by the Roll logo"></a></td>
</tr>
<tr>
<td>Binding</td>
<td>Nylon or polyester grosgrain ribbon, 5/8-3/4" (16-20mm) wide</td>
<td><a href="https://ripstopbytheroll.com/products/mil-spec-nylon-grosgrain-ribbon?rfsn=4608557.2d546b9" target="_blank"><img class="partner icon" src="/images/shared/partners/48/rbtr.png" alt="Ripstop by the Roll logo"></td>
</tr>
</tbody>
<tfoot>
<tr><td></td><td></td><td></td></tr>
</tfoot>
</table>
<p class="disclosure">Qualified purchases support LearnMYOG.com at no additional cost to you. See <a href="/about.html#disclosures">Disclosures</a> for more information.</p>
<h4>Suggested needle and thread pairing</h4>
<ul class="alt" >
<li>🪡 Microtex size 80/12 or 90/14</li>
<li>🧵 Gutermann MARA 70 - Tex 40 polyester thread</li>
</ul>
</div>
<div class="align-center">
<!-- Videos -->
<header>
<h2>Additional Resources</h2>
</header>
<section class="items style3 big">
<article class="youtube">
<a href="https://youtu.be/CsNXSDOaXjk" target="_blank" rel="noopener">
<img class="thumbnail fit" src="images/edcFannyPack/thumbs/thumbnail.jpg" title="sewalong" loading="lazy"/>
<div class="play-button"></div>
</a>
<div class="caption">Sewalong: Tips, tricks and detailed construction</div>
</article>
<article class="youtube">
<a href="https://www.youtu.be/Tjf7XQ08I-c" target="_blank" rel="noopener">
<img class="thumbnail fit" src="images/edcFannyPack/thumbs/zippers.jpg" title="zippers" loading="lazy"/>
<div class="play-button"></div>
</a>
<div class="caption">Don't get snagged with Zippers</div>
</article>
<article class="youtube">
<a href="https://youtu.be/DZiWwaV93C8" target="_blank" rel="noopener">
<img class="thumbnail fit" src="images/edcFannyPack/thumbs/curves.jpg" title="curves" loading="lazy"/>
<div class="play-button"></div>
</a>
<div class="caption">Sewing turns and tight curves</div>
</article>
</section>
</div>
</div>
</section>
</div>
</div>
</section>
</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>