jbiason
/
CV
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

reworked the jobs part to have everything

master
Julio Biason 9 years ago
parent
f89167a101
commit
92d981efcc
2 changed files with 244 additions and 55 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 90
      cv.css
  2. 205
      cv.html

90
cv.css
Unescape View File

@ -25,17 +25,16 @@ a {
}
#header .name {
font-size: 60px;
font-size: 3em;
}
#header .title {
font-size: 30px;
font-size: 2em;
font-style: italic;
}
#header .contact {
padding-top: 10px;
/*float: right;*/
font-size: 13px;
}
@ -61,58 +60,85 @@ a {
text-align: center;
}
#bio .title {
#bio h2 {
font-weight: 600;
font-size: 110%;
font-size: 1.5em;
text-transform: uppercase;
}
/* -------------------------------------------------- */
/* The large content holder */
/* -------------------------------------------------- */
#info .title {
#work-and-knowledge h2 {
text-transform: uppercase;
}
#info .pre-title {
color: #19bafe;
.list {
list-style: none;
padding: 0;
margin: 0;
position: relative;
}
/* -------------------------------------------------- */
/* Large descriptive area */
/* -------------------------------------------------- */
#complex-info {
width: 80%;
float: left;
.list li {
margin-top: 60px;
}
/* -------------------------------------------------- */
/* The sidebar with the power gauges */
/* -------------------------------------------------- */
#quantitative-info table {
font-size: 12px;
.list li div.content {
margin-left: 50px;
margin-top: -40px;
padding: 10px;
background-color: white;
}
#quantitative-info td {
width: 25%;
.list li i {
width: 30px;
height: 30px;
display: block;
text-align: center;
line-height: 30px;
/*border: 1px solid #ddd;*/
border-radius: 50%;
background-color: white;
}
#quantitative-info td:not(.name):not(.power):not(.empty) {
background-image: url("rail.png");
background-position: center;
background-repeat: repeat-y;
.list i:after {
content: '';
width: 40px;
height: 1px;
position: absolute;
/*background-color: #ddd;*/
margin-top: 15px;
z-index: -1;
}
#quantitative-info .power {
border: 1px solid #19bafe;
.list:after {
content: '';
width: 1px;
height: 100%;
background-color: #ddd;
position: absolute;
top: 4px;
left: 15px;
z-index: -1;
}
.list div.company {
font-size: 0.80em;
}
.list div.worktime {
font-size: 0.60em;
}
.list ul.attributions li {
margin-top: 0;
}
/* -------------------------------------------------- */
/* Generic styles
/* Helpers */
/* -------------------------------------------------- */
.blue {
color: #19bafe;
}
.clear {
clear:both;
}

205
cv.html
Unescape View File

