<commit_before>---
layout: resume
title: <NAME>'s Resume
tags: [quoc vu, resume, skill, experience, education]
modified: 2014-08-08T20:53:07.573882-04:00
comments: false
resume: visual
share: false
image:
  feature: mountains.jpg
  credit: 
  creditlink: 
---

<div id="instructions">Mouse over for details</div>

<div id="subway-map" data-columns="12" data-rows="7" data-cellSize="60" data-legendId="legend" data-textClass="text" data-gridNumbers="true" data-grid="false" data-lineWidth="8">
  <ul data-color="#0064D4" data-label="Experience">
    <li data-coords="6,4" data-marker="interchange" data-labelPos="S"><a href="summary">Summary</a></li>
{% for exp in site.data.resume.experience %}
    <li data-coords="{{ exp.subway.coords }}" data-marker="station" data-labelPos="{{ exp.subway.label }}" {% if exp.subway.dir %}data-dir="{{ exp.subway.dir }}"{% endif %}><a href="{{ exp.id }}">{% if exp.company-abbr %} {{ exp.company-abbr }} {% else %} {{ exp.company }} {% endif %}</a></li>
{% endfor %}  
  </ul>

  <ul data-color="#E63339" data-label="Skills">
    <li data-coords="6,4" data-marker="interchange" data-labelPos="S"></li>
{% for skill in site.data.resume.skills %}
    <li data-coords="{{ skill.subway.coords }}" data-marker="station" data-labelPos="{{ skill.subway.label }}" {% if skill.subway.dir %}data-dir="{{ skill.subway.dir }}"{% endif %}><a href="{{ skill.id }}">{{ skill.title }}</a></li>
{% endfor %}  
  </ul>

  <ul data-color="#87B716" data-label="Education" data-shiftCoords="1,0">
    <li data-coords="6,4" data-marker="interchange" data-labelPos="S"></li>
{% for edu in site.data.resume.education %}
    <li data-coords="{{ edu.subway.coords }}" data-marker="station" data-labelPos="{{ edu.subway.label }}" {% if edu.subway.dir %}data-dir="{{ edu.subway.dir }}"{% endif %}><a href="{{ edu.id }}">{{ edu.degree-abbr }}</a></li>
{% endfor %}  
  </ul>

  <ul data-color="#F6B002" data-label="Publications">
      <li data-coords="6,4" data-marker="interchange" data-labelPos="S"></li>
      <li data-coords="6,3" data-marker="station" data-labelPos="E"><a href="patents">Patents</a></li>
      <li data-coords="6,2" data-marker="station" data-labelPos="E"><a href="journals">Journals</a></li>
      <li data-coords="7,1" data-marker="station" data-labelPos="E" data-dir="N"><a href="conferences">Conferences</a></li>
  </ul>
</div>
<div id="legend"></div>

<script type="text/javascript">
$('#subway-map').subwayMap({ debug: true });

  // the selector is applied to the DOM after subwayMap modified it
  $('#subway-map > .text').webuiPopover({
    trigger: 'hover',
    type: 'html',
    width: 550,
    placement: 'auto',
    title: function() {
      var id = $(this).attr('href');
      return $(document).find('#data > li#' + id + ' > .title').html();
    },
    content: function() {
      var id = $(this).attr('href');
      return $(document).find('#data > li#' + id + ' > .description').html();
    }
  });

$(document).ready(function() {
  $('#data').hide();
});
</script>

<ul id="data">
{% for exp in site.data.resume.experience %}
  <li id="{{ exp.id }}">
    <div class="title">
      <p class="job-title">{{ exp.title }}</p>
      <p class="company">@ {{ exp.company }}</p>
      <p class="period">{{ exp.period }}</p>
    </div>    
    <div class="description">
      <ul>
  {% for desc in exp.desc %}
        <li>{{ desc }}</li>
  {% endfor %}
      </ul>
    </div>
  </li>
{% endfor %}

{% for skill in site.data.resume.skills %}<commit_msg>fix summary panel in resume<commit_after>---
layout: resume
title: Quoc Vu's Resume
tags: [quoc vu, resume, skill, experience, education]
modified: 2014-08-08T20:53:07.573882-04:00
comments: false
resume: visual
share: false
image:
  feature: mountains.jpg
  credit:
  creditlink:
