portfolio/about.html at master · vanmars/portfolio · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
  <link href="css/styles.css" rel="stylesheet" type="text/css" media="all">
  <title>About Me</title>
</head>
<body id="about-body">
  <header>
    <!-- Navigation -->
    <nav class="navbar navbar-dark bg-dark justify-content-around">
      <span class="navbar-brand mb-0 h1">Vanessa M. Stewart</span>
      <ul class="nav">
        <li class="nav-item">
          <a class="nav-link text-muted" href="index.html">Home</a>
        </li>
        <li class="nav-item">
          <a class="nav-link text-white active" href="about.html">About Me</a>
        </li>
        <li class="nav-item">
          <a class="nav-link text-muted" href="projects.html">Projects</a>
        </li>
        <li class="nav-item">
          <a class="nav-link text-muted" href="blog.html">Blog</a>
        </li>
        <li class="nav-item">
          <a class="nav-link text-muted" href="mailto: vanmariestewart@gmail.com">Email</a>
        </li>
      </ul>
    </nav>
    <!-- Carousel -->
    <div id="about-carousel" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner">
        <div class="carousel-item active" data-interval="2000">
            <img src="img/bdayfood.jpeg" class="img-fluid" style="max-width:100%; height:auto" alt="Summer feast picture">
        </div>
        <div class="carousel-item" data-interval="2000">
          <img src="img/coronada.png" class="img-fluid" style="max-width:100%; height:auto" alt="Catalina">
        </div>
        <div class="carousel-item" data-interval="2000">
          <img src="img/sanpedrobridge.png" class="img-fluid" style="max-width:100%; height:auto" alt="San
          Pedro Bridge">
        </div>
        <div class="carousel-item" data-interval="2000">
          <img src="img/bluepinkbeach.png" class="img-fluid" style="max-width:100%; height:auto" alt="Beach">
        </div>
        <div class="carousel-item" data-interval="2000">
          <img src="img/mountain.png" class="img-fluid" style="max-width:100%; height:auto" alt="Mountain">
        </div>
        <div class="carousel-item" data-interval="2000">
          <img src="img/palmtrees.png" class="img-fluid" style="max-width:100%; height:auto" alt="Palm trees">
        </div>
        <div class="carousel-item" data-interval="2000">
          <img src="img/zion.png" class="img-fluid" style="max-width:100%; height:auto" alt="Zion National Park">
        </div>
        <div class="carousel-item" data-interval="2000">
          <img src="img/seagulls.png" class="img-fluid" style="max-width:100%; height:auto" alt="Seagulls">
        </div>


      </div>
      <a class="carousel-control-prev" href="#about-carousel" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="carousel-control-next" href="#about-carousel" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
  </header>
  <br>
  <main>
    <div class="container">
      <!-- Jumbotron -->
      <div class="jumbotron">
        <h1 class="display-4">About Me</h1>
        <p class="lead">I am passionate about building tools to engage students and teachers in social, relevant, and playful learning experiences.</p>
        <hr class="my-4">
        <p>Connect with me on social media!</p>
        <a class="btn btn-info" href="https://www.linkedin.com/in/vanessa-m-stewart/" role="button">LinkedIn</a>
      </div>
      <!-- Background Featurette -->
      <br>
      <div class="card mb-3 border-0" style="max-width: 850px;">
        <div class="row no-gutters">
          <div class="col-md-4">
            <img src="img/Northwestern.jpg" class="card-img" alt="Profile picture from Northwestern University">
          </div>
          <div class="col-md-8">
            <div class="card-body">
              <h4 class="card-subtitle text-muted"> A little background . . .</h4>
              <br>
              <p class="card-text">I believe writing helps us understand ourselves and our world, our values and our
                purpose. That understanding enables us to become agentive selves capable of pursuing a
                well-lived life.</p>
              <p class="card-text">For five years, I had the gift as a classroom teacher of sharing the power of writing and reading with middle
                and high school English students. I loved it! But there was something missing . . .</p>
            </div>
          </div>
        </div>
      </div>
      <br>
      <!-- About Me Cont. in Featurettes -->
      <hr class="featurette-divider">
      <br>
      <div class="row featurette">
        <div class="col-md-7">
          <h3 class="featurette-heading">
            I always saw myself as both a teacher and a researcher of my craft.
            <span class="text-muted">Yet, the reality of teaching left
              little time for the kind of research that would sate my curiosity.</span>
          </h3>
          <p class="lead">So I returned to graduate school, choosing Northwestern--the epicenter of studies in
            the Learning Sciences--to study research on design and learning. I was interested in
            how we could leverage technology to engage students in richer learning experiences and
            to free up teachers so that relationships, rather than paperwork, could be the focus of
            their attention.</p>
        </div>
        <div class="col-md-5">
          <img src="img/raywed.png" class="img-fluid">
        </div>
      </div>
      <br>
      <hr class="featurette-divider">
      <br>
      <div class="row featurette">
        <div class="col-md-7 order-md-2">
          <h3 class="featurette-heading">
            As with any good learning experience,
            <span class="text-muted">my thinking expanded and my learning trajectory
              altered multiple times while at Northwestern.</span>
          </h3>
          <p class="lead">After taking a course in Python, I realized
            that I had a developed a love for programming! I enjoyed working on a problem patiently,
            paying attention to all its fine details, and experiencing that hard-won feeling of contentent
            when all your efforts pay off in a useful and innovative final product. I ended up signing up
            for a course in Web the following quarter.</p>
        </div>
        <div class="col-md-5">
          <img src="img/cherrywalk.png" class="img-fluid">
        </div>
      </div>
      <br>
      <hr class="featurette-divider">
      <br>
      <div class="row featurette">
        <div class="col-md-7">
          <h3 class="featurette-heading">
            After completing my master's program,
            <span class="text-muted">I knew I wanted to continue creating and building up
              my programming skills.</span>
          </h3>
          <p class="lead">I enrolled in Epicodus's full-time coding school in August to fill
            in the gaps I need to become a junior developer. By next year, I hope to find work with an Ed Tech company, who shares my mission to
            create social, relevant, and playful learning experiences. I think being a programmer
            with a learning sciences background will help me contribute in unique and meaningful ways.</p>
        </div>
        <div class="col-md-5">
          <img src="img/raygradhat.png" class="img-fluid">
        </div>
      </div>
      <br>
      <hr class="featurette-divider">
      <br>
      <!-- Education Cards -->
      <h3 class="card-title">Education</h3>
      <div class="card-group">
        <div class="card shadow-lg">
          <img src="img/nu.gif" class="card-img-top p-2" alt="Northwestern lofo">
          <div class="card-body">
            <h5 class="card-title">Northwestern University</h5>
            <h6 class="card-subtitle text-muted">MA, Learning Sciences</h6>
            <p class="card-text"><small class="text-muted">2019 - 2020</small></p>
            <p class="card-text text-wrap">Thesis: "Landscape of Online Writing Tools: A Sociocultural Perspective"</p>
          </div>
        </div>
        <div class="card shadow-lg">
          <img src="img/tc.jpg" class="card-img-top p-2" alt="Columbia University logo">
          <div class="card-body">
            <h5 class="card-title">Columbia University</h5>
            <h6 class="card-subtitle text-muted">MA, Teaching of English</h6>
            <p class="card-text"><small class="text-muted">2012 - 2014</small></p>
            <p class="card-text text-wrap">Thesis: "Improving Comprehension and Engagement in the Secondary English Classroom: An Embodied Cognition Approach"</p>
          </div>
        </div>
        <div class="card shadow-lg">
          <img src="img/uw.png" class="card-img-top p-3" alt="University of Washington logo">
          <div class="card-body">
            <h5 class="card-title">University of Washington</h5>
            <h6 class="card-subtitle text-muted pb-2">BA, Business Admin.</h6>
            <h6 class="card-subtitle text-muted">BA, English</h6>
            <p class="card-text"><small class="text-muted">2007 - 2011</small></p>
            <p class="card-text text-wrap">Magna Cum Laude</p>
          </div>
        </div>
      </div>
      <br>
      <hr class="featurette-divider">
      <!-- Job Experience Card -->
      <br>
      <div class="jumbotron jumbotron-fluid">
        <div class="container">
          <h1 class="display-4">Job Experience</h1>
          <p class="lead">Five years teaching and coaching.</p>
        </div>
      </div>
      <br>
      <div class="card color shadow-lg">
        <div class="row no-gutters">
          <div class="col-md-4">
            <img src="img/profilepicture.jpg" class="card-img m-4" alt="Profile picture from Norfolk Academy" id="job-img">
          </div>
          <div class="col-md-8">
            <div class="card-body m-4" id="job-text">
              <h4 class="card-subtitle pb-4"><em>Teacher</em></h4>
              <h5 class="card-subtitle text-muted pb-2"><strong>Norfolk Academy</strong><small>, Norfolk, VA</small></h5>
              <h6 class="card-subtitle text-muted pb-3">2014 - 2019</h6>
              <p class="card-text"><small>Roles and Responsibilities</small></p>
              <p class="card-text">
                <ul>
                  <li>Taught two sections of 7th grade English and two sections of 9th grade English <small>(2018-2019)</small></li>
                  <li>Co-chaired committee on 'New Approaches to Teaching and Learning' <small>(2018-2019)</small></li>
                  <li>Served as Lower School Language Arts Committee Chair <small>(2017-2018)</small></li>
                  <li>Taught three sections of 6th grade English (grammar and writing) and one of 6th grade social studies (20th c. American history) <small>(2014-2018)</small></li>
                  <li>Served as Homeroom Advisor <small>(2014-2018)</small></li>
                  <li>Served on Honor Committee <small>(2014-2016)</small></li>
                  <li>Coached middle school girls' field hockey and lacrosse teams <small>(2014 - 2019)</small></li>
                </ul>
              </p>
              <hr class="my-4">
              <p>Learn more about the school here!</p>
              <a class="btn btn-info" href="https://www.norfolkacademy.org/" role="button">Norfolk Academy</a>
            </div>
          </div>
        </div>
      </div>
      <br>
      <!-- Skills and Interests Card -->
      <br>
      <div class="row">
        <div class="col-md-4">
          <div class="card shadow" style="width: 18rem;">
            <div class="card-header">
              <h5 class="card-title">Skills</h5>
            </div>
            <ol class="list-group list-group-flush">
              <li class="list-group-item">Agile Design Process</li>
              <li class="list-group-item">Curriculum and Instruction Design</li>
              <li class="list-group-item">Teaching and Coaching</li>
              <li class="list-group-item">Writing and Editing</li>
              <li class="list-group-item text-wrap">Technical: HTML, CSS/Bootstrap, JavaScript (Basic)/jQuery, Python (Basic), Adobe XD, Adobe Photoshop (Basic), Google Suite</li>
            </ol>
          </div>
        </div>
        <div class="col-md-8">
          <div class="card shadow">
            <div class="card-header">
              <h5 class="card-title">Interests</h5>
            </div>
            <div class="card-body">
              <p class="card-text">
                <ul>
                  <li class="pb-2"><b>Writing</b>: Mostly poetry, but I have ambitions for writing a young adult fantasy novel.</li>
                  <li class="pb-2"><b>Reading/Watching Stories</b>: I enjoy bingeing book series and tv shows!</li>
                  <li class="pb-2"><b>Physical Fitness</b>: I was a big athlete in high school (field hockey was my favorite sport), and I continue to enjoy staying active with yoga, pilates, and running outdoors.</li>
                  <li class="pb-2"><b>Cooking/Baking</b> . . . and eating</li>
                  <li class="pb-2"><b>Interior Design</b>: My dad was an architect with his own beach house construction company, so I grew up around houses. Perhaps as a result, I love thinking about how best to visually layout and decorate homes.</li>
                  <li class="pb-2"><b>Travel</b>: I have been to Europe and Asia. I would really like to visit Croatia, New Zealand, Peru, and Thailand.</li>
                  <li class="pb-2"><b>Games</b>: Board games, lawn games, organized sports--you name it. I have a competitive and playful spirit, so I have a lot of fun with games!</li>
                </ul>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </main>
  <footer>
    <br>
  </footer>
  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</body>
</html>