@ -14,50 +14,60 @@
<body>
<div id='header' class='row'>
<div class="columns small-9">
<div class="columns small-7">
<div class="name">Júlio Biason</div>
<div class="title blue">Software Engineer</div>
</div>
<div class="columns small-3 contact">
<div class="columns small-5 contact">
<div class="row entry">
<div class="columns small-12">
<div class="columns small-1">
<div class="icon">
<span class="fa-stack fa-lg">
<i class="fa fa-circle-thin fa-stack-2x"></i>
<i class="fa fa-phone fa-stack-1x"></i>
</span>
</div>
</div>
<div class="columns small-11">
<div class="type blue">Phone</div>
<div class="value">+55 51 8222 0669</div>
</div>
</div>
<div class="row entry">
<div class="columns small-12">
<div class="columns small-1">
<div class="icon">
<span class="fa-stack fa-lg">
<i class="fa fa-circle-thin fa-stack-2x"></i>
<i class="fa fa-envelope-o fa-stack-1x"></i>
</span>
</div>
</div>
<div class="columns small-11">
<div class="type blue">Email</div>
<div class="value">julio.biason@gmail.com</div>
</div>
</div>
<div class="row entry">
<div class="columns small-12">
<div class="columns small-1">
<div class="icon">
<span class="fa-stack fa-lg">
<i class="fa fa-circle-thin fa-stack-2x"></i>
<i class="fa fa-code-fork fa-stack-1x"></i>
</span>
</div>
</div>
<div class="columns small-11">
<div class="type blue">Repositories</div>
<div class="value">
<a href="http://github.com/juliobiason">Github</a>,
<a href="https://bitbucket.org/juliobiason">BitBucket</a>
Github: <a href="http://github.com/juliobiason">http://github.com/juliobiason</a> <br>
BitBucket: <a href="https://bitbucket.org/juliobiason">https://bitbucket.org/juliobiason</a>
</div>
</div>
</div>
@ -66,7 +76,7 @@
<div class="row" id="bio">
<div class="columns small-12">
<div class="title">Profile</div>
<h2>Profile</h2>
<div class="content">
<p>
@ -94,26 +104,179 @@
</div>
</div>
</div>
<!--
<div id="info">
<div id="complex-info">
<ul>
<div id="work-and-knowledge" class="row">
<div class="columns medium-8">
<h2>
<i class="fa fa-angle-right blue" aria-hidden="true"></i>
Work Experience
</h2>
<ul class="list">
<li>
<i class="fa fa-circle-o" aria-hidden="true"></i>
<div class="content">
<div class="row">
<div class="columns small-4">
<div class="company">CWI software</div>
<div class='worktime'>Sep 2012-Present</div>
</div>
<div class="columns small-8">
<div class="job blue">Software Engineer</div>
<ul class='attributions'>
<li>Development of mobile applications for local university, iOS/Objective-C.</li>
<li>Development of a web framework with dynamic module loading, based on Flask (Python); interface designed with Bootstrap 2 and jQuery.</li>
<li>Development of mobile application for a logistics company, iOS/Objective-C.</li>
<li>Development of apps for Django/Python.</li>
<li>Development of embedded applications in C for routers and switches, using Tail-F ConfD and Enea Element; all development following Scrum methodologies.</li>
</ul>
</div>
</div>
</div>
</li>
<li>
<div class="company">CWI Software</div>
<div class="position">Software Engineer</div>
<div class="timetable">Sep 2012-Present</div>
<div class="description">Doing stuff</div>
<i class="fa fa-circle-o"></i>
<div class="content">
<div class="row">
<div class="columns small-4">
<div class="company">Iplenix Sistemas de Internet</div>
<div class="worktime">Feb 2010-Sep 2012</div>
</div>
<div class="columns small-8">
<div class="job blue">Software Developer</div>
<ul class="attributions">
<li>Redesigned the company internal framework in PHP.</li>
<li>Redesigned the company system interfaces, using HTML/CSS, jQuery, jQueryUI, jqPlot/Flot and Google Maps.</li>
<li>Development of helper applications in Lua.</li>
<li>Development of helper applications in Python.</li>
</ul>
</div>
</div>
</div>
</li>
<li>
<i class="fa fa-circle-o"></i>
<div class="content">
<div class="row">
<div class="columns small-4">
<div class="company">TileFile/Storyz</div>
<div class="worktime">Jan 2007-Oct 2009</div>
</div>
<div class="columns small-8">
<div class="job blue">Software Developer</div>
<ul class="attributions">
<li>Development of a server for media sharing and social networking in Python, using the company internal framework, with user data stored, initially, in binary objects (Python Pickles) and changed later to use MySQL with master-master replication; development followed the TDD metholody.</li>
<li>Development of a Symbian/UIQ client in C++.</li>
<li>Development of an iPhone client in Objective-C.</li>
<li>Member of the "Product Council", responsible for selecting new features.</li>
</ul>
</div>
</div>
</div>
</li>
<div id="quantitative-info">
<div id='programming-languages'>
<div class='title'>
<span class='pre-title'><i class='fa fa-chevron-right'></i></span>
<span>Programming Languages</span>
<li>
<i class="fa fa-circle-o"></i>
<div class="content">
<div class="row">
<div class="columns small-4">
<div class="company">Qualità Informática</div>
<div class="worktime">Mar 2006-Oct 2006</div>
</div>
<div class="columns small-8">
<div class="job blue">Software Developer</div>
<ul class="attributions">
<li>Development of a CGI in C++ to configure wireless routers, in Linux, using microhttp and Boa as servers; dynamic interface using HTML and pure Javascript; graphics using Flash.</li>
<li>Techincal leaderof the Configuration Control Commitee (CCC), responsible for approving changes in the company source(MPS/CMMI).</li>
</ul>
</div>
</div>
</div>
</li>
<li>
<i class="fa fa-circle-o"></i>
<div class="content">
<div class="row">
<div class="columns small-4">
<div class="company">Canópus Informática Ltda.</div>
<div class="worktime">Jun 2003-Jan 2006</div>
</div>
<div class="columns small-8">
<div class="job blue">Software Developer/Team Leader</div>
<ul class="attributions">
<li>
Development of the backend of the Brazilian largest ISP support system in C for Linux
and Apache, with data stored in an Oracle database, queries written manually.
Integrating the results with pre-designed dynamic interface in HTML and JavaScript,
using hidden iframes to emulate AJAX functionality.
</li>
<li>Development of helper applications in Python.</li>
<li>Sub-project team leader.</li>
<li>Developing drivers for the “Elipse” HMI supervisor in C++ (MS Visual Studio), for the ModBus protocol.</li>
</ul>
</div>
</div>
</div>
</li>
<li>
<i class="fa fa-circle-o"></i>
<div class="content">
<div class="row">
<div class="columns small-4">
<div class="company">DWS Informática</div>
<div class="worktime">Mar 2002-May 2003</div>
</div>
<div class="columns small-8">
<div class="job blue">Software Engineer/Analyst</div>
<ul class="attributions">
<li>Analysis and development of inventory control, finances and invoice management in Clipper.</li>
<li>Development of inventory control, finances and invoice management in Delphi, using database MySQL.</li>
<li>Sysadmin of MySQL, SMTP, POP and HTTP servers on Linux.</li>
</ul>
</div>
</div>
</div>
</li>
<li>
<i class="fa fa-circle-o"></i>
<div class="content">
<div class="row">
<div class="columns small-4">
<div class="company">UNISINOS</div>
<div class="worktime">Aug 200-Feb 2002</div>
</div>
<div class="columns small-8">
<div class="job blue">Scholarship Holder</div>
<ul class="attributions">
<li>Working on the FAGNIS project, about knowledge extraction in neural networks; networks created with the SNNS app, exporting the result as C functions</li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="columns medium-4">
<h2>
<i class="fa fa-angle-right blue" aria-hidden="true"></i>
Skills
</h2>
</div>
</div>
<!--
<div class="content">
<table>
<thead>

Write Preview
Loading…
Cancel
Save