Agregar trabajo de circuitos 1

This commit is contained in:
2018-03-19 00:58:15 -04:00
parent 3b55470419
commit ab2ec4d5bd
19 changed files with 6780 additions and 3348 deletions

File diff suppressed because it is too large Load Diff

212
public_html/circuitos.html Normal file
View File

@@ -0,0 +1,212 @@
<!DOCTYPE HTML>
<!--
Highlights by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Trabajo de Circuitos</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
</head>
<body>
<!-- Header -->
<section id="header">
<header class="major">
<h1>Unidad 4</h1>
<p>Trabajo de Circuitos 1</p>
<p>Realizado por:</p>
<ul>
<li>Alejandro de Oliveira</li>
<li>Wolfang Torres</li>
</ul>
</header>
<div class="container">
<ul class="actions fit small">
<li>
<a href="#tema1" class="button fit small special scrolly">Corriente Alterna</a>
</li>
<li>
<a href="#tema2" class="button fit small special scrolly">Corriente Continua</a>
</li>
</ul>
<ul class="actions fit small">
<li>
<a href="#tema3" class="button fit small special scrolly">Bobinas</a>
</li>
<li>
<a href="#tema4" class="button fit small special scrolly">Condensadores</a>
</li>
</ul>
<ul class="actions fit small">
<li>
<a href="#tema5" class="button fit small special scrolly">Circuitos Transitorios (RL - RC - RLC)</a>
</li>
</ul>
</div>
</section>
<!-- tema 1 -->
<section id="tema1" class="main">
<div class="image primary">
<img src="images/circuitos11.jpg" />
</div>
<div class="container">
<div class="content">
<header class="major">
<h2>Corriente Alterna</h2>
</header>
<section>
</section>
</div>
</div>
</section>
<!-- tema 2 -->
<section id="tema2" class="main">
<div class="image primary">
<img src="images/circuitos03.jpg" />
</div>
<div class="container">
<div class="content">
<header class="major">
<h2>Corriente Continua</h2>
</header>
<section>
</section>
</div>
</div>
</section>
<!-- tema 3 -->
<section id="tema3" class="main">
<div class="image primary">
<img src="images/circuitos09.jpg" />
</div>
<div class="container">
<div class="content">
<header class="major">
<h2>Bobinas</h2>
</header>
<section>
</section>
</div>
</div>
</section>
<!-- tema 4 -->
<section id="tema4" class="main">
<div class="image primary">
<img src="images/circuitos02.jpg" />
</div>
<div class="container">
<div class="content">
<header class="major">
<h2>Condensadores</h2>
</header>
<section>
<header>
<h4>Definición</h4>
</header>
<p>Los Condensadores (también llamados Capacitores) son componentes que tienen la capacidad de almacenar
energía en forma de un campo eléctrico, son ampliamente utilizados en electricidad y electrónica
como unos de los componentes mas básicos en el diseño de circuitos</p>
<img class="symbol" src="images/condensadores01.jpg" height="120" />
<p>Idealmente tiene un Capacitancia (C) constante, medida en Faradios, que se define como la relación entre
la Carga (Q) en cada conductor sobre el Voltaje (V) entre ellos</p>
<img class="symbol" src="images/symbols/Capasitance_formula.svg" height="120" />
<header>
<h4>Construcción</h4>
</header>
<p>Los Condensadores están construidos, en su forma mas básica, por 2 placas conductoras paralelas, separadas
por un material dieléctrico o vacío, las placas paralelas pueden ser rectangulares, circulares, cilíndricas
y el dieléctrico puede vidrio, aire, papel, cerámica, aceite, etc.</p>
<img class="symbol" src="images/condensadores02.jpg" height="180" />
<header>
<h4>Funcionamiento</h4>
</header>
<p>Al ser sometidos an voltaje, los Capacitores almacenan electrones en uno de sus terminales, estas generan
un campo eléctrico que atraen cargas positivas al otro terminal y empujan las negativas al resto
del circuito. Estas ocurre hasta que la fuerza de repulsion entra las cargas del terminal negativo
se igualan al voltaje que las mantienen ahy, entonces el capacitor esta cargado y la corriente deja
de atravesarlo. Finalmente al desaparecer el voltaje la fuerza almacenada se libera empujando a los
electrones desde el terminal negativo al positivo.
</p>
<img class="symbol" src="images/condensadores03.gif" height="90" />
<p>Esto puede visualizarse de forma mas intuitiva con una analogía hidráulica: una tubería un un elástico
tapándola. El agua representa a los electrones, el elástico es el dieléctrico evitando que estos
lo atraviesen.
</p>
<header>
<h4>Corriente a través de un Capacitor </h4>
</header>
<p>Como podemos ver en la sección anterior, los Condensadores son elementos que se oponen a la variacion
de la tension. El voltaje generado por el componente siempre esta en contra del voltaje que lo causa
y es proporcional a este, y una ves que se cargan no permiten el paso de la corriente.
</p>
<p>Ya que ninguna carga puede atravesar el dieléctrico, la corriente que atraviesa al condensador es la
medida de electrones desplazados del terminal positivo causado por los electrones que llegan hasta
el terminal negativo. Asi que conociendo la Capacitancia de un Condensador y el Voltaje al que esta
sometido en un momento especifico, se puede calcular la corriente en ese momento:</p>
<img class="symbol" src="images/symbols/Current_on_capasitor.svg" height="100" />
</section>
</div>
</div>
</section>
<!-- tema 5 -->
<section id="tema5" class="main">
<div class="image primary">
<img src="images/circuitos10.jpg" />
</div>
<div class="container">
<div class="content">
<header class="major">
<h2>Circuitos Transitorios</h2>
</header>
<section>
<header class="major">
<h3>Circuitos Transitorios</h3>
</header>
</section>
</div>
</div>
</section>
<!-- Footer -->
<section id="footer">
<footer>
<ul class="copyright">
<li>&copy; Wolfang Torres & Alejandro de Oliveira</li>
<li>Diseño original:
<a href="http://html5up.net">HTML5 UP</a>
</li>
</ul>
</footer>
</section>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>

