oldhack.html

---
layout: default
title: HACK KANSAS CITY - 2016
excerpt: Hack, Learn, Make Something Good #HACKKC
is_nocd_2015: true
custom_js:
- tabletop
- hackkc-projects
- showdown
---
<script src='https://maps.googleapis.com/maps/api/js?key=AIzaSyDQNzkJUiUJBqI_pex-Xe9_1JD4sf2KZS8&sensor=false&extension=.js'></script>

<script>
    google.maps.event.addDomListener(window, 'load', init);
    var map;
    function init() {
        var mapOptions = {
            center: new google.maps.LatLng(39.032286, -94.582044),
            zoom: 15,
            zoomControl: true,
            zoomControlOptions: {
                style: google.maps.ZoomControlStyle.DEFAULT,
            },
            disableDoubleClickZoom: true,
            mapTypeControl: true,
            mapTypeControlOptions: {
                style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
            },
            scaleControl: false,
            scrollwheel: false,
            panControl: false,
            streetViewControl: false,
            draggable: false,
            overviewMapControl: true,
            overviewMapControlOptions: {
                opened: false,
            },
            mapTypeId: google.maps.MapTypeId.ROADMAP,
        }
        var mapElement = document.getElementById('umkc-map');
        var map = new google.maps.Map(mapElement, mapOptions);
        var locations = [
            ['UMKC School of Law', 'UMKC School of Law', 'undefined', 'undefined', 'undefined', 39.032361, -94.58182239999996, 'https://mapbuildr.com/assets/img/markers/default.png']
        ];
        for (i = 0; i < locations.length; i++) {
            if (locations[i][1] == 'undefined') {
                description = '';
            } else {
                description = locations[i][1];
            }
            if (locations[i][2] == 'undefined') {
                telephone = '';
            } else {
                telephone = locations[i][2];
            }
            if (locations[i][3] == 'undefined') {
                email = '';
            } else {
                email = locations[i][3];
            }
            if (locations[i][4] == 'undefined') {
                web = '';
            } else {
                web = locations[i][4];
            }
            if (locations[i][7] == 'undefined') {
                markericon = '';
            } else {
                markericon = locations[i][7];
            }
            marker = new google.maps.Marker({
                icon: markericon,
                position: new google.maps.LatLng(locations[i][5], locations[i][6]),
                map: map,
                title: locations[i][0],
                desc: description,
                tel: telephone,
                email: email,
                web: web
            });
            link = '';
        }

    }
</script>
<style>
    #umkc-map {
        height: 170px;
        width: 400px;
    }

    .gm-style-iw * {
        display: block;
        width: 100%;
    }

    .gm-style-iw h4, .gm-style-iw p {
        margin: 0;
        padding: 0;
    }

    .gm-style-iw a {
        color: #4272db;
    }
</style>

<style>
    .card {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    }

    .card {
        margin-top: 10px;
        box-sizing: border-box;
        border-radius: 2px;
        background-clip: padding-box;
        background-color: #00c9ed;
        color: #000;
    }

    .card span.card-title {
        color: #000;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .card .card-image {
        position: relative;
        overflow: hidden;
    }

    .card .card-image img {
        border-radius: 2px 2px 0 0;
        background-clip: padding-box;
        position: relative;
        z-index: -1;
    }

    .card .card-image span.card-title {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 16px;
    }

    .card .card-header {
        padding: 16px;
        border-radius: 0 0 2px 2px;
        background-clip: padding-box;
        box-sizing: border-box;
        position: relative;
        bottom: 0;
        left: 0;
    }

    .card .card-content {
        padding: 0 16px 16px 16px;
        border-radius: 0 0 2px 2px;
        background-clip: padding-box;
        box-sizing: border-box;
        backgroun-color: #000;
        color: #111;
        padding-top: 4px;
        min-height: 200px;
    }

    .card .card-content p {
        margin: 0;
        color: inherit;
    }

    .card .card-content span.card-title {
        line-height: 48px;
    }

    .card .card-action {
        border-top: 1px solid rgba(160, 160, 160, 0.2);
        padding: 16px;
    }

    .card .card-action a {
        color: #ffab40;
        margin-right: 16px;
        transition: color 0.3s ease;
        text-transform: uppercase;
    }

    .card .card-action a:hover {
        color: #ffd8a6;
        text-decoration: none;
        background-color: #fff;
    }

    /* Sponsors */

    .sponsor {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    }

    .sponsor {
        margin-top: 10px;
        box-sizing: border-box;
        border-radius: 2px;
        background-clip: padding-box;
        background-color: #00c9ed;
        color: #000;
    }

    .sponsor span.sponsor-title {
        color: #000;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
    }

    .sponsor .sponsor-image {
        position: relative;
        overflow: hidden;
    }

    .sponsor .sponsor-image img {
        border-radius: 2px 2px 0 0;
        background-clip: padding-box;
        position: relative;
        z-index: -1;
    }

    .sponsor .sponsor-image span.sponsor-title {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 16px;
    }

    .sponsor .sponsor-header {
        padding: 16px;
        border-radius: 0 0 2px 2px;
        background-clip: padding-box;
        box-sizing: border-box;
        position: relative;
        bottom: 0;
        left: 0;
    }

    .sponsor .sponsor-content {
        padding: 0 16px 16px 16px;
        border-radius: 0 0 2px 2px;
        background-clip: padding-box;
        box-sizing: border-box;
        backgroun-color: #000;
        color: #111;
        padding-top: 4px;
        min-height: 200px;
    }

    .sponsor .sponsor-content p {
        margin: 0;
        color: inherit;
    }

    .sponsor .sponsor-content span.sponsor-title {
        line-height: 48px;
    }

    .sponsor .sponsor-action {
        border-top: 1px solid rgba(160, 160, 160, 0.2);
        padding: 16px;
    }

    .sponsor .sponsor-action a {
        color: #ffab40;
        margin-right: 16px;
        transition: color 0.3s ease;
        text-transform: uppercase;
    }

    .sponsor .sponsor-action a:hover {
        color: #ffd8a6;
        text-decoration: none;
        background-color: #fff;
    }
