My personal site (brandoncornejo.name) (binaryatrocity.name)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

168 lines
11 KiB

10 years ago
  1. <html>
  2. <head>
  3. <title>Brandon Cornejo | binaryatrocity</title>
  4. <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
  5. <link rel="stylesheet" href="lib/css/uikit.gradient.min.css" />
  6. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  7. <script src="lib/js/uikit.min.js"></script>
  8. <style>
  9. #header { padding-top:2em; }
  10. #avatar { border-radius: 50%; box-shadow: 0 10px 12px #777; }
  11. #content > div.uk-panel { min-height: 350px; max-width: 450px;}
  12. #inner-nav { padding-top:2em; max-width: 80%; }
  13. .wip-class { position: absolute; top: 20; right: 40; }
  14. pre { border: none; background: none; }
  15. </style>
  16. </head>
  17. <body class=''>
  18. <div class='uk-width-3-5 uk-container-center'>
  19. <div class='uk-grid'>
  20. <div id='header' class='uk-width-1-1 uk-text-center'>
  21. <span class="uk-badge wip-class">Under Construction</span>
  22. <!-- Top Section -->
  23. <img id='avatar' src='https://www.gravatar.com/avatar/99240af6862054dcc8a71a5d014e1b40' />
  24. <header>
  25. <h1>Brandon Cornejo</h1>
  26. </header>
  27. <ul id='navigation' class='uk-subnav uk-subnav-pill' data-uk-switcher="{connect: '#content-list'}">
  28. <li><a>About Me</a></li>
  29. <li><a>Employment</a></li>
  30. <li><a>Education</a></li>
  31. <li><a>Projects</a></li>
  32. <li><a>Contact</a></li>
  33. </ul>
  34. </div>
  35. <div id='content' class='uk-width-1-1 uk-margin-top'>
  36. <div class='uk-panel uk-panel-box uk-panel-box-primary uk-text-center uk-responsive-height uk-container-center'>
  37. <ul id='content-list' class='uk-switcher'>
  38. <li>
  39. <!-- About Me section -->
  40. <p class='uk-text-left uk-text-middle'>
  41. <strong>Ximopanolti</strong> (welcome)! I am <b class='uk-text-success'>Brandon Cornejo</b>,
  42. a computer and technology enthusiast from Milwaukee, Wisconsin. I am a huge advocate of
  43. open source software and keeping the web free and open for everyone.
  44. <br/><br/>
  45. I have earned degrees in both Computer Networking and <b class="uk-text-warning">Information
  46. Science</b> from local universities while improving my abilities as a developer in my free
  47. time. Over <span id='age'>25+</span> years I've filled my life with a variety of passions
  48. including but not limited to:
  49. </p>
  50. <ul class="uk-text-left">
  51. <li>Free Open Source Software (GNU/Mozilla)</li>
  52. <li>Python (Flask, SQLAlchemy)</li>
  53. <li>Indigenous Mesoamerican Culture</li>
  54. <li>Bitcoin (Cryptocurrencies)</li>
  55. <li>Javascript (jQuery, Node.js, Titanium Mobile)</li>
  56. <li>Strategy Games (Dota2, Catan)</li>
  57. <li>Linux System Administration</li>
  58. <li>Fantasy Literature (Rothfuss, Martin, Lynch)</li>
  59. <li>Network/Applications Security</li>
  60. </ul>
  61. </li>
  62. <li class='uk-text-left'>
  63. <!-- Employment section -->
  64. <h4>Employment</h4>
  65. <dl class="uk-description-list uk-description-list-line">
  66. <dt data-uk-toggle="{target: '#job1'}">Web Developer/Designer (2012-Present) <a><i class='uk-icon-toggle-down'></i></a></dt><dd>Harley-Davidson Motor Company via Enterforce, Inc.</dd>
  67. <div id='job1' class='uk-hidden'>
  68. <ul class='uk-text-small'>
  69. <li><strong>Roles:</strong> Computer-based training developer. Create and manage web
  70. training for employees and global dealership network. Managing translated
  71. digital content. Updating old Flash courses to HTML5.</li>
  72. <li><strong>Technologies:</strong> JavaScript (jQuery), HTML5, CSS3, XML,
  73. ActionScript (Flash), SCORM</li>
  74. </ul>
  75. </div>
  76. <dt data-uk-toggle="{target: '#job2'}">Client Services Specialist (2010-2012) <a><i class='uk-icon-toggle-down'></i></a></dt><dd>Harley-Davidson Motor Company via Enterforce, Inc.</dd>
  77. <div id='job2' class='uk-hidden'>
  78. <ul class='uk-text-small'>
  79. <ul>
  80. <li><strong>Roles:</strong> H-D Museum interactive exhibit support, Desktop and
  81. application support. Identity Administration (ITIM, Active Directory,
  82. User Access) </li>
  83. <li><strong>Technologies:</strong> Windows XP/7, Zebra Printers, Symbol Mobile
  84. scanners and computers (on fork lifts), IBM (Global Service Desk, ITIM,
  85. TEM &amp; Tivoli Provisioning Manager), McAfee Endpoint Encryption </li>
  86. </ul>
  87. </ul>
  88. </div>
  89. </dl>
  90. </li>
  91. <li class='uk-text-left'>
  92. <!-- Education section -->
  93. <h4>Degrees</h4>
  94. <dl class="uk-description-list uk-description-list-line">
  95. <dt>B.S., Information Science &amp; Technology (2013)</dt><dd>University of Wisconsin - Milwaukee, Milwaukee WI</dd>
  96. <dt>A.A.S., IT Network Specialist (2010)</dt><dd>Milwaukee Area Technical College, Milwaukee WI</dd>
  97. </dl>
  98. <h4>Certifications</h4>
  99. <dl class="uk-description-list uk-description-list-line">
  100. <dt>TItanium Certified Application Developer</dt><dd>Earned May 13, 2012 - http://appcelerator.com</dd>
  101. </dl>
  102. </li>
  103. <li>
  104. <!-- Projects section -->
  105. Nothing to see here.... yet. I do have projects, I promise!
  106. </li>
  107. <li class="uk-text-center">
  108. <!-- Contact Info section -->
  109. <p><i class="uk-icon-envelope"></i>&nbsp;&nbsp;<strong>E-Mail</strong><br/>
  110. <a href="mailto:brandon.cornejo@gmail.com">brandon.cornejo@gmail.com</a></p>
  111. <p><i class="uk-icon-lock"></i>&nbsp;&nbsp;<strong>PGP Key</strong><br/>
  112. <a href="docs/public.asc">Public.asc</a></p>
  113. <p><i class="uk-icon-comments"></i>&nbsp;&nbsp;<strong>IRC</strong><br/>
  114. binaryatrocity @ <a href="https://webchat.oftc.net//">irc.oftc.net</a><br/>
  115. <p><i class="uk-icon-twitter"></i>&nbsp;&nbsp;<strong>Twitter</strong><br/>
  116. <a href="http://twitter.com/binaryatrocity">@binaryatrocity</a><br/>
  117. <p><i class="uk-icon-gamepad"></i>&nbsp;&nbsp;<strong>Steam</strong><br/>
  118. <a href="http://binary.rudeassdudes.com">binaryatrocity</a><br/>
  119. <p><i class="uk-icon-btc"></i>&nbsp;&nbsp;<strong>Bitcoin Address</strong><br/>
  120. <a href="bitcoin:1BinaryZyAXLbZ47XY2Ho92RrLwibK7E2d">1BinaryZyAXLbZ47XY2Ho92RrLwibK7E2d</a>
  121. </li>
  122. </ul>
  123. </div>
  124. </div>
  125. <div id='footer' class='uk-width-1-1 uk-text-center uk-margin-top uk-margin-bottom'>
  126. <!-- Footer Section -->
  127. <div id='logos' data-uk-margin>
  128. <a href="http://binaryatrocity.name/docs/binaryatrocity-public-key.asc" class="uk-icon-button uk-icon-lock"></a>
  129. <a href="https://github.com/binaryatrocity" class="uk-icon-button uk-icon-github"></a>
  130. <a href="https://plus.google.com/u/0/+BrandonCornejo/about" class="uk-icon-button uk-icon-google-plus"></a>
  131. <a href="mailto:brandon.cornejo@gmail.com" class="uk-icon-button uk-icon-envelope-o"></a>
  132. <a href="https://stackoverflow.com/users/2812249/binaryatrocity" class="uk-icon-button uk-icon-stack-overflow"></a>
  133. <a href="https://twitter.com/binaryatrocity" class="uk-icon-button uk-icon-twitter"></a>
  134. <a href="bitcoin:1BinaryZyAXLbZ47XY2Ho92RrLwibK7E2d" class="uk-icon-button uk-icon-btc"></a>
  135. </div>
  136. </div>
  137. </div>
  138. </div>
  139. <script>
  140. $(document).ready(function() {
  141. $("#age").html(new Date().getFullYear() - new Date(1989,1,7).getFullYear());
  142. });
  143. </script>
  144. </body>
  145. <!-- INTERNET DEFENSE LEAGUE -->
  146. <script type="text/javascript">
  147. window._idl = {};
  148. _idl.variant = "modal";
  149. (function() {
  150. var idl = document.createElement('script');
  151. idl.type = 'text/javascript';
  152. idl.async = true;
  153. idl.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'members.internetdefenseleague.org/include/?url=' + (_idl.url || '') + '&campaign=' + (_idl.campaign || '') + '&variant=' + (_idl.variant || 'modal');
  154. document.getElementsByTagName('body')[0].appendChild(idl);
  155. })();
  156. </script>
  157. </html>