index.html

---
layout: default
title: codeklasse

namespace: front-page
permalink: /
permalink_de: /
---

<section
  id="title-section"
  class="is-fullheight px-6-desktop mx-6-desktop px-4-mobile"
>
  {% include front-page-title-section.html %}
</section>

<section
  id="what-is-codeklasse-front-page"
  class="section"
>
  <div class="has-text-centered mb-5">
    {% include title-h2.html text="front_page.title_what_is_codeklasse" is_translate_key=true %}
  </div>

  {% include front-page-what-is-codeklasse.html %}
</section>

<section
  id="partners-and-sponsors-front-page"
  class="section mx-6-desktop mx-3-tablet mx-5-mobile"
>
  <div class="has-text-centered">
    {% include title-h2.html text="front_page.title_partners" is_translate_key=true %}
  </div>

  {% include sponsors-and-partners.html %}
</section>

<section
  id="why-use-codeklasse-front-page"
  class="section mt-5"
>
  {% include front-page-why-use-codeklasse.html %}

  <div class="centered-call-to-action-button mt-6">
    <a
      class="button wrap-button-text is-primary is-medium mb-3"
      href="{{ site.lang | prepend: "
      /"
      }}#contact"
    >
      <p class="has-text-weight-bold">{% t buttons.get_in_touch_now %}</p>
    </a>

    <p>{% t buttons.or %} <a
        href="{{ site.lang | prepend: "
        /"
        }}#why-use-codeklasse-front-page"
        class="has-text-weight-bold is-underlined"
      > {% t buttons.take_another_perspective %}</a></p>
  </div>
</section>

<section
  id="about"
  class="section"
>
  <div class="has-text-centered mb-4">
    {% include title-h2.html text="front_page.title_team_behind_project" is_translate_key=true %}
  </div>

  <p class="mb-5 has-text-centered">
    {% t front_page.subtitle_team_behind_project %}
  </p>

  {% include front-page-about-us.html %}
</section>

<section
  id="faq-front-page"
  class="section mx-6-desktop mx-5-tablet mx-5-mobile"
>
  <div class="has-text-centered mb-6">
    {% include title-h2.html text="front_page.title_any_questions" is_translate_key=true %}
  </div>

  {% include front-page-faq.html %}
</section>

<section
  id="blog-and-news-front-page"
  class="section is-fullheight"
>
  <div class="has-text-centered mb-6">
    {% include title-h2.html text="navigation_headlines.blog" is_translate_key=true %}
  </div>

  <div class="columns is-multiline">
    {% for post in site.posts limit:3 %}
    <div class="column is-one-quarter-desktop is-half-tablet is-one-third-widescreen">
      <a
        href="{{ site.lang | prepend: "
        /"
        }}{{
        post.url
        }}"
      >
        {% if post.hidden != null and post.hidden != true %}
        {% include blog-post-tile.html %}
        {% endif %}
      </a>
    </div>
    {% endfor %}
  </div>

  <h4 class="subtitle is-4 has-text-right is-underlined">
    <a
      href="{{ site.lang | prepend: "
      /"
      }}/blog"
    >{% t buttons.take_another_perspective %}</a>
  </h4>
</section>

<section
  id="contact"
  class="section"
>
  {% include contact-section-alternative.html %}
</section>

<style>
  #blogpost-teaser.is-overlay {
    /* transition: 1s ease-in-out; */
    /* Quicker transition speed is desired according to Liam -> We'll see & test. */
    transition: .5s ease-in-out;
  }
</style>

<script>
  /* 
   * Trying to silence all iFrame console outputs, however missing fonts etc. don't seem to be affected.
   * Anyhow, thanks to https://stackoverflow.com/a/64317635/11515036 
   */
  const iframes = Array.from(document.getElementsByTagName('iframe'));

  for (const item of iframes) {
    item.contentWindow.console.log = () => { /* nop */ };
    item.contentWindow.console.warn = () => { /* nop */ };
    item.contentWindow.console.error = () => { /* nop */ };
  }
</script>