<!DOCTYPE html>
<html>
<head>
<title>Brandon Cornejo | binaryatrocity</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="lib/css/uikit.min.css" />
<script src="lib/js/uikit.min.js"></script>
<script src="lib/js/uikit-icons.min.js"></script>
<style>
#avatar { border-radius: 50%; box-shadow: 0 10px 12px #777; }
#fsf-banner { position: absolute; top: 20px; right: 40px; }
#content-card > li.nojs { display: block; }
.muted { color: #999; }
.dt-header { color: #5f5f64!important; font-weight: bold!important; }
dt.dt-header + dd > ul > li > strong { color: #838a78!important; }
#contact-list > dt > span { margin-right: 10px; }
#contact-list > dt, #contact-list > dd { text-align: center; }
</style>
</head>
<body>
<div class="uk-container uk-margin-top">
<div id="header-container" class="uk-text-center uk-margin">
<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>
<img id="avatar" src="https://www.atr0phy.net/~br4n/img/panketzalitl.png" />
<header class="uk-margin-top">
<h1>Brandon Cornejo</h1>
</header>
</div>
<div id="content-container" class="uk-margin uk-margin-top">
<ul class="uk-flex uk-flex-center uk-subnav uk-subnav-pill" uk-switcher="connect: #content-card">
<li><a href="#aboutme">About Me</a></li>
<li><a href="#employment">Employment</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<div class="uk-flex uk-flex-center">
<div class="uk-width-1-2">
<ul id="content-card" class="uk-switcher uk-margin">
<li class="uk-margin-large uk-margin-large-top nojs">
<div>
<h3 id="aboutme">About Me</h3>
<p>
<strong>Welcome!</strong> I am <strong class="uk-text-success">Brandon Cornejo</strong>, a computer
and technology enthusiast from <em>Milwaukee, Wisconsin</em> with a passion for writing clean,
modern and extensible software.
</p>
<p>
I've been writing code for over a decade and across a myriad of devices, platforms, frameworks and
languages. Supplemented with my knowledge of network and system administration my skillset can be
described as "full stack" in the broadest sense. I am an open advocate for free (as in freedom)
software and strongly believe everyone has a right to security, privacy and anonymity online.
</p>
<p>
I have degrees in both <strong class="muted">Computer Networking</strong> and <strong class="uk-text-warning">Information Science</strong>
from local institutions. Coupled with an ever-growing sphere of self-motivated learning and exploration
my areas of expertise lie across the spectrum, including but not limited to:
</p>
<ul>
<li>Programming Languages (<span class="uk-text-meta">Python, JavaScript/Node, C(#/++), Apex, Lua, Go</span>)</li>
<li>Libraries and Frameworks (<span class="uk-text-meta">Flask, SQLALchemy, Express, Django, Jinja, Nunjucks</span>)</li>
<li>Linux Administration, DevOps, Cloud Computing (<span class="uk-text-meta">AWS, Linode, Heroku</span>)</li>
<li>Memory Stores and Message Queues (<span class="uk-text-meta">Redis, Kafka, RabbitMQ, Celery</span>)</li>
<li>Databases (<span class="uk-text-meta">Postgres, Maria/MySQL, Cassandra, Mongo</span>)</li>
<li>Salesforce (<span class="uk-text-meta">Sales|Service|FSL|Community Clouds, LWC, Apex, Heroku, Einstein</span>)</li>
<li>Network/Applications Security and Cryptography</li>
<li hidden>Indigenous Mesoamerican Culture</li>
<li hidden>Strategy Games (<span class="uk-text-meta">Tabletop, PC, etc.</span>)</li>
</ul>
</div>
</li>
<li class="uk-margin-large uk-margin-large-top nojs">
<div>
<h3 id="employment">Employment</h3>
<dl class="uk-description-list uk-description-list-divider">
<dt class="dt-header">Canpango (ScanSource) - Senior Developer [2016-2020]</dt>
<dd>
<ul class="uk-text-small">
<li><strong>About:</strong> Salesforce consultancy firm. Custom development, systems integrations, data migration, Salesform platform customization/extension. </li>
<li><strong>Technologies:</strong> JavaScript, WebComponents (LWC), Apex, Heroku, Redis, Python</li>
</ul>
</dd>
<dt class="dt-header">Cliq2 Technologies - Developer [2016-2016]</dt>
<dd>
<ul class="uk-text-small">
<li><strong>About:</strong> A small team general-tech consultancy. Systems integrations, ETL, custom websites, CMS extension, etc.</li>
<li><strong>Technologies:</strong> C#, JavaScript, AWS, REST, SOAP, Wordpress and similar</li>
</ul>
</dd>
<dt class="dt-header">Corvisa (CorvisaCloud) - Backend Developer [2014-2016]</dt>
<dd>
<ul class="uk-text-small">
<li><strong>About:</strong> Custom built Business Phone System, Contact Center Software, Lua-based PaaS</li>
<li><strong>Technologies:</strong> Python, Django, Tastypie (REST), Redis, Cassandra, RabbitMQ, Lua, SIP</li>
</ul>
</dd>
<dt class="dt-header">Harley-Davidson Motor Company (HDMC) - Web Developer/Designer [2010-2014]</dt>
<dd>
<ul class="uk-text-small">
<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>
<li><strong>Technologies:</strong> JavaScript, HTML5, CSS3, XML, ActionScript (Flash, moving existing CBTs to modern HTML5 framework), SCORM</li>
</ul>
</dd>
</dl>
</div>
</li>
<li class="uk-margin-large uk-margin-large-top nojs">
<div>
<h3 id="education">Education</h3>
<h5>Degrees</h5>
<dl class="uk-description-list uk-description-list-divider">
<dt class="dt-header">B.S., Information Science & Technology (2013)</dt>
<dd>University of Wisconsin - Milwaukee</dd>
<dt class="dt-header">A.A.S, IT Network Specialist (2010)</dt>
<dd>Milwaukee Area Technical College</dd>
</dl>
<h5>Certifications</h5>
<dl class="uk-description-list uk-description-list-divider">
<dt class="dt-header">Heroku Architecture Designer - Earned 2020</dt>
<dd>Twelve-factor app methodology, Heroku platform specifics, Redis, Kafka, etc</dd>
<dt class="dt-header">Salesforce Platform Developer - Earned 2017</dt>
<dd>Apex, Visualforce, Lightning, Salesforce platform specifics</dd>
<dt class="dt-header">Titanium Certified Application Developer - Earned 2012</dt>
<dd>Framework for cross-platform mobile app development</dd>
</dl>
</div>
</li>
<li class="uk-margin-large uk-margin-large-top nojs">
<div>
<h3 id="projects">Projects</h3>
<dl class="uk-description-list" id="project-list">
<dt class="dt-header">Twitch Trivia</dt>
<dd>
<p>
A trivia system for Twitch.tv chat meant for organizations and with a focus on easy statistics and
integration for driving web traffic with leaderboards.
</p>
<p class="uk-flex uk-flex-around">
<a href="https://git.atr0phy.net/binaryatrocity/TwitchVoteSystem"><span uk-icon="git-fork"></span> Git</a>
</p>
</dd>
<dt class="dt-header">ACKS Toolkit</dt>
<dd>
<p>
Tools for the Adventurer Conqueror King tabletop system. Namely the generation of NPC parties
based on an extracted dataset, with importability into the <a href="https://roll20.net">Roll20.net</a> platform
for use on their VTT.
</p>
<p>
Includes a fully custom-built character sheet for <a href="https://roll20.net">Roll20.net</a> as well, built with
HTML5/CSS and the Roll20 APIs.
</p>
<p class="uk-flex uk-flex-around">
<a href="https://git.atr0phy.net/binaryatrocity/acks-tools"><span uk-icon="git-fork"></span> Git</a>
<a href="https://acks.atr0phy.net"><span uk-icon="world"></span> Web</a>
</p>
</dd>
<dt class="dt-header">DotaNoobs.com</dt>
<dd>
<p>
A friendly DotA community. A safe-harbour from the general toxicity of the DotA universe. Website
with a Teamspeak server. Steam OIDC for logins. Event system integrated with Teamspeak via API and a forum board
via database. Participation points based on time spent in auto-generated Teamspeak rooms for events etc.
</p>
<p class="uk-flex uk-flex-around">
<a href="https://git.atr0phy.net/binaryatrocity/dotanoobs"><span uk-icon="git-fork"></span> Git</a>
<a href="http://dotanoobs.com"><span uk-icon="world"></span> Web</a>
</p>
</dd>
<dt class="dt-header">DiscworldMUD TinTin++ Setup</dt>
<dd>
<p>
Extensive configuration and scripting for the TinTin++ CLI based MUD client specific to the Discworld MUD.
</p>
<p class="uk-flex uk-flex-around">
<a href="https://git.atr0phy.net/binaryatrocity/discworld-tintin"><span uk-icon="git-fork"></span> Git</a>
</p>
</dd>
<dt class="dt-header">PacketCrypt</dt>
<dd>
<p>
A prototype website for a VPN service.
</p>
<p class="uk-flex uk-flex-around">
<a href="https://git.atr0phy.net/binaryatrocity/packetcrypt"><span uk-icon="git-fork"></span> Git</a>
</p>
</dd>
<dt class="dt-header">Orna Equipment Combinator</dt>
<dd>
<p>
Simple combination calculator for equipment statistics for the Orna GeoRPG.
</p>
<p class="uk-flex uk-flex-around">
<a href="https://git.atr0phy.net/binaryatrocity/orna-tools"><span uk-icon="git-fork"></span> Git</a>
<a href="https://orna.atr0phy.net"><span uk-icon="world"></span> Web</a>
</p>
</dd>
<dt class="dt-header">DiscworldMUD Shop Dashboard</dt>
<dd>
<p>
A small python/Flask web application to keep track of stock, sales, and profits for
player-run shops in the DiscworldMUD. I had a need to determine if a certain class
of stock was profitable to offer and created this to help make that decision.
</p>
<p class="uk-flex uk-flex-around">
<a href="https://git.atr0phy.net/binaryatrocity/dotanoobs"><span uk-icon="git-fork"></span> Git</a>
<a href="https://dotanoobs.com"><span uk-icon="world"></span> Web</a>
</p>
</dd>
</dl>
<div class="uk-text-muted">
There are some other personal projects scattered across <a href="https://git.atr0phy.net/binaryatrocity">my self-hosted
Gitea</a> and <a href="https://github.com/binaryatrocity">Github</a>
</div>
</div>
</li>
<li class="uk-margin-large uk-margin-large-top nojs">
<div>
<h3 id="contact">Contact</h3>
<dl class="uk-description-list" id="contact-list">
<dt><span uk-icon="mail"></span><strong>E-Mail</strong></dt>
<dd><a href="mailto:me@brandoncornejo.name">me@brandoncornejo.name</a></dd>
<dt><span uk-icon="lock"></span><strong>PGP Key</strong></dt>
<dd><a href="docs/public.asc">Public.asc</a></dd>
<dt><span uk-icon="comments"></span><strong>IRC</strong></dt>
<dd>binaryatrocity@<a href="https://webchat.oftc.net">irc.oftc.net</a></dd>
<dt><span uk-icon="twitter"></span><strong>Twitter</strong></dt>
<dd><a href="https://twitter.com/binaryatrocity">@binaryatrocity</a></dd>
<dt><span uk-icon="tv"></span><strong>Steam</strong></dt>
<dd><a href="https://steamcommunity.com/id/binaryatrocity">binaryatrocity</a></dd>
<dt><span uk-icon="commenting"></span><strong>Matrix</strong></dt>
<dd>binaryatrocity@<a href="https://matrix.org">atr0phy.net</a></dd>
<dt><span uk-icon="world"></span><strong>Bitcoin Address</strong></dt>
<dd><a href="bitcoin:1BinaryZyAXLbZ47XY2Ho92RrLwibK7E2d">1BinaryZyAXLbZ47XY2Ho92RrLwibK7E2d</a></dd>
</dl>
</div>
</li>
</ul>
</div>
</div>
</div>
<footer class="uk-text-center uk-margin-large uk-margin-small-bottom uk-text-muted">
Created by <a class="uk-text-muted" href="https://binaryatrocity.name">binaryatrocity</a>
</footer>
</div>
</body>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
// When page loads, if we have JS running, remove nojs from everywhere its present
Array.from(document.querySelectorAll(".nojs")).forEach((ele) => {
console.log('ele', ele);
ele.classList.remove("nojs");
});
});
</script>
</html>
<!--
<html>
<body class=''>
<div class='uk-width-3-5 uk-container-center'>
<div class='uk-grid'>
<div id='content' class='uk-width-1-1 uk-margin-top'>
<div class='uk-panel uk-panel-box uk-panel-box-primary uk-text-center uk-responsive-height uk-container-center'>
<ul id='content-list' class='uk-switcher'>
<li class="uk-text-center">
</li>
</ul>
</div>
</div>
<div id='footer' class='uk-width-1-1 uk-text-center uk-margin-top uk-margin-bottom'>
<div id='logos' data-uk-margin>
<a href="http://binaryatrocity.name/docs/public.asc" class="uk-icon-button uk-icon-lock"></a>
<a href="https://github.com/binaryatrocity" class="uk-icon-button uk-icon-github"></a>
<a href="mailto:me@brandoncornejo.name" class="uk-icon-button uk-icon-envelope-o"></a>
<a href="https://stackoverflow.com/users/2812249/binaryatrocity" class="uk-icon-button uk-icon-stack-overflow"></a>
<a href="https://twitter.com/binaryatrocity" class="uk-icon-button uk-icon-twitter"></a>
<a href="bitcoin:1BinaryZyAXLbZ47XY2Ho92RrLwibK7E2d" class="uk-icon-button uk-icon-btc"></a>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$("#age").html(new Date().getFullYear() - new Date(1995,1,7).getFullYear());
});
</script>
</body>
</html>
<head>
<style>
#header { padding-top:2em; }
#avatar { border-radius: 50%; box-shadow: 0 10px 12px #777; }
#content > div.uk-panel { min-height: 350px; max-width: 450px;}
#inner-nav { padding-top:2em; max-width: 80%; }
.wip-class { position: absolute; top: 20; right: 40; }
pre { border: none; background: none; }
</style>
</head>
-->