Skip to content

Commit cd1071d

Browse files
myogpatternsmyogpatterns
committed
runningBelt poptrox and gallery
1 parent a424594 commit cd1071d

File tree

5 files changed

+81
-87
lines changed

5 files changed

+81
-87
lines changed

‎Notes.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ Replace built in gallery lightbox with poptrox
3131
|---|:-:|:-:|:-:|:-:|
3232
| bpStembag | x | x | x | x |
3333
| edcFannyPack | x | x | x | x |
34-
| runningBelt | | | | |
34+
| runningBelt | x | x | x | x |
3535
| index | | | | |
3636

3737

‎images/archive/front.jpg

137 KB
Loading

‎images/runningBelt/front.jpg

48.8 KB
Loading

‎images/runningBelt/thumbs/front.jpg

28.5 KB
Loading

‎runningBelt.html

+80-86
Original file line numberDiff line numberDiff line change
@@ -38,101 +38,94 @@
3838
</section>
3939

4040

41-
42-
<!-- Build Article -->
43-
<section class="wrapper style1 align-center">
44-
<div class="inner">
45-
<h1>Running Belt</h1>
46-
<h3>Every Day Series Sewing Pattern</h3>
47-
<div class="video-container">
48-
<iframe width="853" height="480" src="https://www.youtube.com/embed/hP3_qtW4CAQ?rel=0"
49-
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
50-
allowfullscreen></iframe>
41+
<div id="main">
42+
<!-- Build Article -->
43+
<section class="wrapper style1 align-center">
44+
<div class="inner">
45+
<h1>Running Belt</h1>
46+
<h3>Every Day Series Sewing Pattern</h3>
47+
<div class="video-container">
48+
<iframe width="853" height="480" src="https://www.youtube.com/embed/hP3_qtW4CAQ?rel=0"
49+
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
50+
allowfullscreen></iframe>
51+
</div>
5152
</div>
52-
</div>
5353

54+
55+
<!-- Gallery -->
56+
<div class="gallery style1 medium">
57+
<article>
58+
<a href="images/runningBelt/front.jpg" class="image">
59+
<img src="images/runningBelt/thumbs/front.jpg" title="Secure hip bag sized for outdoor adventures close to home." />
60+
</a>
61+
</article>
62+
<article>
63+
<a href="images/runningBelt/hero.jpg" class="image">
64+
<img src="images/runningBelt/thumbs/hero.jpg" title="Zip closure keeps valuables secure but easily accessible." />
65+
</a>
66+
</article>
67+
<article>
68+
<a href="images/runningBelt/back.jpg" class="image">
69+
<img src="images/runningBelt/thumbs/back.jpg" title="Unlined 3d spacer mesh back for comfort and breathability." />
70+
</a>
71+
</article>
72+
</div>
73+
</section>
5474

55-
<!-- Gallery -->
56-
<div class="gallery style1 small lightbox">
57-
<article>
58-
<a href="images/runningBelt/hero.jpg" class="image">
59-
<img src="images/runningBelt/thumbs/hero.jpg" alt="" />
60-
</a>
61-
<div class="caption">
62-
<p>Secure hip bag sized for outdoor adventures close to home.</p>
63-
</div>
64-
</article>
65-
66-
<article>
67-
<a href="images/runningBelt/front.jpg" class="image">
68-
<img src="images/runningBelt/thumbs/front.jpg" alt="" />
69-
</a>
70-
<div class="caption">
71-
<p>Zip closure keeps valuables secure but easily accessible.</p>
72-
</div>
73-
</article>
74-
<article>
75-
<a href="images/runningBelt/back.jpg" class="image">
76-
<img src="images/runningBelt/thumbs/back.jpg" alt="" />
77-
</a>
78-
<div class="caption">
79-
<p>Unlined 3d spacer mesh back for comfort and breathability.</p>
80-
</div>
81-
</article>
82-
</div>
83-
</section>
84-
85-
75+
8676