</style>

<div class="container">
    <div class="row ">
        <div class="col-lg-6 hack-details-image-wrapper">
            <img class="img-responsive"
                 src="{{ site.baseurl }}/images/hackkclogowithhash.png" width="700"/>

            <p style="font-size: 20pt">Join local designers, developers, doers and
                thinkers with a passion for making local government work better
                through technology.</p>
        </div>


        <div class="col-lg-1">
        </div>
        <div class="col-lg-5">

            <!--            <div><img src="/images/umkc-law-location.jpeg"> -->

            <p style="font-size: 16pt">
                <b>UMKC School of Law</b><br>
                500 East 52nd Street <br>
                Kansas City,
                MO 64110<br>
            </p>

            <div style="display: inline-block; " id='umkc-map'></div>
        </div>
    </div>
</div>

<div class="container ">
    <div class="row " style="margin-top: 30px; margin-bottom: 30px;">
        <div class="col-lg-2">
            &nbsp;
        </div>
        <div class="col-lg-4">
            <center>
                <br>
                <a class="btn-lg btn-success" style="font-size: 20pt;"
                   href="https://www.eventbrite.com/e/hack-kc-2016-national-day-of-civic-hacking-tickets-24799680512">SIGN
                    UP</a>
            </center>
        </div>
        <div class="col-lg-4">
            <center><br>
                <a class="btn-lg btn-success" style="font-size: 20pt;"
                   href="http://goo.gl/CSg8p0">SUBMIT AN IDEA</a>
            </center>
        </div>
        <div class="col-lg-2">
            &nbsp;
        </div>
    </div>
</div>


