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.

333 lines
22 KiB

4 years ago
11 years ago
4 years ago
11 years ago
4 years ago
11 years ago
4 years ago
11 years ago
4 years ago
11 years ago
4 years ago
11 years ago
4 years ago
11 years ago
4 years ago
11 years ago
4 years ago
11 years ago
4 years ago
11 years ago
4 years ago
11 years ago
4 years ago
11 years ago
4 years ago
11 years ago
11 years ago
11 years ago
11 years ago
4 years ago
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Brandon Cornejo | binaryatrocity</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <link rel="stylesheet" href="lib/css/uikit.min.css" />
  8. <script src="lib/js/uikit.min.js"></script>
  9. <script src="lib/js/uikit-icons.min.js"></script>
  10. <style>
  11. #avatar { border-radius: 50%; box-shadow: 0 10px 12px #777; }
  12. #fsf-banner { position: absolute; top: 20px; right: 40px; }
  13. #content-card > li.nojs { display: block; }
  14. .muted { color: #999; }
  15. .dt-header { color: #5f5f64!important; font-weight: bold!important; }
  16. dt.dt-header + dd > ul > li > strong { color: #838a78!important; }
  17. #contact-list > dt > span { margin-right: 10px; }
  18. #contact-list > dt, #contact-list > dd { text-align: center; }
  19. </style>
  20. </head>
  21. <body>
  22. <div class="uk-container uk-margin-top">
  23. <div id="header-container" class="uk-text-center uk-margin">
  24. <span id="fsf-banner"><a href="http://www.fsf.org/register_form?referrer=11281"><img src="http://static.fsf.org/nosvn/associate/fsf-11281.png" alt="[FSF Associate Member]" /></a></span>
  25. <img id="avatar" src="https://www.atr0phy.net/~br4n/img/panketzalitl.png" />
  26. <header class="uk-margin-top">
  27. <h1>Brandon Cornejo</h1>
  28. </header>
  29. </div>
  30. <div id="content-container" class="uk-margin uk-margin-top">
  31. <ul class="uk-flex uk-flex-center uk-subnav uk-subnav-pill" uk-switcher="connect: #content-card">
  32. <li><a href="#aboutme">About Me</a></li>
  33. <li><a href="#employment">Employment</a></li>
  34. <li><a href="#education">Education</a></li>
  35. <li><a href="#projects">Projects</a></li>
  36. <li><a href="#contact">Contact</a></li>
  37. </ul>
  38. <div class="uk-flex uk-flex-center">
  39. <div class="uk-width-1-2">
  40. <ul id="content-card" class="uk-switcher uk-margin">
  41. <li class="uk-margin-large uk-margin-large-top nojs">
  42. <div>
  43. <h3 id="aboutme">About Me</h3>
  44. <p>
  45. <strong>Welcome!</strong> I am <strong class="uk-text-success">Brandon Cornejo</strong>, a computer
  46. and technology enthusiast from <em>Milwaukee, Wisconsin</em> with a passion for writing clean,
  47. modern and extensible software.
  48. </p>
  49. <p>
  50. I've been writing code for over a decade and across a myriad of devices, platforms, frameworks and
  51. languages. Supplemented with my knowledge of network and system administration my skillset can be
  52. described as "full stack" in the broadest sense. I am an open advocate for free (as in freedom)
  53. software and strongly believe everyone has a right to security, privacy and anonymity online.
  54. </p>
  55. <p>
  56. I have degrees in both <strong class="muted">Computer Networking</strong> and <strong class="uk-text-warning">Information Science</strong>
  57. from local institutions. Coupled with an ever-growing sphere of self-motivated learning and exploration
  58. my areas of expertise lie across the spectrum, including but not limited to:
  59. </p>
  60. <ul>
  61. <li>Programming Languages (<span class="uk-text-meta">Python, JavaScript/Node, C(#/++), Apex, Lua, Go</span>)</li>
  62. <li>Libraries and Frameworks (<span class="uk-text-meta">Flask, SQLALchemy, Express, Django, Jinja, Nunjucks</span>)</li>
  63. <li>Linux Administration, DevOps, Cloud Computing (<span class="uk-text-meta">AWS, Linode, Heroku</span>)</li>
  64. <li>Memory Stores and Message Queues (<span class="uk-text-meta">Redis, Kafka, RabbitMQ, Celery</span>)</li>
  65. <li>Databases (<span class="uk-text-meta">Postgres, Maria/MySQL, Cassandra, Mongo</span>)</li>
  66. <li>Salesforce (<span class="uk-text-meta">Sales|Service|FSL|Community Clouds, LWC, Apex, Heroku, Einstein</span>)</li>
  67. <li>Network/Applications Security and Cryptography</li>
  68. <li hidden>Indigenous Mesoamerican Culture</li>
  69. <li hidden>Strategy Games (<span class="uk-text-meta">Tabletop, PC, etc.</span>)</li>
  70. </ul>
  71. </div>
  72. </li>
  73. <li class="uk-margin-large uk-margin-large-top nojs">
  74. <div>
  75. <h3 id="employment">Employment</h3>
  76. <dl class="uk-description-list uk-description-list-divider">
  77. <dt class="dt-header">Canpango (ScanSource) - Senior Developer [2016-2020]</dt>
  78. <dd>
  79. <ul class="uk-text-small">
  80. <li><strong>About:</strong> Salesforce consultancy firm. Custom development, systems integrations, data migration, Salesform platform customization/extension. </li>
  81. <li><strong>Technologies:</strong> JavaScript, WebComponents (LWC), Apex, Heroku, Redis, Python</li>
  82. </ul>
  83. </dd>
  84. <dt class="dt-header">Cliq2 Technologies - Developer [2016-2016]</dt>
  85. <dd>
  86. <ul class="uk-text-small">
  87. <li><strong>About:</strong> A small team general-tech consultancy. Systems integrations, ETL, custom websites, CMS extension, etc.</li>
  88. <li><strong>Technologies:</strong> C#, JavaScript, AWS, REST, SOAP, Wordpress and similar</li>
  89. </ul>
  90. </dd>
  91. <dt class="dt-header">Corvisa (CorvisaCloud) - Backend Developer [2014-2016]</dt>
  92. <dd>
  93. <ul class="uk-text-small">
  94. <li><strong>About:</strong> Custom built Business Phone System, Contact Center Software, Lua-based PaaS</li>
  95. <li><strong>Technologies:</strong> Python, Django, Tastypie (REST), Redis, Cassandra, RabbitMQ, Lua, SIP</li>
  96. </ul>
  97. </dd>
  98. <dt class="dt-header">Harley-Davidson Motor Company (HDMC) - Web Developer/Designer [2010-2014]</dt>
  99. <dd>
  100. <ul class="uk-text-small">
  101. <li><strong>About:</strong> Developed custom computer-based training for Harley-Davidson University. Create and maintain interactive web training for employees and global dealership network. Managing translations and localizations.</li>
  102. <li><strong>Technologies:</strong> JavaScript, HTML5, CSS3, XML, ActionScript (Flash, moving existing CBTs to modern HTML5 framework), SCORM</li>
  103. </ul>
  104. </dd>
  105. </dl>
  106. </div>
  107. </li>
  108. <li class="uk-margin-large uk-margin-large-top nojs">
  109. <div>
  110. <h3 id="education">Education</h3>
  111. <h5>Degrees</h5>
  112. <dl class="uk-description-list uk-description-list-divider">
  113. <dt class="dt-header">B.S., Information Science &amp; Technology (2013)</dt>
  114. <dd>University of Wisconsin - Milwaukee</dd>
  115. <dt class="dt-header">A.A.S, IT Network Specialist (2010)</dt>
  116. <dd>Milwaukee Area Technical College</dd>
  117. </dl>
  118. <h5>Certifications</h5>
  119. <dl class="uk-description-list uk-description-list-divider">
  120. <dt class="dt-header">Heroku Architecture Designer - Earned 2020</dt>
  121. <dd>Twelve-factor app methodology, Heroku platform specifics, Redis, Kafka, etc</dd>
  122. <dt class="dt-header">Salesforce Platform Developer - Earned 2017</dt>
  123. <dd>Apex, Visualforce, Lightning, Salesforce platform specifics</dd>
  124. <dt class="dt-header">Titanium Certified Application Developer - Earned 2012</dt>
  125. <dd>Framework for cross-platform mobile app development</dd>
  126. </dl>
  127. </div>
  128. </li>
  129. <li class="uk-margin-large uk-margin-large-top nojs">
  130. <div>
  131. <h3 id="projects">Projects</h3>
  132. <dl class="uk-description-list" id="project-list">
  133. <dt class="dt-header">Twitch Trivia</dt>
  134. <dd>
  135. <p>
  136. A trivia system for Twitch.tv chat meant for organizations and with a focus on easy statistics and
  137. integration for driving web traffic with leaderboards.
  138. </p>
  139. <p class="uk-flex uk-flex-around">
  140. <a href="https://git.atr0phy.net/binaryatrocity/TwitchVoteSystem"><span uk-icon="git-fork"></span> Git</a>
  141. </p>
  142. </dd>
  143. <dt class="dt-header">ACKS Toolkit</dt>
  144. <dd>
  145. <p>
  146. Tools for the Adventurer Conqueror King tabletop system. Namely the generation of NPC parties
  147. based on an extracted dataset, with importability into the <a href="https://roll20.net">Roll20.net</a> platform
  148. for use on their VTT.
  149. </p>
  150. <p>
  151. Includes a fully custom-built character sheet for <a href="https://roll20.net">Roll20.net</a> as well, built with
  152. HTML5/CSS and the Roll20 APIs.
  153. </p>
  154. <p class="uk-flex uk-flex-around">
  155. <a href="https://git.atr0phy.net/binaryatrocity/acks-tools"><span uk-icon="git-fork"></span> Git</a>
  156. <a href="https://acks.atr0phy.net"><span uk-icon="world"></span> Web</a>
  157. </p>
  158. </dd>
  159. <dt class="dt-header">DotaNoobs.com</dt>
  160. <dd>
  161. <p>
  162. A friendly DotA community. A safe-harbour from the general toxicity of the DotA universe. Website
  163. with a Teamspeak server. Steam OIDC for logins. Event system integrated with Teamspeak via API and a forum board
  164. via database. Participation points based on time spent in auto-generated Teamspeak rooms for events etc.
  165. </p>
  166. <p class="uk-flex uk-flex-around">
  167. <a href="https://git.atr0phy.net/binaryatrocity/dotanoobs"><span uk-icon="git-fork"></span> Git</a>
  168. <a href="http://dotanoobs.com"><span uk-icon="world"></span> Web</a>
  169. </p>
  170. </dd>
  171. <dt class="dt-header">DiscworldMUD TinTin++ Setup</dt>
  172. <dd>
  173. <p>
  174. Extensive configuration and scripting for the TinTin++ CLI based MUD client specific to the Discworld MUD.
  175. </p>
  176. <p class="uk-flex uk-flex-around">
  177. <a href="https://git.atr0phy.net/binaryatrocity/discworld-tintin"><span uk-icon="git-fork"></span> Git</a>
  178. </p>
  179. </dd>
  180. <dt class="dt-header">PacketCrypt</dt>
  181. <dd>
  182. <p>
  183. A prototype website for a VPN service.
  184. </p>
  185. <p class="uk-flex uk-flex-around">
  186. <a href="https://git.atr0phy.net/binaryatrocity/packetcrypt"><span uk-icon="git-fork"></span> Git</a>
  187. </p>
  188. </dd>
  189. <dt class="dt-header">Orna Equipment Combinator</dt>
  190. <dd>
  191. <p>
  192. Simple combination calculator for equipment statistics for the Orna GeoRPG.
  193. </p>
  194. <p class="uk-flex uk-flex-around">
  195. <a href="https://git.atr0phy.net/binaryatrocity/orna-tools"><span uk-icon="git-fork"></span> Git</a>
  196. <a href="https://orna.atr0phy.net"><span uk-icon="world"></span> Web</a>
  197. </p>
  198. </dd>
  199. <dt class="dt-header">DiscworldMUD Shop Dashboard</dt>
  200. <dd>
  201. <p>
  202. A small python/Flask web application to keep track of stock, sales, and profits for
  203. player-run shops in the DiscworldMUD. I had a need to determine if a certain class
  204. of stock was profitable to offer and created this to help make that decision.
  205. </p>
  206. <p class="uk-flex uk-flex-around">
  207. <a href="https://git.atr0phy.net/binaryatrocity/dotanoobs"><span uk-icon="git-fork"></span> Git</a>
  208. <a href="https://dotanoobs.com"><span uk-icon="world"></span> Web</a>
  209. </p>
  210. </dd>
  211. </dl>
  212. <div class="uk-text-muted">
  213. There are some other personal projects scattered across <a href="https://git.atr0phy.net/binaryatrocity">my self-hosted
  214. Gitea</a> and <a href="https://github.com/binaryatrocity">Github</a>
  215. </div>
  216. </div>
  217. </li>
  218. <li class="uk-margin-large uk-margin-large-top nojs">
  219. <div>
  220. <h3 id="contact">Contact</h3>
  221. <dl class="uk-description-list" id="contact-list">
  222. <dt><span uk-icon="mail"></span><strong>E-Mail</strong></dt>
  223. <dd><a href="mailto:me@brandoncornejo.name">me@brandoncornejo.name</a></dd>
  224. <dt><span uk-icon="lock"></span><strong>PGP Key</strong></dt>
  225. <dd><a href="docs/public.asc">Public.asc</a></dd>
  226. <dt><span uk-icon="comments"></span><strong>IRC</strong></dt>
  227. <dd>binaryatrocity@<a href="https://webchat.oftc.net">irc.oftc.net</a></dd>
  228. <dt><span uk-icon="twitter"></span><strong>Twitter</strong></dt>
  229. <dd><a href="https://twitter.com/binaryatrocity">@binaryatrocity</a></dd>
  230. <dt><span uk-icon="tv"></span><strong>Steam</strong></dt>
  231. <dd><a href="https://steamcommunity.com/id/binaryatrocity">binaryatrocity</a></dd>
  232. <dt><span uk-icon="commenting"></span><strong>Matrix</strong></dt>
  233. <dd>binaryatrocity@<a href="https://matrix.org">atr0phy.net</a></dd>
  234. <dt><span uk-icon="world"></span><strong>Bitcoin Address</strong></dt>
  235. <dd><a href="bitcoin:1BinaryZyAXLbZ47XY2Ho92RrLwibK7E2d">1BinaryZyAXLbZ47XY2Ho92RrLwibK7E2d</a></dd>
  236. </dl>
  237. </div>
  238. </li>
  239. </ul>
  240. </div>
  241. </div>
  242. </div>
  243. <footer class="uk-text-center uk-margin-large uk-margin-small-bottom uk-text-muted">
  244. Created by <a class="uk-text-muted" href="https://binaryatrocity.name">binaryatrocity</a>
  245. </footer>
  246. </div>
  247. </body>
  248. <script>
  249. window.addEventListener('DOMContentLoaded', (event) => {
  250. // When page loads, if we have JS running, remove nojs from everywhere its present
  251. Array.from(document.querySelectorAll(".nojs")).forEach((ele) => {
  252. console.log('ele', ele);
  253. ele.classList.remove("nojs");
  254. });
  255. });
  256. </script>
  257. </html>
  258. <!--
  259. <html>
  260. <body class=''>
  261. <div class='uk-width-3-5 uk-container-center'>
  262. <div class='uk-grid'>
  263. <div id='content' class='uk-width-1-1 uk-margin-top'>
  264. <div class='uk-panel uk-panel-box uk-panel-box-primary uk-text-center uk-responsive-height uk-container-center'>
  265. <ul id='content-list' class='uk-switcher'>
  266. <li class="uk-text-center">
  267. </li>
  268. </ul>
  269. </div>
  270. </div>
  271. <div id='footer' class='uk-width-1-1 uk-text-center uk-margin-top uk-margin-bottom'>
  272. <div id='logos' data-uk-margin>
  273. <a href="http://binaryatrocity.name/docs/public.asc" class="uk-icon-button uk-icon-lock"></a>
  274. <a href="https://github.com/binaryatrocity" class="uk-icon-button uk-icon-github"></a>
  275. <a href="mailto:me@brandoncornejo.name" class="uk-icon-button uk-icon-envelope-o"></a>
  276. <a href="https://stackoverflow.com/users/2812249/binaryatrocity" class="uk-icon-button uk-icon-stack-overflow"></a>
  277. <a href="https://twitter.com/binaryatrocity" class="uk-icon-button uk-icon-twitter"></a>
  278. <a href="bitcoin:1BinaryZyAXLbZ47XY2Ho92RrLwibK7E2d" class="uk-icon-button uk-icon-btc"></a>
  279. </div>
  280. </div>
  281. </div>
  282. </div>
  283. <script>
  284. $(document).ready(function() {
  285. $("#age").html(new Date().getFullYear() - new Date(1995,1,7).getFullYear());
  286. });
  287. </script>
  288. </body>
  289. </html>
  290. <head>
  291. <style>
  292. #header { padding-top:2em; }
  293. #avatar { border-radius: 50%; box-shadow: 0 10px 12px #777; }
  294. #content > div.uk-panel { min-height: 350px; max-width: 450px;}
  295. #inner-nav { padding-top:2em; max-width: 80%; }
  296. .wip-class { position: absolute; top: 20; right: 40; }
  297. pre { border: none; background: none; }
  298. </style>
  299. </head>
  300. -->