-
Notifications
You must be signed in to change notification settings - Fork 0
/
website.html
183 lines (167 loc) · 8.4 KB
/
website.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
<html lang="en">
<head>
<meta charset="utf-8">
<title>Lindsay Bangs</title>
<link rel="stylesheet" href="website.css">
<script src="https://use.fontawesome.com/790536bd3e.js"></script>
</head>
<body>
<div>
<header>
<h1>Lindsay Bangs</h1>
</header>
<main>
<a href="#navigation" class="visuallyhidden">Jump to navigation</a>
<section id="about">
<h1 class="icon about_icon">About</h1>
<div>
<p class="info">Hi! I'm Lindsay, graduating soon from Carleton University. I'll be getting a degree in Computer Science with a specialization in Mobile Computing. My main interest in tech is Human-Computer Interaction and considering accessibility in design, and I just might be your next front-end/back-end/full stack developer.</p>
</div>
</section>
<section id="education">
<h1 class="icon education_icon">Education</h1>
<div>
<h2 class="school">Carleton University</h2>
<dl class="details">
<dt>Degree</dt><dd>Bachelor of Computer Science</dd>
<dt>Specialization</dt><dd>Mobile Computing</dd>
<dt>Minor</dt><dd>Greek and Roman Studies</dd>
<dt>Graduation Date</dt><dd><time datetime="2017-05">May 2017</time></dd>
<dt><abbr title="Cumulative Grade Point Average">CGPA</abbr></dt><dd>11.0 of 12.0 <!--(<a href="grades.html">See Grades</a>)--></dd>
</dl>
</div>
</section>
<section id="projects">
<h1 class="icon projects_icon">Projects</h1>
<div class="project">
<h2>Usability Studies on Browser Security Certificates</h2>
<p class="time"><time>Current</time></p>
<p class="info">For this research project, I designed and implemented a Firefox Addon to display security certificate information to the user. User testing will be conducted to compare my implementation with existing browser implementations.</p>
<ul class="technology">
<li><abbr title="Hyper Text Markup Language">HTML</abbr></li>
<li><abbr title="Cascading Style Sheets">CSS</abbr></li>
<li>Javascript</li>
<li>Balsamiq</li>
</ul>
</div>
<div class="project">
<h2>LindsayBangs.com</h2>
<p class="time"><time>Current</time></p>
<p class="info">This website! LindsayBangs.com is where I practice my basic web development skills as well as showcase my other work. The source code is available on GitHub, and through 'View Source' on this page.</p>
<p class="github_link"><a href="https://github.com/lindsaybangs/lindsaybangs-version3">Github</a></p>
<ul class="technology">
<li><abbr title="Hyper Text Markup Language">HTML</abbr></li>
<li><abbr title="Cascading Style Sheets">CSS</abbr></li>
</ul>
</div>
<div class="project">
<h2>Cottage Reservation System</h2>
<p class="time"><time>Current</time></p>
<p class="info">The family cottage is shared by many members of the Bangs family. To keep track of events at the cottage, the Cottage Reservation system was created; family members can log in and reserve the cottage for any available date.</p>
<p class="github_link"><a href="https://github.com/lindsaybangs/cottage-calendar">Github</a></p>
<ul class="technology">
<li><abbr title="Hyper Text Markup Language">HTML</abbr></li>
<li>jQuery</li>
</ul>
</div>
<div class="project">
<h2>Pitch In</h2>
<p class="time"><time class="dtstart" datetime="2016-09">September</time> to <time class="dtend" datetime="2016-12">December 2016</time></p>
<p class="info">Pitch In is a prototype social network that connects friends who love to share beer. Users can add their friends as Drinking Buddies, split Pitchers, and send I.O.U.’s. </p>
<ul class="technology">
<li><abbr title="Java Enterprise Edition">Java EE</abbr></li>
<li>Maven</li>
<li>Jersey</li>
<li>Tomcat</li>
<li>Android Studio</li>
</ul>
</div>
<div class="project">
<h2>Sarah</h2>
<p class="time"><time datetime="2016-10">October 2016</time></p>
<p class="info">For the Gift the Code Hackathon, Team Sudonatural created a text-bot where survivors of domestic abuse could anonymously text for help. I created the front-end of the admin application where volunteers could view statistics and set responses from the text bot.</p>
<p class="github_link"><a href="https://github.com/ChonchoFronto/sarah">Github</a></p>
<ul class="technology">
<li>Ionic Framework</li>
<li><abbr title="Hyper Text Markup Language">HTML</abbr></li>
<li>Javascript</li>
<li>Amazon Web Services</li>
</ul>
</div>
<div class="project">
<h2>CrimHub</h2>
<p class="time"><time class="dtstart" datetime="2015-01">January</time> to <time class="dtend" datetime="2015-04">April 2015</time></p>
<p class="info">Course selection at Carleton University can be confusing, and students often resort to pen and paper to plan theur timetable. CrimHub is a prototype redesigned course selection tool that lets students easily plan their semester and register for courses.</p>
<ul class="technology">
<li>Balsamiq</li>
</ul>
</div>
</section>
<section id="experience">
<h1 class="icon experience_icon">Experience</h1>
<div>
<h2>SageTea Software</h2>
<p class="time"><time class="dtstart" datetime="2016-01">January</time> to <time class="dtend" datetime="2016-08">August 2016</time></p>
<p class="job_title">Web Application Developer</p>
<p class="info">As a member of the Research and Development team, I implemented and enhanced web-based widgets for the SageTea Web Browser application. I also provided product demonstrations to potential clients.</p>
<ul class="technology">
<li>Smalltalk</li>
<li>Visualworks</li>
<li>Javascript</li>
<li><abbr title="Cascading Style Sheets">CSS</abbr></li>
</ul>
</div>
<div>
<h2>Innovation, Science, and Economic Development</h2>
<p class="time"><time class="dtstart" datetime="2015-04">May</time> to <time class="dtend" datetime="2015-12">December 2015</time></p>
<p class="job_title">Interaction Designer</p>
<p class="info">At the Government of Canada, I redesigned the interface for an existing search application from business and user requirements. I also modified existing web applications as part of a project to ubdate government websites to the Canada.ca theme.</p>
<ul class="technology">
<li>Java Server Pages</li>
<li>Spring Framework</li>
<li>Eclipse</li>
<li>HTML5</li>
<li>Balsamiq</li>
<li>Dreamweaver</li>
</ul>
</div>
<div>
<h2>Carleton University</h2>
<p class="time"><time class="dtstart" datetime="2014-05">May</time> to <time class="dtend" datetime="2014-08">August 2014</time></p>
<p class="job_title">Research Assistant</p>
<p class = "info">For the summer, I received an Undergraduate Student Research Award from <abbr title="National Science and Engineering Research Council">NSERC</abbr> to perform studies on the accuracy of location-based services on Android and iOS devices. These studies examined the effectiveness of bluetooth beacon technology.</p>
<ul class="technology">
<li>Android <abbr title="Software Development Kit">SDK</abbr></li>
<li>Eclipse</li>
<li>Objective-C</li>
<li>Xcode</li>
</ul>
</div>
</section>
</main>
<div id="left_menu">
<div class="round profile"><img src="profile_pic.jpg" alt="Profile image"></div>
<nav id="#navigation">
<h1 class="visuallyhidden">Navigation</h1>
<h2>Sections</h2>
<ul class="page_sections">
<li><a href="#about" title="About Section" class="icon about_icon">About</a></li>
<li><a href="#education" title="Education Section" class="icon education_icon">Education</a></li>
<li><a href="#projects" title="Projects Section" class="icon projects_icon">Projects</a></li>
<li><a href="#experience" title="Previous Work Experience Section" class="icon experience_icon">Experience</a></li>
</ul>
<h2>Social</h2>
<ul class="external_links">
<li><a href="https://github.com/lindsaybangs" title="External Github link" class="icon github_link">Github</a></li>
<li><a href="https://twitter.com/lyndsaymina" title="External Twitter link" class="icon twitter_link">Twitter</a></li>
<li><a href="https://www.instagram.com/lyndsaymina" title="External Instagram link" class="icon insta_link">Instagram</a></li>
<li><a href="mailto:[email protected]" title="Email address" class="icon email_link">[email protected]</a></li>
</ul>
</nav>
<footer>
Made with <i class="fa fa-heart"></i> and <i class="fa fa-coffee"></i> [2017]
</footer>
</div>
</div>
</body>
</html>