update index
This commit is contained in:
Wolfang Torres
232
index.html
232
index.html
@@ -1,4 +1,4 @@
|
|||||||
<!DOCTYPE HTML>
|
<!doctype html>
|
||||||
<!--
|
<!--
|
||||||
Highlights by HTML5 UP
|
Highlights by HTML5 UP
|
||||||
html5up.net | @ajlkn
|
html5up.net | @ajlkn
|
||||||
@@ -8,23 +8,48 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>Wolfang Torres</title>
|
<title>Wolfang Torres</title>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
<meta
|
||||||
|
name="viewport"
|
||||||
|
content="width=device-width, initial-scale=1, user-scalable=no"
|
||||||
|
/>
|
||||||
<link rel="stylesheet" href="assets/css/main.css" />
|
<link rel="stylesheet" href="assets/css/main.css" />
|
||||||
<link rel="shortcut icon" href="favicon.ico" />
|
<link rel="shortcut icon" href="favicon.ico" />
|
||||||
</head>
|
</head>
|
||||||
<body class="is-preload">
|
<body class="is-preload">
|
||||||
|
|
||||||
<!-- Header -->
|
<!-- Header -->
|
||||||
<section id="header">
|
<section id="header">
|
||||||
<header class="major">
|
<header class="major">
|
||||||
<h1>Wolfang Torres</h1>
|
<h1>Wolfang Torres</h1>
|
||||||
<p>Electrical Engineer, Freelancer Programmer, Mechatronics, Computer Networking</p>
|
<p>
|
||||||
|
Electrical Engineer, Freelancer Programmer, Mechatronics, Computer
|
||||||
|
Networking
|
||||||
|
</p>
|
||||||
</header>
|
</header>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<ul class="actions special">
|
<ul class="actions special">
|
||||||
<li><a href="#datasheet" class="button fit small special scrolly">Datasheet</a></li>
|
<li>
|
||||||
<li><a href="#log" class="button fit small special scrolly">Log</a></li>
|
<a href="#datasheet" class="button fit small special scrolly"
|
||||||
<li><a href="#footer" class="button fit small special scrolly">Contact</a></li>
|
>Datasheet</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#log" class="button fit small special scrolly">Log</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#footer" class="button fit small special scrolly"
|
||||||
|
>Contact</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="squash" class="button fit small special scrolly"
|
||||||
|
>Squash!</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="hsk" class="button fit small special scrolly"
|
||||||
|
>HSK Card Creator</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@@ -32,18 +57,20 @@
|
|||||||
<!-- datasheet -->
|
<!-- datasheet -->
|
||||||
<section id="datasheet" class="main special">
|
<section id="datasheet" class="main special">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<span class="image fit primary"><img src="images/img01.jpg" alt="" /></span>
|
<span class="image fit primary"
|
||||||
|
><img src="images/img01.jpg" alt=""
|
||||||
|
/></span>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<header class="major">
|
<header class="major">
|
||||||
<h2>Datasheet</h2>
|
<h2>Datasheet</h2>
|
||||||
</header>
|
</header>
|
||||||
<a href="squash">Squash the Creeps!</a>
|
|
||||||
<h5>Description</h5>
|
<h5>Description</h5>
|
||||||
<p>
|
<p>
|
||||||
An Electrical Engineer, CCNA certificate, self-taught Freelancer Programmer, Mechatronics and 3D Printing
|
An Electrical Engineer, CCNA certificate, self-taught Freelancer
|
||||||
enthusiast. Experienced in developing and shipping Web Apps and Administrative Software.
|
Programmer, Mechatronics and 3D Printing enthusiast. Experienced in
|
||||||
Passionate with writing Elegant Code and building Automatic Machines in my workshop.
|
developing and shipping Web Apps and Administrative Software.
|
||||||
You can also read my
|
Passionate with writing Elegant Code and building Automatic Machines
|
||||||
|
in my workshop. You can also read my
|
||||||
<a href="resume.pdf">Resume</a>.
|
<a href="resume.pdf">Resume</a>.
|
||||||
</p>
|
</p>
|
||||||
<h5>Schematics</h5>
|
<h5>Schematics</h5>
|
||||||
@@ -51,13 +78,13 @@
|
|||||||
<img src="images/schematics.jpg" alt="schematics" />
|
<img src="images/schematics.jpg" alt="schematics" />
|
||||||
</span>
|
</span>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-6 col-12-medium">
|
<div class="col-6173:7 col-12-medium">
|
||||||
<h5>Applications</h5>
|
<h5>Applications</h5>
|
||||||
<ul class="alt">
|
<ul class="alt">
|
||||||
<li>Python lover, both in Desktop and Server</li>
|
<li>Python lover, both in Desktop and Server</li>
|
||||||
<li>Web enthusiat, HTML, CSS, XML, XSL...</li>
|
<li>Web enthusiat, HTML, CSS, XML, XSL...</li>
|
||||||
<li>Games Dev. for Haxeflixel, AS3 and the like</li>
|
<li>Games Dev. for Haxeflixel, AS3 and the like</li>
|
||||||
</ou>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-6 col-12-medium">
|
<div class="col-6 col-12-medium">
|
||||||
<h5>Features</h5>
|
<h5>Features</h5>
|
||||||
@@ -73,7 +100,9 @@
|
|||||||
<div class="col-12 col-12-medium">
|
<div class="col-12 col-12-medium">
|
||||||
<h5>Extras</h5>
|
<h5>Extras</h5>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Electronics and Robotics, love to make stuff in my workshop</li>
|
<li>
|
||||||
|
Electronics and Robotics, love to make stuff in my workshop
|
||||||
|
</li>
|
||||||
<li>Linux PowerUser, and general Open-Source lover</li>
|
<li>Linux PowerUser, and general Open-Source lover</li>
|
||||||
<li>Have my own dedicated WebServer! (refurbished old pc)</li>
|
<li>Have my own dedicated WebServer! (refurbished old pc)</li>
|
||||||
<li>Very Experienced in Networking, Cisco Certified CCNA</li>
|
<li>Very Experienced in Networking, Cisco Certified CCNA</li>
|
||||||
@@ -87,7 +116,9 @@
|
|||||||
<!-- Reference -->
|
<!-- Reference -->
|
||||||
<section id="reference" class="main special">
|
<section id="reference" class="main special">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<span class="image fit primary"><img src="images/img02.jpg" alt="" /></span>
|
<span class="image fit primary"
|
||||||
|
><img src="images/img02.jpg" alt=""
|
||||||
|
/></span>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<header class="major">
|
<header class="major">
|
||||||
<h2>Quick Reference Data</h2>
|
<h2>Quick Reference Data</h2>
|
||||||
@@ -142,7 +173,10 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td>Other Languages</td>
|
<td>Other Languages</td>
|
||||||
<td>
|
<td>
|
||||||
Python, HaxeFlixel, MySQL, HTML, CSS, JavaScript, XML, XSLT, Django, Flask, React, 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, React, Linux, Bluemix, Gnome, PostgreSQL, SQL
|
||||||
|
Server, ActionScript 3, Java, C, C++/CLI, Flixel, Tkinter,
|
||||||
|
GTK3+, Arduino, FreeCAD...
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
@@ -155,79 +189,129 @@
|
|||||||
<!-- log -->
|
<!-- log -->
|
||||||
<section id="log" class="main special">
|
<section id="log" class="main special">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<span class="image fit primary"><img src="images/img03.jpg" alt="" /></span>
|
<span class="image fit primary"
|
||||||
|
><img src="images/img03.jpg" alt=""
|
||||||
|
/></span>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<header class="major">
|
<header class="major">
|
||||||
<h2>Log of Activities</h2>
|
<h2>Log of Activities</h2>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<p>
|
<div>
|
||||||
<span class="image left">
|
<span class="image left">
|
||||||
<img src="images/gtotrainer_logo.png" alt="" />
|
<img src="images/gtotrainer_logo.png" alt="" />
|
||||||
</span>
|
</span>
|
||||||
<h3><a href="https://www.gtotrainer.com/">GTO Trainer</a></h3>
|
<h3><a href="https://www.gtotrainer.com/">GTO Trainer</a></h3>
|
||||||
Acted as the main developer, taking the role of Frontend and Backend developer, DevOps and SysAdmin,
|
<p>
|
||||||
and also coordinated a small group (2-3) of developers, for a complex webapp geared toward providing
|
Acted as the main developer, taking the role of Frontend and
|
||||||
access to training tools for professional poker players using a subscription based monetization model.
|
Backend developer, DevOps and SysAdmin, and also coordinated a
|
||||||
|
small group (2-3) of developers, for a complex webapp geared
|
||||||
|
toward providing access to training tools for professional poker
|
||||||
|
players using a subscription based monetization model.
|
||||||
</p>
|
</p>
|
||||||
|
</div>
|
||||||
<div class="12u">
|
<div class="12u">
|
||||||
<span class="image fit"><img src="images/gtotrainer.png" alt="" /></span>
|
<span class="image fit"
|
||||||
|
><img src="images/gtotrainer.png" alt=""
|
||||||
|
/></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p>
|
<div>
|
||||||
<!-- <span class="image left">
|
<!-- <span class="image left">
|
||||||
<img src="images/gtotrainer_logo.png" alt="" />
|
<img src="images/gtotrainer_logo.png" alt="" />
|
||||||
</span> -->
|
</span> -->
|
||||||
<h3>Development of Custom 3D Printer</h3>
|
<h3>Development of Custom 3D Printer</h3>
|
||||||
Designed and built a custom cartesian 3D printer (I3 style), using recycled and custom parts, running a
|
<p>
|
||||||
custom version of the industry standard Marlin Firmware i modified to compile for an unsupported
|
Designed and built a custom cartesian 3D printer (I3 style), using
|
||||||
microprocessor (Atmega1281).
|
recycled and custom parts, running a custom version of the
|
||||||
|
industry standard Marlin Firmware i modified to compile for an
|
||||||
|
unsupported microprocessor (Atmega1281).
|
||||||
</p>
|
</p>
|
||||||
|
</div>
|
||||||
<div class="12u">
|
<div class="12u">
|
||||||
<span class="image fit"><img src="images/printer_1.png" alt="" /></span>
|
<span class="image fit"
|
||||||
|
><img src="images/printer_1.png" alt=""
|
||||||
|
/></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p>
|
<div>
|
||||||
<span class="image left">
|
<span class="image left">
|
||||||
<img src="images/sahm.ico" alt="" />
|
<img src="images/sahm.ico" alt="" />
|
||||||
</span>
|
</span>
|
||||||
<h3>SAHM</h3>
|
<h3>SAHM</h3>
|
||||||
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
|
<p>
|
||||||
|
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.
|
and print their indications.
|
||||||
</p>
|
</p>
|
||||||
|
</div>
|
||||||
<div class="12u">
|
<div class="12u">
|
||||||
<span class="image fit"><img src="images/sahm01.jpg" alt="" /></span>
|
<span class="image fit"
|
||||||
|
><img src="images/sahm01.jpg" alt=""
|
||||||
|
/></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p>
|
<div>
|
||||||
<span class="image right">
|
<span class="image right">
|
||||||
<img src="images/scet.ico" alt="" />
|
<img src="images/scet.ico" alt="" />
|
||||||
</span>
|
</span>
|
||||||
<h3>SCET</h3>
|
<h3>SCET</h3>
|
||||||
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>
|
||||||
|
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>
|
</p>
|
||||||
|
</div>
|
||||||
<div class="12u">
|
<div class="12u">
|
||||||
<span class="image fit"><img src="images/scet01.jpg" alt="" /></span>
|
<span class="image fit"
|
||||||
|
><img src="images/scet01.jpg" alt=""
|
||||||
|
/></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p>
|
<div>
|
||||||
<span class="image left">
|
<span class="image left">
|
||||||
<img src="images/calabozo.png" alt="" />
|
<img src="images/calabozo.png" alt="" />
|
||||||
</span>
|
</span>
|
||||||
<h3><a href="http://www.newgrounds.com/portal/view/664563">Calabozo</a></h3>
|
<h3>
|
||||||
A small flash game about being sad inside of a dungeon, build in a couple of days using AS3 and flixel.
|
<a href="http://www.newgrounds.com/portal/view/664563"
|
||||||
|
>Calabozo</a
|
||||||
|
>
|
||||||
|
</h3>
|
||||||
|
<p>
|
||||||
|
A small flash game about being sad inside of a dungeon, build in a
|
||||||
|
couple of days using AS3 and flixel.
|
||||||
</p>
|
</p>
|
||||||
|
</div>
|
||||||
<div class="row uniform 50%">
|
<div class="row uniform 50%">
|
||||||
<div class="12u"><span class="image fit"><img src="images/calabozo01.jpg" alt="" /></span></div>
|
<div class="12u">
|
||||||
<div class="4u"><span class="image fit"><img src="images/calabozo03.jpg" alt="" /></span></div>
|
<span class="image fit"
|
||||||
<div class="4u"><span class="image fit"><img src="images/calabozo02.jpg" alt="" /></span></div>
|
><img src="images/calabozo01.jpg" alt=""
|
||||||
<div class="4u"><span class="image fit"><img src="images/calabozo04.jpg" alt="" /></span></div>
|
/></span>
|
||||||
|
</div>
|
||||||
|
<div class="4u">
|
||||||
|
<span class="image fit"
|
||||||
|
><img src="images/calabozo03.jpg" alt=""
|
||||||
|
/></span>
|
||||||
|
</div>
|
||||||
|
<div class="4u">
|
||||||
|
<span class="image fit"
|
||||||
|
><img src="images/calabozo02.jpg" alt=""
|
||||||
|
/></span>
|
||||||
|
</div>
|
||||||
|
<div class="4u">
|
||||||
|
<span class="image fit"
|
||||||
|
><img src="images/calabozo04.jpg" alt=""
|
||||||
|
/></span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
<section id="footer">
|
<section id="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
@@ -236,12 +320,25 @@
|
|||||||
</header>
|
</header>
|
||||||
<form method="POST" action="https://formspree.io/f/mjvdgdov">
|
<form method="POST" action="https://formspree.io/f/mjvdgdov">
|
||||||
<div class="row gtr-uniform">
|
<div class="row gtr-uniform">
|
||||||
<div class="col-6 col-12-xsmall"><input type="text" name="name" id="name" placeholder="Name" /></div>
|
<div class="col-6 col-12-xsmall">
|
||||||
<div class="col-6 col-12-xsmall"><input type="email" name="email" id="email" placeholder="Email" /></div>
|
<input type="text" name="name" id="name" placeholder="Name" />
|
||||||
<div class="col-12"><textarea name="message" id="message" placeholder="Message" rows="4"></textarea></div>
|
</div>
|
||||||
|
<div class="col-6 col-12-xsmall">
|
||||||
|
<input type="email" name="email" id="email" placeholder="Email" />
|
||||||
|
</div>
|
||||||
|
<div class="col-12">
|
||||||
|
<textarea
|
||||||
|
name="message"
|
||||||
|
id="message"
|
||||||
|
placeholder="Message"
|
||||||
|
rows="4"
|
||||||
|
></textarea>
|
||||||
|
</div>
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<ul class="actions special">
|
<ul class="actions special">
|
||||||
<li><input type="submit" value="Send Message" class="primary" /></li>
|
<li>
|
||||||
|
<input type="submit" value="Send Message" class="primary" />
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -249,11 +346,41 @@
|
|||||||
</div>
|
</div>
|
||||||
<footer>
|
<footer>
|
||||||
<ul class="icons">
|
<ul class="icons">
|
||||||
<li><a href="https://www.linkedin.com/in/wolfang-torres/" class="icon brands alt fa-linkedin"><span class="label">Linkedin</span></a></li>
|
<li>
|
||||||
<li><a href="https://bitbucket.org/WolfangT/" class="icon brands alt fa-bitbucket"><span class="label">Bitbucket</span></a></li>
|
<a
|
||||||
<li><a href="https://github.com/WolfangT" class="icon brands alt fa-github"><span class="label">Github</span></a></li>
|
href="https://www.linkedin.com/in/wolfang-torres/"
|
||||||
<li><a href="https://www.paypal.me/WolfangTorres" class="icon brands alt fa-paypal"><span class="label">Paypal</span></a></li>
|
class="icon brands alt fa-linkedin"
|
||||||
<li><a href="mailto:wolfang.torres@gmail.com" class="icon solid alt fa-envelope"><span class="label">Email</span></a></li>
|
><span class="label">Linkedin</span></a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://bitbucket.org/WolfangT/"
|
||||||
|
class="icon brands alt fa-bitbucket"
|
||||||
|
><span class="label">Bitbucket</span></a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://github.com/WolfangT"
|
||||||
|
class="icon brands alt fa-github"
|
||||||
|
><span class="label">Github</span></a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://www.paypal.me/WolfangTorres"
|
||||||
|
class="icon brands alt fa-paypal"
|
||||||
|
><span class="label">Paypal</span></a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="mailto:wolfang.torres@gmail.com"
|
||||||
|
class="icon solid alt fa-envelope"
|
||||||
|
><span class="label">Email</span></a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="copyright">
|
<ul class="copyright">
|
||||||
<li>©2023 Wolfang Torres</li>
|
<li>©2023 Wolfang Torres</li>
|
||||||
@@ -270,6 +397,5 @@
|
|||||||
<script src="assets/js/breakpoints.min.js"></script>
|
<script src="assets/js/breakpoints.min.js"></script>
|
||||||
<script src="assets/js/util.js"></script>
|
<script src="assets/js/util.js"></script>
|
||||||
<script src="assets/js/main.js"></script>
|
<script src="assets/js/main.js"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user