index.html

---
title: "Home"
layout: home
---

<div class="page-header header-filter" data-parallax="true" style="background-image: url('/assets/img/city-profile.jpg')">
  <div class="container">
    <div class="row">
      <div class="col-md-6">
        <h1 class="title">{{ site.title }}</h1>
        <h4>{{ site.description }}</h4>
        <h3><strong>{{ site.data.event.date }}</strong> @ UNT Inspire Park (Frisco)</h3>
        <br>
        <a href="{{ site.data.event.url }}" target="_blank" class="btn btn-success btn-raised btn-lg">
          Register
        </a>
      </div>
      <div class="col-md-4 offset-md-1">
        <img src="/assets/img/hackntx.png" alt="Hack NTX" class="img-fluid">
      </div>
    </div>
  </div>
</div>

<div class="main main-raised notification-target">
  <div class="container">
    <div class="section text-center">
      <div class="row">
        <div class="col-md-8 ml-auto mr-auto">
          <h2 class="title">About Hack NTX</h2>
          <h5 class="description">To promote civic engagement and smart city innovation in North Texas, this event is all about collaboration between cities and citizens to turn problems into opportunities, and ideas into products that can have a measureable, positive impact on their own community.
           <br>
         Hack NTX is a 100% community organized hackathon by TechMill, a registered 501(c)(3) nonprofit focused on building community through networking, events, and education!</h5>
       </div>
     </div>
   </div>
 </div>
 <div class="section section-tabs">
   <div class="container">
    <h2 class="text-center title">The Future of Smart Cities</h2>
    <div class="row">
      <div class="col-md-8 video-container">
        <iframe src="https://www.youtube.com/embed/nnyRZotnPSU?rel=0&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
        <p class="text-center"><small>Above: See how smart cities are rising to meet the challenges of rapid urban development.</small></p>
      </div>
      <div class="col-md-4">
        <p>Cities are constantly improving their technology infrastructure to keep pace with the modern world. Data has become the single most important decision making tool that helps our local governments make better choices on urban planning and infrastructure development based on evidence to benefit our communities.</p>
        <p>Hack NTX is a hackathon aimed at supporting cities and communities across North Texas who are investing and researching in new ways to improve the lives of everyday citizens through technology. This event is a chance for those passionate about civic technology, government transparency, and open data to utilize their skillsets in building applications, tools, and prototypes that support smart city initiatives.</p>
      </div>
    </div>
  </div>
