<html>
    <head>
        <title>Brandon Cornejo | binaryatrocity</title>
        <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
        <link rel="stylesheet" href="lib/css/uikit.gradient.min.css" />
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script src="lib/js/uikit.min.js"></script>
        <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>

    <body class=''>
        <div class='uk-width-3-5 uk-container-center'>
            <div class='uk-grid'>
            
                <div id='header' class='uk-width-1-1 uk-text-center'>
                    <span class="uk-badge wip-class">Under Construction</span>
                    <!-- Top Section -->
                    <img id='avatar' src='https://www.gravatar.com/avatar/99240af6862054dcc8a71a5d014e1b40' />
                    <header>
                        <h1>Brandon Cornejo</h1>
                    </header>
                    <ul id='navigation' class='uk-subnav uk-subnav-pill' data-uk-switcher="{connect: '#content-list'}">
                        <li><a>About Me</a></li>
                        <li><a>Employment</a></li>
                        <li><a>Education</a></li>
                        <li><a>Projects</a></li>
                        <li><a>Contact</a></li>
                    </ul>
                </div>

                <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>
                                <!-- About Me section -->
                                <p class='uk-text-left uk-text-middle'>
                                    <strong>Ximopanolti</strong> (welcome)! I am <b class='uk-text-success'>Brandon Cornejo</b>,
                                    a computer and technology enthusiast from Milwaukee, Wisconsin. I am a huge advocate of
                                    open source software and keeping the web free and open for everyone.
                                    <br/><br/>
                                    I have earned degrees in both Computer Networking and <b class="uk-text-warning">Information 
                                    Science</b> from local universities while improving my abilities as a developer in my free 
                                    time. Over <span id='age'>25+</span> years I've filled my life with a variety of passions 
                                    including but not limited to:
                                </p>
                                <ul class="uk-text-left">
                                    <li>Free Open Source Software (GNU/Mozilla)</li>
                                    <li>Python (Flask, SQLAlchemy)</li>
                                    <li>Indigenous Mesoamerican Culture</li>
                                    <li>Bitcoin (Cryptocurrencies)</li>
                                    <li>Javascript (jQuery, Node.js, Titanium Mobile)</li>
                                    <li>Strategy Games (Dota2, Catan)</li>
                                    <li>Linux System Administration</li>
                                    <li>Fantasy Literature (Rothfuss, Martin, Lynch)</li>
                                    <li>Network/Applications Security</li>
                                </ul>
                            </li>

                            <li class='uk-text-left'>
                                <!-- Employment section -->
                                <h4>Employment</h4>
                                <dl class="uk-description-list uk-description-list-line">
                                    <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>
                                    <div id='job1' class='uk-hidden'>
                                        <ul class='uk-text-small'>
                                            <li><strong>Roles:</strong> Computer-based training developer. Create and manage web
                                                training for employees and global dealership network. Managing translated
                                                digital content. Updating old Flash courses to HTML5.</li>
                                            <li><strong>Technologies:</strong> JavaScript (jQuery), HTML5, CSS3, XML,
                                                ActionScript (Flash), SCORM</li>
                                        </ul>
                                    
                                    </div>
                                    <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>
                                    <div id='job2' class='uk-hidden'>
                                        <ul class='uk-text-small'>
                                            <ul>
                                            <li><strong>Roles:</strong> H-D Museum interactive exhibit support, Desktop and
                                                application support. Identity Administration (ITIM, Active Directory, 
                                                User Access) </li>
                                            <li><strong>Technologies:</strong> Windows XP/7, Zebra Printers, Symbol Mobile
                                                scanners and computers (on fork lifts), IBM (Global Service Desk, ITIM,
                                                TEM &amp; Tivoli Provisioning Manager), McAfee Endpoint Encryption </li>
                                            </ul>
                                        </ul>
                                    </div>
                                </dl>
                            </li>

                            <li class='uk-text-left'>
                                <!-- Education section -->
                                <h4>Degrees</h4>
                                <dl class="uk-description-list uk-description-list-line">
                                    <dt>B.S., Information Science &amp; Technology (2013)</dt><dd>University of Wisconsin - Milwaukee, Milwaukee WI</dd>
                                    <dt>A.A.S., IT Network Specialist (2010)</dt><dd>Milwaukee Area Technical College, Milwaukee WI</dd>
                                </dl>
                                <h4>Certifications</h4>
                                <dl class="uk-description-list uk-description-list-line">
                                    <dt>TItanium Certified Application Developer</dt><dd>Earned May 13, 2012 - http://appcelerator.com</dd>
                                </dl>
                            </li>

                            <li>
                                <!-- Projects section -->
                                Nothing to see here.... yet. I do have projects, I promise!
                            </li>

                            <li class="uk-text-center">
                                <!-- Contact Info section -->
                                <p><i class="uk-icon-envelope"></i>&nbsp;&nbsp;<strong>E-Mail</strong><br/>
                                    <a href="mailto:brandon.cornejo@gmail.com">brandon.cornejo@gmail.com</a></p>
                                <p><i class="uk-icon-lock"></i>&nbsp;&nbsp;<strong>PGP Key</strong><br/>
                                    <a href="docs/public.asc">Public.asc</a></p>
                                <p><i class="uk-icon-comments"></i>&nbsp;&nbsp;<strong>IRC</strong><br/>
                                    binaryatrocity @ <a href="https://webchat.oftc.net//">irc.oftc.net</a><br/>
                                <p><i class="uk-icon-twitter"></i>&nbsp;&nbsp;<strong>Twitter</strong><br/>
                                    <a href="http://twitter.com/binaryatrocity">@binaryatrocity</a><br/>
                                <p><i class="uk-icon-gamepad"></i>&nbsp;&nbsp;<strong>Steam</strong><br/>
                                    <a href="http://binary.rudeassdudes.com">binaryatrocity</a><br/>
                                <p><i class="uk-icon-btc"></i>&nbsp;&nbsp;<strong>Bitcoin Address</strong><br/>
                                    <a href="bitcoin:1BinaryZyAXLbZ47XY2Ho92RrLwibK7E2d">1BinaryZyAXLbZ47XY2Ho92RrLwibK7E2d</a>
                            </li>

                        </ul>
                    </div>
                </div>

                <div id='footer' class='uk-width-1-1 uk-text-center uk-margin-top uk-margin-bottom'>
                    <!-- Footer Section -->
                    <div id='logos' data-uk-margin>
                        <a href="http://binaryatrocity.name/docs/binaryatrocity-public-key.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="https://plus.google.com/u/0/+BrandonCornejo/about" class="uk-icon-button uk-icon-google-plus"></a>
                        <a href="mailto:brandon.cornejo@gmail.com" 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(1989,1,7).getFullYear());
            });
        </script>
    </body>
    <!-- INTERNET DEFENSE LEAGUE -->
<script type="text/javascript">
    window._idl = {};
    _idl.variant = "modal";
    (function() {
        var idl = document.createElement('script');
        idl.type = 'text/javascript';
        idl.async = true;
        idl.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'members.internetdefenseleague.org/include/?url=' + (_idl.url || '') + '&campaign=' + (_idl.campaign || '') + '&variant=' + (_idl.variant || 'modal');
        document.getElementsByTagName('body')[0].appendChild(idl);
    })();
</script>
</html>