<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>HAOJI - Wilt thou change this world... Or wilt thou change thyself?</title>
 
<link href="css/bootstrap.min.css" rel="stylesheet">
 
<link href="css/grayscale.css" rel="stylesheet">
 
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
 
 
<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
 
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand page-scroll" href="#page-top">
<i class="fa fa-play-circle"></i> <span class="light">Rafael</span> Melero
</a>
</div>
 
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
 
<li class="hidden">
<a href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#about">About</a>
</li>
<li>
<a class="page-scroll" href="#projects">Projects</a>
</li>
<li>
<a class="page-scroll" href="#blog">Blog</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
 
</div>
 
</nav>
 
<header class="intro">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 class="brand-heading">Haoji</h1>
<p class="intro-text">Electronic engineering, development, prototyping and professional tinkering.</p>
<a href="#about" class="btn btn-circle page-scroll">
<i class="fa fa-angle-double-down animated"></i>
</a>
</div>
</div>
</div>
</div>
</header>
 
<section id="about" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>About Haoji</h2>
<p>Hello. My name is Rafael Melero (a.k.a. Haoji) and my focus is electronic prototyping, <a href="#">3D printing</a> and robotics. I also research and teach in the field of open-source electronics and robotics.</p>
<p>I often speak at local and international conferences such as <a href="http://www.campus-party.org">Campus Party</a>, <a href="http://softwarelivre.org/portal/fisl">FISL</a> and in scientific conferences such as <a href="http://www.icbl-conference.org/">ICBL</a>. My published papers are in the field of accessibility for the disabled through open-source electronics applications.</p>
<p>Scroll down for more info on my work and vitae.</p>
</div>
</div>
</section>
 
<section id="projects" class="content-section text-center">
<div class="projects-section">
<div class="container">
<div class="col-lg-8 col-lg-offset-2">
<h2>Projects & Vitae</h2>
<p><a href="http://atransporta.com/">aTransporta</a> - Enabling the blind and visually impaired to use public transport equally and independently.</p>
<p><a href="#">MakerKids</a> - Electronic modules for teaching basic electronics and robotics to poor children & young adults.</p>
<a href="http://github.com/haoji" class="btn btn-default btn-lg">View my open-source projects</a>
<a href="#" class="btn btn-default btn-lg">View my full CV</a>
</div>
</div>
</div>
</section>
 
<section id="blog" class="content-section text-center">
<div class="blog-section">
<div class="container">
<div class="col-lg-8 col-lg-offset-2">
<h2>To blog or not to blog?</h2>
<p><a href="http://haoji.uk" target="_blank">Haoji's Quest</a> - My captain's log about everything.</p>
<a href="http://haoji.uk" target="_blank" class="btn btn-default btn-lg">Visit Haoji's Quest</a>
</div>
</div>
</div>
</section>
 
<section id="contact" class="container content-section text-center">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<h2>Contact</h2>
<p>Feel free to contact me regarding relevant topics, interests and questions through the following address or social networks.</p>
<p><a href="/cdn-cgi/l/email-protection#305d557042515651555c5d551e535f5d"><span class="__cf_email__" data-cfemail="670a022715060106020b0a024904080a">[email&#160;protected]</span><script data-cfhash='f9e31' type="text/javascript">
/* <![CDATA[ */!function(){try{var t="currentScript"in document?document.currentScript:function(){for(var t=document.getElementsByTagName("script"),e=t.length;e--;)if(t[e].getAttribute("data-cfhash"))return t[e]}();if(t&&t.previousSibling){var e,r,n,i,c=t.previousSibling,a=c.getAttribute("data-cfemail");if(a){for(e="",r=parseInt(a.substr(0,2),16),n=2;a.length-n;n+=2)i=parseInt(a.substr(n,2),16)^r,e+=String.fromCharCode(i);e=document.createTextNode(e),c.parentNode.replaceChild(e,c)}t.parentNode.removeChild(t);}}catch(u){}}()/* ]]> */</script></a>
</p>
<ul class="list-inline banner-social-buttons">
<li>
<a href="https://twitter.com/haoji/" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
</li>
<li>
<a href="https://flickr.com/rafaelme/" class="btn btn-default btn-lg"><i class="fa fa-flickr fa-fw"></i> <span class="network-name">Flickr</span></a>
</li>
<li>
<a href="https://facebook.com/rafaelme/" class="btn btn-default btn-lg"><i class="fa fa-facebook fa-fw"></i> <span class="network-name">Facebook</span></a>
</li>
</ul>
</div>
</div>
</section>
 
<div id="map"></div>
 
<footer>
<div class="container text-center">
<p>Copyright &copy; Rafaelme.com 2009-2016</p>
</div>
</footer>
 
<script src="js/jquery.js"></script>
 
<script src="js/bootstrap.min.js"></script>
 
<script src="js/jquery.easing.min.js"></script>
 
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD9HFXFjObfh0hU0tihFisZCTMmsU1P8ac&sensor=false"></script>
 
<script src="js/grayscale.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
(function(){try{var s,a,i,j,r,c,l=document.getElementsByTagName("a"),t=document.createElement("textarea");for(i=0;l.length-i;i++){try{a=l[i].getAttribute("href");if(a&&a.indexOf("/cdn-cgi/l/email-protection") > -1  && (a.length > 28)){s='';j=27+ 1 + a.indexOf("/cdn-cgi/l/email-protection");if (a.length > j) {r=parseInt(a.substr(j,2),16);for(j+=2;a.length>j&&a.substr(j,1)!='X';j+=2){c=parseInt(a.substr(j,2),16)^r;s+=String.fromCharCode(c);}j+=1;s+=a.substr(j,a.length-j);}t.innerHTML=s.replace(/</g,"&lt;").replace(/>/g,"&gt;");l[i].setAttribute("href","mailto:"+t.value);}}catch(e){}}}catch(e){}})();
/* ]]> */
</script>
</body>
</html>
