<commit_before>---
layout: default
---

<script>
$(document).ready(function(){
  // Add smooth scrolling to all links
  $("a").on('click', function(event) {

    // Make sure this.hash has a value before overriding default behavior
    if (this.hash !== "") {
      // Prevent default anchor click behavior
      event.preventDefault();

      // Store hash
      var hash = this.hash;

      // Using jQuery's animate() method to add smooth page scroll
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
      $('html, body').animate({
        scrollTop: $(hash).offset().top
      }, 800, function(){
   
        // Add hash (#) to URL when done scrolling (default click behavior)
        window.location.hash = hash;
      });
    } // End if
  });
});
</script>

<script type="text/javascript">
$(function(){
  $('#Container').on('mixLoad', function() {
    console.log('[event-handler] MixItUp Loaded');
  });
  
  $('#Container').on('mixStart', function() {
    console.log('[event-handler] Animation Started')
  });
  
  $('#Container').on('mixEnd', function() {
    console.log('[event-handler] Animation Ended')
  });
  
  $('#Container').mixItUp({
    callbacks: {
      onMixLoad: function() {
        console.log('[callback] MixItUp Loaded');
      },
      onMixStart: function() {
        console.log('[callback] Animation Started');
      },
      onMixEnd: function() {
        console.log('[callback] Animation Ended');
      }
    }
  });
});

</script>

<div class="content" id="intro">
    <div id="large-header" class="large-header blue">
        <canvas id="demo-canvas"></canvas>
        <div class="main-title">
            <h2>
                Un espacio de <span>programación</span> y 
                <span>diseño</span> para
                tu emprendimiento.
            </h2>
            <p>Diseño y desarollo páginas web personalizadas adaptadas a todos los dispositivos</p>
            <a class="btn red" href="#proyectos">ver últimos proyectos</a>
        </div>

    </div>
</div>

<div class="content" id="bio">
    <div class="bio-item">
        <figure>
            <img src="{{site.baseurl}}/img/faq-diseno-web.jpg">
        </figure>
        <div class="bio-content">
            <h3>diseño y rediseños</h3>
            <p>
            Me interesa conocer los proyectos para brindar la mejor solución utilizando herramientas de software libre (sin licencias).
            Trabajo para mejorar la experiencia del usuario, brindando un sitio web optimizado para dispositivos de diferentes tamaños y plataformas. 
            </p>
        </div>
    </div>

    <div class="separator">
        <!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In  -->
        <svg version="1.1"
             xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
             x="0px" y="0px" width="803.3px" height="169.6px" viewBox="0 0 803.3 169.6" enable-background="new 0 0 803.3 169.6"
             xml:space="preserve">
        <defs>
        </defs>
        <g id="Page-1_1_" sketch:type="MSPage">
            
                <g id="LOHP-Desktop-02182014--3_1_" transform="translate(-332.000000, -2096.000000)" sketch:type="MSArtboardGroup" opacity="0.43">
                <path id="line1_1_" sketch:type="MSShapeGroup" fill="none" stroke="#5F452A" stroke-width="3" stroke-dasharray="11,23" d="
                    M333.6,2096.1c-0.9,12.2,4.9,23.5,11.1,33.6c4.5,7.3,7.8,17.9,14.1,23.7c39.7,36.7,111.4,21.7,160.7,21.7
                    c41.6,0,83.8,1.8,125.3-2.2c36.6-3.6,73.2-8.3,109.7-11.9c101.5-10,152.1-8.6,247,21c57.3,17.9,94,43.8,132.7,82.5"/>
            </g>
        </g>
        </svg>

    </div>

    <div class="bio-item reverse">
        <div class="bio-content">
            <h3>desarollo</h3>
            <p>
             Mi trabajo va desde el desarollo del sitio hasta la correcta implementacion en el Hosting. Desarollo páginas web autoadministrables, aplicaciones, sitios institucionales y muchas cosas más.
            </p>
        </div>
        <figure>
            <img src="{{site.baseurl}}/img/faq-programacion.jpg" style="margin-top: 35px;">
        </figure>
    </div>
