<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  {{if hasmath}} {{insert head_katex.html }}     {{end}}
  {{if hascode}} {{insert head_highlight.html }}   {{end}}
  <link rel="stylesheet" href="/css/jtd.css">
  <link rel="icon" href="/assets/infra/favicon.ico">
  {{isdef title}} <title>{{fill title}}</title>  {{end}}

  <!-- LUNR -->
  <script src="/libs/lunr/lunr.min.js"></script>
  <script src="/libs/lunr/lunr_index.js"></script>
  <script src="/libs/lunr/lunrclient.min.js"></script>

  <!-- PLOTLY -->
  {{if hasplotly}} <script src="/libs/plotly/plotly.min.js"></script> {{end}}

</head>
<body>                      <!-- closed in foot.html -->
  <div class="page-wrap">   <!-- closed in foot.html -->
    <!-- SIDE BAR -->
    <div class="side-bar">
      <div class="header">
        <a href="/" class="title">
          <img style="height:60px;" src="/assets/infra/neural-network.png" alt="BLOG" />

          <style>
          @media (max-width: 31.25rem){
            .side-bar .show-menu {height:30px;}
          }
          @media (max-width: 50rem) {
            .side-bar .header .title {padding-top:0; padding-bottom: 0;}
            .header .title img {height:60px; max-width: 100px !important;}
          }
          @media (min-width: 66.5rem){
            .header .title img {max-width: 140px !important;}
          }
          </style>
        </a>
      </div>
      <label for="show-menu" class="show-menu">MENU</label>
      <input type="checkbox" id="show-menu" role="button">
      <div class="menu" id="side-menu">
        <ul class="menu-list">
          <!-- HOME -->
          <li class="menu-list-item {{ispage index}}active{{end}}"><a href="/" class="menu-list-link">• Home</a>
          <!-- WORKFLOW -->
          <li class="menu-list-item {{ispage projects/*}}inactive{{end}}"><a href="/projects/green_flux/index.html" class="menu-list-link">• Projects</a>
            <ul class="menu-list-child-list ">
              <li class="menu-list-item {{ispage projects/green_flux/}}active{{end}}"><a href="/projects/green_flux/" class="menu-list-link">Green Flux</a>
              <li class="menu-list-item {{ispage projects/flux_compress/}}active{{end}}"><a href="/projects/flux_compress/" class="menu-list-link">Flux Compress</a>
              <!-- <li class="menu-list-item {{ispage code/literate}}active{{end}}"><a href="/code/literate/" class="menu-list-link">Literate.jl</a> -->
            </ul> 
          <!-- CODE (class="menu-list-parent") -->
          <li class="menu-list-item {{ispage cv/*}}active{{end}}"><a href="/cv/" class="menu-list-link">• CV</a>
            <!-- <ul class="menu-list-child-list ">  
              <li class="menu-list-item {{ispage code/index.html}}active{{end}}"><a href="/code/" class="menu-list-link">Inserting code</a>
              <li class="menu-list-item {{ispage code/eval-tricks}}active{{end}}"><a href="/code/eval-tricks/" class="menu-list-link">Code tricks</a>
              <li class="menu-list-item {{ispage code/literate}}active{{end}}"><a href="/code/literate/" class="menu-list-link">Literate.jl</a>
            </ul> -->
		  <!-- EXTRAs -->
		  <!-- <li class="menu-list-parent {{ispage extras/*}}active{{end}}"><a href="/extras/" class="menu-list-link">• Extras</a>
			  <ul class="menu-list-child-list ">
				<li class="menu-list-item {{ispage extras/index.html}}active{{end}}"><a href="/extras/" class="menu-list-link">Overview</a>
				<li class="menu-list-item {{ispage extras/lunr}}active{{end}}"><a href="/extras/lunr/" class="menu-list-link">Lunr search</a>
				<li class="menu-list-item {{ispage extras/literate}}active{{end}}"><a href="/extras/literate/" class="menu-list-link">Literate</a>
				<li class="menu-list-item {{ispage extras/plotly}}active{{end}}"><a href="/extras/plotly/" class="menu-list-link">Plotly</a>
			  </ul> -->
          <!-- FAQ -->
          <!-- <li class="menu-list-item {{ispage faq/*}}active{{end}}"><a href="/faq/technical/" class="menu-list-link">• FAQ</a> -->
            <!-- <ul class="menu-list-child-list ">
              <li class="menu-list-item {{ispage faq/technical}}active{{end}}"><a href="/faq/technical/" class="menu-list-link">Technical</a>
			        <li class="menu-list-item {{ispage faq/troubleshooting}}active{{end}}"><a href="/faq/troubleshooting/" class="menu-list-link">Troubleshooting</a>
              <li class="menu-list-item {{ispage faq/why-o-why}}active{{end}}"><a href="/faq/why-o-why/" class="menu-list-link">Meta</a>
            </ul>-->
        </ul>
			<form id="lunrSearchForm" name="lunrSearchForm">
				<input class="search-input" name="q" placeholder="Enter search term" type="text"> <input type="submit" value="Search" formaction="/search/index.html">
			</form>
      </div>
      <div class="footer">
        <a href="/faq/why-o-why/"><img style="width:40%;padding-left:10px;margin-bottom:15px;" src="/assets/infra/lambda.png" alt="Lambda" /></a>
      </div>
    </div>
    <!-- CONTENT -->
    <div class="main-content-wrap"> <!-- closed in foot.html -->
      <div class="main-content" id="focus" tabindex="-1" style="outline:0;">    <!-- closed in foot.html -->
        <div class="main-header">
          <a name="pagetop"></a>

          <!-- <a id="github" href="https://github.com/tlienart/franklindocs/blob/master/{{fd_rpath}}">Page source</a> -->
          <a id="title-header"><h1>A Neural Network Developer</h1></a>
	  <!-- <a id="github" href="#">SPA</a>
	  <span style="width:30px; text-align: center;color:lightgray;">|</span> -->
		      <a id="github" href="https://github.com/EddieCueto?tab=repositories">GitHub Repositories</a>
        </div>

<!-- Content appended here (in class franklin-content) -->
