-
Notifications
You must be signed in to change notification settings - Fork 2
/
framebags.html
209 lines (187 loc) · 10.5 KB
/
framebags.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
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>LearnMYOG Top Tube Bags</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="Craft your own rugged, bikepacking top tube bag with this detailed sewing pattern—designed for DIY gear makers and outdoor enthusiasts ready to tackle new sewing projects. Perfect for securing essentials on any ride, this top tube bag pattern is packed with custom options and versatile attachment points, making it adaptable to a wide range of bike frames. With durable fabric recommendations, beginner-friendly instructions, and structured foam lining, this project is a must for any gear-loving sewist looking to expand their kit with functional, trail-tested gear. Perfect for those who love creating their own adventure-ready backpacks, pouches, and bikepacking essentials!">
<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>
<!-- Build Article -->
<div id="main">
<section class="wrapper style1 align-center">
<div class="inner">
<h1>Bikepacking Top Tube Bags</h1>
<h3>Trail-Proven Gear, Made by You.</h3>
</div>
<!-- Gallery -->
<div class="gallery style1 small">
<article class="youtube">
<a href="https://youtu.be/e3A6f-WRrbc" class="image">
<img src="images/framebags/thumbs/hero.jpg" title="Watch the sewalong for pro tips to create your ideal top tube bag." loading="lazy" />
<div class="play-button"></div>
</a>
</article>
<article>
<a href="images/framebags/ghbike.jpg" class="image">
<img src="images/framebags/thumbs/ghbike.jpg" title="Two unique bag patterns designed to fit both front and rear top tube placements." loading="lazy" />
</a>
</article>
<article>
<a href="images/framebags/sidebyside.jpg" class="image">
<img src="images/framebags/thumbs/sidebyside.jpg" title="Foam lining keeps your gear safe and accessible with one-handed opening." loading="lazy" />
</a>
</article>
<article>
<a href="images/framebags/daisy.jpg" class="image">
<img src="images/framebags/thumbs/daisy.jpg" title="Daisy chain attachment points adapt perfectly to any bike frame." loading="lazy" />
</a>
</article>
<article>
<a href="images/framebags/inside.jpg" class="image">
<img src="images/framebags/thumbs/inside.jpg" title="Bright lining makes it easy to find your gear, with durable edge binding for a pro finish." loading="lazy" />
</a>
</article>
<article>
<a href="images/framebags/instructions.png" class="image">
<img src="images/framebags/thumbs/instructions.png" title="Clear, illustrated steps guide you from start to finish, perfect for any skill level." loading="lazy" />
</a>
</article>
</div>
</section>
<!-- materials -->
<section id="materials" class="wrapper style1 align-center">
<div class="inner">
<header>
<h2></h2>
<p>Gearing up for bikepacking shouldn’t mean breaking the bank or settling for low-quality gear. This pattern set includes two unique Top Tube Bags—ideal for crafting durable, custom-fit bags with less than a yard of X-Pac or similar fabric!
</p>
</header>
<div class="index align-left">
<section>
<header><h3>Features</h3></header>
<div class="content">
<h4>Bag Highlights</h4>
<ul>
<li>Confident beginner-friendly patterns for two versatile bike bags—no specialized tools required.</li>
<li>Front Top Tube Bag offers easy access to essentials like your phone, snacks, and compact gear.</li>
<li>Rear Top Tube Bag is perfect for tools, pumps, or an emergency spare—everything you need in a pinch.</li>
</ul>
<h4>Designed for Bikepackers by Avid Cyclists</h4>
<ul>
<li>Foam-lined for sturdy structure and added frame protection—no sagging or flimsy fit.</li>
<li>Brightly colored, lined interiors for quick access and visibility, plus easy cleaning.</li>
<li>Edge-bound seams for rugged durability and a clean, professional look that lasts.</li>
<li>Flexible mounting options to accommodate a range of bike frames, making these bags the ultimate DIY upgrade to store-bought options.</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>Detailed step-by-step, illustrated sewing instructions.</li>
<li>Precisely crafted patterns for inserting foam for rigid, free-standing bags.</li>
<li>Complete list of materials for high-quality builds at any budget.</li>
</ul>
<a href="https://shop.learnmyog.com/shop/p/toptubebags" class="button primary icon solid fa-credit-card" style="font-size: 100%" target="_blank">$10</a>
<p>All LearnMYOG patterns are for <strong>personal, non-commercial use only.</strong></p>
</div>
</section>
<section>
<header>
<h3>Pattern Difficulty</h3>
</header>
<div class="content">
<p>This project is ideal for sewists who have basic sewing skills and are ready to tackle a bit more complexity. The primary challenge lies in assembling the small foam-lined bag, which requires precise handling to ensure a clean finish. A zipper foot is necessary for sewing the zippers effectively, and using seam binding is recommended for added durability and a polished look. With careful attention and a willingness to learn, you'll be able to successfully create these bikepacking bags!</p>
<ul class="icons align-center">
<li><a href="https://youtu.be/e3A6f-WRrbc" target="_blank" class="youtube">
<img class="image small" src="images/framebags/thumbs/videothumbnail.jpg" title="Watch the sewalong for pro tips to create your ideal top tube bag." loading="lazy" />
<div class="play-button"></div>
</a>
<p>Sewalong Tips & Tricks</p>
</li>
</ul>
</div>
</section>
<section>
<header>
<h3>Materials</h3>
</header>
<div class="content">
<p>These small bags require a modest yet thoughtfully selected material list, suitable for any high-quality pack fabric. To dive deeper into choosing the best materials for durable gear, check out our <a href="fabrics.html">Fabrics Guide</a></p>
<ul>
<li>Less than a yard of sturdy body fabric: Choose materials like Cordura 500D or X-PAC for durability and weather resistance.</li>
<li>Lightweight lining fabric: Opt for bright, waterproof options like Silnylon or PU Coated Ripstop to enhance visibility and keep contents dry.
</li>
<li>2-3mm EVA foam: Easily sourced from Amazon or local craft stores, this foam adds structure and cushioning to your bags.</li>
<li>YKK #5 coil zipper or Uretek for added water-resistance</li>
<li>Velcro for secure attachment: Use non-adhesive hook-and-loop tape to attach the bags to your bike frame, as adhesive backing can gunk up your needles during sewing. For convenience, consider options like VELCRO ONE-WRAP®, OMNI-TAPE®, or other self-gripping hook-and-loop straps.</li>
</ul>
<p>With these materials, you'll be well on your way to creating functional and stylish bikepacking bags!</p>
</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>