-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathuzip.html
221 lines (195 loc) · 8.82 KB
/
uzip.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
<!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 U-Zip 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. Free sewing pattern for tool bag with curved U-shaped zipper bag similar to expedition duffel bags."></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>U-Zip Bag</h2>
</div>
<!-- Gallery -->
<div class="gallery style1 small">
<article>
<a href="images/uzip/uzip7.jpg" class="image">
<img src="images/uzip/thumbs/uzip7.jpg" title="Duffel inspired U-Shaped Zipper" loading="lazy" /></a>
</article>
<article>
<a href="images/uzip/uzip1.jpg" class="image">
<img src="images/uzip/thumbs/uzip1.jpg" title="Full width opening thanks to u-shaped zipper" loading="lazy" /></a>
</article>
<article>
<a href="images/uzip/uzip4.jpg" class="image">
<img src="images/uzip/thumbs/uzip4.jpg" title="Small but stout storage bag" loading="lazy" /></a>
</article>
<article>
<a href="images/uzip/uzip6.jpg" class="image">
<img src="images/uzip/thumbs/uzip6.jpg" title="Double layered bottom for max durability" loading="lazy" /></a>
</article>
<article>
<a href="images/uzip/uzip3.jpg" class="image">
<img src="images/uzip/thumbs/uzip3.jpg" title="Elliptical profile for self-standing structure" loading="lazy" /></a>
</article>
<article>
<a href="images/uzip/uzip5.jpg" class="image">
<img src="images/uzip/thumbs/uzip5.jpg" title="Pre-curved zipper. Instructions included." loading="lazy" /></a>
</article>
</div>
</section>
<!-- materials -->
<section id="materials" class="wrapper style1 align-center">
<div class="inner">
<header>
<h2></h2>
</header>
<div class="index align-left">
<section>
<header><h3>Features</h3></header>
<div class="content">
<h4>Bag Features</h4>
<p>Inspired by expedition duffel bags this small storage bag originated as an exercise in sewing the U-shaped zipper.
The elliptical shape and expansive top lid means clear visibility and access to the contents.
With optional overlay panels for durability, U-Zip Bags are optimal for garage tools, climbing hardware, or any other heavy duty use.
</p>
<ul>
<li>Wide opening U-Shaped Zipper lid</li>
<li>Elliptical profile for free standing structure</li>
<li>Optional overlays on bottom and sides</li>
<li>Bag measures ~ 9 x 5 x 7 inches (23 x 12.7 x 17.8 cm) </li>
</ul>
</div>
</section>
<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>Material list and cut layout</li>
<li>Detailed step-by-step sewing instructions</li>
<li>Pay what you want. Donations support free content.</li>
</ul>
<a href="https://payhip.com/b/hBDsr" target="_blank" class="button primary icon solid fa-credit-card" style="font-size: 100%">$0+</a>
<p>Valid email address required for download link</p>
</div>
</section>
<section>
<header>
<h3>Materials</h3>
</header>
<div class="content">
<p>See <a href="fabrics.html">Fabrics Guide</a> for technical fabric descriptions and <a href="map.html">LearnMYOG Map</a> for local vendors.</p>
<ul>
<li>YKK #5 coil zipper. Size and style of zipper matters.</li>
<li>Recommend bias binding tape for curved seams, not grosgrain ribbon. </li>
</ul>
<div class="table-wrapper">
<table>
<thead>
<tr>
<th>Material</th>
<th>Description</th>
<th>Length (Width)</th>
<th>Links</th>
</tr>
</thead>
<tbody>
<tr>
<td>Shell Fabric</td>
<td>Sturdy pack fabric 400-600 denier</br>500d Cordura, 420d ROBIC, EPLX400, XPac X50, etc</td>
<td>1/2 yd (58")</td>
<td><a href="https://ripstopbytheroll.com/products/challenge-ecopak-eplx400?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>Zipper</td>
<td>YKK #5 Coil Zipper continuous tape and one slider</td>
<td>21 inches</td>
<td><a href="https://ripstopbytheroll.com/products/ykk-coil-zipper?variant=43872522567850&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>Bias Binding</td>
<td>Double fold bias tape, twill tape, fold over elastic, etc</td>
<td>3 yd (3/4-1")</td>
<td><a href="https://www.questoutfitters.com/narrow_roll_good_products.htm#BIAS_TAPE_" target="_blank"><img class="partner icon" src="/images/shared/partners/48/quest.png" alt="Quest Outfitters logo"></a></td>
</tr>
</tbody>
</table>
</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>