-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
9 lines (9 loc) · 10.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
<!DOCTYPE html><html><head><title>Malena Andrade: Web Interface Developer</title><meta charset="UTF-8"><link href="http://fonts.googleapis.com/css?family=Architects+Daughter|Swanky+and+Moo+Moo" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Alegreya+Sans:300" rel="stylesheet" type="text/css"><link href="http://fonts.googleapis.com/css?family=PT+Sans|Open+Sans|Raleway" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Lora|Noto+Serif|Muli:400,300" rel="stylesheet" type="text/css"><link href="public/dist/fonts/styles.css" rel="stylesheet" type="text/css"><link type="text/css" rel="stylesheet" href="public/dist/css/project.min.css"><link rel="shortcut icon" type="image/x-icon" href="public/dist/images/favicon.ico"><!--[if IE 8]>
<script src="public/dist/js/modernizr.js"></script>
<![endif]--><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-32158459-1', 'auto');
ga('send', 'pageview');
</script></head><body class="mandrade"><div id="Websites" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" class="modal fade"><div class="modal-dialog"><div class="modal-content"><div class="modal-body"><h3>Websites</h3><ul class="project-list"><li><a href="http://www.pinehq.com/" target="_blank">Pine HQ</a><p>Pine HQ was the latest static website I did for the PINE app. It includes simple scrolling animations.</p></li><li><a href="http://www.meadjohnson.com/" target="_blank">Mead Johnson</a><p>For Mead Johnson I played a major role in creating modular responsive components, including the main menu, the carousel and a google map.</p></li><li><a href="http://www.shelsilverstein.com/" target="_blank">Shel Silverstein</a><p>Shel Silverstein was a project I got to code from scratch using Django to integrate the Python back end.</p></li><li><a href="http://www.gibsonsfinest.ca/" target="_blank">Gibsons Finest</a><p>Gibsons Finest is a static site I coded from scratch back in 2010 before parallax libraries were popularized.</p></li></ul></div></div></div></div><div id="Experiments" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" class="modal fade"><div class="modal-dialog"><div class="modal-content"><div class="modal-body"><h3>Fun Learning Experiments</h3><ul class="project-list"><li><a href="http://malena.github.io/angular-hangman/#/" target="_blank">Hangman</a><p>Hangman was my most recent experiment where I had some fun learning to use Angular.js.</p></li><li><a href="http://malena.github.io/javascript-experiments/google_maps/" target="_blank">Google Map Tabs</a><p>I got to make a Google Maps component for Mead Johnson, and this was just a test before I began coding the final version.</p></li><li><a href="http://malena.github.io/training/" target="_blank">Training</a><p>I was inspired by Boucoup Training to create a guide for junior front ends entering our dev team at Trapeze</p></li><li><a href="http://malena.github.io/javascript-experiments/calculator/" target="_blank">Calculator</a><p>Calculator was my first experiment where I truly learned more about logic and programming.</p></li></ul></div></div></div></div><div id="Apps" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" class="modal fade"><div class="modal-dialog"><div class="modal-content"><div class="modal-body"><h3>Web and Mobile Apps</h3><ul class="project-list"><li><a href="http://www.jumptools.com/" target="_blank">Jumptools</a><p>The first web application I got to work on was Jumptools. This was the first time I had my hand in researching user flow and user experience. At the time I was fully responsible for the front end as well as conducting video usability tests.</p></li><li><a href="https://socialsca.pe/#/entries" target="_blank">socialsca.pe</a><p>The second web application I got to work on was Socialsca.pe. This was my first time delving into a Node, Angular and MongoDB environment.</p></li><li><a href="http://www.pinehq.com" target="_blank">PINE</a><p>PINE was my first time working on a mobile app. We used Cordova and Ionic Framework along with Angular. We also used React.js for an in app browser component view.</p></li></ul></div></div></div></div><div id="Campaigns" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" class="modal fade"><div class="modal-dialog"><div class="modal-content"><div class="modal-body"><h3>Campaigns and Maintenance</h3><ul class="project-list"><li><a href="http://www.holtrenfrew.com/" target="_blank">Holt Renfrew</a><p>I was was the Lead Front End for the Holt Renfrew website campaigns and maintenance team where I was also in charge of their facebook fan page.</p></li><li><a href="http://www.shoppersdrugmart.ca/" target="_blank">Shoppers Drug Mart</a><p>I got to work as a Lead on simple Django template campagins as well as maintenance on their corporate site within their .Net environment.</p></li><li><a href="http://www.homedepot.ca/" target="_blank">Home Depot</a><p>I jumped in with a larger team to help out with general maintenance and tickets assigned through JIRA.</p></li><li><a href="http://www.royallepage.ca/" target="_blank">Royal LePage</a><p>I was a lead for their corporate online event campaign where I got to work on-site. I was also in charge of email templates integrating with Constant Contact. I also styled their corporate MLS listing views inside Jumptools.</p></li><li><a href="http://www.gm.ca/" target="_blank">GM</a><p>I was part of the GM end of year update team, completing car model updates, content migration and ensuring complete accuracy between deployments.</p></li></ul></div></div></div></div><div class="panel panel-1"><div class="panel-inner"><header class="tagline"><h1 class="title">Malena Andrade</h1><div class="description"></div><p>I am a cat lady who thinks alpaca’s are adorable. I love cozy sweaters and socks, have a scattered mind, love the outdoors and coffee. I also design and code websites.</p><div class="social-icons"><a href="https://github.com/malena" target="_blank" class="icon-github"></a><a href="http://twitter.com/malena_andrade" target="_blank" class="icon-twitter"></a><a href="http://www.linkedin.com/pub/malena-andrade/14/b14/425" target="_blank" class="icon-linkedin"></a><a href="https://instagram.com/holamalenita" target="_blank" class="icon-instagram"></a></div></header><img src="public/dist/images/malena.png" width="771" height="921" class="img-malena"></div></div><div class="panel panel-2"><div class="panel-inner"><header><h2>Front End Web Developer</h2><p>I have been building websites and interfaces since 2007. Currently doing work for places like <a target="_blank" href="http://www.silverorange.com">silverorange</a>, <a target="_blank" href="http://www.mozilla.com">Mozilla</a> and <a target="_blank" href="http://www.alaia.com">Alaia</a> with some amazing people.</p></header><div class="projects"><div class="leaf fun"><span class="title span-pulse"><a data-toggle="modal" data-target="#Experiments">Experiments</a></span><img src="public/dist/images/leaf.png" width="50" height="44" class="img-pulse"></div><div class="leaf websites"><span class="title span-pulse"><a data-toggle="modal" data-target="#Websites">Websites</a></span><img src="public/dist/images/leaf.png" width="50" height="44" class="img-pulse"></div><div class="leaf apps"><span class="title span-pulse"><a data-toggle="modal" data-target="#Apps">Apps</a></span><img src="public/dist/images/leaf.png" width="50" height="44" class="img-pulse"></div><div class="leaf campaigns"><span class="title span-pulse"><a data-toggle="modal" data-target="#Campaigns">Campaigns</a></span><img src="public/dist/images/leaf.png" width="50" height="44" class="img-pulse"></div></div><div class="panel-2-tree"><img src="public/dist/images/tree-full.png" width="642" height="907" class="tree-top"></div></div><div class="panel-2-grass"></div></div><div class="panel panel-3"><div class="panel-inner"><header><h2>Witnessing change</h2><p>I started my career when jQuery was hot and ie6 was still the most popular browser. I've witnessed the evolution of browsers and the exponential growth of development tools.</p></header><div class="technologies resume"><img src="public/dist/images/curls.png" width="817" height="845" class="curls"><div class="html resume-html"><h3 class="flower">HTML</h3><ul><li class="jade">Jade</li><li class="sem-html">Semantic HTML</li><li class="accessible">Accessible HTML</li></ul></div><div class="css resume-css"><h3 class="flower">CSS</h3><ul><li class="less">LESS</li><li class="styl">Stylus</li><li class="boot">Bootstrap</li><li class="sem-ui">Semantic UI</li></ul></div><div class="js resume-js"><h3 class="flower">JS</h3><ul><li class="jquery">jQuery</li><li class="backb">Backbone</li><li class="angular">Angular</li><li class="node">Node</li><li class="grunt">Grunt</li></ul></div></div></div></div><div class="panel panel-4"><div class="panel-inner"><img src="public/dist/images/mountains.png" width="1087" height="524" class="mountains"><div class="stars"><div class="star star-1"></div><div class="star star-2"></div><div class="star star-3"></div><div class="star star-4"></div><div class="star star-5"></div><div class="star star-6"></div><div class="star star-7"></div><div class="star star-8"></div></div><header><h2>Doing the things that make me smile</h2><p>Hiking, running, climbing, cycling, beer, chocolate, coffee, exploring the world, these are the sort of things that make me smile.</p></header><div class="social-icons"><a href="http://www.linkedin.com/pub/malena-andrade/14/b14/425" target="_blank" class="icon-linkedin"></a><a href="http://www.facebook.com/holamalenita" target="_blank" class="icon-facebook"></a><a href="https://github.com/malena" target="_blank" class="icon-github"></a><a href="https://instagram.com/holamalenita" target="_blank" class="icon-instagram"></a></div></div></div></body><script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script><script src="public/dist/js/project.min.js"></script></html>