View File

@@ -5,7 +5,8 @@
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<head>
<title>Wolfang Torres's personal page</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -13,8 +14,9 @@
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
</head>
<body>
</head>
<body>
<section id="four" class="main">
<div class="container">
<div class="content">
@@ -23,20 +25,21 @@
</header>
<section>
<h4>Text</h4>
<p>This is <b>bold</b> and this is <strong>strong</strong>. This is <i>italic</i> and this is <em>emphasized</em>.
This is <sup>superscript</sup> text and this is <sub>subscript</sub> text.
This is <u>underlined</u> and this is code: <code>for (;;) { ... }</code>. Finally, <a href="#">this is a link</a>.</p>
<p>This is <b>bold</b> and this is <strong>strong</strong>. This is <i>italic</i> and this is <em>emphasized</em>. This is <sup>superscript</sup> text and this is <sub>subscript</sub> text. This is <u>underlined</u> and this is code:
<code>for (;;) { ... }</code>. Finally, <a href="#">this is a link</a>.</p>
<hr />
<header>
<h4>Heading with a Subtitle</h4>
<p>Lorem ipsum dolor sit amet nullam id egestas urna aliquam</p>
</header>
<p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.</p>
<p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in
adipiscing blandit tempus accumsan.</p>
<header>
<h5>Heading with a Subtitle</h5>
<p>Lorem ipsum dolor sit amet nullam id egestas urna aliquam</p>
</header>
<p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.</p>
<p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in
adipiscing blandit tempus accumsan.</p>
<hr />
<h2>Heading Level 2</h2>
<h3>Heading Level 3</h3>
@@ -45,24 +48,22 @@
<h6>Heading Level 6</h6>
<hr />
<h5>Blockquote</h5>
<blockquote>Fringilla nisl.
Donec accumsan interdum nisi, quis tincidunt felis
sagittis eget tempus euismod. Vestibulum ante ipsum
primis in faucibus vestibulum. Blandit adipiscing eu
felis iaculis volutpat ac adipiscing accumsan
faucibus. Vestibulum ante ipsum primis in faucibus
lorem ipsum dolor sit amet nullam adipiscing eu
felis.</blockquote>
<blockquote>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum
ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.
</blockquote>
<h5>Preformatted</h5>
<pre><code>i = 0;
<pre>
<code>
i = 0;
while (!deck.isInOrder()) {
print 'Iteration ' + i;
deck.shuffle();
i++;
}
while (!deck.isInOrder()) {
print 'Iteration ' + i;
deck.shuffle();
i++;
}
print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
print 'It took ' + i + ' iterations to sort the deck.';
</code>
</pre>
</section>
<section>
@@ -315,6 +316,41 @@
</form>
</section>
<section>
<h4>Image</h4>
<h5>Fit</h5>
<div class="box alt">
<div class="row uniform 50%">
<div class="12u"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
</div>
</div>
<h5>Left &amp; Right</h5>
<p><span class="image left"><img src="images/pic05.jpg" alt="" /></span>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing
eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis
volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing
eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis
volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.</p>
<p><span class="image right"><img src="images/pic05.jpg" alt="" /></span>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing
eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis
volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing
eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis
volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.</p>
</section>
</div>
<a href="#footer" class="goto-next scrolly">Next</a>
</div>
</section>
<!-- Three -->
<section id="three" class="main special">
<div class="container">
@@ -347,33 +383,6 @@
</div>
</section>
<section>
<h4>Image</h4>
<h5>Fit</h5>
<div class="box alt">
<div class="row uniform 50%">
<div class="12u"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/pic04.jpg" alt="" /></span></div>
</div>
</div>
<h5>Left &amp; Right</h5>
<p><span class="image left"><img src="images/pic05.jpg" alt="" /></span>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.</p>
<p><span class="image right"><img src="images/pic05.jpg" alt="" /></span>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent.</p>
</section>
</div>
<a href="#footer" class="goto-next scrolly">Next</a>
</div>
</section>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
@@ -383,5 +392,4 @@
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 140 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 354 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 628 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 331 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 288 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 314 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 588 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 121 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 61 KiB

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 57 KiB

