Difference between revisions of "CV"

From Sinfronteras
Jump to: navigation, search
Line 1: Line 1:
−
{{Sidebar}}
+
{{#tag:html|
 +
    <style>
 +
    /* MediaWiki page configurations */
 +
    #content { margin: -1px 0px 0px 180px; }
 +
    #left-navigation { margin-left:180px }
 +
    <!-- #p-namespaces { margin-left: 124px !important; } -->
 +
    #footer { margin: 0 0 0 180px }
 +
    #bodyContent { z-index: 10 }
 +
    .mw-wiki-logo { margin: 20px 0px 0px 0.5px }
 +
   
 +
    #menuToggle ul {
 +
        margin-top:    20px !important;   
 +
        margin-bottom: 35px !important;
 +
    }
 +
    #menuToggle li {
 +
        font: 14px / 22.4px sans-serif;
 +
        margin-top:    0px;
 +
        margin-bottom: 10px;
 +
    }
 +
    #menuToggle li span { }
 +
    #menuToggle a, li {
 +
        font: 14px / 22.4px sans-serif;
 +
    }
 +
    .base-li-1 {
 +
        margin-bottom: -7px !important;
 +
    }
 +
    .desplaza {
 +
        margin-top: -12px !important;
 +
        padding-right: 30px !important;
 +
    }
 +
    div#toc.toc {
 +
        font-size: 12pt;
 +
        margin-top: -4.5pt;
 +
        background: rgba(255, 255, 255, 1);
 +
        margin-right: 12pt;
 +
    }
 +
    .tocUl {
 +
        overflow-y: scroll  !important;
 +
        overflow-x: scroll  !important;
 +
        max-height: calc(100vh - 150px);
 +
        width: 350px !important;
 +
        padding-bottom: 30px !important;
 +
        white-space: nowrap !important;
 +
    }
 +
    .tocUl a {
 +
        padding-right: 25px !important;
 +
    }
 +
    .tochidden {
 +
        height: 4pt !important;
 +
    }
 +
    .titulo1-text {
 +
        font-size: 18px !important;
 +
    }
 +
    .titulo2-text {
 +
        font: 700 14px / 22.4px sans-serif !important;
 +
    }
 +
    .titulo1-text-marco {
 +
        padding-left: 10px !important;
 +
        padding-right: 40px !important;
 +
    }
 +
    .titulo1-marco-oneline {
 +
        padding-right: 0px !important;
 +
        padding-left: 0px !important;
 +
        margin-right: -5px !important;
 +
        margin-left: 0px !important;
 +
        min-height: 35pt !important;
 +
        margin-top:-30pt !important;
 +
    }
 +
    .titulo1-marco-twolines {
 +
        padding-right: 0px !important;
 +
        padding-left: 0px !important;
 +
        margin-right: -5px !important;
 +
        margin-left: 0px !important;
 +
        min-height: 50pt !important;
 +
        margin-top:-47pt !important;
 +
    }
 +
    .titulo1-marco-color {
 +
        background: #9595ab !important;
 +
    }
 +
    .titulo1-color {
 +
        color: white !important;
 +
    }
 +
    .marco1-ext {
 +
        width: 100% !important;
 +
        padding: 0px 0px 0px 0px !important;
 +
        background: #e3e3e8 !important;
 +
    }
 +
    .marco1-int {
 +
        background: #e3e3e8 !important;
 +
    }
 +
    .marco1-ext .mw-editsection {
 +
        display: none !important;
 +
    }
 +
    .divline1 {
 +
        padding: 0;
 +
        border: 0;
 +
        display: block;
 +
        margin-top:-10px;
 +
        margin-right: 0px !important;
 +
        margin-left: 2px  !important;
 +
        background-color: white;
 +
        height:1.2pt
 +
    }
 +
   
 +
   
 +
    /* Sidebar (Pure CSS) */
 +
    body {
 +
   
 +
    }
 +
    #menuToggle {
 +
        display: block;
 +
        position: relative;
 +
        top: -145px;
 +
        margin-left: 1px;
 +
        padding-left: 10px;
 +
        -webkit-user-select: none;
 +
        user-select: none;
 +
    }
 +
    #menuToggle a {
 +
        text-decoration: none;
 +
        color: #232323;
 +
        transition: color 0.3s ease;
 +
    }
 +
    #menuToggle a:hover { color: tomato; }
 +
    #menuToggle input {
 +
        display: block;
 +
        width: 40px;
 +
        height: 32px;
 +
        position: absolute;
 +
        top: -7px;
 +
        left: -5px;
 +
        cursor: pointer;
 +
        opacity: 0; /* hide this */
 +
        z-index: 12; /* and place it over the hamburger */
 +
        -webkit-touch-callout: none;
 +
    }
 +
    /* Just a quick hamburger */
 +
    #menuToggle .hamb {
 +
        display: block;
 +
        width: 33px;
 +
        height: 6px;
 +
        margin-bottom: 4px;
 +
        position: relative;
 +
        background: #999191;
 +
        border-radius: 3px;
 +
        z-index: 11;
 +
        transform-origin: 4px 0px;
 +
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
 +
                    background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
 +
                    opacity 0.55s ease;
 +
    }
 +
    #menuToggle span:first-child {
 +
        transform-origin: 0% 0%;
 +
    }
 +
    #menuToggle span:nth-last-child(2) {
 +
        transform-origin: 0% 100%;
 +
    }
 +
    /* Transform all the slices of hamburger into a crossmark */
 +
    #menuToggle input:checked ~ span {
 +
        opacity: 1;
 +
        transform: rotate(45deg) translate(-2px, -1px);
 +
        background: #837e7e;
 +
    }
 +
    /* But let's hide the middle one */
 +
    #menuToggle input:checked ~ span:nth-last-child(3) {
 +
        opacity: 0;
 +
        transform: rotate(0deg) scale(0.2, 0.2);
 +
    }
 +
    /* Ohyeah and the last one should go the other direction */
 +
    #menuToggle input:checked ~ span:nth-last-child(2) {
 +
        transform: rotate(-45deg) translate(0, -1px);
 +
    }
 +
   
 +
    /* Make this absolute positioned at the top left of the screen */
 +
    #menu {
 +
        position: absolute;
 +
        width: 300px;
 +
        margin: -55px 0 0 -10px;
 +
        padding: 50px 0px 30px 0px;
 +
        background: #ededed;
 +
        list-style-type: none;
 +
        -webkit-font-smoothing: antialiased;
 +
        /* to stop flickering of text in safari */
 +
        transform-origin: 0% 0%;
 +
        <!-- transform: translate(-100%, 0); -->
 +
        display: none;
 +
        transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
 +
    }
 +
    #menu li {
 +
        padding: 10px 0 0 0;
 +
        font-size: 22px;
 +
    }
 +
    /* And let's slide it in from the left */
 +
    #menuToggle input:checked ~ #menu {
 +
        <!-- transform: none; -->
 +
        display: block;
 +
    }
 +
   
 +
 
 +
    /* Tab Menu */
 +
    .button{
 +
        font-size: 14px;
 +
        color: inherit;
 +
        background-color :inherit;
 +
        padding: 8px 0px 8px 0px;
 +
        border: none;
 +
        outline: 0;
 +
        cursor: pointer;
 +
    }
 +
    .bottom-selected { background-color: #f44336 !important }
 +
    .area {
 +
        color: black;
 +
        padding: 5px 0px 5000px 3px;
 +
        border: 0px solid #ccc !important;
 +
    }
 +
    .left  {float:  left;  width:100px; text-align: center;}
 +
    .right  {float:  right;  width:100px; text-align: center;}
 +
    .center {margin: 0 auto; width:100px; text-align: center;}
 +
   
 +
    </style>
 +
   
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 +
 
 +
    <script>
 +
    function openCity(evt, cityName) {
 +
        var i, x, tablinks;
 +
        x = document.getElementsByClassName("city");
 +
        for (i = 0; i < x.length; i++) {
 +
            x[i].style.display = "none";
 +
        }
 +
        tablinks = document.getElementsByClassName("tablink");
 +
        for (i = 0; i < x.length; i++) {
 +
            tablinks[i].className = tablinks[i].className.replace(" bottom-selected", "");
 +
        }
 +
        document.getElementById(cityName).style.display = "block";
 +
        evt.currentTarget.className += " bottom-selected";
 +
    }
 +
    </script>
 +
   
 +
    <nav id="MySidebar" role="navigation" style="position: fixed;" class="oculto">
 +
        <div id="menuToggle">
 +
            <!--
 +
            A fake / hidden checkbox is used as click reciever,
 +
            so you can use the :checked selector on it.
 +
            -->
 +
            <input id="inputButton" type="checkbox" onclick="myFunction()"/>
 +
           
 +
            <!--
 +
            Some spans to act as a hamburger.
 +
            -->
 +
           
 +
            <span class="hamb"></span>
 +
            <span class="hamb"></span>
 +
            <span class="hamb"></span>
 +
           
 +
            <!--
 +
            Too bad the menu has to be inside of the button
 +
            but hey, it's pure CSS magic.
 +
            -->
 +
            <div id="menu">
 +
               
 +
                <!--Tap Menu -->
 +
                <div style="padding: 10px 0px 0px 0px;">
 +
                    <div style="color:#fff !important; background-color: #000 !important">
 +
                        <button class="button left  tablink bottom-selected" onclick="openCity(event,'PE')">PE</button>
 +
                        <button class="button center tablink"                onclick="openCity(event,'Tools')"> Tools </button>
 +
                        <button class="button right  tablink"                onclick="openCity(event,'Others')"> Others </button>
 +
                    </div>
 +
                   
 +
                    <div id="PE" class="area city">
 +
                      <div style="overflow-y: scroll; height: 100vh !important; background: #e3e3e8; margin-top:0px; padding:0px 5px 0px 0px;">
 +
                      <!-- {{#lst:Mis páginas|Carrera1}} -->
 +
                      <div style="margin-bottom: 20px;  margin-top:10px" > {{#lst:Mis páginas|base}}</div>
 +
                      <div style="margin-bottom: 42px;  margin-top: 2px"  > {{#lst:Mis páginas|formal_natural_and_applied_sciences0}}</div>
 +
                      <div style="margin-bottom: 50px;  margin-top: 2px"  > {{#lst:Mis páginas|social_sciences0}}</div>
 +
                      <div style="margin-bottom: 30px;  margin-top: 2px"  > {{#lst:Mis páginas|musica0}}</div>
 +
                      <div style="margin-bottom: 150px; margin-top:-5px"> {{#lst:Mis páginas|Carrera0}}</div>
 +
                      </div>
 +
                    </div>
 +
                   
 +
                    <div id="Tools"  class="area city" style="display:none">
 +
                        <div>Tools</div>
 +
                        <p> Tools is the capital of France.</p>
 +
                    </div>
 +
                   
 +
                    <div id="Others"  class="area city" style="display:none">
 +
                        <div>Others</div>
 +
                        <p> Others is the capital of Japan.</p>
 +
                    </div>
 +
                </div>
 +
               
 +
                <!-- <a href="#"><li>Home</li></a>
 +
                <a href="#"><li>About</li></a>
 +
                <a href="#"><li>Info</li></a>
 +
                <a href="#"><li>Contact</li></a>
 +
                <a href="https://erikterwan.com/" target="_blank"><li>Show me more</li></a> -->
 +
               
 +
            </div>
 +
        </div>
 +
    </nav>
 +
 
 +
    <script>
 +
        function myFunction() {
 +
            var checkBox = document.getElementById("inputButton");
 +
            if (checkBox.checked == true){
 +
                $('#content').css('margin-left', '300px')
 +
                $('#left-navigation').css({'cssText':'margin-left:300px'})
 +
                $('#footer').css('margin-left', '308px')
 +
            } else {
 +
                $('#content').css('margin-left', '180px')
 +
                $('#left-navigation').css({'cssText':'margin-left:180px'})
 +
                $('#footer').css('margin-left', '180px')
 +
            }
 +
        }
 +
 
 +
        function checkUser(){
 +
            if ( document.getElementById('pt-userpage') != null ) {
 +
                if ( document.getElementById('pt-userpage').getElementsByTagName('a')[0].innerText == "Adelo Vieira" ){
 +
                    $('.oculto').css('display','block')
 +
                    // $('body').css('background','red');
 +
                }else{
 +
                    // $('body').css('background','blue');   
 +
                }
 +
            }else{
 +
                // $('body').css('background','blue');
 +
                // $('#hideThis').show();
 +
            }
 +
        }
 +
 
 +
        function moveSidebarToBody() {
 +
            document.body.appendChild(document.getElementById('MySidebar'))
 +
        }
 +
 
 +
        $(document).ready( function() {
 +
            $('#totalItems, #enteredItems').keyup(function(){
 +
                checkUser();
 +
                moveSidebarToBody()
 +
            }); 
 +
            checkUser();
 +
            moveSidebarToBody()
 +
        });
 +
    </script>
 +
}}
 +
 
 +
 
 +
<br />
 +
<div class="mw-collapsible mw-collapsed" style="width:340px; display: none !important">
 +
'''Previous version without <nowiki><html></nowiki> tag:'''
 +
<div class="mw-collapsible-content" style="width: 900pt !important">
 +
<syntaxhighlight lang="html">
 
{{#css:
 
{{#css:
 
   #mw-panel { visibility: collapse !important; }
 
   #mw-panel { visibility: collapse !important; }
 
   #p-namespaces { visibility: collapse !important; }  
 
   #p-namespaces { visibility: collapse !important; }  
−
   #content { max-width: 1200pt; margin-left: auto; margin-right: auto ; }
+
   #content { max-width: 1200pt !important; margin-left: auto !important; margin-right: auto !important; }
 
   #mw-panel { visibility: collapse !important; }
 
   #mw-panel { visibility: collapse !important; }
 
   #mw-page-base { visibility: collapse !important; }
 
   #mw-page-base { visibility: collapse !important; }
Line 32: Line 381:
 
   #footer-places-disclaimer { display: none !important; }
 
   #footer-places-disclaimer { display: none !important; }
 
   #p-tb { display: none !important; }
 
   #p-tb { display: none !important; }
−
  #firstHeading { display: none !important; } 
 
 
   body {  
 
   body {  
 
     background:    #ededf2;  
 
     background:    #ededf2;  
Line 194: Line 542:
 
     height:1.2pt
 
     height:1.2pt
 
   }
 
   }
 +
 +
  .toggleNode { <!-- visibility: hidden --> }
 
}}
 
}}
−
 
−
<!-- This page contains hidden text-->
 
−
<!-- ----------------------------- -->
 
−
<!-- It is very IMPORTANT NOT TO USE TILDES en los comentarios realizados dentro del CSS -->
 
−
<!-- Example of a page with nice fcolors: https://www.coursera.org/professional-certificates/applied-artifical-intelligence-ibm-watson-ai -->
 
−
 
 
<!-- some colors I have tried and liked: #dcd8ed  #3182f5  #D8BFD8  #E6E6FA  rgb(79.998779%,79.998779%,100%)-->
 
<!-- some colors I have tried and liked: #dcd8ed  #3182f5  #D8BFD8  #E6E6FA  rgb(79.998779%,79.998779%,100%)-->
−
<section begin="cv-contact" />
+
<div class="container" style="position: fixed; height: 0px; width: 250px; margin-left: -70px; margin-top: -132px; z-index: 200; background: red !important; background-color: red !important"> <!-- oculto -->
−
{| style=" position:relative; color: black; background-color: white; width: 100%; padding: 0px 0px 0px 0px; border:0px solid #151124;"
+
<div class="box mw-customtoggle-myToggle1" style="cursor:pointer; color:blue; width:0px;  z-index: 100">[+/-]</div>
−
| style="width: 20%; height=10px; background-color: #ededf2; padding: 0px 5px 0px 10px; border:0px solid #ddddff; vertical-align:center; moz-border-radius: 0px; webkit-border-radius: 0px; border-radius:0px;" |  <!-- #dadae0 -->
+
<div style="border-top:-50px;" class="box overlay mw-collapsible" id="mw-customcollapsible-myToggle1">
−
<!--==============================================================================-->
+
<div style="border-top:-50px;" style="background: transparent; border: 0px solid blue; padding:0px" class="toccolours mw-collapsible-content">
−
<span style="color:#0000FF">
+
<!--  
−
<p class="title" style="margin-top: -30px">
+
<div style="border-top:-50px; background: #E6E6FA; min-height:50px; line-height: 50px; text-align: left; padding-left: 35px; font-size: 20px; font-family: 'Linux Libertine','Georgia','Times',serif;">
−
<img style="z-index: -10" class="cover" src="http://wiki.sinfronteras.ws/images/9/97/Word_cloud_CV.svg">
+
'''''[[Carrera|<span style="color:#B8860B; font-weight: bold;">Carrera</span>]]'''''
−
</p>
+
</div>
−
<p class="title" style="margin-top: 135px; padding: 0px !important; background: #ededf2; ; margin-top: 50px !important">
+
-->
−
<span style="background: #667292; padding: 20px 54px 7px 15px; font-size: 55.5px;">Adelo Vieira,&nbsp;  Data Scientist</span>  <!-- margin-left:10px; -->
+
<div style="height: 50px; width:100%; background: #e3e3e8">
−
</p>
+
</div>
−
<div style="margin-top: -5px; margin-bottom: 20px; margin-left: 7px; color: #ededf2; font-weight: normal; font-family: 'Zapf Dingbats'; font-size: 22px;">  
+
<!-- <div style="overflow-y: scroll; height: 100vh !important; background: #f7f7f8; margin-top:0px; padding:0.1px 20px 20px 20px;"> -->
−
<span class="texticon">47-A Phibsborough Rd, Dublin</span>
+
<div style="overflow-y: scroll; height: 100vh !important; background: #e3e3e8; margin-top:0px; padding:0px 5px 0px 0px;">
−
{|
+
<!-- {{#lst:Mis páginas|Carrera1}} -->
−
|<div style="font-size: 30px; margin-top: -12px; margin-bottom: -15px;"> <i class="fa fa-mobile icon"></i> </div>
+
<div style="margin-bottom: 42px; margin-top:2px"> {{#lst:Mis páginas|formal_natural_and_applied_sciences0}}</div>
−
|<p class="texticon" style="margin-top: -10px; margin-left: -4px; margin-bottom: -15px">&nbsp; ''+353  852  40  72  08''</p>
+
<div style="margin-bottom: 50px"> {{#lst:Mis páginas|social_sciences0}}</div>
−
|-
+
<div style="margin-bottom: 30px"> {{#lst:Mis páginas|musica0}}</div>
−
|<div style="font-size: 18px !important; margin-left: -0.8pt; margin-top: 3.5px;"> <i class="fa fa-envelope icon"></i> </div>
+
<div style="margin-bottom: 150px">{{#lst:Mis páginas|Carrera0}}</div>
−
|<p class="texticon" style="color:#A62C20; font-weight: normal; font-size: 21px !important;">&nbsp; ''adeloaleman@gmail.com''</p> <!-- color: #A62C20  #B8860B #c4de21 -->
+
</div>
−
|}
 
−
<div style="margin-top:-7px; margin-bottom: 10px">
 
−
{|
 
−
|<div style="font-size: 22px; margin-left: -1pt; margin-top: -2px;"> <i class="fa fa-github icon"></i> </div>
 
−
|&nbsp;[https://github.com/adeloaleman <span class="texticon textlink" style='margin-left:3pt'>Github</span>]
 
−
|&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
 
−
|<div style="font-size: 20px; margin-left: -2pt; margin-top: -2px;"> <i class="fa fa-linkedin icon"></i> </div>  
 
−
|&nbsp;[https://www.linkedin.com/in/adelo-vieira-8b4415a7/ <span class="texticon textlink">Linkedin</span>] &nbsp; &nbsp; &nbsp; &nbsp;
 
−
|<div style="font-size: 18px; margin-left: -1pt; margin-top: 3px;"> <i class="fa fa-briefcase icon"></i> </div>
 
−
|&nbsp;[[CV#Portfolio|<span class="texticon textlink">Portfolio</span> <i style="font-size:12px" class="fa fa-external-link icon"></i>]] &nbsp; &nbsp; &nbsp; &nbsp;
 
−
|<div style="font-size: 22px; margin-left: -1pt; margin-top: -2px;"> <i class="fa fa-globe icon"></i> </div>
 
−
|&nbsp;[[Computer_Science_and_IT|<span class="texticon textlink">''My Wiki''</span> <i style="font-size:12px" class="fa fa-external-link icon"></i>]] &nbsp; &nbsp; &nbsp; &nbsp;
 
−
|[[Media:CV_EN.pdf|<span class="texticon textlink">Download a pdf version of my CV</span> <i style="font-size:12px" class="fa fa-external-link icon"></i>]]
 
−
|}
 
 
</div>
 
</div>
 
</div>
 
</div>
−
<!--==============================================================================-->
 
−
<hr style="margin-left:-7.5pt; margin-right:-3.6pt; margin-bottom:-0.8pt; padding: -50pt; height:0.1px; background: rgba(166, 44, 32, 0.5)" >
 
−
|-
 
−
| style="width: 20%; background-color: #ededf2; padding: 20px 17px 20px 17px; border:0px solid #ddddff; vertical-align:top; margin-button: 50px; line-height: 1.8; font-weight: normal; font-family: 'Zapf Dingbats'; font-size: 16px" |
 
−
<!--==============================================================================-->
 
−
'''<span class="under">BSc. (Hons) in Information Technology,</span> <span class="under">Geophysical Engineer,</span> <span class="under">and</span> <span class="under">MSc in Petroleum Geoscience</span>''' with <span class="rcorners">strong mathematical, problem-solving, and analytical skills</span>. I'm currently particularly interested in <span class="rcorners">Data Analytics</span> and <span class="rcorners">Software Development</span>.
 
−
 
−
Proficient in multiple programming languages, including <span class="rcorners">Python</span>, <span class="rcorners">Java</span>, <span class="rcorners">JavaScript</span>, <span class="rcorners">SQL</span>, and R. I have a huge interest in <span class="rcorners">Machine Learning</span> and Natural Language Processing. I've been recently working in areas such as Text classification and Sentiment Analysis. I have solid knowledge in several <span class="rcorners">ML algorithms</span> (Naive Bayes, Decision Trees, K-Nearest Neighbour) and in Time Series Analysis. I have experience working with Python (Pandas, NLPTK, Scikit-learn, SciPy, Plotly, TextBlob, Vader Sentiment), R, and RapidMiner.
 
−
 
−
Solid academic experience in <span class="rcorners">Object-oriented programming</span> and <span class="rcorners">Web Development</span>. I have developed several projects using Java, React, Node.js (Express.js), and Dash.
 
−
 
−
I also have advanced experience with the most popular flavors of <span class="rcorners">Linux</span> (including Shell Scripting) and excellent academic experience in <span class="rcorners">Relational database</span> (SQL, MySQL, PostgreSQL) and <span class="rcorners">cloud computing</span> (AWS and Google Cloud).
 
 
</div>
 
</div>
−
<!--==============================================================================-->
+
</syntaxhighlight>
−
|}
+
</div>
−
<section end="cv-contact" />
+
</div>
−
 
 
−
<!-- <section begin="cv-work_experience_title" />
 
−
==Work experience==
 
−
{|cellpadding="2" cellspacing="5" style="width:100%; vertical-align:top; background:transparent; font-weight: bold; font-size: 17px; font-family: 'Linux Libertine','Georgia','Times',serif; margin-left: -10px;"
 
−
|{{Projet:Jeu vidéo/Modèle Cadre
 
−
|type cadre = 3
 
−
|titre      = <p style="color:black; margin-left: -4px; font-size: 22px; margin-top: -3px;">''Work experience''</p>
 
−
|id        =
 
−
|image      =
 
−
|contenu    =
 
−
|lien =
 
−
}}
 
−
<section end=cv-work_experience_title /> -->
 
−
 
 
−
<section begin="cv-work_experience_title" />  <!-- Este es el otro azul que podría usarse #4081de -->
 
−
{| style="color: white; width: 70%; height: 60px; border-top-left-radius: 15px; background: linear-gradient(to right, #4081de, white);"
 
−
| colspan="2" |
 
−
<h3 style="color:white; margin-left: 10px; font-size: 28px; margin-top: -15px; font-family: 'Linux Libertine','Georgia','Times',serif; height: 60px; line-height: 60px; text-aligh: center"><div>'''''Work experience'''''</div></h3>[[CV_-_Work_experience|<div style="font-size:16px; color: blue; margin-left:0px;" class="oculto fa fa-external-link icon"></div>]]
 
−
|}
 
−
<section end=cv-work_experience_title />
 
−
 
 
−
{{#lst:CV - Work experience|cv-work_experience}}
 
−
 
 
−
 
 
−
 
 
−
<br />
 
−
<br />
 
−
<!-- <section begin="cv-education_title" />
 
−
<!-- ==Education==
 
−
{|cellpadding="2" cellspacing="5" style="width:100%; vertical-align:top; background:transparent; font-weight: bold; font-size: 17px; font-family: 'Linux Libertine','Georgia','Times',serif; margin-left: -10px;"
 
−
|{{Projet:Jeu vidéo/Modèle Cadre
 
−
|type cadre = 3
 
−
|titre      = <p style="color:black; margin-left: -4px; font-size: 22px; margin-top: -3px;">''Education''</span>
 
−
|id        =
 
−
|image      =
 
−
|contenu    =
 
−
|lien =
 
−
}}}
 
−
<section end=cv-education_title /> -->
 
−
 
 
−
<section begin="cv-education_title" />
 
−
{| style="color: white; width: 70%; height: 60px; border-top-left-radius: 15px; background: linear-gradient(to right, #4081de, white);"
 
−
| colspan="2" |
 
−
<h3 style="color:white; margin-left: 10px; font-size: 28px; margin-top: -15px; font-family: 'Linux Libertine','Georgia','Times',serif; height: 60px; line-height: 60px; text-aligh: center"><div>'''''Education'''''</div></h3>[[CV_-_Education|<div style="font-size:16px; color: blue; margin-left:0px;" class="oculto fa fa-external-link icon"></div>]]
 
−
|}
 
−
<section end=cv-education_title />
 
−
 
 
−
{{#lst:CV - Education|cv-education}}
 
−
 
 
−
 
 
−
 
 
−
<br />
 
−
<br />
 
−
<!-- <section begin="cv-qualifications_title" />
 
−
==Skills and Qualifications==
 
−
{|cellpadding="2" cellspacing="5" style="width:100%; vertical-align:top; background:transparent; font-weight: bold; font-size: 17px; font-family: 'Linux Libertine','Georgia','Times',serif; margin-left: -10px;"
 
−
|{{Projet:Jeu vidéo/Modèle Cadre
 
−
|type cadre = 3
 
−
|titre      = <p style="color:black; margin-left: -4px; font-size: 22px; margin-top: -3px;">''Skills and Qualifications''</p>
 
−
|id        =
 
−
|image      =
 
−
|lien =
 
−
|contenu    =
 
−
|contenu    = <p style="color: #a3051f; margin-left: -4px; margin-bottom: -10px; font-weight: normal; font-size: 15px;"> Each title in blue contains a link to a page in my personal ''Wiki''. Take a look at the pages for more details. </p>
 
−
}}
 
−
<section end="cv-qualifications_title" /> -->
 
−
 
 
−
<section begin="cv-qualifications_title" />
 
−
{| style="color: white; width: 70%; height: 60px; border-top-left-radius: 15px; background: linear-gradient(to right, #4081de, white);"
 
−
| colspan="2" |
 
−
<h3 style="color:white; margin-left: 10px; font-size: 28px; margin-top: -15px; font-family: 'Linux Libertine','Georgia','Times',serif; height: 60px; line-height: 60px; text-aligh: center"><div>'''''Skills and Qualifications'''''</div></h3>[[CV_-_Skills_and_Qualifications|<div style="font-size:16px; color: blue; margin-left:0px;" class="oculto fa fa-external-link icon"></div>]]
 
−
|}
 
−
<section end="cv-qualifications_title" />
 
−
{{#lst:CV - Skills and Qualifications|cv-qualifications}}
 
−
 
 
−
 
 
−
<br />
 
−
<br />
 
−
<!-- <section begin="cv-portfolio_title" />
 
−
==My projects portfolio==
 
−
{|cellpadding="2" cellspacing="5" style="width:100%; vertical-align:top; background:transparent; font-weight: bold; font-size: 17px; font-family: 'Linux Libertine','Georgia','Times',serif; margin-left: -10px;"
 
−
|{{Projet:Jeu vidéo/Modèle Cadre
 
−
|type cadre = 3
 
−
|titre      = <p style="color:black; margin-left: -4px; font-size: 22px; margin-top: -5px;">''My projects portfolio''</p>
 
−
|id        =
 
−
|image      =
 
−
|lien =
 
−
|contenu    =
 
−
|contenu    = <p style="color: #a3051f; margin-left: -4px; margin-bottom: -10px; font-weight: normal; font-size: 15px;"> Each title in blue contains a link to a page in my personal ''Wiki''. Take a look at the pages for more details. </p>
 
−
}}
 
−
<section end="cv-portfolio_title" /> -->
 
−
 
 
−
<section begin="cv-portfolio_title" />
 
−
{| style="color: white; width: 70%; height: 60px; border-top-left-radius: 15px; background: linear-gradient(to right, #4081de, white);"
 
−
| colspan="2" |
 
−
<h3 style="color:white; margin-left: 10px; font-size: 28px; margin-top: -15px; font-family: 'Linux Libertine','Georgia','Times',serif; height: 60px; line-height: 60px; text-aligh: center"><div>'''''Portfolio'''''</div></h3>[[My_projects_portfolio|<div style="font-size:16px; color: blue; margin-left:0px;" class="oculto fa fa-external-link icon"></div>]]
 
−
|}
 
−
<section end="cv-portfolio_title" />
 
−
 
 
−
{{#lst:My_projects_portfolio|portfolio}}
 
−
 
 
−
 
 
−
 
 
−
<br />
 
−
<br />
 
−
<!-- ==Courses==
 
−
<section begin="cv-courses_title" />
 
−
{|cellpadding="2" cellspacing="5" style="width:100%; vertical-align:top; background:transparent; font-weight: bold; font-size: 17px; font-family: 'Linux Libertine','Georgia','Times',serif; margin-left: -10px;"
 
−
|{{Projet:Jeu vidéo/Modèle Cadre
 
−
|type cadre = 3
 
−
|titre      = <p style="color:black; margin-left: -4px; font-size: 22px; margin-top: -3px;">''Courses''</span>
 
−
|id        =
 
−
|image      =
 
−
|contenu    =
 
−
|lien =
 
−
}}
 
−
<section end=cv-courses_title /> -->
 
−
 
 
−
<section begin="cv-courses_title" />
 
−
{| style="color: white; width: 70%; height: 60px; border-top-left-radius: 15px; background: linear-gradient(to right, #4081de, white);"
 
−
| colspan="2" |
 
−
<h3 style="color:white; margin-left: 10px; font-size: 28px; margin-top: -15px; font-family: 'Linux Libertine','Georgia','Times',serif; height: 60px; line-height: 60px; text-aligh: center"><div>'''''Relevant courses'''''</div></h3>[[CV_-_Courses|<div style="font-size:16px; color: blue; margin-left:0px;" class="oculto fa fa-external-link icon"></div>]]
 
−
|}
 
−
<section end=cv-courses_title />
 
−
 
 
−
{{#lst:CV - Courses|cv-courses}}
 
−
 
 
−
 
 
−
 
 
−
<br />
 
−
<br />
 
−
<!-- ==Publications==
 
−
<section begin="cv-publications_title" />
 
−
{|cellpadding="2" cellspacing="5" style="width:100%; vertical-align:top; background:transparent; font-weight: bold; font-size: 17px; font-family: 'Linux Libertine','Georgia','Times',serif; margin-left: -10px;"
 
−
|{{Projet:Jeu vidéo/Modèle Cadre
 
−
|type cadre = 3
 
−
|titre      = <p style="color:black; margin-left: -4px; font-size: 22px; margin-top: -3px;">''Papers and Publications''</span>
 
−
|id        =
 
−
|image      =
 
−
|contenu    =
 
−
|lien =
 
−
}}
 
−
<section end=cv-publications_title /> -->
 
−
 
 
−
<section begin="cv-publications_title" />
 
−
{| style="color: white; width: 70%; height: 60px; border-top-left-radius: 15px; background: linear-gradient(to right, #4081de, white);"
 
−
| colspan="2" |
 
−
<h3 style="color:white; margin-left: 10px; font-size: 28px; margin-top: -15px; font-family: 'Linux Libertine','Georgia','Times',serif; height: 60px; line-height: 60px; text-aligh: center"><div>'''''Papers and Publications'''''</div></h3>[[CV_-_Publications|<div style="font-size:16px; color: blue; margin-left:0px;" class="oculto fa fa-external-link icon"></div>]]
 
−
|}
 
−
<section end=cv-publications_title />
 
−
 
 
−
{{#lst:CV - Publications|cv-publications}}
 
−
 
 
−
 
 
−
 
 
−
<br />
 
−
<br />
 
−
<!-- ==Languages==
 
−
<section begin="cv-languages_title" />
 
−
{|cellpadding="2" cellspacing="5" style="width:100%; vertical-align:top; background:transparent; font-weight: bold; font-size: 17px; font-family: 'Linux Libertine','Georgia','Times',serif; margin-left: -10px;"
 
−
|{{Projet:Jeu vidéo/Modèle Cadre
 
−
|type cadre = 3
 
−
|titre      = <p style="color:black; margin-left: -4px; font-size: 22px; margin-top: -3px;">''Languages''</span>
 
−
|id        =
 
−
|image      =
 
−
|contenu    =
 
−
|lien =
 
−
}}}
 
−
<section end=cv-languages_title /> -->
 
−
 
 
−
<section begin="cv-languages_title" />
 
−
{| style="color: white; width: 70%; height: 60px; border-top-left-radius: 15px; background: linear-gradient(to right, #4081de, white);"
 
−
| colspan="2" |
 
−
<h3 style="color:white; margin-left: 10px; font-size: 28px; margin-top: -15px; font-family: 'Linux Libertine','Georgia','Times',serif; height: 60px; line-height: 60px; text-aligh: center"><div>'''''Languages'''''</div></h3>[[CV_-_Languages|<div style="font-size:16px; color: blue; margin-left:0px;" class="oculto fa fa-external-link icon"></div>]]
 
−
|}
 
−
<section end=cv-languages_title />
 
−
 
 
−
{{#lst:CV - Languages|cv-languages}}
 
−
 
 
−
 
 
−
 
 
−
<br />
 
−
<br />
 
−
<!-- ==Interests and other activities==
 
−
<section begin="cv-interests_title" />
 
−
{|cellpadding="2" cellspacing="5" style="width:100%; vertical-align:top; background:transparent; font-weight: bold; font-size: 17px; font-family: 'Linux Libertine','Georgia','Times',serif; margin-left: -10px;"
 
−
|{{Projet:Jeu vidéo/Modèle Cadre
 
−
|type cadre = 3
 
−
|titre      = <p style="color:black; margin-left: -4px; font-size: 22px; margin-top: -3px;">''Interests and other activities''</span>
 
−
|id        =
 
−
|image      =
 
−
|contenu    =
 
−
|lien =
 
−
}}
 
−
<section end=cv-interests_title /> -->
 
−
 
 
−
<section begin="cv-interests_title" />
 
−
{| style="color: white; width: 70%; height: 60px; border-top-left-radius: 15px; background: linear-gradient(to right, #4081de, white);"
 
−
| colspan="2" |
 
−
<h3 style="color:white; margin-left: 10px; font-size: 28px; margin-top: -15px; font-family: 'Linux Libertine','Georgia','Times',serif; height: 60px; line-height: 60px; text-aligh: center"><div>'''''Interests and other activities'''''</div></h3>[[CV_-_Interests|<div style="font-size:16px; color: blue; margin-left:0px;" class="oculto fa fa-external-link icon"></div>]]
 
−
|}
 
−
<section end=cv-interests_title />
 
−
 
 
−
{{#lst:CV - Interests|cv-interests}}
 
−
 
 
−
 
 
−
<br />
 

Revision as of 14:52, 8 March 2021



Previous version without <html> tag: 

{{#css:
  #mw-panel { visibility: collapse !important; }
  #p-namespaces { visibility: collapse !important; } 
  #content { max-width: 1200pt !important; margin-left: auto !important; margin-right: auto !important; }
  #mw-panel { visibility: collapse !important; }
  #mw-page-base { visibility: collapse !important; }
  #ca-head-base { display: none !important; }
  #ca-nstab-main { display: none !important; }
  #ca-talk { display: none !important; }
  #ca-view { display: none !important; }
  #ca-viewsource { display: none !important; }
  #ca-edit { display: none !important; }
  #ca-ve-edit { display: none !important; }
  #ca-history { display: none !important; }
  #ca-unwatch { display: none !important; }
  #ca-watch { display: none !important; }
  #p-cactions { display: none !important; }
  #pt-userpage { display: none !important; }
  #pt-mytalk { display: none !important; }
  #pt-preferences { display: none !important; }
  #pt-watchlist { display: none !important; }
  #pt-mycontris { display: none !important; }
  #pt-logout { display: none !important; }
  #pt-anonuserpage { display: none !important; }
  #pt-anontalk { display: none !important; }
  #pt-createaccount { display: none !important; }
  #pt-login { display: none !important; }
  #footer-info-copyright { display: none !important; }
  #footer-places-privacy { display: none !important; }
  #footer-places-about { display: none !important; }
  #footer-places-disclaimer { display: none !important; }
  #p-tb { display: none !important; }
  body { 
    background:    #ededf2; 
    padding-left:  35pt !important; 
    padding-right: 35pt !important; 
  }
  #mw-head {
    z-index: -1;
  }
  .mediawiki { 
    padding-left:  40pt !important; 
    padding-right: 30pt !important; 
  }
  #content {
    border-top: 1px solid rgba(184, 134, 11, 0.5) !important;     <!-- This means the page contains hidden text #B8860B -->
    border:     1px solid rgba(184, 134, 11, 0.5);                <!-- rgba(56, 139, 253, 0.4); -->
  }  
  #right-navigation {
    visibility: collapse;
  }
  #p-search {
    visibility: visible;
  }
  #simpleSearch {
    <!-- border: 0.1px solid rgba(166, 44, 32, 0.5); -->
  }  
  #footer {
    padding-left: 10pt;
    margin-left:  auto  !important;
    margin-right: auto  !important;
    max-width:    1100pt;
  }
  #footer-info {
    margin-left: 0pt;
  }
  div#toc.toc {
    font-size: 12pt;
    margin-top: -4.5pt;
    background: rgba(255, 255, 255, 0.85);
    border: 0.1px solid rgba(166, 44, 32, 0.5);

    max-width: 200pt;
    margin-right: 12pt;
  }
  .toc ul {
    overflow-y: scroll  !important;
    max-height: 500pt;  <!-- max-height: 100vh; -->
  }
  .tocUl {
    overflow-y: scroll  !important;
    max-height: 500pt;  <!-- max-height: 100vh; -->
  }
  .tochidden {
    height: 4pt !important;
  }
  .rcorners {
    border-radius: 3px;
    padding: 2px;
    border: 1.5px solid #B8860B;
  }
  .under {
    margin-right: 10px;
    <!-- display:inline-block;
    border-bottom:1px solid #A62C20;
    padding-bottom:-5px !important; -->
  }
  .title { 
    <!-- margin-top: 5px; -->
    margin-left: -10px !important;
    margin-right: -5px !important;
    font-weight: normal; 
    font-family: 'Zapf Dingbats'; 
    font-size: 40px; 
    font-family: 'Linux Libertine','Georgia','Times',serif; 
    background: red; <!-- #8c94ab -->
    color: white; 
    height: 70pt; 
    line-height: 70pt; 
    text-aligh: center;   
    <!-- background: rgba(0, 0, 0, 0) linear-gradient(90deg, #007bff, rgb(0, 0, 0)) repeat scroll 0% 0% / auto padding-box border-box; margin-left:-10px; -->   
    <!-- linear-gradient(90deg, rgb(31, 112, 193), rgb(0, 0, 0)) -->  <!-- #0074D9 -->
  }
  .cover {
    object-fit: cover; 
    width: 100%; 
    height: 250px; 
    margin-bottom: 2000px;
    margin-top: -20px;
  }
  .icon {
    color: #2d2e27;
  }
  .texticon {
    color: #2d2e27;  <!-- #f0f2e4 -->
    font-size: 20px !important;
  }
  .textlink {
    color: #0854a6 !important;  <!-- #f0f2e4 #007bff -->
    font-size: 20px !important;
  }
  .container {
    width: 150px;
    height: 150px;
    position: relative;
    margin: 0px;
  }
  .box {
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .overlay {
    z-index: 1;
    margin-left: -5px;
    margin-top: -23px;
  }
  .titulo1-text {
    font-size: 18px !important;
  }
  .titulo1-text-marco {
    padding-left: 10px !important;
  }
  .titulo1-marco-oneline {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: -5px !important;
    margin-left: 0px !important;
    min-height: 35pt !important;
    margin-top:-32pt !important;
  }  
  .titulo1-marco-twolines {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: -5px !important;
    margin-left: 0px !important;
    min-height: 50pt !important;
    margin-top:-47pt !important;
  }
  .marco1-ext {
    width: 100% !important;
    padding: 0px 0px 0px 0px !important;
    background: #e3e3e8 !important;
  }
  .marco1-int {
    background: #e3e3e8 !important;
  }
  .marco1-ext .mw-editsection {
    display: none !important;
  }
  .divline1 {
    padding: 0; 
    border: 0; 
    display: block; 
    margin-top:-10px; 
    margin-right: 0px !important; 
    margin-left: 2px  !important; 
    background-color: white; 
    height:1.2pt
  }

  .toggleNode { <!-- visibility: hidden --> }
}}
<!-- some colors I have tried and liked: #dcd8ed  #3182f5  #D8BFD8  #E6E6FA  rgb(79.998779%,79.998779%,100%)-->
<div class="container" style="position: fixed; height: 0px; width: 250px; margin-left: -70px; margin-top: -132px; z-index: 200; background: red !important; background-color: red !important"> <!-- oculto -->
<div class="box mw-customtoggle-myToggle1" style="cursor:pointer; color:blue; width:0px;  z-index: 100">[+/-]</div>
<div style="border-top:-50px;" class="box overlay mw-collapsible" id="mw-customcollapsible-myToggle1">
<div style="border-top:-50px;" style="background: transparent; border: 0px solid blue; padding:0px" class="toccolours mw-collapsible-content">
<!-- 
<div style="border-top:-50px; background: #E6E6FA; min-height:50px; line-height: 50px; text-align: left; padding-left: 35px; font-size: 20px; font-family: 'Linux Libertine','Georgia','Times',serif;">
'''''[[Carrera|<span style="color:#B8860B; font-weight: bold;">Carrera</span>]]'''''
</div>
-->
<div style="height: 50px; width:100%; background: #e3e3e8">
</div>
<!-- <div style="overflow-y: scroll; height: 100vh !important; background: #f7f7f8; margin-top:0px; padding:0.1px 20px 20px 20px;"> -->
<div style="overflow-y: scroll; height: 100vh !important; background: #e3e3e8; margin-top:0px; padding:0px 5px 0px 0px;">
<!-- {{#lst:Mis páginas|Carrera1}} -->
<div style="margin-bottom: 42px; margin-top:2px"> {{#lst:Mis páginas|formal_natural_and_applied_sciences0}}</div>
<div style="margin-bottom: 50px"> {{#lst:Mis páginas|social_sciences0}}</div>
<div style="margin-bottom: 30px"> {{#lst:Mis páginas|musica0}}</div>
<div style="margin-bottom: 150px">{{#lst:Mis páginas|Carrera0}}</div>
</div>
</div>
</div>
</div>
Retrieved from "http://wiki.sinfronteras.ws/index.php?title=CV&oldid=20965"