hackkc2018-discovery.html

---
layout: ndoch
title: HACK KANSAS CITY - 2018
excerpt: Hack, Learn, Make Something Good #HACKKC
is_nocd_2015: true
custom_css:
- hackkc2018
custom_js:
- tabletop
- showdown
- ndoch-2018
---
<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: 17,
            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 = [
            ['Plexpod Crossroads', 'Think Big Partners', 'undefined', 'undefined', 'undefined', 39.0929115, -94.5860336, '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];
            }
            var 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">
        <video controls
               muted
               src="http://codeforkc.org/images/Design-and-discovery.mp4"
               type="video/mp4"
               poster="/images/Design-and-discovery.png"
               class="responsive-img"
        >
            Sorry, your browser doesn't support embedded videos.
        </video>

        <div class="button-center">
            <a href="https://www.eventbrite.com/e/discovery-design-workshop-for-hack-kc-tickets-47030752246"
               class="btn btn-primary btn-lg active" role="button" aria-pressed="true">Register for the Discovery &
                Design Workshop August 11th</a>
            <a href="https://docs.google.com/forms/d/e/1FAIpQLSeRGU__67RvUxgh5ntLkWugp9S1zA1veW1pEJOqs0gJOxK3Kw/viewform?c=0&w=1"
               class="btn btn-primary btn-lg active" role="button" aria-pressed="true">Submit a Project</a>
        </div>
    </div>

</div>


<div id="learnDiv" class="content-panel" style="">
    <q>Join Code for KC to develop tech for good! </q>

    <div class="container">

        <p>Do you have a community-oriented idea that might benefit from a tech solution? Do you like to lend your
            skills to help people bring their ideas to life? Then this Discovery and Design Workshop (on the National
            Day of Civic Hacking) is for you—yes, you! Anyone can participate, and you don’t have to be an expert in
            technology.</p>
        <p>This FREE event brings together people with the passion for doing good to collaborate in developing
            technology solutions that help others. Nonprofit professionals, urbanists, civic hackers, government staff,
            developers, designers, project managers, community organizers and more are welcomed!</p>
        <ul>
            <li>9:00-9:30 | Welcome and Overview

            <li>9:30-11:30 | Ideation, Asset, and Project Brainstorming

            <li>11:30-12:30 | Lunch

            <li>12:30-2:30 | Project Refinement and Solution Work

            <li>2:30-5:00 | Next Steps (and Start Hacking)
        </ul>


        <p>Project ideas developed at the event will go through additional development and preparation to participate in
            HackKC on October 13-14. </p>


        <a href="https://www.eventbrite.com/e/hack-kc-2018-tickets-47997788678"
           class="btn btn-primary btn-sm active" role="button" aria-pressed="true">Register
            here for Hack KC October 13th and 14th</a>


    </div>
    <q>
        Change only happens when ordinary people get involved!
    </q>
</div>

<div class="content-panel event-info">
    <div class="container event-info-container">
        <div class="event-details">
            <h3>Dates</h3>
            <p>August 11, 2018<br/>9:00 AM - 4:30 PM
            <p>
            <h3>Location</h3>
            <address>
                Plexpod Crossroads<br/>
                1712 Main St.<br/>
                Kansas City, MO 64108
            </address>
        </div>
        <div id='umkc-map'></div>
    </div>
</div>

<div class="content-panel projects">
    <div class="container">

        <div class="projects-container">


            <div class="collapsible-panel">
                <h3 class="header">
                    Discovery & Design Workshop
                    <span class="toggler">&#9660;</span>
                </h3>
                <div class="collapsible-panel-inner">
                    <div class="collapsible-panel-content">
                        <h5>August 11th</h5>
                        <p>At this event Mark Logan,
                            founder of Idealect, will help you and other  thinkers, designers, developers,
                            and teams
                            turn problems into project ideas and ideas into manageable scopes of work.
                            Mark was the leader of Barkley's innovation engine Moonshot Lab, Mark has recently
                            launched a new company to promote innovation for social and civic good.
                        </p>
                    </div>
                </div>
            </div>

            <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>

                    </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>




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

        </div>
        <h3 class="content-panel-header">Projects</h3>
        <div class="button-center">
            <a href="https://docs.google.com/forms/d/e/1FAIpQLSeRGU__67RvUxgh5ntLkWugp9S1zA1veW1pEJOqs0gJOxK3Kw/viewform?c=0&w=1"
               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">
        <h1 class="content-panel-header" style="font-size: 4em;">Sponsors</h1>
        <div class="sponsors-container" >
            <a class="logos" href="https://www.cerner.com/" target="_blank" style="margin: 0 auto;">
                <img src="{{ site.baseurl }}/images/Cerner-Corporation-logo.png" width="300"/>
            </a>
        </div>
    </div>
</div>
<div class="content-panel sponsors">
    <div class="container">
        <div class="sponsors-container">
            <a class="logos" href="https://fiber.google.com" target="_blank">
                <img src="{{ site.baseurl }}/images/GoogleFiber_logo.png" width="200"/>
            </a>

            <a class="logos" href="https://www.plexpod.com/" target="_blank">
                <img src="{{ site.baseurl }}/images/plexpod_logo.png" width="200"/>
            </a>
            <a class="logos" href="https://www.idealect.is/" target="_blank">
                <img src="{{ site.baseurl }}/images/IDL_FinalLogo_4C_Tag.jpg" width="200"/>
            </a>


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

<div class="content-panel sponsors">
    <div class="container">
        <div class="sponsors-container" >
            <a class="logos" href="http://mysidewalk.com/" target="_blank" style="margin: 0 auto;">
                <img src="{{ site.baseurl }}/images/MySidewalk_Logo-RGB.png" width="200"/>
            </a>
        </div>
    </div>
</div>

<div class="content-panel supporters">
    <div class="container">
        <h1 class="content-panel-header" style="font-size: 3em;">Supporters</h1>
        <div class="sponsors-container">
            <a class="logos" href="http://law.umkc.edu/" target="_blank">
                <img src="{{ site.baseurl }}/images/umkc-law-stack_web_400px.jpg" width="200"/>
            </a>
            <a class="logos" href="http://www.kcmolandbank.org/" target="_blank">
                <img src="{{ site.baseurl }}/images/land_bank_logo.png" width="200"/>
            </a>
            <a class="logos" href="http://www.lisc.org/kansas-city/" target="_blank">
                <img src="{{ site.baseurl }}/images/LISC_logo.png" width="200"/>
            </a>
        </div>
    </div>
</div>

<div class="content-panel sponsors">
    <div class="container">
        <div class="sponsors-container" >
            <a class="logos" href="https://www.alt-cap.org/ccfindex/" target="_blank" style="margin: 0 auto;">
                <img src="{{ site.baseurl }}/images/CCF_logo.jpg" width="200"/>
            </a>
        </div>
    </div>
</div>

<div class="content-panel c4kc-info">
    <div class="container c4kc-info-container">
        <div class="container">
            <img id="codeForKCLogo" class="logos" src="{{site.baseurl}}/images/codeforkclogo.jpg" width="450">
            <br>
            <p>
                Code for KC is a program of KC Digital Drive, and an affiliate of the national Code for America Brigade
                network. We work on civic tech projects throughout the year at our weekly Monday night hack nights. Hack
                KC is an annual hackathon that serves as a kickoff event for many of our projects. Unlike a typical
                weekend hackathon, our program is less about what can be built in a weekend or who can build the best or
                fastest, and more about what we can build to benefit the community.
            </p>
        </div>
    </div>
</div>


<script type="text/javascript">
    $('#learnMoreLink').click(function () {
        $('#learnDiv').toggle();
    });

</script>