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
333 lines
22 KiB
<!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>
|
|
|
|
-->
|