---

<div id="instructions">Mouse over for details</div>

<div id="subway-map" data-columns="12" data-rows="7" data-cellSize="60" data-legendId="legend" data-textClass="text" data-gridNumbers="true" data-grid="false" data-lineWidth="8">
  <ul data-color="#0064D4" data-label="Experience">
    <li data-coords="6,4" data-marker="interchange" data-labelPos="S"><a href="summary">Summary</a></li>
{% for exp in site.data.resume.experience %}
    <li data-coords="{{ exp.subway.coords }}" data-marker="station" data-labelPos="{{ exp.subway.label }}" {% if exp.subway.dir %}data-dir="{{ exp.subway.dir }}"{% endif %}><a href="{{ exp.id }}">{% if exp.company-abbr %} {{ exp.company-abbr }} {% else %} {{ exp.company }} {% endif %}</a></li>
{% endfor %}
  </ul>

  <ul data-color="#E63339" data-label="Skills">
    <li data-coords="6,4" data-marker="interchange" data-labelPos="S"></li>
{% for skill in site.data.resume.skills %}
    <li data-coords="{{ skill.subway.coords }}" data-marker="station" data-labelPos="{{ skill.subway.label }}" {% if skill.subway.dir %}data-dir="{{ skill.subway.dir }}"{% endif %}><a href="{{ skill.id }}">{{ skill.title }}</a></li>
{% endfor %}
  </ul>

  <ul data-color="#87B716" data-label="Education" data-shiftCoords="1,0">
    <li data-coords="6,4" data-marker="interchange" data-labelPos="S"></li>
{% for edu in site.data.resume.education %}
    <li data-coords="{{ edu.subway.coords }}" data-marker="station" data-labelPos="{{ edu.subway.label }}" {% if edu.subway.dir %}data-dir="{{ edu.subway.dir }}"{% endif %}><a href="{{ edu.id }}">{{ edu.degree-abbr }}</a></li>
{% endfor %}
  </ul>

  <ul data-color="#F6B002" data-label="Publications">
      <li data-coords="6,4" data-marker="interchange" data-labelPos="S"></li>
      <li data-coords="6,3" data-marker="station" data-labelPos="E"><a href="patents">Patents</a></li>
      <li data-coords="6,2" data-marker="station" data-labelPos="E"><a href="journals">Journals</a></li>
      <li data-coords="7,1" data-marker="station" data-labelPos="E" data-dir="N"><a href="conferences">Conferences</a></li>
  </ul>
</div>
<div id="legend"></div>

<script type="text/javascript">
$('#subway-map').subwayMap({ debug: true });

  // the selector is applied to the DOM after subwayMap modified it
  $('#subway-map > .text').webuiPopover({
    trigger: 'hover',
    type: 'html',
    width: 550,
    placement: 'auto',
    title: function() {
      var id = $(this).attr('href');
      return $(document).find('#data > li#' + id + ' > .title').html();
    },
    content: function() {
      var id = $(this).attr('href');
      return $(document).find('#data > li#' + id + ' > .description').html();
    }
  });

$(document).ready(function() {
  $('#data').hide();
});
</script>

<ul id="data">
  <li id="summary">
    <div class="title">Summary</div>
    <div class="description">
      <ul>
  {% for desc in site.data.resume.summary %}
        <li>{{ desc }}</li>
  {% endfor %}
      </ul>
    </div>
  </li>


{% for exp in site.data.resume.experience %}
  <li id="{{ exp.id }}">
    <div class="title">
      <p class="job-title">{{ exp.title }}</p>
      <p class="company">@ {{ exp.company }}</p>
      <p class="period">{{ exp.period }}</p>
    </div>
    <div class="description">
      <ul>
  {% for desc in exp.desc %}
        <li>{{ desc }}</li>
  {% endfor %}
      </ul>
    </div>
  </li>
{% endfor %}

{% for skill in site.data.resume.skills %}
{'fraction_non_alphanumeric': 0.23855120732722732, 'fraction_numerical': 0.01887316125451013, 'mean_word_length': 3.8434139784946235, 'pattern_counts': {'":': 0, '<': 148, '<?xml version=': 0, '>': 158, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1303800', 'n_tokens_mistral': 2750, 'n_tokens_neox': 2579, 'n_words': 531}