View File

@@ -0,0 +1,20 @@
<svg xmlns:xlink="http://www.w3.org/1999/xlink" width="7.539ex" height="5.509ex" style="vertical-align: -2.005ex;" viewBox="0 -1508.9 3246.1 2372" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" aria-labelledby="MathJax-SVG-1-Title">
<title id="MathJax-SVG-1-Title">{\displaystyle C={\frac {Q}{V}}}</title>
<defs aria-hidden="true">
<path stroke-width="1" id="E1-MJMATHI-43" d="M50 252Q50 367 117 473T286 641T490 704Q580 704 633 653Q642 643 648 636T656 626L657 623Q660 623 684 649Q691 655 699 663T715 679T725 690L740 705H746Q760 705 760 698Q760 694 728 561Q692 422 692 421Q690 416 687 415T669 413H653Q647 419 647 422Q647 423 648 429T650 449T651 481Q651 552 619 605T510 659Q484 659 454 652T382 628T299 572T226 479Q194 422 175 346T156 222Q156 108 232 58Q280 24 350 24Q441 24 512 92T606 240Q610 253 612 255T628 257Q648 257 648 248Q648 243 647 239Q618 132 523 55T319 -22Q206 -22 128 53T50 252Z"></path>
<path stroke-width="1" id="E1-MJMAIN-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path>
<path stroke-width="1" id="E1-MJMATHI-51" d="M399 -80Q399 -47 400 -30T402 -11V-7L387 -11Q341 -22 303 -22Q208 -22 138 35T51 201Q50 209 50 244Q50 346 98 438T227 601Q351 704 476 704Q514 704 524 703Q621 689 680 617T740 435Q740 255 592 107Q529 47 461 16L444 8V3Q444 2 449 -24T470 -66T516 -82Q551 -82 583 -60T625 -3Q631 11 638 11Q647 11 649 2Q649 -6 639 -34T611 -100T557 -165T481 -194Q399 -194 399 -87V-80ZM636 468Q636 523 621 564T580 625T530 655T477 665Q429 665 379 640Q277 591 215 464T153 216Q153 110 207 59Q231 38 236 38V46Q236 86 269 120T347 155Q372 155 390 144T417 114T429 82T435 55L448 64Q512 108 557 185T619 334T636 468ZM314 18Q362 18 404 39L403 49Q399 104 366 115Q354 117 347 117Q344 117 341 117T337 118Q317 118 296 98T274 52Q274 18 314 18Z"></path>
<path stroke-width="1" id="E1-MJMATHI-56" d="M52 648Q52 670 65 683H76Q118 680 181 680Q299 680 320 683H330Q336 677 336 674T334 656Q329 641 325 637H304Q282 635 274 635Q245 630 242 620Q242 618 271 369T301 118L374 235Q447 352 520 471T595 594Q599 601 599 609Q599 633 555 637Q537 637 537 648Q537 649 539 661Q542 675 545 679T558 683Q560 683 570 683T604 682T668 681Q737 681 755 683H762Q769 676 769 672Q769 655 760 640Q757 637 743 637Q730 636 719 635T698 630T682 623T670 615T660 608T652 599T645 592L452 282Q272 -9 266 -16Q263 -18 259 -21L241 -22H234Q216 -22 216 -15Q213 -9 177 305Q139 623 138 626Q133 637 76 637H59Q52 642 52 648Z"></path>
</defs>
<g stroke="currentColor" fill="currentColor" stroke-width="0" transform="matrix(1 0 0 -1 0 0)" aria-hidden="true">
<use xlink:href="#E1-MJMATHI-43" x="0" y="0"></use>
<use xlink:href="#E1-MJMAIN-3D" x="1038" y="0"></use>
<g transform="translate(2094,0)">
<g transform="translate(120,0)">
<rect stroke="none" width="911" height="60" x="0" y="220"></rect>
<use xlink:href="#E1-MJMATHI-51" x="60" y="714"></use>
<use xlink:href="#E1-MJMATHI-56" x="71" y="-704"></use>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

