hackkc.html

---
layout: ndoch
title: HACK KANSAS CITY - 2017
excerpt: Hack, Learn, Make Something Good #HACKKC
is_nocd_2015: true
custom_css:
- hackkc2017
custom_js:
- tabletop
- hackkc-2017-projects
- showdown
- ndoch-2017
---
<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.0929229, -94.5860675),
            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 = [
            ['Think Big Partners', 'Think Big Partners', 'undefined', 'undefined', 'undefined', 39.0929229, -94.5860675, '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 {
        flex: 1;
        flex-basis: 15em;
    }
</style>
<div class="hero">
    <div class="container">
        <img class="responsive-img" src="../images/civic_hacking_logo_two.png" width="600"/>
        <p class="hero-event-date">
            <span>September 23-24, 2017</span>
            <a href="#">#hackKC</a>
            <a href="#">@codeforkc</a>
        </p>
        <p>
            <a href="https://www.eventbrite.com/e/hackkc-2017-tickets-36875066316"
               class="btn btn-success btn-lg active registration-btn" role="button" aria-pressed="true">Register
                Today!</a>
            </b>
    </div>
    <div class="hero-event-overview" style="background: #000;">
        <p class="container">Join local designers, developers, doers and thinkers with a passion for making local
            government work better through technology.</p>
    </div>
</div>
<div class="content-panel">
    <q>
        Change only happens when ordinary people get involved!
    </q>
    <div class="container">
        <p>Join Code For KC for an exciting two day hackathon where we design and create solutions that solve community
            problems. Do you love designing and coding? How does working on open source while solving practical problems
            sound to you? Then join us for this exciting two day event!</p>
        <p>The fun doesn't stop there either! Projects continue well after the hackathon until they are complete. Some
            apps from previous years have stayed on board for years!</p>
    </div>

    <div class="button-center">
        <a href="https://www.eventbrite.com/e/hackkc-2017-tickets-36875066316" class="btn btn-success btn-lg active"
           role="button" aria-pressed="true">Register Today!</a>
    </div>
</div>
<div class="content-panel projects">
    <h3 class="content-panel-header">What is Code For KC?</h3>
    <div class="container">
        <p>
            Code For KC is a non profit group who utilizes modern technology to solve civic problems. We want to address real problems in our community, such as environmental issues, transportation problems, and many more using open source coding networks.
        </p>
        </p>
            Our projects are created around the idea that there are real issues in our community that can have a technological solution. Through collaboration and networking we create a community-based solution and follow through with a team of coders, designers, writers (and more!) to implement that solution.
        </p>
    </div>
</div>
<div class="content-panel event-info">
    <div class="container event-info-container">
        <div class="event-details">
            <h3>Dates</h3>
            <p>September 23, 2017<br/>9:00 AM - 4:30 PM
            <p>
            <p>September 24, 2017<br/>9:00 AM - 4:30 PM</p>
            <h3>Location</h3>
            <address>
                Think Big Partners<br/>
                1712 Main St.<br/>
                Kansas City, MO 64108
            </address>
        </div>
        <div id='umkc-map'></div>
    </div>
</div>

<div class="content-panel schedule-of-events">
    <h3 class="content-panel-header">Schedule of Events</h3>
    <div class="container">
        <div class="projects-container">
            <div class="collapsible-panel">
                <h3 class="header">
                    Pre Hack KC - Planning
                    <span class="toggler">&#9660;</span>
                </h3>
                <div class="collapsible-panel-inner">
                    <div class="collapsible-panel-content">
                        <h5>Monday Nights Leading up to Hack KC:</h5>
                        <p>There are four hack night workshop sessions designed to make projects be successful. We encourage individuals planning to participate in Hack KC to join us for as many workshop sessions as possible.
                        </p>
                        <ul>
                            <li>Aug 21st: <a href="https://www.eventbrite.com/e/hacking-tools-101-w-code-for-kc-tickets-37020864402">Hacking Tools 101 - Register</a></li>
                            <li>Aug 28th: <a href="https://www.eventbrite.com/e/project-canvas-and-value-proposition-w-code-for-kc-tickets-37031165212">Project Canvas and Value Proposition - Register</a></li>
                            <li>Sep: 4th: NO MEETING Labor Day
                            <li>Sep 11th: <a href="https://www.eventbrite.com/e/pitching-and-team-building-w-code-for-kc-tickets-37031392893">Pitching and Team Building - Register</a></li>
                            <li>Sep 18th: <a href="https://www.eventbrite.com/e/meet-and-greet-for-hack-kc-tickets-37033262485">Meet and Greet - Register</a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="collapsible-panel">
                <h3 class="header">
                    Hack KC - Start Building
                    <span class="toggler">&#9660;</span>
                </h3>
                <div class="collapsible-panel-inner">
                    <div class="collapsible-panel-content">
                        <h5>The Event</h5>
                        <p>Join Code for KC for an exciting two day hackathon where we write apps that solve community problems.</p>
    			<p>We will also have a few 1 hour classes to teach crash courses in things like design and GIS - stay tuned for more information on those! </p>

                        <h5>Saturday September 23rd</h5>

    			<ul>
    				<li>9:00 am Registration and Breakfast</li>
    				<li>9:30 am Introductions</li>
    				<li>10:00 am Project Pitches</li>
    				<li>11:30 am Lunch and hacking</li>
    				<li>4:30 pm Fin</li>
    			</ul>


                        <h5>Sunday September 24th</h5>
    			<ul>
    				<li> 9:00 am Doors open for Hacking</li>
    				<li>11:30 am Lunch</li>
    				<li>3:00 pm Project Report Back</li>
    				<li>4:30 pm Fin</li>
    			</ul>


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

            <div class="collapsible-panel">
                <h3 class="header">
                    Post Hack KC - Finish
                    <span class="toggler">&#9660;</span>
                </h3>
                <div class="collapsible-panel-inner">
                    <div class="collapsible-panel-content">
                        <h5>Monday Nights</h5>
    			<p>Hack KC is more than a weekend hack event.
                    Projects continue until they are complete at Monday night HackNights.</p>

                        <p>Throughout the year, we are on the lookout throughout across our KC Digital Drive community partners looking for compelling project
                    opportunities, and Code for KC is the primary avenue for bringing civic tech projects with a software development angle to life.</p>

                        <p>We look for projects that may take 60-80 hours of time over the course of 6-12 months and deliver meaningful impact in the community, largely through our weekly hack nights.
                    But these projects take all sorts of shapes, from Made in KC and localstart.org, which launched at our first event in 2013, to Community KC, to I Got Mine.</p>

                    <p>Check out current projects in development or submit your own below.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>


<div class="content-panel attendee-profiles">
    <h3 class="content-panel-header">How can I help? <br/><small>Click icon for details!</small></h3>
    <div class="attendee-profiles-container">
        <figure>
            <img class="interactive-tooltip"
                 title="We want to know who we’re coding for! Help us reach our residents, understand their needs. Connect us to partner groups and individual volunteers."
                 src="{{ site.baseurl }}/images/community_organizers.svg"/>
            <figcaption>Community Organizers</figcaption>
        </figure>
        <figure>
            <img class="interactive-tooltip"
                 title="We love government partners. No one does a better job connecting us to the city’s existing resources. We welcome staff to collaborate with us on development projects and connecting to users across the KC Metro area."
                 src="{{ site.baseurl }}/images/ndoch_2017_government.svg"/>
            <figcaption>Government Officials</figcaption>
        </figure>
        <figure>
            <img class="interactive-tooltip"
                 title="Building tools that are well-made, user friendly, and aesthetically pleasing is important to us, but we need help! Graphic Designers, UX Designers, HCI Designers… we welcome you all!"
                 src="{{ site.baseurl }}/images/ndoch_2017_designers.svg"/>
            <figcaption>Designers</figcaption>
        </figure>
        <figure>
            <img class="interactive-tooltip"
                 title="We need people who know how to code and build usable tech. It’s the core of what we do. We’re constantly improving our network of local experts from all programming languages and backgrounds, to make us more effective, efficient, and flexible."
                 src="{{ site.baseurl }}/images/ndoch_2017_hackers.svg"/>
            <figcaption>Hackers</figcaption>
        </figure>
        <figure>
            <img class="interactive-tooltip"
                 title="We want to work with our city, and for our city. You can help us connect to local resources, identify areas of need, and troubleshoot our solutions. Help us figure out what fits into KC."
                 src="{{ site.baseurl }}/images/ndoch_2017_urbanists.svg"/>
            <figcaption>Urbanists</figcaption>
        </figure>
        <figure>
            <img class="interactive-tooltip"
                 title="We build things for Kansas City to use, and we need people to tell us how we’re doing. User testing and feedback help us improve, and you don’t need a technical background to do it!<br/><br/>We also need greeters and assistants for the event to keep everything on schedule and running smoothly."
                 src="{{ site.baseurl }}/images/ndoch_2017_public.svg"/>
            <figcaption>Public</figcaption>
        </figure>
    </div>
</div>
<div class="content-panel projects">
    <div class="container">
        <h3 class="content-panel-header">Projects</h3>
        <div class="button-center">
            <a href="https://docs.google.com/forms/d/e/1FAIpQLSeqvOEjX_cfVS77n1ZK34DOCi5PJbdMJVT4kYiDjTPvqcSPWw/viewform?c=0&w=1&includes_info_params=true"
               class="btn btn-primary btn-lg active" role="button" aria-pressed="true">Submit a Project</a>
        </div>
        <div id="projects" class="projects-container"></div>
    </div>
</div>
<div class="content-panel sponsors">
    <div class="container">
        <h3 class="content-panel-header">Sponsors</h3>
        <div class="sponsors-container">
            <a class="logos" href="http://thinkbigcoworking.com/" target="_blank">
                <img src="{{ site.baseurl }}/images/ThinkBigCoworking.png" width="200"/>
            </a>
            <a class="logos" href="http:/app.mysidewalk.com/" target="_blank">
                <img src="{{ site.baseurl }}/images/MySidewalk_Logo-RGB.png" width="200"/>
            </a>

            <a class="logos" href="http:/kcmo.org/" target="_blank">
                <img src="{{ site.baseurl }}/images/KCMOlogo.png" width="200"/>
            </a>

            <span></span>
        </div>
    </div>
</div>
<div class="content-panel sponsors">
    <div class="container">
        <h3 class="content-panel-header">Organizers</h3>
        <div class="sponsors-container">
            <a class="logos" href="http://www.kcdigitaldrive.org/" target="_blank">
                <img src="{{ site.baseurl }}/images/kcdd-logo.png" width="200"/>
            </a>
            <a class="logos" href="http://codeforkc.org/" target="_blank">
                <img src="{{ site.baseurl }}/images/CodeForKC_Logo-01.png" width="200"/>
            </a>
            <span></span>
        </div>
    </div>
</div>