</div>
<div class="section">
  <div class="container">
    <div class="row">
     <div class="col-md-8 offset-md-2">
       <h2 class="text-center title">How can my city participate?</h2>
       <br>
       The purpose of Hack NTX is to integrate passionate technologists with innovative cities to validate or prototype new smart city projects, or brainstorm and address problems city officials see in their own community that could be positively addressed through technology. <strong>Are you a city with a project? Visit our <a href="/sponsors" title="Hack NTX Sponsors">sponsor page</a> for more information, or <a href="mailto:sponsor@techmill.co">contact us</a> directly.</strong>
       <br><br>
       Here are some categories of projects that could be pitched at Hack NTX.
     </div>
   </div>
   <div class="row">
    <div class="col-md-3">
      {%- include components/card.html
        title="Climate"
        iconStatus="icon-info"
        iconType="cloud"
        content="What can we do to better monitor our air quality or gather better data for more robust air quality data?"
        -%}
      </div>
      <div class="col-md-3">
        {%- include components/card.html
          title="Transportation"
          iconStatus="icon-info"
          iconType="commute"
          content="How do we encourage citizens to ride bikes, walk and use transit more instead of riding in cars alone?"
          -%}
        </div>
        <div class="col-md-3">
          {%- include components/card.html
            title="Utilities"
            iconStatus="icon-info"
            iconType="toys"
            content="How can we increase the number of residents utilizing our renewable energy programs or incentives?"
            -%}
          </div>
          <div class="col-md-3">
            {%- include components/card.html
              title="Safety"
              iconStatus="icon-info"
              iconType="feedback"
              content="How can we provide an easier, more accurate way for citizens to submit safety issues for the cities to review?"
              -%}
            </div>
          </div>
        </div>
      </div>
      <div class="section section-tabs">
        <div class="container">
          <div class="row">
           <div class="col-md-8 offset-md-2">
             <h2 class="text-center title">Who can attend?</h2>
             <br>
             <!-- Tabs with icons on Card -->
             <div class="card card-nav-tabs">
               <div class="card-header card-header-success">
                <!-- colors: "header-primary", "header-info", "header-success", "header-warning", "header-danger" -->
                <div class="nav-tabs-navigation">
                 <div class="nav-tabs-wrapper">
                   <ul class="nav nav-tabs" data-tabs="tabs">
                     <li class="nav-item">
                       <a class="nav-link active" href="#developers" data-toggle="tab">
                         <i class="material-icons">build</i>Developers
                       </a>
                     </li>
                     <li class="nav-item">
                       <a class="nav-link" href="#designers" data-toggle="tab">
                         <i class="material-icons">format_shapes</i>Designers
                       </a>
                     </li>
                     <li class="nav-item">
                       <a class="nav-link" href="#nontechnical" data-toggle="tab">
                         <i class="material-icons">extension</i>Non-Technical
                       </a>
                     </li>
                     <li class="nav-item">
                       <a class="nav-link" href="#students" data-toggle="tab">
                         <i class="material-icons">school</i>Students
                       </a>
                     </li>
                   </ul>
                 </div>
               </div>
             </div>
             <div class="card-body "><br>
               <div class="tab-content text-center">
                 <div class="tab-pane active" id="developers">
                   <p>For those who think Python isn't a pet and JSON isn't the name of a deli, then you're already halfway there! Hackathons are technical in nature and needs developers who can take solution concepts and turn them into practical applications. Whether you're piecing together APIs or building on top of a new framework - developers are crucial to delivering projects.</p>
                 </div>
                 <div class="tab-pane" id="designers">
                   <p>A user interface is like a joke - if you have to explain it, it's not very good. Designers can provide invaluable insight into the user interface and user experience when developing a new product. Developers and designers go hand-in-hand to delivering functional and usable software.</p>
                 </div>
                 <div class="tab-pane" id="nontechnical">
                   <p>A project without a purpose is just code and colors. Non-technical participants can encompass a number of roles, but generally are business development or subject matter experts who can provide insight, logic, and reason as to what the projects are actually trying to solve.</p>
                 </div>
                 <div class="tab-pane" id="students">
                   <p>The first part to getting involved is showing up! This hackathon is not limited to "professionals" by any means. Whether you're an expert in NodeJS or blockchain - or just trying to apply those C++ courses into a practical project - this event will provide you with invaluable experience.<br><br>*You must be 18+ to participate.</p>
                 </div>
               </div>
               <br>
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>

   <div class="section">
     <div class="container text-center">
      <div class="features">
       <h2 class="title text-center">What's in it for me?</h2>
       <div class="row">
        <div class="col-md-4">
          {%- include components/card.html
            title="Cash Prizes"
            iconStatus="icon-success"
            iconType="attach_money"
            content="While this is currently dependent upon the number of sponsors we get, the top team will be walking away with cold hard cash."
            -%}
          </div>
          <div class="col-md-4">
            {%- include components/card.html
              title="Swag"
              iconStatus="icon-info"
              iconType="card_giftcard"
              content="Because you can't attend a tech event without leaving with at least a stack of laptop stickers - right?"
              -%}
            </div>
            <div class="col-md-4">
              {%- include components/card.html
                title="Experience"
                iconStatus="icon-danger"
                iconType="thumb_up"
                content="Take the opportunity to mingle with peers, network with like minded individuals, and try something you never have before."
                -%}
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="section section-tabs">
        <div class="container">
          <h2 class="title text-center">Frequently Asked Questions</h2>
          <div class="row">

            {%- for faq in site.data.faq -%}
            <div class="col-md-6 mb-3">
              <div class="card p-3 m-0">
                <h4 class="card-title">{{ faq.title }}</h4>
                <p>{{ faq.content }}</p>
              </div>
            </div>
            {%- endfor -%}

          </div>
        </div>
      </div>
      <div class="section">
        <div class="container">
          <h2 class="title text-center">Sponsors</h2>
          {%- include sponsor-grid.html -%}
        </div>
      </div>
      <div class="section section-tabs">
        <div class="container">
          <div class="venue-map">
            <h2 class="title text-center">Venue</h2>
            <div class="row">
              <div class="col-md-6">
                <div class="gmap-embed">
                  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3339.674457331174!2d-96.8340780851558!3d33.17017237114258!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x864c3fdc5ff26e79%3A0x1633d41cba10523a!2sUNT+Inspire+Park!5e0!3m2!1sen!2sus!4v1540267436521" frameborder="0" style="border:0" allowfullscreen></iframe>
                </div>
              </div>
              <div class="col-md-4 offset-md-1">
                <div class="card card-contact card-raised text-center">
                  <div class="card-body">
                    <address class="lead">
                      <strong>UNT Inspire Park</strong><br>
                      6170 Research Rd<br>
                      Frisco, TX 75033
                    </address>
                  </div>
                  <div class="pb-2">
                    <a href="https://goo.gl/maps/k8FivU82NUo" class="btn btn-success" style="display: inline-block;" title="Find UNT Inspire Park on Google Maps" target="_blank">Directions</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="container">
        <hr>
      </div>
      <div class="container">
        <div class="section section-sponsor">
          <div class="row">
            <div class="col-md-5 offset-md-1 ml-auto mr-auto">
             <h4 class="description">Are you a city who needs a prototype?</h4>
             <h2 class="title">SPONSOR A PROJECT</h2>
           </div>
           <div class="col-md-4 ml-auto mr-auto text-center">
             <a href="mailto:sponsor@techmill.co" class="btn btn-success btn-lg btn-raised">Contact Us</a>
             <br><br>
             <p>
               Download our <a style="text-decoration: underline;" href="{{ '/assets/docs/2018-hackntx-sponsor.pdf' | prepend: baseurl }}" title="Sponsorship packet">sponsorship packet</a></p>
             </div>
           </div>
         </div>
         </div
       </div>