View File

@@ -0,0 +1,55 @@
<svg xmlns:xlink="http://www.w3.org/1999/xlink" width="24.965ex" height="5.843ex" style="vertical-align: -2.005ex;" viewBox="0 -1652.5 10748.6 2515.6" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" aria-labelledby="MathJax-SVG-1-Title">
<title id="MathJax-SVG-1-Title">{\displaystyle I(t)={\frac {\mathrm {d} Q(t)}{\mathrm {d} t}}=C{\frac {\mathrm {d} V(t)}{\mathrm {d} t}}}</title>
<defs aria-hidden="true">
<path stroke-width="1" id="E1-MJMATHI-49" d="M43 1Q26 1 26 10Q26 12 29 24Q34 43 39 45Q42 46 54 46H60Q120 46 136 53Q137 53 138 54Q143 56 149 77T198 273Q210 318 216 344Q286 624 286 626Q284 630 284 631Q274 637 213 637H193Q184 643 189 662Q193 677 195 680T209 683H213Q285 681 359 681Q481 681 487 683H497Q504 676 504 672T501 655T494 639Q491 637 471 637Q440 637 407 634Q393 631 388 623Q381 609 337 432Q326 385 315 341Q245 65 245 59Q245 52 255 50T307 46H339Q345 38 345 37T342 19Q338 6 332 0H316Q279 2 179 2Q143 2 113 2T65 2T43 1Z"></path>
<path stroke-width="1" id="E1-MJMAIN-28" d="M94 250Q94 319 104 381T127 488T164 576T202 643T244 695T277 729T302 750H315H319Q333 750 333 741Q333 738 316 720T275 667T226 581T184 443T167 250T184 58T225 -81T274 -167T316 -220T333 -241Q333 -250 318 -250H315H302L274 -226Q180 -141 137 -14T94 250Z"></path>
<path stroke-width="1" id="E1-MJMATHI-74" d="M26 385Q19 392 19 395Q19 399 22 411T27 425Q29 430 36 430T87 431H140L159 511Q162 522 166 540T173 566T179 586T187 603T197 615T211 624T229 626Q247 625 254 615T261 596Q261 589 252 549T232 470L222 433Q222 431 272 431H323Q330 424 330 420Q330 398 317 385H210L174 240Q135 80 135 68Q135 26 162 26Q197 26 230 60T283 144Q285 150 288 151T303 153H307Q322 153 322 145Q322 142 319 133Q314 117 301 95T267 48T216 6T155 -11Q125 -11 98 4T59 56Q57 64 57 83V101L92 241Q127 382 128 383Q128 385 77 385H26Z"></path>
<path stroke-width="1" id="E1-MJMAIN-29" d="M60 749L64 750Q69 750 74 750H86L114 726Q208 641 251 514T294 250Q294 182 284 119T261 12T224 -76T186 -143T145 -194T113 -227T90 -246Q87 -249 86 -250H74Q66 -250 63 -250T58 -247T55 -238Q56 -237 66 -225Q221 -64 221 250T66 725Q56 737 55 738Q55 746 60 749Z"></path>
<path stroke-width="1" id="E1-MJMAIN-3D" d="M56 347Q56 360 70 367H707Q722 359 722 347Q722 336 708 328L390 327H72Q56 332 56 347ZM56 153Q56 168 72 173H708Q722 163 722 153Q722 140 707 133H70Q56 140 56 153Z"></path>
<path stroke-width="1" id="E1-MJMAIN-64" d="M376 495Q376 511 376 535T377 568Q377 613 367 624T316 637H298V660Q298 683 300 683L310 684Q320 685 339 686T376 688Q393 689 413 690T443 693T454 694H457V390Q457 84 458 81Q461 61 472 55T517 46H535V0Q533 0 459 -5T380 -11H373V44L365 37Q307 -11 235 -11Q158 -11 96 50T34 215Q34 315 97 378T244 442Q319 442 376 393V495ZM373 342Q328 405 260 405Q211 405 173 369Q146 341 139 305T131 211Q131 155 138 120T173 59Q203 26 251 26Q322 26 373 103V342Z"></path>
<path stroke-width="1" id="E1-MJMATHI-51" d="M399 -80Q399 -47 400 -30T402 -11V-7L387 -11Q341 -22 303 -22Q208 -22 138 35T51 201Q50 209 50 244Q50 346 98 438T227 601Q351 704 476 704Q514 704 524 703Q621 689 680 617T740 435Q740 255 592 107Q529 47 461 16L444 8V3Q444 2 449 -24T470 -66T516 -82Q551 -82 583 -60T625 -3Q631 11 638 11Q647 11 649 2Q649 -6 639 -34T611 -100T557 -165T481 -194Q399 -194 399 -87V-80ZM636 468Q636 523 621 564T580 625T530 655T477 665Q429 665 379 640Q277 591 215 464T153 216Q153 110 207 59Q231 38 236 38V46Q236 86 269 120T347 155Q372 155 390 144T417 114T429 82T435 55L448 64Q512 108 557 185T619 334T636 468ZM314 18Q362 18 404 39L403 49Q399 104 366 115Q354 117 347 117Q344 117 341 117T337 118Q317 118 296 98T274 52Q274 18 314 18Z"></path>
<path stroke-width="1" id="E1-MJMATHI-43" d="M50 252Q50 367 117 473T286 641T490 704Q580 704 633 653Q642 643 648 636T656 626L657 623Q660 623 684 649Q691 655 699 663T715 679T725 690L740 705H746Q760 705 760 698Q760 694 728 561Q692 422 692 421Q690 416 687 415T669 413H653Q647 419 647 422Q647 423 648 429T650 449T651 481Q651 552 619 605T510 659Q484 659 454 652T382 628T299 572T226 479Q194 422 175 346T156 222Q156 108 232 58Q280 24 350 24Q441 24 512 92T606 240Q610 253 612 255T628 257Q648 257 648 248Q648 243 647 239Q618 132 523 55T319 -22Q206 -22 128 53T50 252Z"></path>
<path stroke-width="1" id="E1-MJMATHI-56" d="M52 648Q52 670 65 683H76Q118 680 181 680Q299 680 320 683H330Q336 677 336 674T334 656Q329 641 325 637H304Q282 635 274 635Q245 630 242 620Q242 618 271 369T301 118L374 235Q447 352 520 471T595 594Q599 601 599 609Q599 633 555 637Q537 637 537 648Q537 649 539 661Q542 675 545 679T558 683Q560 683 570 683T604 682T668 681Q737 681 755 683H762Q769 676 769 672Q769 655 760 640Q757 637 743 637Q730 636 719 635T698 630T682 623T670 615T660 608T652 599T645 592L452 282Q272 -9 266 -16Q263 -18 259 -21L241 -22H234Q216 -22 216 -15Q213 -9 177 305Q139 623 138 626Q133 637 76 637H59Q52 642 52 648Z"></path>
</defs>
<g stroke="currentColor" fill="currentColor" stroke-width="0" transform="matrix(1 0 0 -1 0 0)" aria-hidden="true">
<use xlink:href="#E1-MJMATHI-49" x="0" y="0"></use>
<use xlink:href="#E1-MJMAIN-28" x="504" y="0"></use>
<use xlink:href="#E1-MJMATHI-74" x="894" y="0"></use>
<use xlink:href="#E1-MJMAIN-29" x="1255" y="0"></use>
<use xlink:href="#E1-MJMAIN-3D" x="1922" y="0"></use>
<g transform="translate(2979,0)">
<g transform="translate(120,0)">
<rect stroke="none" width="2608" height="60" x="0" y="220"></rect>
<g transform="translate(60,770)">
<use xlink:href="#E1-MJMAIN-64" x="0" y="0"></use>
<use xlink:href="#E1-MJMATHI-51" x="556" y="0"></use>
<use xlink:href="#E1-MJMAIN-28" x="1348" y="0"></use>
<use xlink:href="#E1-MJMATHI-74" x="1737" y="0"></use>
<use xlink:href="#E1-MJMAIN-29" x="2099" y="0"></use>
</g>
<g transform="translate(845,-716)">
<use xlink:href="#E1-MJMAIN-64" x="0" y="0"></use>
<use xlink:href="#E1-MJMATHI-74" x="556" y="0"></use>
</g>
</g>
</g>
<use xlink:href="#E1-MJMAIN-3D" x="6105" y="0"></use>
<use xlink:href="#E1-MJMATHI-43" x="7161" y="0"></use>
<g transform="translate(7922,0)">
<g transform="translate(120,0)">
<rect stroke="none" width="2586" height="60" x="0" y="220"></rect>
<g transform="translate(60,770)">
<use xlink:href="#E1-MJMAIN-64" x="0" y="0"></use>
<use xlink:href="#E1-MJMATHI-56" x="556" y="0"></use>
<use xlink:href="#E1-MJMAIN-28" x="1326" y="0"></use>
<use xlink:href="#E1-MJMATHI-74" x="1715" y="0"></use>
<use xlink:href="#E1-MJMAIN-29" x="2077" y="0"></use>
</g>
<g transform="translate(834,-716)">
<use xlink:href="#E1-MJMAIN-64" x="0" y="0"></use>
<use xlink:href="#E1-MJMATHI-74" x="556" y="0"></use>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.3 KiB

