2024.njk

---
nav: true
title: BUILD 2024
eventbriteId: null
bookingsOpen: true
projectsOpen: false
section: build
dates: 11–12 October 2024
year: 2024
quotes:
  [
    {
      quote: "Build is a great place to come and use your knowledge, skill or passion in tech to help some great causes and meet new people",
      attr: "Nath @ BUILD 2023",
    },
    {
      quote: "BUILD is a great place to meet new people, learn, use skills you have with a range of other people!",
      attr: "Sara @ BUILD 2023",
    },
    {
      quote: "It's an awesome weekend for discussing tech with like-minded faith filled individuals. A wonderful chance to chat and work with wonderful people on impactful technology.",
      attr: "Mike @ BUILD 2023",
    },
    {
      quote: "A really encouraging time with some great technologists who love Jesus, geeking out on some projects for the Kingdom",
      attr: "Rachel @ BUILD 2023",
    },
    {
      quote: "Excellent way to meet and collaborate with Christians in tech, working (worshiping) together.",
      attr: "James @ BUILD 2023",
    },
    {
      quote: "It's utter chaos and the most fun I have each year.",
      attr: "Nim @ BUILD 2023",
    },
    {
      quote: "Build is a place to work on real world problems that need creative and innovative solutions in tech or design for churches and charities",
      attr: "Tessa @ BUILD 2023",
    },
  ]
schedule:
  [
    {
      day: 2021-10-15,
      timings:
        [
          ["18.00", "Doors open"],
          ["18:45", "Dinner"],
          ["19:15", "Welcome"],
          ["19.45", "Praise and prayer"],
          ["20.00", "Project presentations"],
          ["20.30", "Team formation"],
          ["21.00", "Team prayer"],
        ],
    },
    {
      day: 2021-10-16,
      timings:
        [
          ["08.30", "Breakfast"],
          ["09.00", "Morning prayer"],
          ["12.30", "Lunch break"],
          ["17.00", "Project deadline and tidy up!"],
          ["17.30", "Dinner"],
          ["18.30", "Presentations"],
          ["19.45", "Voting"],
          ["20.30", "Farewell"],
        ],
    },
  ]
---