<div class="container hack-details">
    <div class="row ">
        <div class="col-lg-12">

        </div>
        <div class="col-lg-12">

            <h1 class="hack-details-blue"> What is Hack Kansas City?</h1>

            <p>Part of the <a href="http://hackforchange.org/">National Day of Civic Hacking</a>, HackKC brings together
                urbanists, hackers,
                government staff, developers, designers, community organizers and regular people
                to collaborate in building new solutions using publicly-released data,
                open technology and design processes.</p>

            <p>Unlike traditional hackathons, Hack KC starts with a two-day event and continues into the fall as we will
                work together to bring projects to successful completion. Even after the hackathon is over, Code for KC
                will support your team and help you create a great civic project, from concept to beta.</p>

        </div>
        <div class="col-lg-8">
            <h1 class="hack-details-red"> Who should come?</h1>

            <p>Everyone can participate! We seek people who care about the neighborhood and community.
                Ideally, we need:
            <ul>
                <li> People with vision and passion</li>
                <li> People with experience in all sorts of areas (see project ideas below)</li>
                <li> Usability designers and graphic designers</li>
                <li> Writers</li>
                <li> Coders and testers</li>
                <li> You!</li>
                <li> Still not sure....check out the flow chart.</li>
            </ul>
            </p>
        </div>
        <div class="col-lg-4">


            <h1><a href="{{ site.baseurl }}/should-i-attend-hackkc">Click for Decision Aid</a></h1>
            <a href="{{ site.baseurl }}/should-i-attend-hackkc" alt="Flow chart to help determine if you should go">
                <img src="{{ site.baseurl }}/images/HackforChange2015-flowchart-thumb.jpg"/>
            </a>
        </div>

        <div class="col-lg-12">
            <h1 class="hack-details-blue"> What can I work on?</h1>

            <p>We have a few projects planned, but need your ideas, too! We have already engaged Historic Kansas City,
                the City of KCMO, Community Capital Fund and others willing to support our projects. We just need coders
                like you to lend a hand and a day or two to bring these ideas (and others) to life!

        </div>
    </div>

    <div id="projects" class="row">

    </div>

    <div class="row">

        <div class="col-lg-12">

            <h1 class="hack-details-red"> How do I get involved?</h1>


            <ol>
                <li><a
                        href="https://www.eventbrite.com/e/hack-kc-2016-national-day-of-civic-hacking-tickets-24799680512">Sign
                    up</a> yourself or your team. It's free!
                <li><a href="http://goo.gl/CSg8p0">Submit a project idea</a> if you have one. If not, we will help
                    you
                    find a team.
                <li>Check
                    out existing projects above.
                </li>
            </ol>

            <p>In the weeks prior to June 4, we will schedule project meetings (either in person, by phone or
                online).
                We will
                be sure each team has the information and equipment needed, and ready to go for Hack KC.</p>

            <p>Individuals are welcome to show up June 4-5 for a fun weekend of coding for a better metro!</p>

            <h1 class="hack-details-blue"> What will I get out of it?</h1>

            <p><b>Solve local problems with your ideas and experience!</b> Do you have ideas to improve your town?
                Can you make things better if you had the chance? Bring your ideas and make a positive change in
                your
                community.</p>

            <p><b>You'll expand your network</b>. HACK KC has members from a wide variety of industries, businesses
                and
                interests; developers, writers, project managers and many other professionals. Some are learning and
                others are experienced - all are welcome!</p>

            <p><b>You'll learn new skills</b>. With a whole weekend dedicated to letting your creative juices flow,
                HACK KC is a perfect opportunity to work on something new, or a little different
                than you have done in the past; perhaps a new platform, learn a new programming language, or give
                marketing a try. With nothing to lose, there’s nothing stopping you from stepping out of your
                comfort zone.</p>

            <p><b>New and impressive material for your resume</b>. Are you seeking experience for your resume?
                Perhaps in a specific programming language or a profession? Have you taken classes but need to
                use the skills before they are lost? Do you want hands-on experience to prepare for a job?
                This is where you get it! </p>

            <p><b>You'll have fun.</b> During the weekend, you will working along side awesome people who
                share your ideas and passion to make things better. HACK KC is meant to be fun and entertaining, so
                enjoy it!</p>

            <center style="margin: 40px;">
                <a class="btn-lg btn-success" style="font-size: 20pt; color: white;"
                   href="https://www.eventbrite.com/e/hack-kc-2016-national-day-of-civic-hacking-tickets-24799680512">SIGN
                    UP</a>
            </center>


            <h1 class="hack-details-red">SCHEDULE</h1>

            <p>Saturday will start at 10:00 a.m. with opening remarks and team formation and wrap up around 5:00
                p.m.
                Sunday we will open the doors at 10:00 a.m. to and wrap up at 5:00 p.m. after project presentations.
                In July we will meet to see how we're doing.
                November will be final presentations along with a shared celebration.</p>

        </div>
    </div>
    <div class="row">

        <div class="col-lg-12">
            <h1 class="hack-details-red"> SPONSORS</h1>
        </div>
        <div class="col-lg-4">
            <a class="logos" href="http://law.umkc.edu/" target="_blank"><img
                    src="/images/umkc-law-stack_web_400px.jpg" width="200"></a>
        </div>
        <div class="col-lg-4"><a class="logos" href="https://fiber.google.com" target="_blank"><img
                src="/images/google-fiber.png" width="200"></a>
        </div>
        <div class="col-lg-4"><a class="logos" href="http://www.polsinelli.com/" target="_blank"><img
                src="/images/Polsinelli_Color_logo.jpg" width="200"></a>
        </div>
        <div class="col-lg-4">
            <a class="logos" href="http://www.kcdigitaldrive.org/" target="_blank"><img src="/images/kcdd-logo.png"
                                                                                        width="200"></a>
        </div>
        <div class="col-lg-4">
            <a class="logos" href="http://codeforkc.org/" target="_blank"><img
                    src="/images/c4kc_brigade_logo.png" width="200"></a>
        </div>
    </div>
    <div class="row">

        <div class="col-lg-12">
            <h1 class="hack-details-blue"> SUPPORTERS</h1>
        </div>
        <div class="col-lg-4">
            <a class="logos" href="http://law.umkc.edu/" target="_blank"><img
                    src="/images/Sprint_Accelerator_Logo.jpg" width="200"></a>

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