</div>


<section class="intro" id="proyectos">
    <h2>Últimos Proyectos</h2>

<div class="controls">
    <button class="ui button medium red filter" data-filter="all">todos</button>
  <button class="ui button medium red filter" data-filter=".diseno-web">diseño web</button>
  <button class="ui button medium red filter" data-filter=".aplicaciones">aplicaciones</button>
  <button class="ui button medium red filter" data-filter=".audiovisuales">audiovisuales</button>
  <button class="ui button medium inverted red filter" data-filter=".proyectos-libres">proyectos libres</button>
</div>

<div id="Container" class="container">


  <div class="mix aplicaciones">
    <a data-fancybox="gallery" data-src="#proyecto-decide" href="javascript:;" >
        <img src="{{site.baseurl}}/img/decide2017.jpg">

    </a>
  </div>
  <div class="mix diseno-web">
    <a data-fancybox="gallery" data-src="#clinicas-colectivas" href="javascript:;" >
        <img src="{{site.baseurl}}/img/clinicas-colectivas.jpg">

    </a>
  </div>
    <div class="mix diseno-web">
    <a data-fancybox="gallery" data-src="#proyecto-dynamo" href="javascript:;" >
       
        <video autoplay loop poster="{{site.baseurl}}/img/dynamo.jpg">
            <source src="{{site.baseurl}}/img/anim-dynamo.mp4" type="video/mp4" />
            <img src="{{site.baseurl}}/img/dynamo.jpg" title="Your browser does not support the <video> tag">
        </video>
    </a>
  </div><commit_msg>clinicas<commit_after>---
layout: default
---

<script>
$(document).ready(function(){
  // Add smooth scrolling to all links
  $("a").on('click', function(event) {

    // Make sure this.hash has a value before overriding default behavior
    if (this.hash !== "") {
      // Prevent default anchor click behavior
      event.preventDefault();

      // Store hash
      var hash = this.hash;

      // Using jQuery's animate() method to add smooth page scroll
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
      $('html, body').animate({
        scrollTop: $(hash).offset().top
      }, 800, function(){
   
        // Add hash (#) to URL when done scrolling (default click behavior)
        window.location.hash = hash;
      });
    } // End if
  });
});
</script>

<script type="text/javascript">
$(function(){
  $('#Container').on('mixLoad', function() {
    console.log('[event-handler] MixItUp Loaded');
  });
  
  $('#Container').on('mixStart', function() {
    console.log('[event-handler] Animation Started')
  });
  
  $('#Container').on('mixEnd', function() {
    console.log('[event-handler] Animation Ended')
  });
  
  $('#Container').mixItUp({
    callbacks: {
      onMixLoad: function() {
        console.log('[callback] MixItUp Loaded');
      },
      onMixStart: function() {
        console.log('[callback] Animation Started');
      },
      onMixEnd: function() {
        console.log('[callback] Animation Ended');
      }
    }
  });
});

</script>

<div class="content" id="intro">
    <div id="large-header" class="large-header blue">
        <canvas id="demo-canvas"></canvas>
        <div class="main-title">
            <h2>
                Un espacio de <span>programación</span> y 
                <span>diseño</span> para
                tu emprendimiento.
            </h2>
            <p>Diseño y desarollo páginas web personalizadas adaptadas a todos los dispositivos</p>
            <a class="btn red" href="#proyectos">ver últimos proyectos</a>
        </div>

    </div>
</div>

