forked from unicalabs/evolutionary-characteristics
-
Notifications
You must be signed in to change notification settings - Fork 11
Expand file tree
/
Copy pathshop.html
More file actions
165 lines (150 loc) · 11.7 KB
/
shop.html
File metadata and controls
165 lines (150 loc) · 11.7 KB
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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta property="og:title" content="Learn Wardley Mapping — Shop">
<meta property="og:description" content="Tools to help you make maps and share Wardley Mapping!">
<meta property="og:image" content="https://i2.wp.com/hiredthought.com/wp-content/uploads/2019/09/20190915_180817-e1568586656801.jpg">
<meta property="og:url" content="https://learnwardleymapping.com/shop">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://i2.wp.com/hiredthought.com/wp-content/uploads/2019/09/20190915_180817-e1568586656801.jpg">
<meta name="google-site-verification" content="vCI-3_9Bx08goP1P7ECGcAsWBJ9T9blNR5tKDE0pi3w" />
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<title>Learn Wardley Mapping — Shop</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="index.html">LearnWardleyMapping</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="book.html">Book</a>
</li>
<li class="nav-item">
<a class="nav-link" href="shop.html">Shop</a>
</li>
<li class="nav-item">
<a class="nav-link" target="_blank" href="https://learn.hiredthought.com/p/wardley-mapping">Course</a>
</li>
<li class="nav-item">
<a class="nav-link" target="_blank" href="https://patreon.com/learnwardleymapping">Patreon</a>
</li>
</ul>
<span class="navbar-text">
operated by <a target="blank" href="https://hiredthought.com">Hired Thought</a>
</span>
</div>
</nav>
<div class="container-fluid">
<div class="row mt-3 mb-4">
<div class="col-12 col-sm-2 col-lg-2">
<ul class="nav flex-column nav-pills" id="myTab" role="tablist" aria-orientation="vertical">
<li class="nav-item">
<a class="nav-link active" id="products-Tear-Off Notepads-tab" data-toggle="tab" href="#products-Tear-Off Notepads" role="tab" aria-controls="products-Tear-Off Notepads" aria-selected="true" >Tear-Off Notepads</a>
</li>
</ul>
<br />
<p>Want to support the creation of more products like these? <a target="_blank" href="https://www.patreon.com/bePatron?u=8670881">Become a Patron</a>!</p>
<p><a href="https://www.patreon.com/bePatron?u=8670881" data-patreon-widget-type="become-patron-button">Become a Patron!</a></p>
<script async src="https://c6.patreon.com/becomePatronButton.bundle.js"></script>
</div>
<div class="col-12 col-sm-9 col-lg-9">
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="products-Tear-Off Notepads" role="tabpanel" aria-labelledby="products-Tear-Off Notepads-tab">
<h1>Tear-Off Notepads</h1>
<p>Wardley Mapping templates printed on a tear-off notepad (50 sheets).</p>
<div class="row mb-5">
<div class="col"><img class="img-fluid" src="https://i2.wp.com/hiredthought.com/wp-content/uploads/2019/09/20190915_180817-e1568586656801.jpg"></div>
<div class="col">
<h4>In the US?</h4><p>Set of 5 Notepads (4.25" x 5.5") shipped inside the United States (USPS flat rate)</p><p class="mb-5"><a target="_blank" class="btn btn-primary" href="https://hiredthought.com/product/wardley-mapping-notepads/" role="button">Buy (US)</a></p><h4>Outside the US?</h4><p>Single Notepads available in A6, A5, A4 sizes shipped anywhere in the world</p><p class="mb-5"><a target="_blank" class="btn btn-primary" href="https://www.etsy.com/listing/725744834/wardley-mapping-notepad-reserved-listing" role="button">Buy (Globally)</a></p><h4>Want to print your own?</h4><p>Download these CC BY-SA 4.0 designs (please retain "learnwardleymapping.com" on the final product)</p><p><a target="_blank" class="btn btn-secondary mr-2" href="documents/Wardley%20Mapping%20Notepad-v0.2%20%28CC%20BY-SA%204.0%29%20A6.pdf" role="button">.pdf</a><a target="_blank" class="btn btn-secondary" href="documents/Wardley%20Mapping%20Notepad-v0.2%20%28CC%20BY-SA%204.0%29%20A6.indd" role="button">.indd</a></p>
</div>
</div>
<h2>Tweets</h2>
<div class="row">
<div class="col">
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Now I will always be ready to do some Wardley Mapping no matter where I am...Thanks <a href="https://twitter.com/HiredThought?ref_src=twsrc%5Etfw">@HiredThought</a> for the awesome mapping notepads! <a href="https://twitter.com/hashtag/wardleymapping?src=hash&ref_src=twsrc%5Etfw">#wardleymapping</a> <a href="https://t.co/rIQXaNqttU">pic.twitter.com/rIQXaNqttU</a></p>— Zach French � (@zachhfrench) <a href="https://twitter.com/zachhfrench/status/1176260613246509057?ref_src=twsrc%5Etfw">September 23, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col">
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Getting ready to have a strategy discussion about bedtime, courtesy of these sweet Wardley map notepads from <a href="https://twitter.com/HiredThought?ref_src=twsrc%5Etfw">@HiredThought</a>.<br><br>"We're investing too much R&D into tooth brushing methods. It's a solved problem; we'll get more value out of focusing on the bedtime story." <a href="https://t.co/VIrW80GzCN">pic.twitter.com/VIrW80GzCN</a></p>— David Howell (@dehowell) <a href="https://twitter.com/dehowell/status/1176261728511959042?ref_src=twsrc%5Etfw">September 23, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col">
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Time to get strategic. Thanks <a href="https://twitter.com/HiredThought?ref_src=twsrc%5Etfw">@HiredThought</a>! <a href="https://t.co/zc9IJJmS56">pic.twitter.com/zc9IJJmS56</a></p>— James Stuber (@uberstuber) <a href="https://twitter.com/uberstuber/status/1178892426095677441?ref_src=twsrc%5Etfw">October 1, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col">
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Hello, look what just arrived in the post.. <a href="https://twitter.com/hashtag/wardleymapping?src=hash&ref_src=twsrc%5Etfw">#wardleymapping</a> <a href="https://t.co/7NpfI2CsKf">pic.twitter.com/7NpfI2CsKf</a></p>— Tim Saunders (@munkimagik) <a href="https://twitter.com/munkimagik/status/1178989979479035904?ref_src=twsrc%5Etfw">October 1, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col">
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">I know! Plus, I just received my brilliant new <a href="https://twitter.com/hashtag/wardleymapping?src=hash&ref_src=twsrc%5Etfw">#wardleymapping</a> pads from Etsy too! <a href="https://t.co/Vdlq5Zx9jY">pic.twitter.com/Vdlq5Zx9jY</a></p>— NickJewell (@NickJewell) <a href="https://twitter.com/NickJewell/status/1179061384367284224?ref_src=twsrc%5Etfw">October 1, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="col">
<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Here's what happens when you have a friendly notepad from <a href="https://twitter.com/HiredThought?ref_src=twsrc%5Etfw">@HiredThought</a> available on the end table.... BTW, watch out <a href="https://twitter.com/hashtag/Healthcare?src=hash&ref_src=twsrc%5Etfw">#Healthcare</a>, you've got more than one disruptor inbound. <a href="https://twitter.com/hashtag/Insurance?src=hash&ref_src=twsrc%5Etfw">#Insurance</a> as a <a href="https://twitter.com/hashtag/Disruptor?src=hash&ref_src=twsrc%5Etfw">#Disruptor</a>. <a href="https://t.co/lIjToktVID">pic.twitter.com/lIjToktVID</a></p>— Michael G. Nelson (@abusedbits) <a href="https://twitter.com/abusedbits/status/1179393858477658120?ref_src=twsrc%5Etfw">October 2, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="js/jquery-3.3.1.slim.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
$(function() {
var hash = window.location.hash;
hash && $('ul.nav a[href="' + hash + '"]').tab('show');
$('.nav-item a').click(function(e) {
$(this).tab('show');
var scrollmem = $('body').scrollTop() || $('html').scrollTop();
window.location.hash = this.hash;
$('html,body').scrollTop(scrollmem);
});
});
</script>
<script>
window.onload = function() {
$("td.markable").on("click", function(e) {
$(this).toggleClass("table-info");
});
$("td.rotated-markable").on("click", function(e) {
if ($(this).hasClass("rotated-markable-danger")) {
$(this).toggleClass("rotated-markable-danger");
$(this).toggleClass("rotated-markable-warning");
} else if ($(this).hasClass("rotated-markable-warning")) {
$(this).toggleClass("rotated-markable-warning");
$(this).toggleClass("rotated-markable-success");
} else if ($(this).hasClass("rotated-markable-success")) {
$(this).toggleClass("rotated-markable-success");
$(this).toggleClass("rotated-markable-neutral");
} else if ($(this).hasClass("rotated-markable-neutral")) {
$(this).toggleClass("rotated-markable-neutral");
$(this).toggleClass("rotated-markable-danger");
}
});
};
</script>
<script>
$(function() {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-51537292-5"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-51537292-5');
</script>
</body>
</html>