<header class="relative text-white">
  {% rwdImg "/_assets/img/build/23/banner.jpg", "" , "100vw", "block h-full
  object-cover absolute w-full" %}

  <div
    class="relative w-full text-center flex items-center justify-center flex-col bg-blue-500/60"
  >
    <div class="sm:flex items-center gap-4 md:gap-8 mt-4 md:mt-8">
      <img
        src="/_assets/misc/build22.svg"
        style=""
        alt="Kingdom Code BUILD"
        class="kc-header__logo p-4 mx-auto w-[90%] max-w-[350px]"
      />
      <div class="sm:text-left">
        <hgroup>
          <h1 class="font-bold text-5xl">Kingdom Code BUILD</h1>
          <h2 class="mt-2 text-2xl">{{ dates }}</h2>
        </hgroup>

        <div>
          {% if eventbriteId and bookingsOpen %}
          <a
            href="#tickets"
            class="js-moveto mt-4 inline-block border bg-orange border-orange rounded p-2 uppercase text-white hover:bg-transparent transition-colors"
            >Book Now</a
          >
          {% elseif bookingsOpen == false %}
          <span
            class="mt-4 inline-block border bg-orange border-orange rounded p-2 uppercase text-white"
            >Bookings closed</span
          >
          {% else %}

          {% endif %}
        </div>
      </div>
    </div>

    <ul class="block mt-4 md:mt-8 py-4">
      <li class="inline">
        <a href="#about" class="js-moveto underline px-2 hover:no-underline"
          >About</a
        >
      </li>
      <li class="inline">
        <a href="#location" class="js-moveto underline px-2 hover:no-underline"
          >Location</a
        >
      </li>
      <li class="inline">
        <a href="#projects" class="js-moveto underline px-2 hover:no-underline"
          >Projects</a
        >
      </li>
      <li class="inline">
        <a href="#sponsor" class="js-moveto underline px-2 hover:no-underline"
          >Partner</a
        >
      </li>
      <li class="inline">
        <a href="#timings" class="js-moveto underline px-2 hover:no-underline"
          >Timings&nbsp;and&nbsp;Practicalities</a
        >
        {% if eventbriteId and bookingsOpen %}
      </li>

      <li class="inline">
        <a href="#tickets" class="js-moveto underline px-2 hover:no-underline"
          >Tickets</a
        >
        {% endif %}
      </li>
    </ul>
  </div>
</header>

{# <section class="py-4 md:py-12">
  <div class="container text-center sm:text-left">
    <p class="uppercase text-[#f6be03]">
      {% if logobar_title %}{{ logobar_title }}{% else %}Supported by:{% endif
      %}
    </p>
    <a
      href="https://worship.works/worship-works-x-build/"
      target="_blank"
      rel="noopener"
    >
      <img
        src="/_assets/misc/logos/worshipworks.svg"
        alt="Worship Works"
        class="w-1/2 max-w-sm m-auto sm:m-0"
      />
    </a>
  </div>
</section> #}

<section class="imagetext imagetext--orange" id="about">
  <div class="imagetext__img">
    {% rwdImg "/_assets/img/build/23/pairing.jpg", "A team working on a
    project at BUILD" , "(min-width: 640px) 50vw, 100vw", "imagetext__img" %}
  </div>

  <div class="imagetext__text py-16">
    <p>
      Kingdom Code BUILD is our annual hackathon in partnership with
      <a
        href="https://indigitous.org/hack"
        target="_blank"
        rel="noopener"
        style="border-color: #d95835"
        >Indigitous #Hack</a
      >, bringing together Christians who work in the world of tech from across
      Europe.
    </p>
    <p>
      Join Christian technologists from across the UK and beyond to share ideas
      and kick start projects that integrate our Christian faith and technical
      skill sets.
    </p>
    <p>
      Whether you’re a developer, designer, project manager, branding/marketing
      expert, ideator or something else entirely, enjoy taking a weekend to meet
      and work with others in the Kingdom Code community who share your desire
      to see God glorified through technology.
    </p>

    {% if eventbriteId and bookingsOpen %}
    <a
      href="#tickets"
      class="inline-block js-moveto mt-4 border border-white rounded p-2 uppercase text-white hover:border-blue hover:text-blue transition-colors"
    >
      Book Now
    </a>
    {% endif %}
  </div>
</section>

<section class="imagetext imagetext--blue" id="location">
  <div class="imagetext__text">
    <h2 class="text-white font-bold text-2xl uppercase mb-4">Location</h2>

    <div>
      <p class="mb-4">
        St. John's, Hoxton<br />
        Pitfield St,<br />
        London N1 6NP
      </p>

      <p>
        <a
          href="https://www.google.co.uk/maps/place/St+John's+Hoxton/@51.530558,-0.0857897,17z/data=!3m1!4b1!4m5!3m4!1s0x48761ca4a1c662f3:0x32dbb98ab343ecd8!8m2!3d51.530558!4d-0.083601?hl=en"
          >Get directions</a
        >
      </p>
    </div>

    <div>Nearest station: Old Street / Hoxton</div>
  </div>

  <div class="imagetext__img lg:min-h-[450px]">
    {% rwdImg "/_assets/img/build/23/location.jpg", "Build at
    St. John's, Hoxton" , "(min-width: 640px) 50vw, 100vw", "imagetext__img" %}
  </div>
</section>

{% include "blocks/slider.njk" %}

<section class="imagetext imagetext--blue" id="sponsor">
  <div class="imagetext__text">
    <h2 class="uppercase text-2xl font-bold">Partner with BUILD</h2>
    <p class="my-2">
      From having projects to work on, through to covering the event costs, we
      need your help. The team give their time for free, but without the support
      of like-minded businesses, churches and charities, BUILD could not take
      place.
    </p>
    <a class="mt-2 inline-block hover:no-underline" href="/build/partnership"
      >Find out more</a
    >
  </div>

  <div class="imagetext__img lg:min-h-[450px]">
    {% rwdImg "/_assets/img/build/23/partner.jpg", "Build at St. John's,
    Hoxton" , "(min-width: 640px) 50vw, 100vw", "imagetext__img" %}
  </div>
</section>

<section class="imagetext imagetext--orange" id="projects">
  <div class="imagetext__img lg:min-h-[450px]">
    {% rwdImg "/_assets/img/build/23/award.jpg", "Build at St. John's,
    Hoxton" , "(min-width: 640px) 50vw, 100vw", "imagetext__img" %}
  </div>

  <div class="imagetext__text">
    <h2 class="uppercase text-2xl font-bold">Projects</h2>
    <p class="my-2">
      Each year individuals come together around projects to form teams. These
      might be a missionally minded passion project, a R&amp;D project from a
      ministry, or an investigation into the potential of a new tech or tool…
    </p>
    <p class="my-2">
      In 2017 we explored how Christians Against Poverty might use VR… In 2022 we trialed virtual sponsored marathons for Compassion. We've optimised AWS setups for
      ministries, designed supporter websites, analysed data…
    </p>

    <a class="mt-2 inline-block hover:no-underline" href="/build/projects">
      Find out about bringing yours.
    </a>
  </div>
</section>

{% include "blocks/projectList.njk" %}

{% set blogListingTag = "build-" + year %} {% include
"blocks/blogListing.njk" %}

<section class="container" id="timings">
  <h2 class="text-mint font-bold text-2xl uppercase my-4 md:my-16 text-center">
    Schedule
  </h2>

  <div class="textcol">
    {% for day in schedule %}
    <div class="textcol__col">
      <h3 class="font-bold uppercase mb-2">
        {{ day.day | formatDate('dddd') }}
      </h3>
      <ul class="time-list">
        {% for item in day.timings %}
        <li>
          <span>{{ item[0] }}</span>
          <span>{{ item[1] }}</span>
        </li>
        {% endfor %}
      </ul>
    </div>
    {% endfor %}
  </div>

  <h3 class="text-mint font-bold uppercase mb-0 text-center">
    Some practicalities
  </h3>
  <div class="grid gap-4 sm:grid-cols-2 md:grid-cols-4 my-4 md:mb-16">
    <div class="border border-mint p-4">
      <h3 class="font-bold text-mint">Food</h3>
      <p class="text-sm sm:text-base">
        We'll feed you throughout the whole weekend, just let us know your
        dietary needs when you register.
      </p>
    </div>

    <div class="border border-mint p-4">
      <h3 class="font-bold text-mint">Sleeping</h3>
      <p class="text-sm sm:text-base">
        Some people choose to work all the way through, most choose some sleep!
        You can sleep onsite (bring your own sleeping bag and toothbrush), or
        arrange your own offsite accomodation.
      </p>
    </div>

    <div class="border border-mint p-4">
      <h3 class="font-bold text-mint">Getting here</h3>
      <p class="text-sm sm:text-base">
        St. John's is a five minute walk from Old Street Tube station (Northern
        line), it's a quick hop from London, King's Cross.
      </p>
    </div>

    <div class="border border-mint p-4">
      <h3 class="font-bold text-mint">Other questions?</h3>
      <p class="text-sm sm:text-base">
        Ping us a message on
        <a href="https://twitter.com/kcodeuk" rel="noopener" target="_blank"
          >twitter</a
        >, or send an email to info@ and we will get back to you asap.
      </p>
    </div>
  </div>
</section>

<section class="ev-ticket" id="tickets">
  <div class="container py-16">
    <h2 class="ev-ticket__title text-4xl font-bold">Kingdom Code BUILD</h2>
    <date>{{ dates }}</date>

    {% if eventbriteId and bookingsOpen %}
    <div
      class="ev-ticket__eventbrite-widget"
      id="js-eb-ticket-widget-south"
    ></div>

    <p class="ev-ticket__smallprint mt-8">
      Kingdom Code BUILD ticket sales handled by Eventbrite.
    </p>
    <p>
      <a
        class="btn btn--orange btn--full-width"
        href="https://www.eventbrite.co.uk/e/{{ eventbriteId }}"
        >Book your place via Eventbrite</a
      >
    </p>
    {% endif %}
  </div>

  {% if eventbriteId and bookingsOpen %}
  <script src="https://www.eventbrite.co.uk/static/widgets/eb_widgets.js"></script>

  <script type="text/javascript">
    var exampleCallback = function () {
      console.log("Order complete!")
    }

    window.EBWidgets.createWidget({
      // Required
      widgetType: "checkout",
      eventId: "{{ eventbriteId }}",
      iframeContainerId: "js-eb-ticket-widget-south",

      // Optional
      // onOrderComplete: exampleCallback  // Method called when an order has successfully completed
    })
  </script>
  {% endif %}
</section>

{% include "blocks/buildPartners.njk" %}