/
insper.html
111 lines (100 loc) · 3.83 KB
/
insper.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
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Lauching an Engineering School in São Paulo</title>
<!-- Include jQuery -->
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script>
<!-- PJ5.JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.8.0/p5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.8.0/addons/p5.dom.min.js"></script>
<!-- Bootstrap core CSS -->
<link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- My CSS -->
<link href="css/main2.css" type="text/css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Droid+Sans+Mono" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono: 400, 400i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans: 400, 400i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Karla" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:700, 700i, 900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:600" rel="stylesheet">
</head>
<!-- **************** END HEAD *********************** -->
<div class="navbar-doyung">
<a href="index.html" class="navbar-link"><p class="navbar-heading">< Home</p></a>
</div>
<div class="header-wrapper" style="background-color: #22603C">
<h1>Lauching an Engineer School in in São Paulo</h1>
</div>
<div class="body-wrapper">
</br>
</br>
</br>
<p id="regular-text"> I spent the fall semester of 2014 at Insper University as an Education Design Consultant. There, I worked with faculty to help develop an engineering program that would be piloted the following semester. We explored how we could create a learning style and culture similar to that of Olin College, but in the context of Insper University. A challenge was working with restrictions from the Brazilian Ministry of Education, balancing existing and potential student life, and cultural differences.</p>
<img src="Images/insper/students.png" class="content-photo-big">
<p id="photo-caption">An Olin student working with an Insper Engineering student.</p>
<br>
<p id="majorkey">
KEY TAKEAWAYS: Designers have to be flexible when trying to implement a model into a different context. The cultural and environmental changes should be seen as opportunities to improve the existing model.
</p>
<br>
<br>
<br>
</div>
<!--Calling the P5.JS script:-->
<script src="javascript/insper.js"></script>
</body>
<style>
@media only screen and (max-width: 780px) {
#regular-text {
font-size: 16px;
}
.section-header {
font-size: 20px;
}
.content-photo-med {
width: 100%;
}
.content-photo-small {
width: 100%;
}
.content-photo-big {
width: 100%;
}
#photo-caption {
font-size: 12px;
margin-left: 10%;
margin-right: 10%;
}
#photo-caption-small {
font-size: 12px;
margin-left: 15%;
margin-right: 15%;
}
h1 {
font-size: 34px;
font-family: 'Playfair Display';
font-weight: bolder;
}
.section-header {
font-family: 'Playfair Display';
font-weight: bold;
}
}
@media only screen and (max-width: 650px) {
#regular-text {
font-size: 14px;
}
.section-header {
font-size: 18px;
}
h1 {
font-size: 24px;
}
}
</style>
<!--Different sized windows!-->