View File

@@ -5,7 +5,8 @@
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<head>
<title>Wolfang Torres</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -13,8 +14,9 @@
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
</head>
<body>
</head>
<body>
<!-- Header -->
<section id="header">
@@ -33,6 +35,9 @@
<!-- datasheet -->
<section id="datasheet" class="main">
<div class="image primary">
<img src="images/img01.jpg" />
</div>
<div class="container">
<div class="content">
<header class="major">
@@ -42,9 +47,7 @@
<div class="12u 12u$(medium)">
<h5>Description</h5>
<p>
A Mechatronics Engineer student and self-taught
Freelancer Programmer, experienced in developing
Administrative Software. You can also read my
A Mechatronics Engineer student and self-taught Freelancer Programmer, experienced in developing Administrative Software. You can also read my
<a href="resume.pdf">Resume</a>.
</p>
</div>
@@ -118,9 +121,7 @@
<tr>
<td>Other Languages</td>
<td>
Python, HaxeFlixel, MySQL, HTML, CSS, JavaScript, XML, XSLT, Django, Flask,
Linux, Bluemix, Gnome, PostgreSQL, SQL Server, ActionScript 3, Java, C, C++/CLI,
Flixel, Tkinter, GTK3+, Arduino, FreeCAD...
Python, HaxeFlixel, MySQL, HTML, CSS, JavaScript, XML, XSLT, Django, Flask, Linux, Bluemix, Gnome, PostgreSQL, SQL Server, ActionScript 3, Java, C, C++/CLI, Flixel, Tkinter, GTK3+, Arduino, FreeCAD...
</td>
</tr>
</tbody>
@@ -132,6 +133,9 @@ Flixel, Tkinter, GTK3+, Arduino, FreeCAD...
<!-- log -->
<section id="log" class="main">
<div class="image primary">
<img src="images/circuitos02.jpg" />
</div>
<div class="container">
<div class="content">
<header class="major">
@@ -142,12 +146,8 @@ Flixel, Tkinter, GTK3+, Arduino, FreeCAD...
<img src="images/sahm.ico" alt="" />
</span>
<h5>SAHM</h5>
A minimalist and simple to use system for the creation
and administration of medical records, developed in
Python3 and MySQL. It allow medical staff without
familiarity with computers to easily read and store
the medical information of their patients and print
their indications.
A minimalist and simple to use system for the creation and administration of medical records, developed in Python3 and MySQL. It allow medical staff without familiarity with computers to easily read and store the medical information of their patients
and print their indications.
</p>
<div class="12u">
<span class="image fit"><img src="images/sahm01.jpg" alt="" /></span>
@@ -157,11 +157,7 @@ Flixel, Tkinter, GTK3+, Arduino, FreeCAD...
<img src="images/scet.ico" alt="" />
</span>
<h5>SCET</h5>
A nice looking tool to control the workings of
any kind of workshop, it can control incoming products
for repair an maintenance, which technicians works on
them, with tools and resources are used and where
are they stored, developed in Python3 and MySQL.
A nice looking tool to control the workings of any kind of workshop, it can control incoming products for repair an maintenance, which technicians works on them, with tools and resources are used and where are they stored, developed in Python3 and MySQL.
</p>
<div class="12u">
<span class="image fit"><img src="images/scet01.jpg" alt="" /></span>
@@ -171,8 +167,7 @@ Flixel, Tkinter, GTK3+, Arduino, FreeCAD...
<img src="images/calabozo.png" alt="" />
</span>
<h5><a href="http://www.newgrounds.com/portal/view/664563">Calabozo</a></h5>
A small flash game about being sad inside of a dungeon,
build in a couple of days using AS3 and flixel.
A small flash game about being sad inside of a dungeon, build in a couple of days using AS3 and flixel.
</p>
<div class="row uniform 50%">
<div class="12u"><span class="image fit"><img src="images/calabozo01.jpg" alt="" /></span></div>
@@ -229,5 +224,6 @@ Flixel, Tkinter, GTK3+, Arduino, FreeCAD...
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</body>
</html>