-
Notifications
You must be signed in to change notification settings - Fork 4
/
catalogue.html
183 lines (169 loc) · 8.02 KB
/
catalogue.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
---
title: The Spine Catalogue
keywords: mydoc
sidebar: catalogue_sidebar
toc: false
permalink: catalogue.html
folder: catalogue
---
<!-- Service Tabs -->
<div class="row">
<div class="col-lg-12">
<h2 class="page-header">Spine Model Levels</h2>
</div>
<div class="col-lg-12">
<ul id="myTab" class="nav nav-tabs nav-justified">
<li class="active"><a href="#needs-catalogue" data-toggle="tab"><i class="fa"></i>Needs</a>
</li>
<li class=""><a href="#values-catalogue" data-toggle="tab"><i class="fa"></i>Values</a>
</li>
<li class=""><a href="#principles-catalogue" data-toggle="tab"><i class="fa"></i>Principles</a>
</li>
<li class=""><a href="#practices-catalogue" data-toggle="tab"><i class="fa"></i>Practices</a>
</li>
<li class=""><a href="#tools-catalogue" data-toggle="tab"><i class="fa"></i>Tools</a>
</li>
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade active in" id="needs-catalogue">
<p>
{% include tip.html content="Needs resolve this statement: <i>From the perspective of {X}, this part of the system exists in order that {Y} can be achieved.</i>" %}
{% assign sorted-posts = site.posts | where: "category","Needs" %}
{% include_relative list-posts.md %}
</p>
</div>
<div class="tab-pane fade" id="values-catalogue">
{% include tip.html content="Values resolve this statement: <i>We optimise the system for {X}, so that meeting the Needs is more likely.</i>" %}
{% assign sorted-posts = site.posts | where: "category","Values" %}
{% include_relative list-posts.md %}
</div>
<div class="tab-pane fade" id="principles-catalogue">
{% include tip.html content="Principles resolve this statement: <i>We leverage {X} to get more of what we Value.</i>" %}
{% assign sorted-posts = site.posts | where: "category","Principles" %}
{% include_relative list-posts.md %}
</div>
<div class="tab-pane fade" id="practices-catalogue">
{% include tip.html content="Practices resolve this statement: <i>We do {X} to apply the Principles that matter in this context.</i>" %}
{% assign sorted-posts = site.posts | where: "category","Practices" %}
{% include_relative list-posts.md %}
</div>
<div class="tab-pane fade" id="tools-catalogue">
{% include tip.html content="Tools resolve this statement: <i>We use {X} to apply our Practices more efficiently.</i>" %}
{% assign sorted-posts = site.posts | where: "category","Tools" %}
{% include_relative list-posts.md %}
</div>
</div>
</div>
</div>
<!-- Service List -->
<!-- The circle icons use Font Awesome's stacked icon classes. For more information, visit http://fontawesome.io/examples/ -->
<div class="row">
<div class="col-lg-12">
<h2 class="page-header">Archetypes</h2>
</div>
<div class="col-md-4">
<div class="media">
<div class="pull-left">
<span class="fa-stack fa-2x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-stack-1x fa-inverse">XP</i>
</span>
</div>
<div class="media-body">
<h4 class="media-heading"><a href="xp-archetype">Extreme Programming (XP)</a></h4>
</div>
</div>
<div class="media">
<div class="pull-left">
<span class="fa-stack fa-2x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-stack-1x fa-inverse">Agil</i>
</span>
</div>
<div class="media-body">
<h4 class="media-heading"><a href="agilemanifesto-archetype"> Agile Manifesto</a></h4>
</div>
</div>
<div class="media">
<div class="pull-left">
<span class="fa-stack fa-2x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-stack-1x fa-inverse">Scru</i>
</span>
</div>
<div class="media-body">
<h4 class="media-heading"><a href="scrum-archetype">Scrum</a></h4>
</div>
</div>
</div>
<div class="col-md-4">
<div class="media">
<div class="pull-left">
<span class="fa-stack fa-2x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-stack-1x fa-inverse">LeSS</i>
</span>
</div>
<div class="media-body">
<h4 class="media-heading"><a href="less-archetype">Large Scale Scrum (LeSS)</a></h4>
</div>
</div>
<div class="media">
<div class="pull-left">
<span class="fa-stack fa-2x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-stack-1x fa-inverse">Kan</i>
</span>
</div>
<div class="media-body">
<h4 class="media-heading"><a href="kanban-archetype">Kanban</a></h4>
</div>
</div>
<div class="media">
<div class="pull-left">
<span class="fa-stack fa-2x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-stack-1x fa-inverse">Crys</i>
</span>
</div>
<div class="media-body">
<h4 class="media-heading"><a href="crystal-archetype">Crystal</a></h4>
</div>
</div>
</div>
<div class="col-md-4">
<div class="media">
<div class="pull-left">
<span class="fa-stack fa-2x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-stack-1x fa-inverse">DSD</i>
</span>
</div>
<div class="media-body">
<h4 class="media-heading"><a href="dsdm-archetype">Dynamic systems dev method (DSDM)</a></h4>
</div>
</div>
<div class="media">
<div class="pull-left">
<span class="fa-stack fa-2x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-stack-1x fa-inverse">FDD</i>
</span>
</div>
<div class="media-body">
<h4 class="media-heading"><a href="fdd-archetype">Feature Driven Development (FDD)</a></h4>
</div>
</div>
<div class="media">
<div class="pull-left">
<span class="fa-stack fa-2x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-stack-1x fa-inverse">DAD</i>
</span>
</div>
<div class="media-body">
<h4 class="media-heading"><a href="dad-archetype">Disciplined Agile Delivery (DAD)</a></h4>
</div>
</div>
</div>
</div>