-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
101 lines (88 loc) · 4.73 KB
/
index.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
<!DOCTYPE HTML>
<!-- TODO: Remove all commented code -->
<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">
<!-- Intro -->
<div id="intro">
<h1>Making<br />
The Shop</h1>
<p>A collaborative summer design/build experiment imagining and building the future <br /> of fabrication at Olin.
A partnership with students to design, prototype, and create environments,<br /> artifacts, systems,
processes, and experiences that support hands-on learning across the continuum for every student.
</p>
<ul class="actions">
<li><a href="#header" class="button icon solo fa-arrow-down scrolly">Continue</a></li>
</ul>
</div>
<!-- Header -->
<header id="header">
<a href="index.html" class="logo">Making The Shop</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li class="active"><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><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">
<h2><a href="#">Thought into form</a></h2>
<p>We are six engineering students, two faculty members, and two staff members who set out during the summer of 2017 to
build the foundation for a strong and healthy creative culture in The Shop at Olin College. We sought to improve integration
with the curriculum and to manifest the power of student collaboration in the design and creation of learning experiences
and environments.</p>
</header>
<span class="image fit"
<a href="" onMouseOver="document.MyImage.src='images/team_silly.jpg';" onMouseOut="document.MyImage.src='images/teambw.jpg';">
<img src="images/teambw.jpg" name="MyImage"></a>
</span>
<p>Shortly after Olin College was founded, the leadership and the faculty decided that in order to support a project-based mechanical engineering curriculum,
the college would need a machine shop. We bought equipment. We hired staff. We created training protocols. In short, we created a very capable production
machine shop. Work orders went in; parts came out.</p>
<p>As the curriculum and culture of Olin evolved from the early days, design began to play a larger and larger role in our learning experiences. Along
with a focus on design came a bias toward action and the pervasive practice of iterative prototyping. We recognized the power of the dialog
between making and thinking, synthesis and analysis. We saw value in creating learning experiences in which every student (not just the mechanical engineers)
learns to design and build something.</p>
<p>We undertook this project to create a more expansive definition of making at Olin, one that welcomes and provides access points for all students.
We sought to improve the community's experience of The Shop through user research, design, and prototyping. Our team of students, faculty, and staff
collaborated to build the foundation for a healthy culture of student engagement, autonomy, ownership and stewardship. Going forward, sustained integration with
Olin's curriculum will allow The Shop to serve as a creative platform for experimenting with ideas related to the role of making and fabrication
in learning broadly.</p>
<ul class="actions">
<li><a href="#" class="button big">Our Story</a></li>
</ul>
</article>
</div>
<!-- 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>