-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathreflections.html
303 lines (276 loc) · 13.1 KB
/
reflections.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
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
<!DOCTYPE HTML>
<!-- TODO: Create Steven's reflection page -->
<!-- TODO: Create Izzy's reflection page -->
<html>
<head>
<title>Making The Shop</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-loading">
<!-- Wrapper -->
<div id="wrapper" class="fade-in">
<!-- Header -->
<header id="header">
<a href="index.html" class="logo">Making The Shop</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li><a href="index.html">Our Story</a></li>
<li><a href="team.html">The Team</a></li>
<li><a href="projects.html">Projects</a></li>
<li class="active"><a href="reflections.html">Reflections</a></li>
<li><a href="photos.html">Photos</a></li>
</ul>
<ul class="icons">
<li><a href="http://www.instagram.com/theolinshop" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Featured Post -->
<article class="post featured">
<header class="major">
<h1>Team Reflections</h1>
</header>
<p>Over the course of the summer, every participant in the project created a daily
<a href="http://www.sixwordstories.net/about/">#sixwordstory</a>. Sometimes they were
humorous. Sometimes dire. Occasionally they were rushed, but they were always insightful.
At morning standup meetings team members shared their six word stories as a way of
capturing and communicating their present thinking about the project. At the end of the project,
each participant used their collection of six word stories to reflect on the project, the ways in
which it changed them, their accomplishments, and opportunities for improvement. Those reflections are below.</p>
<div class="row">
<div class="4u 12u$(small)">
<div class="image round"><img src="images/jayce.jpg" alt=""/></div>
</div>
<div class="8u$ 12u$(small)">
<h3 align="left">Jayce Chow</h3>
<blockquote align="left">If, someday in the future, I decided to open a machine shop of my own…the space would be social. That means
food and project displays and Happy Hours. Giving users a reason to step away from whatever they’re making
and talk with other people, be that getting to know what others are working on or who others are outside
of the shop. Not only do I want to foster a culture where users get help from other users, but for them
to get more out of the space than just being able to use the machines. </blockquote>
<p><a href="jayce.html">Read more</a></p>
</div>
</div>
<div class="row">
<div class="4u 12u$(small)">
<div class="image round"><img src="images/evan.jpg" alt=""/></div>
</div>
<div class="8u$ 12u$(small)">
<h3 align="left">Evan Cusato</h3>
<blockquote align="left">If I could synthesize what I learned in this project, I would say this: Question everything and
create purposefully to find answers. As crucial as it is to think through designs and ideas fully, those ideas
are worthless unless manifested. Only in some physical form do they create value and impact…
Thinking is the easy part. Acting on your conclusions and turning them into something that is worthwhile is the hard part.</blockquote>
<p><a href="evan.html">Read more</a></p>
</div>
</div>
<div class="row">
<div class="4u 12u$(small)">
<div class="image round"><img src="images/izzy.jpg" alt=""/></div>
</div>
<div class="8u$ 12u$(small)">
<h3 align="left">Isabel "Izzy" Harrison</h3>
<blockquote align="left">Six months ago I spent a foggy morning sitting by the beach designing ductwork
(and avoiding writing this reflection). Weeks after our summer project had wrapped up, I was sitting
at home on vacation, still too excited about this project to be doing anything else. Today I am
sitting at the desk I created in our new woodshop. Just a couple weeks ago we formally opened the doors,
and we have already trained around 20 community members. Just eight months ago, this was merely an
idea in my head.</blockquote>
<p><a href="izzy.html">Read more</a></p>
</div>
</div>
<div class="row">
<div class="4u 12u$(small)">
<div class="image round"><img src="images/liz.jpg" alt=""/></div>
</div>
<div class="8u$ 12u$(small)">
<h3 align="left">Liz Leadley</h3>
<blockquote align="left">Over the course of the summer, I learned a lot about how to plan and end projects. I joined this experience
with very vague expectations; I wanted to make an impact, with little definition of what that looked like or how I would get there.
As the summer progressed, I slowly picked up what made a project really last. Rather than starting projects with an idea and a direction,
start with the end in mind.</blockquote>
<p><a href="liz.html">Read more</a></p>
</div>
</div>
<div class="row">
<div class="4u 12u$(small)">
<div class="image round"><img src="images/steven.jpg" alt=""/></div>
</div>
<div class="8u$ 12u$(small)">
<h3 align="left">Steven Meyer</h3>
<blockquote align="left">When working this summer, I realized that there is a gentle balance between two of my six word stories,
“Too much urgency leads to mistakes,” and “Too much thinking, not enough making.”…If I were to do this again I would follow
this new six word story, “Plan for the possible, not possible.” Really understanding how you work can be really powerful when planning.
Personally, sometimes I get caught up in what is actually possible and not what is actually probable. </blockquote>
<p><a href="steven.html">Read more</a></p>
</div>
</div>
<div class="row">
<div class="4u 12u$(small)">
<div class="image round"><img src="images/sunny.jpg" alt=""/></div>
</div>
<div class="8u$ 12u$(small)">
<h3 align="left">Sunny Shroff</h3>
<blockquote align="left">If you want to make a change, whether it be big or small, it is necessary to know why you want to make the
change and what goals the result should accomplish. Without synthesizing the answers to these questions, the change has no purpose.
But often, breaking down these initial ideas takes time and a great deal of thinking. It may feel like you are going nowhere, but
push through and the resulting work you do will feel much more purposeful and fulfilling.</blockquote>
<p><a href="sunny.html">Read more</a></p>
</div>
</div>
</article>
<!-- Posts -->
<!-- <section class="posts">
<article>
<header>
<span class="date">April 24, 2017</span>
<h2><a href="#">Sed magna<br />
ipsum faucibus</a></h2>
</header>
<a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a>
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p>
<ul class="actions">
<li><a href="#" class="button">Full Story</a></li>
</ul>
</article>
<article>
<header>
<span class="date">April 22, 2017</span>
<h2><a href="#">Primis eget<br />
imperdiet lorem</a></h2>
</header>
<a href="#" class="image fit"><img src="images/pic03.jpg" alt="" /></a>
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p>
<ul class="actions">
<li><a href="#" class="button">Full Story</a></li>
</ul>
</article>
<article>
<header>
<span class="date">April 18, 2017</span>
<h2><a href="#">Ante mattis<br />
interdum dolor</a></h2>
</header>
<a href="#" class="image fit"><img src="images/pic04.jpg" alt="" /></a>
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p>
<ul class="actions">
<li><a href="#" class="button">Full Story</a></li>
</ul>
</article>
<article>
<header>
<span class="date">April 14, 2017</span>
<h2><a href="#">Tempus sed<br />
nulla imperdiet</a></h2>
</header>
<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p>
<ul class="actions">
<li><a href="#" class="button">Full Story</a></li>
</ul>
</article>
<article>
<header>
<span class="date">April 11, 2017</span>
<h2><a href="#">Odio magna<br />
sed consectetur</a></h2>
</header>
<a href="#" class="image fit"><img src="images/pic06.jpg" alt="" /></a>
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p>
<ul class="actions">
<li><a href="#" class="button">Full Story</a></li>
</ul>
</article>
<article>
<header>
<span class="date">April 7, 2017</span>
<h2><a href="#">Augue lorem<br />
primis vestibulum</a></h2>
</header>
<a href="#" class="image fit"><img src="images/pic07.jpg" alt="" /></a>
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p>
<ul class="actions">
<li><a href="#" class="button">Full Story</a></li>
</ul>
</article>
</section> -->
<!-- Footer -->
<!-- <footer>
<div class="pagination">
<a href="#" class="page active">1</a>
<a href="#" class="page">2</a>
<a href="#" class="page">3</a>
<span class="extra">…</span>
<a href="#" class="page">8</a>
<a href="#" class="page">9</a>
<a href="#" class="page">10</a>
<a href="#" class="next">Next</a>
</div>
</footer> -->
</div>
<!-- Footer -->
<!-- <footer id="footer">
<section>
<form method="post" action="#">
<div class="field">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="3"></textarea>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</form>
</section>
<section class="split contact">
<section class="alt">
<h3>Address</h3>
<p>1234 Somewhere Road #87257<br />
Nashville, TN 00000-0000</p>
</section>
<section>
<h3>Phone</h3>
<p><a href="#">(000) 000-0000</a></p>
</section>
<section>
<h3>Email</h3>
<p><a href="#">[email protected]</a></p>
</section>
<section>
<h3>Social</h3>
<ul class="icons alt">
<li><a href="#" class="icon alt fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon alt fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon alt fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon alt fa-github"><span class="label">GitHub</span></a></li>
</ul>
</section>
</section>
</footer> -->
<!-- Copyright -->
<div id="copyright">
<ul><li></li><li></li></ul>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>