-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
107 lines (107 loc) · 5.96 KB
/
index.html
File metadata and controls
107 lines (107 loc) · 5.96 KB
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
<!DOCTYPE html>
<html>
<head>
<title>Lisa Gagno</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="app.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://use.fontawesome.com/283ad1e874.js"></script>
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<ul class="nav navbar-nav">
<li><a href="#about">About</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</nav>
<div id="about" class="section">
<div class="col-md-4">
<img src="me.jpg" class="featurette-image img-responsive float-right img-circle">
</div>
<div class="col-md-8 lead font-size-50">
<span class="var-highlight">var</span> person = { <br>
name: <span class="string-highlight">'Lisa Gagno'</span>, <br>
type: <span class="string-highlight">'Fourth year computer science student at UBC'</span>, <br>
location: <span class="string-highlight">'Vancouver, BC'</span>, <br>
skills: [<span class="string-highlight">'Javascript'</span>,
<span class="string-highlight">'AngularJS'</span>,
<span class="string-highlight">'Java'</span>,
<span class="string-highlight">'Python'</span>,
<span class="string-highlight">'HTML'</span>,
<span class="string-highlight">'CSS'</span>];<br>
};
</div>
</div>
<div id="experience" class="section">
<center>
<h1>Experience</h1>
<a href="http://www.skiomusic.com"><img src="skio.jpeg"></a>
<div class="project-description">
<h2>Full Stack Software Development Intern</h2>
<i><h3>September 2016 - April 2017</h3></i>
<p>* Designed new and reusable AngularJS components.</p>
<p>* Created REST API endpoints in Python.</p>
<p>* Engineered a service using JavaScript and Python that allows users to import audio hosted on SoundCloud.</p>
<p>* Implemented various pages using HTML, CSS, and JavaScript based on mockups provided by the Design team.</p>
<p><i>Technologies used: JavaScript, AngularJS, Python,HTML5, CSS3</i></p>
</div>
</center>
</div>
<div id="projects" class="section">
<div>
<center><h1>Projects</h1></center>
<center>
<div>
<img class="mind-the-gap" src="mindthegap.png">
</div>
<div class="project-description">
<h2>Mind The Gap - Android Project</h2>
<p>* Integrated the API provided by Transport London to parse JSON data in order to to provide the geo-location of subway stations and tube lines as well as display real-time arrival information.</p>
<p>* Designed extensive JUnit tests to ensure code quality.</p>
<p><i>Technologies used: Java, IntelliJ, Android SDK, virtualBox, Genymotion, JUnit.</i></p>
</div>
</center>
<br><br>
<center>
<div>
<img src="breathez.png">
</div>
<div class="project-description">
<h2>Breathe Easy - React.JS Web App</h2>
<p>This is a web application developed during the Axiom Zen/BCS Hack for Diversity Hackathon. Often anxiety is caused by subconsciously hyperventilating. The goal of our app is to reduce people's anxiety by having them follow a visual excercise that teaches them how to properly breathe.</p>
<p><i>Technologies used: JavaScript, HTML, CSS</i></p>
<a href="https://github.com/lisageeee/AxiomZenHackathon">See the code</a>
</div>
</center>
<br><br>
<center>
<div>
<img class="candoll" src="candoll.png">
</div>
<div class="project-description">
<h2>Candoll - Unity Game</h2>
<p>A Unity game I worked on with a team at the 2016 Global Game Jam. In Candoll is a top-down style game where you play as a voodoo doll that is collecting various objects in order to perform a ritual.</p>
<p><i>Technologies used: Unity, C#</i></p>
<a href="https://github.com/GlobalGameJam2016/candoll">See the code</a>
</div>
</center>
</div>
</div>
<div id="contact" class="section">
<center>
<h1>Contact</h1>
<p>Feel free to send me an email or connect with me on LinkedIn.</p>
<a href="mailto:lisagagno@gmail.com"><i class="fa fa-envelope font-awesome mail padding-right" aria-hidden="true"></i></a>
<a href="https://www.linkedin.com/in/lisa-gagno-8169822a"><i class="fa fa-linkedin font-awesome" aria-hidden="true"></i></a>
</center>
</div>
</body>
</html>