Skip to content

Instantly share code, notes, and snippets.

@Juls95

Juls95/index.html

Forked from darwin/index.html
Last active February 21, 2016 05:32
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Juls95/b31fefdf6802e66fd80d to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Juls95/b31fefdf6802e66fd80d to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Juls95 revised this gist Feb 21, 2016. 1 changed file with 155 additions and 22 deletions.
    177 changes: 155 additions & 22 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -68,7 +68,7 @@
    </line>
    </drawing>
    <actor t="translate(71,19) rotate(-2)" pose="-11,9|-11,119|-10,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,79|-31,96|-6,79|22,96">
    <bubble pose="0,0|-24,-13|-95,69|42,-63|-40,98|-58,162" t="translate(11,27) rotate(8)">
    <bubble pose="0,0|-24,-13|-87,38|-38,-38|-40,98|-58,162" t="translate(14,31) rotate(8)">
    <tspan x="0" y="0em">¿Optimizacion lineal?
    <tspan x="0" y="1em">¿Programacion lineal?</tspan>
    <tspan x="0" y="2em">¿Que es eso</tspan>
    @@ -77,43 +77,176 @@
    </tspan></bubble>
    </actor>
    <actor t="translate(159,15)" pose="28,1|30,109|28,91|28,81|28,71|28,51|18,31|13,1|33,26|38,1|23,71|1,101|38,71|38,51">
    <bubble t="translate(-2,-9) rotate(-5)" pose="-49,7|21,-5|46,-41|14,68|9,73|-135,142">
    <tspan x="0" y="1em">Facil, tienes que enviar</tspan>
    <tspan x="0" y="2em">productos de un origen</tspan>
    <tspan x="0" y="3em"> hacia un destino</tspan>
    <tspan x="0" y="4em">Se plantea un MPL</tspan>
    <bubble t="translate(-2,-9) rotate(-5)" pose="-49,7|-16,16|-117,31|-38,74|-43,79|-157,139">
    <tspan x="0" y="1em">Facil, planteas un problema</tspan>
    <tspan x="0" y="2em">para maximizar</tspan>
    <tspan x="0" y="3em"> tus ganancias y</tspan>
    <tspan x="0" y="4em">reducir tus gastos</tspan>
    </bubble>
    </actor>
    </scene>
    <scene id="scene7">
    <drawing t="translate(0,31)">
    <line stroke="green">
    <point x="0" y="0"></point>
    <point x="250" y="20"></point>
    </line>
    </drawing>
    <actor t="translate(71,19) rotate(-2)" pose="-11,9|-11,119|-10,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-36,81|-24,118|3,80|-8,56">
    <bubble pose="0,0|-24,-13|-95,69|-43,-2|-49,136|-58,162" t="translate(11,27) rotate(8)">
    <tspan x="0" y="0em">Y que analizo?
    <tspan x="0" y="1em">¿Mis envios?</tspan>
    </tspan></bubble>
    </actor>
    <actor t="translate(159,15)" pose="28,1|30,109|28,91|28,81|28,71|28,51|10,33|5,3|33,26|38,1|23,71|-12,64|38,71|11,54">
    <bubble t="translate(-2,-9) rotate(-5)" pose="-22,24|19,11|58,62|10,104|5,109|-151,177">
    <tspan x="0" y="1em">Para ello usaremos </tspan>
    <tspan x="0" y="2em" fill="blue"> El modelo de </tspan>
    <tspan x="0" y="3em" fill="blue">transporte</tspan>
    </bubble>
    </actor>
    </scene>
    <scene id="scene7">
    <drawing t="translate(0,31)">
    <line stroke="green">
    <point x="0" y="0"></point>
    <point x="250" y="20"></point>
    </line>
    </drawing>
    <actor t="translate(71,19) rotate(-2)" pose="-11,9|-11,119|-10,99|-11,89|-19,80|-19,60|-24,35|-29,10|-14,35|-9,10|-36,81|-32,66|3,80|23,84">
    <bubble pose="0,0|-24,-13|-95,69|-43,-2|-49,136|-58,162" t="translate(11,27) rotate(8)">
    <tspan x="0" y="0em">En que consiste
    <tspan x="0" y="1em" fill="orange">el modelo de transporte?</tspan>
    </tspan></bubble>
    </actor>
    <actor t="translate(159,15)" pose="28,1|30,109|28,91|28,81|28,71|28,51|10,33|5,3|33,26|38,1|23,71|-12,64|38,71|57,105">
    <bubble t="translate(-2,-9) rotate(-5)" pose="-22,24|19,11|58,62|-34,77|-39,82|-180,163">
    <tspan x="0" y="1em">Determina el # de unidades </tspan>
    <tspan x="0" y="2em"> a enviar del origen </tspan>
    <tspan x="0" y="3em">al destino</tspan>
    <tspan x="0" y="4em">al costo minimo</tspan>
    <tspan x="0" y="5em">satifaciendo demanda y oferta</tspan>
    </bubble>
    </actor>
    </scene>
    <scene id="scene5">
    <drawing t="translate(0,31)">
    <line stroke="green">
    <point x="0" y="0"></point>
    <point x="250" y="20"></point>
    </line>
    </drawing>
    <actor t="translate(71,19) rotate(-2)" pose="-11,9|-11,119|-10,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,79|-15,47|-6,79|22,96">
    <bubble pose="0,0|-24,-13|-95,69|-43,-2|-49,136|-58,162" t="translate(11,27) rotate(8)">
    <tspan x="0" y="0em">Si había escuchado
    <tspan x="0" y="1em">de eso. Dime más!</tspan>
    </tspan></bubble>
    </actor>
    <actor t="translate(159,15)" pose="28,1|30,109|28,91|28,81|28,71|28,51|18,31|13,1|33,26|38,1|23,71|1,101|38,71|38,51">
    <bubble t="translate(-2,-9) rotate(-5)" pose="-22,24|19,11|58,62|10,104|5,109|-151,177">
    <tspan x="0" y="1em">Cada origen</tspan>
    <tspan x="0" y="2em">dispone de una oferta Ai.</tspan>
    <tspan x="0" y="3em"> Cada destino "n"</tspan>
    <tspan x="0" y="4em">realiza una demanda Bj</tspan>
    </bubble>
    </actor>
    </scene>

    <scene id="scene3" height="230">
    <scene id="scene4">
    <drawing t="translate(0,31)">
    <line stroke="green">
    <point x="0" y="0"></point>
    <point x="250" y="20"></point>
    </line>
    </drawing>
    <actor t="translate(71,19) rotate(-2)" pose="-11,9|-11,119|-10,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-36,81|-24,118|3,80|-8,56">
    <bubble pose="0,0|-24,-13|-95,69|-43,-2|-49,136|-58,162" t="translate(11,27) rotate(8)">
    <tspan x="0" y="0em">Y eso como lo
    <tspan x="0" y="1em">puedo visualizar?</tspan>
    </tspan></bubble>
    </actor>
    <actor t="translate(159,15)" pose="28,1|30,109|28,91|28,81|28,71|28,51|10,33|5,3|33,26|38,1|23,71|-12,64|38,71|11,54">
    <bubble t="translate(-2,-9) rotate(-5)" pose="-22,24|19,11|58,62|10,104|5,109|-151,177">
    <tspan x="0" y="1em">Planteas un MPL así:</tspan>
    <tspan x="0" y="2em">min z= x11+x12+...x1n.</tspan>
    <tspan x="0" y="3em"> s.a</tspan>
    <tspan x="0" y="4em">X11+x12+...x1m(menor)Ai </tspan>
    <tspan x="0" y="5em">X11+x12+...x1m&gt;Bj</tspan>
    </bubble>
    </actor>
    </scene>

    <scene id="scene6">
    <drawing t="translate(0,31)">
    <line stroke="green">
    <point x="0" y="0"></point>
    <point x="250" y="20"></point>
    </line>
    </drawing>
    <actor t="translate(71,19) rotate(-2)" pose="-11,9|-11,119|-10,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-36,81|-24,118|3,80|1,97">
    <bubble pose="0,0|-24,-13|-95,69|-43,-2|-49,136|-58,162" t="translate(11,27) rotate(8)">
    <tspan x="0" y="0em">Y que significa
    <tspan x="0" y="1em" fill="orange">MPL?</tspan>
    </tspan></bubble>
    </actor>
    <actor t="translate(159,15)" pose="28,1|30,109|28,91|28,81|28,71|28,51|10,33|5,3|33,26|38,1|19,67|14,36|38,71|64,76">
    <bubble t="translate(-2,-9) rotate(-5)" pose="-22,24|19,11|58,62|10,104|5,109|-151,177">
    <tspan x="0" y="1em">Es una abreviacion de</tspan>
    <tspan x="0" y="2em" fill="blue"> modelo de </tspan>
    <tspan x="0" y="3em" fill="blue">programacion lineal</tspan>
    </bubble>
    </actor>
    </scene>
    <scene id="scene6">
    <drawing t="translate(0,31)">
    <line stroke="green">
    <point x="0" y="0"></point>
    <point x="250" y="20"></point>
    </line>
    </drawing>
    <actor t="translate(71,19) rotate(-2)" pose="-11,9|-11,119|-10,99|-11,89|-17,67|-17,47|-22,22|-27,-3|7,30|12,5|-36,81|-44,124|3,80|27,121">
    <bubble pose="0,0|-24,-13|-95,69|-43,-2|-49,136|-55,163" t="translate(11,27) rotate(8)">
    <tspan x="0" y="0em">Gracias! Empecemos
    <tspan x="0" y="1em">lo más pronto</tspan>
    <tspan x="0" y="2em">posible a optimizar

    </tspan></tspan></bubble>
    </actor>
    <actor t="translate(159,15)" pose="28,1|30,109|28,91|28,81|28,71|28,51|10,33|5,3|16,20|21,-5|23,71|14,84|38,71|28,41">
    <bubble t="translate(-2,-9) rotate(-5)" pose="-22,24|19,11|58,62|10,104|5,109|-118,152">
    <tspan x="0" y="1em">Si, desde hoy</tspan>
    <tspan x="0" y="2em" fill="blue"> tu negocio será </tspan>
    <tspan x="0" y="3em" fill="blue">más productivo</tspan>
    </bubble>
    </actor>
    </scene>
    <scene id="scene3" height="230">
    <label t="translate(0,225)">
    <tspan x="0" y="0em">A few months later</tspan>
    <tspan x="0" y="0em">Un año despues</tspan>
    </label>
    <actor t="translate(209,4) rotate(2)" pose="-41,48|-10,105|0,88|0,78|0,68|0,48|-5,23|-10,-2|5,23|10,-2|-11,70|-4,54|17,86|-4,110">
    <bubble t="translate(-2,-9)" pose="0,0|-13,24|-29,52|-86,-4|-99,79|-165,70">
    <tspan x="0" y="-1em">hey! I've finally done it</tspan>
    <tspan x="0" y="1em">Now I just wonder</tspan>
    <tspan x="0" y="2em">how many collective</tspan>
    <tspan x="0" y="3em" fill="red">work hours</tspan>
    <tspan x="0" y="4em" fill="red">will be wasted</tspan>
    <tspan x="0" y="5em" fill="red">when I publish it</tspan>
    <tspan x="0" y="-1em">No pense llegar hasta aquí</tspan>
    <tspan x="0" y="1em">Ahora soy millonario</tspan>
    <tspan x="0" y="2em">todo gracias a</tspan>
    <tspan x="0" y="3em" fill="red">mi asesor de</tspan>
    <tspan x="0" y="4em" fill="red">optimizacion lineal</tspan>
    <tspan x="0" y="5em" fill="red">y su problema de </tspan>
    <tspan x="0" y="6em" fill="red">transporte </tspan>
    </bubble>
    </actor>
    </scene>

    <scene id="scene4" width="300" height="98" margin-y="3" frame="no">
    <label t="translate(28,88)" pose="0,0|1,-9">
    <tspan x="0" y="0em">~ comix markup</tspan>
    <tspan x="0" y="1em">~ can be mixed with HTML</tspan>
    <tspan x="0" y="2em">~ WYSIWYG editor</tspan>
    <tspan x="0" y="3em">~ open-source</tspan>
    <tspan x="0" y="4em">~ backed by </tspan><tspan fill="blue">gist.github.com</tspan>
    <tspan x="0" y="0em">Hecho en </tspan>
    <tspan x="0" y="1em">Comix Editor</tspan>
    <tspan x="0" y="2em">Por:</tspan>
    <tspan x="0" y="3em" fill="orange">Julián Ramírez</tspan>
    <tspan x="0" y="4em">para Opti 2 2016</tspan>
    </label>
    <actor t="translate(192,29)" pose="73,-56|69,46|73,34|93,22|81,12|82,1|66,-10|63,-39|79,-16|92,-30|63,19|42,19|65,11|40,6">
    </actor>
    </scene>

    </div></body>
    </actor>
    </scene>
    </div></body>
  2. Juls95 revised this gist Feb 21, 2016. 1 changed file with 114 additions and 10 deletions.
    124 changes: 114 additions & 10 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,15 +1,119 @@
    <!DOCTYPE html>
    <meta charset="utf-8">
    <link rel="stylesheet" href="http://cmx.io/v/0.1/cmx.css"/>
    <script src="http://cmx.io/v/0.1/cmx.js"></script>
    <link rel="stylesheet" href="http://cmx.io/v/0.1/cmx.css">
    <script src="http://cmx.io/v/0.1/cmx.js" charset="utf-8"></script>
    <style>.cmx-user-scene4 .cmx-text-border .cmx-path {stroke: orange}</style>
    <body>
    <scene id="scene1">
    <label t="translate(0,346)">
    <tspan x="0" y="0em">A Comix Sample</tspan>
    </label>
    <actor t="translate(131,49)" pose="-11,9|-5,117|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,79|-18,59|-6,79|-1,59">
    <bubble pose="0,0|-20,10|-81,49|22,44|-17,87|-64,102">
    <tspan x="0" y="0em">Hello World!</tspan>
    </bubble>
    <div style="max-width:900px; -webkit-transform:rotate(0deg)">

    <scene id="scene1">
    <label t="translate(0,346)">
    <tspan x="0" y="0em">Transporte</tspan>
    </label>
    <drawing t="translate(0,31)">
    <line stroke="green">
    <point x="0" y="0"></point>
    <point x="250" y="20"></point>
    </line>
    </drawing>
    <actor t="translate(71,19) rotate(-2)" pose="-11,9|-5,117|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,79|-18,59|-6,79|-1,59">
    <bubble t="translate(9,11)" pose="0,0|-20,10|-81,49|19,66|-21,145|-73,109">
    <tspan x="0" y="-3em">Mi panaderia ha crecido</tspan>
    <tspan x="0" y="0em">Se me ha dificultado </tspan>
    <tspan x="0" y="1em">ver mis movimientos</tspan>
    <tspan x="0" y="2em">ya que tengo muchos </tspan>
    <tspan x="0" y="3em">clientes.</tspan>
    <tspan x="8" y="76px">Me ayudarías?</tspan>
    </bubble>
    </actor>
    <actor t="translate(159,15)" pose="28,1|30,109|28,91|28,81|28,71|28,51|18,31|18,1|33,26|38,1|23,71|18,51|38,71|38,51">
    <bubble t="translate(-2,-9)" pose="0,0|-14,24|-36,69|27,28|8,72|-35,93">
    <tspan x="0" y="0em">Claro!</tspan>
    <tspan x="0" y="1em">Te planteare</tspan>
    <tspan x="0" y="2em">una solución.</tspan>
    </bubble>
    </actor>
    </scene>

    <scene id="scene2">
    <drawing t="translate(0,31)">
    <line stroke="green">
    <point x="0" y="0"></point>
    <point x="250" y="20"></point>
    </line>
    </drawing>
    <actor t="translate(71,19) rotate(-2)" pose="-11,9|-1,114|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,79|-18,59|-6,79|13,83">
    <bubble t="translate(-3,0)" pose="0,0|-12,22|-83,104|45,21|-37,182|-58,162">
    <tspan x="0" y="-2em">Gracias!
    <tspan x="0" y="0em">He recurrido a muchos</tspan>
    <tspan x="0" y="1em">amigos pero no</tspan>
    <tspan x="0" y="2em">me han poddido </tspan>
    <tspan x="0" y="3em">ayudar.</tspan>
    </tspan></bubble>
    </actor>
    <actor t="translate(159,15)" pose="28,1|30,109|28,91|28,81|28,71|28,51|18,31|13,1|33,26|38,1|23,71|18,51|38,71|38,51">
    <bubble t="translate(-2,-9)" pose="0,0|7,33|14,66|-63,30|-52,62|-94,113">
    <tspan x="0" y="1em">Para eso existe la</tspan>
    <tspan x="0" y="2em"><tspan fill="blue">programación lineal</tspan></tspan>
    <tspan x="0" y="3em"> y de alli viene la</tspan>
    <tspan x="0" y="4em" fill="red">optimizacion lineal!</tspan>
    </bubble>
    </actor>
    </scene>
    <scene id="scene3">
    <drawing t="translate(0,31)">
    <line stroke="green">
    <point x="0" y="0"></point>
    <point x="250" y="20"></point>
    </line>
    </drawing>
    <actor t="translate(71,19) rotate(-2)" pose="-11,9|-11,119|-10,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,79|-31,96|-6,79|22,96">
    <bubble pose="0,0|-24,-13|-95,69|42,-63|-40,98|-58,162" t="translate(11,27) rotate(8)">
    <tspan x="0" y="0em">¿Optimizacion lineal?
    <tspan x="0" y="1em">¿Programacion lineal?</tspan>
    <tspan x="0" y="2em">¿Que es eso</tspan>
    <tspan x="0" y="3em">tan raro? </tspan>
    <tspan x="0" y="4em">Explicame</tspan>
    </tspan></bubble>
    </actor>
    <actor t="translate(159,15)" pose="28,1|30,109|28,91|28,81|28,71|28,51|18,31|13,1|33,26|38,1|23,71|1,101|38,71|38,51">
    <bubble t="translate(-2,-9) rotate(-5)" pose="-49,7|21,-5|46,-41|14,68|9,73|-135,142">
    <tspan x="0" y="1em">Facil, tienes que enviar</tspan>
    <tspan x="0" y="2em">productos de un origen</tspan>
    <tspan x="0" y="3em"> hacia un destino</tspan>
    <tspan x="0" y="4em">Se plantea un MPL</tspan>
    </bubble>
    </actor>
    </scene>

    <scene id="scene3" height="230">
    <label t="translate(0,225)">
    <tspan x="0" y="0em">A few months later</tspan>
    </label>
    <actor t="translate(209,4) rotate(2)" pose="-41,48|-10,105|0,88|0,78|0,68|0,48|-5,23|-10,-2|5,23|10,-2|-11,70|-4,54|17,86|-4,110">
    <bubble t="translate(-2,-9)" pose="0,0|-13,24|-29,52|-86,-4|-99,79|-165,70">
    <tspan x="0" y="-1em">hey! I've finally done it</tspan>
    <tspan x="0" y="1em">Now I just wonder</tspan>
    <tspan x="0" y="2em">how many collective</tspan>
    <tspan x="0" y="3em" fill="red">work hours</tspan>
    <tspan x="0" y="4em" fill="red">will be wasted</tspan>
    <tspan x="0" y="5em" fill="red">when I publish it</tspan>
    </bubble>
    </actor>
    </scene>

    <scene id="scene4" width="300" height="98" margin-y="3" frame="no">
    <label t="translate(28,88)" pose="0,0|1,-9">
    <tspan x="0" y="0em">~ comix markup</tspan>
    <tspan x="0" y="1em">~ can be mixed with HTML</tspan>
    <tspan x="0" y="2em">~ WYSIWYG editor</tspan>
    <tspan x="0" y="3em">~ open-source</tspan>
    <tspan x="0" y="4em">~ backed by </tspan><tspan fill="blue">gist.github.com</tspan>
    </label>
    <actor t="translate(192,29)" pose="73,-56|69,46|73,34|93,22|81,12|82,1|66,-10|63,-39|79,-16|92,-30|63,19|42,19|65,11|40,6">
    </actor>
    </scene>

    </div></body>
    </actor>
    </scene>
  3. @darwin darwin revised this gist Feb 16, 2013. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -5,7 +5,7 @@
    <body>
    <scene id="scene1">
    <label t="translate(0,346)">
    <tspan x="0" y="0em">Comix Sample</tspan>
    <tspan x="0" y="0em">A Comix Sample</tspan>
    </label>
    <actor t="translate(131,49)" pose="-11,9|-5,117|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,79|-18,59|-6,79|-1,59">
    <bubble pose="0,0|-20,10|-81,49|22,44|-17,87|-64,102">
  4. @darwin darwin created this gist Feb 12, 2013.
    15 changes: 15 additions & 0 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,15 @@
    <!DOCTYPE html>
    <meta charset="utf-8">
    <link rel="stylesheet" href="http://cmx.io/v/0.1/cmx.css"/>
    <script src="http://cmx.io/v/0.1/cmx.js"></script>
    <body>
    <scene id="scene1">
    <label t="translate(0,346)">
    <tspan x="0" y="0em">Comix Sample</tspan>
    </label>
    <actor t="translate(131,49)" pose="-11,9|-5,117|-11,99|-11,89|-11,79|-11,59|-16,34|-21,9|-6,34|-1,9|-18,79|-18,59|-6,79|-1,59">
    <bubble pose="0,0|-20,10|-81,49|22,44|-17,87|-64,102">
    <tspan x="0" y="0em">Hello World!</tspan>
    </bubble>
    </actor>
    </scene>