87-
<!-- Main -->
88-
<section class="wrapper style1 align-center">
89-
<div class="inner">
90-
<!-- <h2>Overview</h2> -->
91-
<header>
92-
<h2></h2>
93-
<p>When training close to home, keep your phone and valuables secure yet easily accessible.</p>
94-
</header>
95-
96-
<div class="index align-left">
97-
<!-- Variations -->
98-
<section>
99-
<header>
100-
<h3>Features</h3>
101-
</header>
102-
<div class="content">
103-
<h4>Pattern Features</h4>
104-
<ul>
105-
<li>Minimal belt for comfort and adjustability</li>
106-
<li>Secure zippered phone and valuables pocket</li>
107-
<li>Airy padded back panel for summer runs</li>
108-
<li>Beginner-friendly #MYOG project requiring few materials</li>
109-
<li>Finished pack measures approx 7" x 4" x 0.5"</li>
110-
</ul>
111-
</div>
112-
</section>
77+
<!-- Details -->
78+
<section class="wrapper style1 align-center">
79+
<div class="inner">
80+
<!-- <h2>Overview</h2> -->
81+
<header>
82+
<h2></h2>
83+
<p>When training close to home, keep your phone and valuables secure yet easily accessible.</p>
84+
</header>
85+
86+
<div class="index align-left">
87+
<!-- Variations -->
88+
<section>
89+
<header>
90+
<h3>Features</h3>
91+
</header>
92+
<div class="content">
93+
<h4>Pattern Features</h4>
94+
<ul>
95+
<li>Minimal belt for comfort and adjustability</li>
96+
<li>Secure zippered phone and valuables pocket</li>
97+
<li>Airy padded back panel for summer runs</li>
98+
<li>Beginner-friendly #MYOG project requiring few materials</li>
99+
<li>Finished pack measures approx 7" x 4" x 0.5"</li>
100+
</ul>
101+
</div>
102+
</section>
113103

114-
<!-- Download -->
115-
<section>
116-
<header><h3>Free Download</h3></header>
117-
<div class="content">
118-
<h4>Downloadable PDF sewing pattern includes</h4>
119-
<ul>
120-
<li>Print at home pattern suitable for both Letter and A4 sized paper</li>
121-
<li>Detailed step-by-step sewing instructions</li>
122-
<li>Complete list of recommended materials</li>
123-
</ul>
124-
125-
<a href="https://payhip.com/b/AMI4" class="button primary icon solid fa-file-download" style="font-size: 100%" target="_blank">$0</a>
126-
<p>Valid email address required for download link</p>
127-
</div>
128-
</section>
129-
</section> <!-- main -->
130-
104+
<!-- Download -->
105+
<section>
106+
<header><h3>Free Download</h3></header>
107+
<div class="content">
108+
<h4>Downloadable PDF sewing pattern includes</h4>
109+
<ul>
110+
<li>Print at home pattern suitable for both Letter and A4 sized paper</li>
111+
<li>Detailed step-by-step sewing instructions</li>
112+
<li>Complete list of recommended materials</li>
113+
</ul>
114+
115+
<a href="https://payhip.com/b/AMI4" class="button primary icon solid fa-file-download" style="font-size: 100%" target="_blank">$0</a>
116+
<p>Valid email address required for download link</p>
117+
</div>
118+
</section>
119+
</section> <!-- Details -->
120+
</div> <!-- Main -->
131121

132122
<!-- Footer -->
133123
<footer class="wrapper style1 align-center">
134-
135124
<div class="inner">
125+
<h3>Share Your Completed Project!</h3>
126+
<p>Whether a seasoned maker or a first time sewer, we'd love to see your project.</br>
127+
👏 Post to r/MYOG or tag #MYOG on Instagram. Mention me to be featured! 🔥</p>
128+
136129
<a href="index.html">Home</a> &emsp; <a href="about.html">About</a><br><br>
137130
<ul class="icons">
138131
<li><a href="https://www.reddit.com/u/g8trtim/" class="icon brands style1 fa-reddit fa-2x" target="_blank"><span class="label">Reddit</span></a></li>
@@ -150,6 +143,7 @@ <h4>Downloadable PDF sewing pattern includes</h4>
150143
<script src="assets/js/jquery.min.js"></script>
151144
<script src="assets/js/jquery.scrollex.min.js"></script>
152145
<script src="assets/js/jquery.scrolly.min.js"></script>
146+
<script src="assets/js/jquery.poptrox.min.js"></script>
153147
<script src="assets/js/browser.min.js"></script>
154148
<script src="assets/js/breakpoints.min.js"></script>
155149
<script src="assets/js/util.js"></script>

0 commit comments

Comments
 (0)