/
index.html
190 lines (190 loc) · 8.68 KB
/
index.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
184
185
186
187
188
189
190
<!DOCTYPE html>
<html class=no-js lang=en>
<head>
<title>André Alves - Software Developer</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Daydreaming since 1991.">
<meta name="keywords" content="Software,Development,Web">
<meta name="author" content="André Alves">
<link href='http://fonts.googleapis.com/css?family=Montserrat:700' rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Neuton' rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="lib/normalize/normalize.css">
<link rel="stylesheet" type="text/css" href="lib/font-awesome-4.2.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/grid.css">
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<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-57176590-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<header>
<div class="row">
<a href="#home" id="logo" title="Home">
<h1>André Alves<i class="fa fa-send"></i></h1>
</a>
<a href="#" id="toggle-nav"><i class="fa fa-bars"></i></a>
<nav class="nav-closed">
<ul>
<li><a href="#work">Work</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</header>
<section id="home">
<div class="wrapper">
<div class="filter"></div>
<div class="row">
<div class="col-12">
<div id="caption">
<h1>Hello!</h1>
<h4>I'm a Software Developer and a Daydreamer.</h4>
<p>Let's make the world a better place, shall we?</p>
<a class="button inverse" href="#work">
See more
</a>
</div>
</div>
</div>
</div>
</section>
<section id="work">
<div class="wrapper">
<div class="row">
<div class="col-12">
<h2>Things that I've been doing</h2>
</div>
</div>
<div class="row">
<div class="col-4">
<div class="project">
<img src="img/fit.png" alt="Image of Fit Project" />
<div class="content">
<h3>FIT</h3>
<p class="description">A web and mobile solution for gyms and fitness centers. Includes a website, a mobile website and an Android app.</p>
<p class="technologies">Ruby on Rails, Android, HTML, CSS, Javascript</p>
<a class="button" href="https://www.youtube.com/watch?v=akV3_t98nQo" target="_blank">Video</a>
</div>
<div class="bg"></div>
</div>
</div>
<div class="col-4">
<div class="project">
<img src="img/gaianima.png" alt="Image of Eco-Efficiency Portal"/>
<div class="content">
<h3>Eco-Efficiency Portal</h3>
<p class="description">A Joomla-based platform that collects consumptions and supports decisions to make municipal buildings more efficient and greener.</p>
<p class="technologies">Joomla, PHP, MySQL, HTML, CSS, Javascript</p>
</div>
<div class="bg"></div>
</div>
</div>
<div class="col-4">
<div class="project">
<img src="img/kamstrup.png" alt="Image of Kamstrup Project"/>
<div class="content">
<h3>Kamstrup SRS</h3>
<p class="description">A mobile application prototype for a geographic information system (GIS) to assist Kamstrup operators finding and reading wireless meters.</p>
<p class="technologies">Android, Java, SQLite, Google Maps API</p>
</div>
<div class="bg"></div>
</div>
</div>
<div class="col-4">
<div class="project">
<img src="img/cloudvideo.png" alt="Image of Cloud Video Project"/>
<div class="content">
<h3>CloudVideo</h3>
<p class="description">A personal video-on-demand application to upload videos and play them anywere.</p>
<p class="technologies">Node.js, Express.js, MongoDB, Handlebars.js, Socket.io, Passport.js, FFMPEG, Bootstrap</p>
<a class="button" href="https://github.com/anpa/cloudvideo" target="_blank">Github</a>
</div>
<div class="bg"></div>
</div>
</div>
<div class="col-4">
<div class="project">
<img src="img/mog.jpg" alt="Image of mxfSPEEDRAIL Mobile Project"/>
<div class="content">
<h3>mxfSPEEDRAIL Mobile</h3>
<p class="description">Master's dissertation. An interface prototype for a video ingesting tool aiming to make it suitable both for desktops and tablets.</p>
<p class="technologies">HTML, CSS, Javascript, Backbone.js, User Centered Design</p>
<a class="button" href="doc/MS_AndreAlves.pdf" target="_blank">PDF</a>
<a class="button" href="http://paginas.fe.up.pt/~ei08119/wiki/" target="_blank">Wiki</a>
</div>
<div class="bg"></div>
</div>
</div>
<div class="col-4">
<div class="project">
<img src="img/bigthingthin.png" alt="Image of The Next Big Thing"/>
<div class="content">
<h3>Let's make it real!</h3>
<p class="description">Contact me to start asap an awesome project.</p>
<a class="button" href="#contact">Let's go!</a>
</div>
<div class="bg"></div>
</div>
</div>
</div>
</div>
</section>
<section id="about">
<div class="wrapper">
<div class="about-filter"></div>
<div class="row">
<div class="col-12">
<div class="circular"></div>
<div class="description">
<h2>Who's this guy?</h2>
<p>I'm a software developer with a particular interest on web development and interaction design. Despite these preferences, I like to see myself as a technology agnostic and a versatile person: technology is constantly changing, and so is the world, and so are we.</p>
<p>I like challenges, I like getting into them. There is nothing more pleasurable than those "ah-a!" moments when you embrace a challenge or defy the status-quo. I like to see things from different perspectives. An open mind is an empowered mind and minds are stretched by new ideas. I also like to push myself outside the comfort zone. I solemnly believe that there is magic there. As one can see, I like a lot of things. But most of all, I like to make the difference.</p>
<p>Oh! And I worship cheesecake and the <a class="inverse" href="https://www.holstee.com/pages/manifesto" target="_blank">Holstee Manifesto</a>.</p>
</div>
<a class="button inverse" href="doc/CV_AndreAlves.pdf" target="_blank">Here, take my CV with you</a>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="wrapper">
<div class="row">
<div class="col-12">
<h2>Let's have a coffee!</h2>
<p>I like talking. Whether it's about a project or to discuss the philosophical questions behind the universe, just drop me a line and we'll figure it out.</p>
<a class="button" href="mailto:andrenpalves@gmail.com" target="_blank">Send me an email</a>
<p>You can also follow me around the web:</p>
<ul class="social-list">
<li><a href="http://www.facebook.com/anpalves" target="_blank" title="View my Facebook profile"><span>Facebook</span><i class="fa fa-facebook"></i></a></li>
<li><a href="http://twitter.com/anpalves" target="_blank" title="View my Twitter profile"><span>Twitter</span><i class="fa fa-twitter"></i></a></li>
<li><a href="http://www.linkedin.com/in/anpalves" target="_blank" title="View my LinkedIn profile"><span>LinkedIn</span><i class="fa fa-linkedin"></i></a></li>
<li><a href="http://stackoverflow.com/users/1242501/bisc8" target="_blank" title="View my Stack Overflow profile"><span>Stack Overflow</span><i class="fa fa-stack-overflow"></i></a></li>
<li><a href="http://www.github.com/anpa" target="_blank" title="View my Github profile"><span>Github</span><i class="fa fa-github"></i></a></li>
<li><a href="http://open.spotify.com/user/1144180758" target="_blank" title="View my Spotify profile"><span>Spotify</span><i class="fa fa-spotify"></i></a></li>
</ul>
</div>
</div>
</div>
</section>
<footer>
<div class="row">
<div class="col-12">
<p>© 2014 Made by André Alves. Check the project <a href="https://github.com/anpa/anpa.github.io" target="_blank">here</a>.</p>
</div>
</div>
</footer>
<script src="lib/modernizr/min/modernizr.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>