Skip to content

Latest commit

 

History

History
1774 lines (1442 loc) · 51.1 KB

contacts.md

File metadata and controls

1774 lines (1442 loc) · 51.1 KB
Raw
bg layout title crawlertitle permalink summary active
photo-38.jpg
default
Contacts
Rúben André Barreiro's Portfolio/Blog - My Contacts
/contacts/
My Personal Contacts
Contacts
<style> .button { background-color: #CCCCCC; /* Medium Grey */ border: none; color: white; padding: 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; } .button { background-color: #CCCCCC; /* Medium Grey */ border: none; color: white; padding: 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; } .buttonDocument { border-radius: 12px; } .loadingSuspensionPoints span { -webkit-animation-name: blink; animation-name: blink; -webkit-animation-duration: 2.4s; animation-duration: 2.4s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .loadingSuspensionPoints span:nth-child(2) { -webkit-animation-delay: .8s; animation-delay: .8s; } .loadingSuspensionPoints span:nth-child(3) { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } @-webkit-keyframes blink { 0% { opacity: .2; } 20% { opacity: 1; } 100% { opacity: .2; } } @keyframes blink { 0% { opacity: .2; } 20% { opacity: 1; } 100% { opacity: .2; } } .fa-beat { animation:fa-beat 5s ease infinite; } @keyframes fa-beat { 0% { transform:scale(0.8); } 5% { transform:scale(1); } 20% { transform:scale(0.8); } 30% { transform:scale(1); } 35% { transform:scale(0.8); } 50% { transform:scale(1); } 55% { transform:scale(0.8); } 70% { transform:scale(1); } } .fa-bounce { display: inline-block; position: relative; -moz-animation: bounce 1s infinite linear; -o-animation: bounce 1s infinite linear; -webkit-animation: bounce 1s infinite linear; animation: bounce 1s infinite linear; } @-webkit-keyframes bounce { 0% { top: 0; } 50% { top: -0.2em; } 70% { top: -0.3em; } 100% { top: 0; } } @-moz-keyframes bounce { 0% { top: 0; } 50% { top: -0.2em; } 70% { top: -0.3em; } 100% { top: 0; } } @-o-keyframes bounce { 0% { top: 0; } 50% { top: -0.2em; } 70% { top: -0.3em; } 100% { top: 0; } } @-ms-keyframes bounce { 0% { top: 0; } 50% { top: -0.2em; } 70% { top: -0.3em; } 100% { top: 0; } } @keyframes bounce { 0% { top: 0; } 50% { top: -0.2em; } 70% { top: -0.3em; } 100% { top: 0; } } .fa-blink { -webkit-animation: fa-blink .75s linear infinite; -moz-animation: fa-blink .75s linear infinite; -ms-animation: fa-blink .75s linear infinite; -o-animation: fa-blink .75s linear infinite; animation: fa-blink .75s linear infinite; } @keyframes fa-blink { 0% { opacity: 1; } 10% { opacity: 1; } 20% { opacity: 1; } 30% { opacity: 1; } 35% { opacity: 0.125; } 40% { opacity: 0.25; } 45% { opacity: 0.375; } 50% { opacity: 0.5; } 55% { opacity: 0.625; } 60% { opacity: 0.75; } 65% { opacity: 0.875; } 70% { opacity: 0; } 80% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes wrench { 0% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } 8% { -webkit-transform: rotate(12deg); transform: rotate(12deg); } 10% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 18% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 20% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 28% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 30% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 38% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 40% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 48% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 50% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 58% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 60% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 68% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 75% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes wrench { 0% { -webkit-transform: rotate(-12deg); -ms-transform: rotate(-12deg); transform: rotate(-12deg); } 8% { -webkit-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg); } 10% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); } 18% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); } 20% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); } 28% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); } 30% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); } 38% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); } 40% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); } 48% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); } 50% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); } 58% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); } 60% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); } 68% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); } 75% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .faa-wrench.animated, .faa-wrench.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-wrench { -webkit-animation: wrench 2.5s ease infinite; animation: wrench 2.5s ease infinite; transform-origin-x: 90%; transform-origin-y: 35%; transform-origin-z: initial; } /* BELL */ @-webkit-keyframes ring { 0% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 2% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 4% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); } 6% { -webkit-transform: rotate(18deg); transform: rotate(18deg); } 8% { -webkit-transform: rotate(-22deg); transform: rotate(-22deg); } 10% { -webkit-transform: rotate(22deg); transform: rotate(22deg); } 12% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); } 14% { -webkit-transform: rotate(18deg); transform: rotate(18deg); } 16% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } 18% { -webkit-transform: rotate(12deg); transform: rotate(12deg); } 20% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes ring { 0% { -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } 2% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 4% { -webkit-transform: rotate(-18deg); -ms-transform: rotate(-18deg); transform: rotate(-18deg); } 6% { -webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); transform: rotate(18deg); } 8% { -webkit-transform: rotate(-22deg); -ms-transform: rotate(-22deg); transform: rotate(-22deg); } 10% { -webkit-transform: rotate(22deg); -ms-transform: rotate(22deg); transform: rotate(22deg); } 12% { -webkit-transform: rotate(-18deg); -ms-transform: rotate(-18deg); transform: rotate(-18deg); } 14% { -webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); transform: rotate(18deg); } 16% { -webkit-transform: rotate(-12deg); -ms-transform: rotate(-12deg); transform: rotate(-12deg); } 18% { -webkit-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg); } 20% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .faa-ring.animated, .faa-ring.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-ring { -webkit-animation: ring 2s ease infinite; animation: ring 2s ease infinite; transform-origin-x: 50%; transform-origin-y: 0px; transform-origin-z: initial; } /* VERTICAL */ @-webkit-keyframes vertical { 0% { -webkit-transform: translate(0,-3px); transform: translate(0,-3px); } 4% { -webkit-transform: translate(0,3px); transform: translate(0,3px); } 8% { -webkit-transform: translate(0,-3px); transform: translate(0,-3px); } 12% { -webkit-transform: translate(0,3px); transform: translate(0,3px); } 16% { -webkit-transform: translate(0,-3px); transform: translate(0,-3px); } 20% { -webkit-transform: translate(0,3px); transform: translate(0,3px); } 22% { -webkit-transform: translate(0,0); transform: translate(0,0); } } @keyframes vertical { 0% { -webkit-transform: translate(0,-3px); -ms-transform: translate(0,-3px); transform: translate(0,-3px); } 4% { -webkit-transform: translate(0,3px); -ms-transform: translate(0,3px); transform: translate(0,3px); } 8% { -webkit-transform: translate(0,-3px); -ms-transform: translate(0,-3px); transform: translate(0,-3px); } 12% { -webkit-transform: translate(0,3px); -ms-transform: translate(0,3px); transform: translate(0,3px); } 16% { -webkit-transform: translate(0,-3px); -ms-transform: translate(0,-3px); transform: translate(0,-3px); } 20% { -webkit-transform: translate(0,3px); -ms-transform: translate(0,3px); transform: translate(0,3px); } 22% { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } } .faa-vertical.animated, .faa-vertical.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-vertical { -webkit-animation: vertical 2s ease infinite; animation: vertical 2s ease infinite; } /* HORIZONTAL */ @-webkit-keyframes horizontal { 0% { -webkit-transform: translate(0,0); transform: translate(0,0); } 6% { -webkit-transform: translate(5px,0); transform: translate(5px,0); } 12% { -webkit-transform: translate(0,0); transform: translate(0,0); } 18% { -webkit-transform: translate(5px,0); transform: translate(5px,0); } 24% { -webkit-transform: translate(0,0); transform: translate(0,0); } 30% { -webkit-transform: translate(5px,0); transform: translate(5px,0); } 36% { -webkit-transform: translate(0,0); transform: translate(0,0); } } @keyframes horizontal { 0% { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } 6% { -webkit-transform: translate(5px,0); -ms-transform: translate(5px,0); transform: translate(5px,0); } 12% { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } 18% { -webkit-transform: translate(5px,0); -ms-transform: translate(5px,0); transform: translate(5px,0); } 24% { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } 30% { -webkit-transform: translate(5px,0); -ms-transform: translate(5px,0); transform: translate(5px,0); } 36% { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } } .faa-horizontal.animated, .faa-horizontal.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-horizontal { -webkit-animation: horizontal 2s ease infinite; animation: horizontal 2s ease infinite; } /* FLASHING */ @-webkit-keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } } .faa-flash.animated, .faa-flash.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-flash { -webkit-animation: flash 2s ease infinite; animation: flash 2s ease infinite; } /* BOUNCE */ @-webkit-keyframes bounce { 0%, 10%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 10%, 20%, 50%, 80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .faa-bounce.animated, .faa-bounce.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-bounce { -webkit-animation: bounce 2s ease infinite; animation: bounce 2s ease infinite; } /* SPIN */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -ms-transform: rotate(359deg); transform: rotate(359deg); } } .faa-spin.animated, .faa-spin.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-spin { -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } /* FLOAT */ @-webkit-keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes float { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .faa-float.animated, .faa-float.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-float { -webkit-animation: float 2s linear infinite; animation: float 2s linear infinite; } /* PULSE */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes pulse { 0% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .faa-pulse.animated, .faa-pulse.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-pulse { -webkit-animation: pulse 2s linear infinite; animation: pulse 2s linear infinite; } /* SHAKE */ .faa-shake.animated, .faa-shake.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-shake { -webkit-animation: wrench 2.5s ease infinite; animation: wrench 2.5s ease infinite; } /* TADA */ @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(.9) rotate(-8deg); transform: scale(.9) rotate(-8deg); } 30%, 50%, 70% { -webkit-transform: scale(1.3) rotate(8deg); transform: scale(1.3) rotate(8deg); } 40%, 60% { -webkit-transform: scale(1.3) rotate(-8deg); transform: scale(1.3) rotate(-8deg); } 80% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(.9) rotate(-8deg); -ms-transform: scale(.9) rotate(-8deg); transform: scale(.9) rotate(-8deg); } 30%, 50%, 70% { -webkit-transform: scale(1.3) rotate(8deg); -ms-transform: scale(1.3) rotate(8deg); transform: scale(1.3) rotate(8deg); } 40%, 60% { -webkit-transform: scale(1.3) rotate(-8deg); -ms-transform: scale(1.3) rotate(-8deg); transform: scale(1.3) rotate(-8deg); } 80% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .faa-tada.animated, .faa-tada.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-tada { -webkit-animation: tada 2s linear infinite; animation: tada 2s linear infinite; } /* PASSING */ @-webkit-keyframes passing { 0% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } 50% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } @keyframes passing { 0% { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } 50% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } .faa-passing.animated, .faa-passing.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-passing { -webkit-animation: passing 3s linear infinite; animation: passing 3s linear infinite; } /* WAVE */ @-webkit-keyframes burst { 0% { opacity: .6; } 50% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0; } 100% { opacity: 0; } } @keyframes burst { 0% { opacity: .6; } 50% { -webkit-transform: scale(1.8); -ms-transform: scale(1.8); transform: scale(1.8); opacity: 0; } 100% { opacity: 0; } } .faa-burst.animated, .faa-burst.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-burst { -webkit-animation: burst 3s infinite linear; animation: burst 3s infinite linear; } .androidHead { position: relative; height: 40px; width: 80px; background: #a4c639; border-top-left-radius: 50px; border-top-right-radius: 50px; } .androidHead div:first-child, .androidHead div:nth-child(2) { position: absolute; height: 3.5px; width: 15px; border-radius: 10px; background: #a4c639; } .androidHead div:first-child { left: 7.5px; transform: rotate(50deg); } .androidHead div:nth-child(2) { transform: rotate(-50deg); left: 58px; } .androidHead div:nth-child(3) { position: relative; } .androidHead div:nth-child(3) div { position: absolute; height: 7.5px; width: 7.5px; background: #FFF; border-radius: 50%; top: 17.5px; } .androidHead div:nth-child(3) div:first-child { left: 20px; } .androidHead div:nth-child(3) div:nth-child(2) { left: 53.5px; } .androidBody { position: relative; width: 80px; height: 65px; background: #a4c639; margin-top: 2.5px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .androidBody div { position: absolute; width: 17.5px; height: 55px; border-radius: 15px; background: #a4c639; } .androidBody div:first-child { left: -20px; transform-origin: top; animation: arm-l 0.9s infinite; animation-delay: 0.45s; } .androidBody div:nth-child(2) { left: 82.5px; transform-origin: top; animation: arm-r 0.9s infinite; } .androidBody div:nth-child(3), .androidBody div:nth-child(4) { top: 32.5px; } .androidBody div:nth-child(3) { animation: legup-l 0.9s infinite; animation-delay: 0.45s; left: 16px; } .androidBody div:nth-child(4) { animation: legup-r 0.9s infinite; left: 48px; } .androidShadow { margin-top: -36px; z-index: -2; height: 15px; width: 80px; background: #eee; border-radius: 50%; animation: androidShadow 0.45s infinite; display: flex; justify-content: space-between; } .androidShadow div { height: 7.5px; width: 20px; background: #eee; border-radius: 50%; } .androidShadow div:first-child { margin: 4px -12.5px; } .androidShadow div:last-child { margin: 4px -12.5px; } .androidFootsteps { display: flex; } .androidFootsteps div { height: 7.5px; width: 15px; background: gainsboro; border-radius: 50%; margin: 25.5px 10px; z-index: -1; } .androidFootsteps div:first-child { animation: footsteps-l 0.9s infinite; animation-delay: 0.45s; } .androidFootsteps div:last-child { animation: footsteps-r 0.9s infinite; } .androidLogo { animation: bobble 0.45s infinite; } @keyframes androidShadow { 50% { transform: scale(0.96); } } @keyframes footsteps-l { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; transform: translate(3px, -2.5px); } } @keyframes footsteps-r { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; transform: translate(-3px, -2.5px); } } @keyframes bobble { 0% { transform: translateY(-1px); } 70% { transform: translateY(1px); } 100% { transform: translateY(-1px); } } @keyframes legup-l { 0% { transform: translate(2px, -2.5px); } 30% { transform: translate(-2px, 3.5px); } 100% { transform: translate(2px, -2.5px); } } @keyframes legup-r { 0% { transform: translate(-2px, -2.5px); } 30% { transform: translate(2px, 3.5px); } 100% { transform: translate(-2px, -2.5px); } } @keyframes arm-l { 0% { transform: rotate(7deg); } 60% { transform: rotate(-5deg); } 100% { transform: rotate(7deg); } } @keyframes arm-r { 0% { transform: rotate(-7deg); } 60% { transform: rotate(5deg); } 100% { transform: rotate(-7deg); } } .icon-discord:before { content: "\e900"; color: #7289da; } .icon-vsco:before { content: "\e901"; } textarea { resize: none; } </style>

My Info 

<img src="../assets/images/protrait-2d-1.png" alt="My Bitmoji-Bitstrip's Protrait in 2D" height="160" width="160">

<h3><b>Rúben André Barreiro</b></h3>

<font size="2"><b>
    ♏ 90's | 🎂 26 years | 🏠 From Lisbon, PT | 📍 Living in Almada, PT
    <br>
    🎓 Integrated Master (BSc./MSc. Bologna Degree) @ FCT NOVA
    <br>
    💻 Computer Science Engineer | 👨‍💻 IT/IS Programmer & Technician
    <br>
    💼 Entrepreneur | 👥 Influencer | 💡 Promoter | 👔 Fashioner
    <br>
    ✏️ Designer | 📸 Photographer | 🎥 Producer | 🏋️ Athlete | 🚶 Model
</b></font>

<br>
<br>
<br>

<span class="fa-stack fa-spin">
    <div id="loadingHourGlass" class="fa" style="font-size:30px"></div>
    <script>
        function hourglass() {
          var a;
          a = document.getElementById("loadingHourGlass");
          a.innerHTML = "&#xf251;";
          setTimeout(function () {
              a.innerHTML = "&#xf252;";
            }, 1000);
          setTimeout(function () {
              a.innerHTML = "&#xf253;";
            }, 2000);
        }
        hourglass();
        setInterval(hourglass, 3000);
    </script>
</span>

<h5 class="loadingSuspensionPoints"><i>Loading the greatest Computer Science Engineer of all time<span>.</span><span>.</span><span>.</span></i></h5>

*** © Rúben André Barreiro - GitHub's Portfolio/Personal Blog - All rights reserved ***

My Academic and Professional Networks

  LinkedIn 
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="https://github.com/rubenandrebarreiro" title="Rúben André Barreiro on GitHub"><i class="fa fa-github" title="Rúben André Barreiro on GitHub" style="font-size:20px;color:Black"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://github.com/rubenandrebarreiro" title="Rúben André Barreiro on GitHub">GitHub</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="https://gitlab.com/rubenandrebarreiro" title="Rúben André Barreiro on GitLab"><i class="fa fa-gitlab" title="Rúben André Barreiro on GitLab" style="font-size:20px;color:Orange"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://gitlab.com/rubenandrebarreiro" title="Rúben André Barreiro on GitLab">GitLab</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="https://bitbucket.org/rubenandrebarreiro/" title="Rúben André Barreiro on Atlassian Bitbucket"><i class="fa fa-bitbucket" title="Rúben André Barreiro on Atlassian Bitbucket" style="font-size:20px;color:Blue"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://bitbucket.org/rubenandrebarreiro/" title="Rúben André Barreiro on Atlassian Bitbucket">Atlassian Bitbucket</a></font>
    
    <br>
    
    <a target="_blank" href="https://utaustinportugal.academia.edu/rubenandrebarreiro/" title="Rúben André Barreiro on Academia"><i class="ai ai-academia" title="Rúben André Barreiro on Academia" style="font-size:20px;color:Black"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://utaustinportugal.academia.edu/rubenandrebarreiro/" title="Rúben André Barreiro on Academia">Academia</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="https://mathoverflow.net/users/134256/r%C3%BAben-andr%C3%A9-barreiro" title="Rúben André Barreiro on MathOverflow"><i class="ai ai-mathoverflow" title="Rúben André Barreiro on MathOverflow" style="font-size:20px;color:Orange"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://mathoverflow.net/users/134256/r%C3%BAben-andr%C3%A9-barreiro" title="Rúben André Barreiro on MathOverflow">MathOverflow</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="https://www.mendeley.com/profiles/ruben-andre-barreiro/" title="Rúben André Barreiro on Mendeley"><i class="ai ai-mendeley" title="Rúben André Barreiro on Mendeley" style="font-size:20px;color:Black"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.mendeley.com/profiles/ruben-andre-barreiro/" title="Rúben André Barreiro on Mendeley">Mendeley</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="http://orcid.org/0000-0003-2572-8949/" title="Rúben André Barreiro on ORCiD"><i class="ai ai-orcid" title="Rúben André Barreiro on ORCiD" style="font-size:20px;color:Lime"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="http://orcid.org/0000-0003-2572-8949/" title="Rúben André Barreiro on ORCiD">ORCiD</a></font>
    
    <br/>
    
    <a target="_blank" href="https://publons.com/researcher/1670842/ruben-andre-barreiro/" title="Rúben André Barreiro on Publons"><i class="ai ai-publons" title="Rúben André Barreiro on Publons" style="font-size:20px;color:Blue"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://publons.com/researcher/1670842/ruben-andre-barreiro/" title="Rúben André Barreiro on Publons">Publons</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="https://www.researchgate.net/profile/Ruben_Barreiro" title="Rúben André Barreiro on ResearchGate"><i class="ai ai-researchgate" title="Rúben André Barreiro on ResearchGate" style="font-size:20px;color:Teal"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.researchgate.net/profile/Ruben_Barreiro" title="Rúben André Barreiro on ResearchGate">ResearchGate</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="http://www.researcherid.com/rid/A-6299-2019" title="Rúben André Barreiro on ResearcherID"><i class="ai ai-researcherid" title="Rúben André Barreiro on ResearcherID" style="font-size:20px;color:DarkGrey"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="http://www.researcherid.com/rid/A-6299-2019" title="Rúben André Barreiro on ResearcherID">ResearcherID</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="https://stackoverflow.com/story/rubenandrebarreiro" title="Rúben André Barreiro on Stack Overflow"><i class="fa fa-stack-overflow" title="Rúben André Barreiro on Stack Overflow" style="font-size:20px;color:Orange"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://stackoverflow.com/story/rubenandrebarreiro" title="Rúben André Barreiro on Stack Overflow">Stack Overflow</a></font>
</center>

*** © Rúben André Barreiro - GitHub's Portfolio/Personal Blog - All rights reserved ***

My Social and Personal Networks

  Facebook - Rúben André Barreiro 
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="https://www.facebook.com/ruben.badnewz" title="Rúben BadNewz on Facebook"><i class="fa fa-facebook-official" title="Rúben BadNewz on Facebook" style="font-size:20px;color:Indigo"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.facebook.com/ruben.badnewz" title="Rúben BadNewz on Facebook">Facebook - Rúben BadNewz</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="https://www.facebook.com/badnewz.lifestyle" title="BadNewz Lifestyle on Facebook"><i class="fa fa-facebook-official" title="BadNewz Lifestyle on Facebook" style="font-size:20px;color:Indigo"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.facebook.com/badnewz.lifestyle" title="BadNewz Lifestyle on Facebook">Facebook - BadNewz Lifestyle</a></font>
    
    <br>
    
    <a target="_blank" href="https://www.facebook.com/badnewz.streetwear.clothing" title="BadNewz Streetwear Clothing on Facebook"><i class="fa fa-facebook-official" title="BadNewz Streetwear Clothing on Facebook" style="font-size:20px;color:Indigo"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.facebook.com/badnewz.streetwear.clothing" title="BadNewz Streetwear Clothing on Facebook">Facebook - BadNewz Streetwear Clothing</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="https://www.facebook.com/badnewz.suits.co" title="BadNewz Suits & Co. on Facebook"><i class="fa fa-facebook-official" title="BadNewz Suits & Co. on Facebook" style="font-size:20px;color:Indigo"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.facebook.com/badnewz.suits.co" title="BadNewz Suits & Co. on Facebook">Facebook - BadNewz Suits & Co.</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="https://www.facebook.com/badnewz.fitness.sport" title="BadNewz Fitness & Sport on Facebook"><i class="fa fa-facebook-official" title="BadNewz Fitness & Sport on Facebook" style="font-size:20px;color:Indigo"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.facebook.com/badnewz.fitness.sport" title="BadNewz Fitness & Sport on Facebook">Facebook - BadNewz Fitness & Sport</a></font>

    <br>

    <a target="_blank" href="https://www.facebook.com/badnewz.fragances" title="BadNewz Fragances on Facebook"><i class="fa fa-facebook-official" title="BadNewz Fragances on Facebook" style="font-size:20px;color:Indigo"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.facebook.com/badnewz.fragances" title="BadNewz Fragances on Facebook">Facebook - BadNewz Fragances</a></font>

    <font size="1">&nbsp;|&nbsp;</font>

    <a target="_blank" href="https://www.facebook.com/badnewz.liquor" title="BadNewz Liquor on Facebook"><i class="fa fa-facebook-official" title="BadNewz Liquor on Facebook" style="font-size:20px;color:Indigo"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.facebook.com/badnewz.liquor" title="BadNewz Liquor on Facebook">Facebook - BadNewz Liquor</a></font>
    
    <br>
    
    <a target="_blank" href="https://www.facebook.com/badnewz.photo.lab" title="BadNewz Photo Lab on Facebook"><i class="fa fa-facebook-official" title="BadNewz Photo Lab on Facebook" style="font-size:20px;color:Indigo"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.facebook.com/badnewz.photo.lab" title="BadNewz Photo Lab on Facebook">Facebook - BadNewz Photo Lab</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="https://www.facebook.com/badnewz.productions" title="BadNewz Productions on Facebook"><i class="fa fa-facebook-official" title="BadNewz Productions on Facebook" style="font-size:20px;color:Indigo"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.facebook.com/badnewz.productions" title="BadNewz Productions on Facebook">Facebook - BadNewz Productions</a></font>
            
    <br>
    
    <a target="_blank" href="https://www.instagram.com/ruben.badnewz/" title="Rúben André Barreiro (BadNewz) on Instagram"><i class="fa fa-instagram" title="Rúben André Barreiro (BadNewz) on Instagram" style="font-size:20px;color:OrangeRed"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.instagram.com/ruben.badnewz/" title="Rúben André Barreiro (BadNewz) on Instagram">Instagram - Rúben André Barreiro (BadNewz)</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="https://www.instagram.com/badnewz.lifestyle/" title="BadNewz Lifestyle on Instagram"><i class="fa fa-instagram" title="BadNewz Lifestyle on Instagram" style="font-size:20px;color:OrangeRed"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.instagram.com/badnewz.lifestyle/" title="BadNewz Lifestyle on Instagram">Instagram - BadNewz Lifestyle</a></font>
    
    <br>
    
    <a target="_blank" href="https://www.instagram.com/badnewz.streetwear.clothing/" title="BadNewz Streetwear Clothing on Instagram"><i class="fa fa-instagram" title="BadNewz Streetwear Clothing on Instagram" style="font-size:20px;color:OrangeRed"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.instagram.com/badnewz.streetwear.clothing/" title="BadNewz Streetwear Clothing on Instagram">Instagram - BadNewz Streetwear Clothing</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="https://www.instagram.com/badnewz.suits.co/" title="BadNewz Suits & Co. on Instagram"><i class="fa fa-instagram" title="BadNewz Suits & Co. on Instagram" style="font-size:20px;color:OrangeRed"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.instagram.com/badnewz.suits.co/" title="BadNewz Suits & Co. on Instagram">Instagram - BadNewz Suits & Co.</a></font>
     
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="https://www.instagram.com/badnewz.fitness.sport/" title="BadNewz Fitness & Sport on Instagram"><i class="fa fa-instagram" title="BadNewz Fitness & Sport on Instagram" style="font-size:20px;color:OrangeRed"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.instagram.com/badnewz.fitness.sport/" title="BadNewz Fitness & Sport on Instagram">Instagram - BadNewz Fitness & Sport</a></font>
    
    <br>
    
    <a target="_blank" href="https://www.instagram.com/badnewz.fragances/" title="BadNewz Fragances on Instagram"><i class="fa fa-instagram" title="BadNewz Fragances on Instagram" style="font-size:20px;color:OrangeRed"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.instagram.com/badnewz.fragances/" title="BadNewz Fragances on Instagram">Instagram - BadNewz Fragances</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="https://www.instagram.com/badnewz.liquor/" title="BadNewz Liquor on Instagram"><i class="fa fa-instagram" title="BadNewz Liquor on Instagram" style="font-size:20px;color:OrangeRed"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.instagram.com/badnewz.liquor/" title="BadNewz Liquor on Instagram">Instagram - BadNewz Liquor</a></font> 
    
    <br>
    
    <a target="_blank" href="https://www.instagram.com/badnewz.photo.lab/" title="BadNewz Photo Lab on Instagram"><i class="fa fa-instagram" title="BadNewz Photo Lab on Instagram" style="font-size:20px;color:OrangeRed"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.instagram.com/badnewz.photo.lab/" title="BadNewz Photo Lab on Instagram">Instagram - BadNewz Photo Lab</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="https://www.instagram.com/badnewz.productions/" title="BadNewz Productions on Instagram"><i class="fa fa-instagram" title="BadNewz Productions on Instagram" style="font-size:20px;color:OrangeRed"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.instagram.com/badnewz.productions/" title="BadNewz Productions on Instagram">Instagram - BadNewz Productions</a></font>
    
    <br>
    
    <a target="_blank" href="https://www.twitter.com/ruben_badnewz/" title="Rúben André Barreiro (BadNewz) on Twitter"><i class="fa fa-twitter" title="Rúben André Barreiro (BadNewz) on Twitter" style="font-size:20px;color:Cyan"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.twitter.com/ruben_badnewz/" title="Rúben André Barreiro (BadNewz) on Twitter">Twitter</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="https://badnewz-lifestyle.com/" title="BadNewz Lifestyle on Wordpress"><i class="fa fa-wordpress" style="font-size:20px;color:DodgerBlue"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://badnewz-lifestyle.com/" title="BadNewz Lifestyle on Wordpress">Wordpress - BadNewz Lifestyle</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="https://www.reddit.com/user/ruben_barreiro_92" title="Rúben André Barreiro (BadNewz) on Reddit"><i class="fa fa-reddit" title="Rúben André Barreiro (BadNewz) on Reddit" style="font-size:20px;color:Gray"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.reddit.com/user/ruben_barreiro_92" title="Rúben André Barreiro (BadNewz) on Reddit">Reddit</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
     
    <a target="_blank" href="someLink"><i class="fa fa-youtube" style="font-size:20px;color:Red"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="someLink">YouTube</a></font>
    
    <br>
    
    <a target="_blank" href="https://badnewz-lifestyle.tumblr.com/" title="BadNewz Lifestyle on Tumblr"><i class="fa fa-tumblr" title="BadNewz Lifestyle on Tumblr" style="font-size:20px;color:MidnightBlue"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://badnewz-lifestyle.tumblr.com/" title="BadNewz Lifestyle on Tumblr">Tumblr</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="https://www.pinterest.com/ruben_badnewz/" title="Rúben BadNewz (BadNewz Lifestyle) on Pinterest"><i class="fa fa-pinterest" title="Rúben BadNewz (BadNewz Lifestyle) on Pinterest" style="font-size:20px;color:FireBrick"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="https://www.pinterest.com/ruben_badnewz/" title="Rúben BadNewz (BadNewz Lifestyle) on Pinterest">Pinterest</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="someLink"><i class="fa fa-flickr" style="font-size:20px;color:Purple"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="someLink">Flickr</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="someLink"><i class="fa fa-500px" style="font-size:20px;color:Black"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="someLink">500px</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
            
    <a target="_blank" href="http://vsco.co/ruben-badnewz/" style="text-decoration: none;font-size:20px;color:Black">
        <span class="icon-vsco" title="Rúben André Barreiro (BadNewz Lifestyle) on VSCO" style="font-size:20px"></span>
    </a>
    <font size="1">&nbsp;<a target="_blank" href="http://vsco.co/ruben-badnewz/">VSCO</a></font>
    
</center>

*** © Rúben André Barreiro - GitHub's Portfolio/Personal Blog - All rights reserved ***

Other Social Links/Usernames

  Snapchat - ruben.badnewz 
    <font size="1">&nbsp;|&nbsp;</font>
    
    <i class="fa fa-skype" title="Rúben André Barreiro on Skype" style="font-size:20px;color:DeepSkyBlue"></i><font size="1">&nbsp;&nbsp;<a title="Rúben André Barreiro on Skype">Skype - ruben.barreiro.92</a></font>
    
    <br>
    
    <i class="fa fa-twitch" title="Rúben André Barreiro on Twitch" style="font-size:20px;color:Purple"></i><font size="1">&nbsp;&nbsp;<a title="Rúben André Barreiro on Twitch">Twitch - rubenbarreiro92</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <span class="icon-discord" title="Rúben André Barreiro on Discord" style="font-size:20px"></span><font size="1">&nbsp;&nbsp;<a title="Rúben André Barreiro on Discord">Discord - rubenbarreiro92</a></font>
</center>

*** © Rúben André Barreiro - GitHub's Portfolio/Personal Blog - All rights reserved ***

My E-mails

  [email protected] 
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="mailto:[email protected]" title="ruben.barreiro.92 on Gmail"><i class="fa fa-google" title="ruben.barreiro.92 on Gmail" style="font-size:20px;color:FireBrick"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="mailto:[email protected]" title="ruben.barreiro.92 on Gmail">[email protected]</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="mailto:[email protected]" title="rubenbarreiro92 on Yahoo"><i class="fa fa-yahoo" title="rubenbarreiro92 on Yahoo" style="font-size:20px;color:Purple"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="mailto:[email protected]" title="rubenbarreiro92 on Yahoo">[email protected]</a></font>
    
    <br>
    
    <a target="_blank" href="mailto:[email protected]" title="ruben.badnewz on Outlook"><i class="fa fa-envelope" title="ruben.badnewz on Outlook" style="font-size:20px;color:RoyalBlue"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="mailto:[email protected]" title="ruben.badnewz on Outlook">[email protected]</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="mailto:[email protected]" title="ruben.badnewz on Gmail"><i class="fa fa-google" title="ruben.badnewz on Gmail" style="font-size:20px;color:FireBrick"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="mailto:[email protected]" title="ruben.badnewz on Gmail">[email protected]</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="mailto:[email protected]" title="ruben.badnewz on Yahoo"><i class="fa fa-yahoo" title="ruben.badnewz on Yahoo" style="font-size:20px;color:Purple"></i></a><font size = "1">&nbsp;&nbsp;<a target="_blank" href="mailto:[email protected]" title="ruben.badnewz on Yahoo">[email protected]</a></font>
    
    <br>
    
    <a target="_blank" href="mailto:[email protected]" title="badnewz.lifestyle on Outlook"><i class="fa fa-envelope" title="badnewz.lifestyle on Outlook" style="font-size:20px;color:RoyalBlue"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="mailto:[email protected]" title="badnewz.lifestyle on Outlook">[email protected]</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="mailto:[email protected]" title="badnewz.lifestyle on Gmail"><i class="fa fa-google" title="badnewz.lifestyle on Gmail" style="font-size:20px;color:FireBrick"></i></a><font size="1">&nbsp;&nbsp;<a target="_blank" href="mailto:[email protected]" title="badnewz.lifestyle on Gmail">[email protected]</a></font>
    
    <font size="1">&nbsp;|&nbsp;</font>
    
    <a target="_blank" href="mailto:[email protected]" title="badnewz.lifestyle on Yahoo"><i class="fa fa-yahoo" title="badnewz.lifestyle on Yahoo" style="font-size:20px;color:Purple"></i></a><font size = "1">&nbsp;&nbsp;<a target="_blank" href="mailto:[email protected]" title="badnewz.lifestyle on Yahoo">[email protected]</a></font>
</center>

*** © Rúben André Barreiro - GitHub's Portfolio/Personal Blog - All rights reserved ***

Contact Me

Send me a Message, filling the following Form:

Your First Name:



Your Last Name:



Your E-mail:



Your Message:

<textarea name="message" rows="8" cols="80"></textarea>

Send Message