<div class="content" id="bio">
    <div class="bio-item">
        <figure>
            <img src="{{site.baseurl}}/img/faq-diseno-web.jpg">
        </figure>
        <div class="bio-content">
            <h3>diseño y rediseños</h3>
            <p>
            Me interesa conocer los proyectos para brindar la mejor solución utilizando herramientas de software libre (sin licencias).
            Trabajo para mejorar la experiencia del usuario, brindando un sitio web optimizado para dispositivos de diferentes tamaños y plataformas. 
            </p>
        </div>
    </div>

    <div class="separator">
        <!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In  -->
        <svg version="1.1"
             xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
             x="0px" y="0px" width="803.3px" height="169.6px" viewBox="0 0 803.3 169.6" enable-background="new 0 0 803.3 169.6"
             xml:space="preserve">
        <defs>
        </defs>
        <g id="Page-1_1_" sketch:type="MSPage">
            
                <g id="LOHP-Desktop-02182014--3_1_" transform="translate(-332.000000, -2096.000000)" sketch:type="MSArtboardGroup" opacity="0.43">
                <path id="line1_1_" sketch:type="MSShapeGroup" fill="none" stroke="#5F452A" stroke-width="3" stroke-dasharray="11,23" d="
                    M333.6,2096.1c-0.9,12.2,4.9,23.5,11.1,33.6c4.5,7.3,7.8,17.9,14.1,23.7c39.7,36.7,111.4,21.7,160.7,21.7
                    c41.6,0,83.8,1.8,125.3-2.2c36.6-3.6,73.2-8.3,109.7-11.9c101.5-10,152.1-8.6,247,21c57.3,17.9,94,43.8,132.7,82.5"/>
            </g>
        </g>
        </svg>

    </div>

    <div class="bio-item reverse">
        <div class="bio-content">
            <h3>desarollo</h3>
            <p>
             Mi trabajo va desde el desarollo del sitio hasta la correcta implementacion en el Hosting. Desarollo páginas web autoadministrables, aplicaciones, sitios institucionales y muchas cosas más.
            </p>
        </div>
        <figure>
            <img src="{{site.baseurl}}/img/faq-programacion.jpg" style="margin-top: 35px;">
        </figure>
    </div>
</div>


<section class="intro" id="proyectos">
    <h2>Últimos Proyectos</h2>

<div class="controls">
    <button class="ui button medium red filter" data-filter="all">todos</button>
  <button class="ui button medium red filter" data-filter=".diseno-web">diseño web</button>
  <button class="ui button medium red filter" data-filter=".aplicaciones">aplicaciones</button>
  <button class="ui button medium red filter" data-filter=".audiovisuales">audiovisuales</button>
  <button class="ui button medium inverted red filter" data-filter=".proyectos-libres">proyectos libres</button>
</div>

<div id="Container" class="container">


  <div class="mix aplicaciones">
    <a data-fancybox="gallery" data-src="#proyecto-decide" href="javascript:;" >
        <img src="{{site.baseurl}}/img/decide2017.jpg">

    </a>
  </div>
  <div class="mix diseno-web">
    <a data-fancybox="gallery" data-src="#proyecto-clinicas" href="javascript:;" >
        <img src="{{site.baseurl}}/img/clinicas-colectivas.jpg">

    </a>
  </div>
    <div class="mix diseno-web">
    <a data-fancybox="gallery" data-src="#proyecto-dynamo" href="javascript:;" >
       
        <video autoplay loop poster="{{site.baseurl}}/img/dynamo.jpg">
            <source src="{{site.baseurl}}/img/anim-dynamo.mp4" type="video/mp4" />
            <img src="{{site.baseurl}}/img/dynamo.jpg" title="Your browser does not support the <video> tag">
        </video>
    </a>
  </div>
{'fraction_non_alphanumeric': 0.16880509732041546, 'fraction_numerical': 0.04224491577201711, 'mean_word_length': 2.5997486647816523, 'pattern_counts': {'":': 0, '<': 189, '<?xml version=': 0, '>': 189, 'https://': 0, 'lorem ipsum': 0, 'www.': 4, 'xml': 8}, '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': '1909111', 'n_tokens_mistral': 4152, 'n_tokens_neox': 3838, 'n_words': 817}