index.njk

---
title: Associació Geeks.CAT
---
<!DOCTYPE html>
<!--
	Overflow by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html lang="ca">
  <head>
    <title>{{ title }}</title>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, user-scalable=no"
    />
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png" />
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png" />
    <link
      rel="apple-touch-icon"
      sizes="114x114"
      href="/images/favicon/apple-icon-114x114.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="120x120"
      href="/images/favicon/apple-icon-120x120.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="144x144"
      href="/images/favicon/apple-icon-144x144.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="152x152"
      href="/images/favicon/apple-icon-152x152.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="180x180"
      href="/images/favicon/apple-icon-180x180.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="192x192"
      href="/images/favicon/android-icon-192x192.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="32x32"
      href="/images/favicon/favicon-32x32.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="96x96"
      href="/images/favicon/favicon-96x96.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="16x16"
      href="/images/favicon/favicon-16x16.png"
    />
    <link rel="manifest" href="/images/favicon/manifest.json" />
    <meta name="msapplication-TileColor" content="orange" />
    <meta
      name="msapplication-TileImage"
      content="/images/favicon/ms-icon-144x144.png"
    />
    <meta name="theme-color" content="orange" />

    <link rel="stylesheet" href="assets/css/main.css" />
    <noscript>
      <link rel="stylesheet" href="assets/css/noscript.css"
    /></noscript>
  </head>

  <body class="is-preload">

{#    TODO: allow rendering different pages here #}
{#    {{ content | safe }}                       #}

    <!-- Header -->
    <section id="header">
      <header>
        <img src="images/logo/geekscat_logo_100px.png"/>
        <h1>Geeks.CAT</h1>
        <p>L'Associació de Geeks de Catalunya!</p>
      </header>
      <footer>
        <a
          target="new"
          href="#fes-te-soci"
          class="button style2 scrolly-middle"
          >Fes-te soci!</a
        >
      </footer>
    </section>

    <!-- Banner -->
    <section id="banner" class="banner">
      <header>
        <h2>Som GEEKS de Catalunya</h2>
      </header>
      <p><strong>1) We ❤️ Tech</strong>: <em>Estimem la tecnologia i volem contribuïr a dinamitzar l'escena catalana!</em></p>
      <p><strong>2) We're FLOSS</strong>: <em>Creiem en el software lliure i el volem potenciar</em></p>
      <p><strong>3) We're open</strong>:  <em>Volem fomentar que el coneixement sigui accessible per a tothom</em></p>

      <footer>
        <a target="new" href="#fes-te-soci" class="button style2 scrolly-middle">Fes-te soci!</a>
      </footer>

    </section>

    <!-- Què fem? -->
    <section id="que-fem" class="">
      <article id="nem-per-feina" class="container box style1 center">
        <header>
          <h2>Alguns dels nostres projectes</h2>
        </header>
      </article>

{%- for projecte in collections.projectes | reverse -%}
      <article id="{{ projecte.fileSlug }}" class="container box {{ projecte.data.classes }}">
        <div class="inner">
          <header>
            <h2>
            {%- if projecte.data.url -%}
              <a href="{{ projecte.data.url }}" target="_blank">{{ projecte.data.title }}</a>
            {%- else -%}
              {{ projecte.data.title }}
            {%- endif -%}
            </h2>
            {% if projecte.data.url -%}<a href="{{ projecte.data.url }}" class="image fit" target="_blank">{% endif %}
            <img class="image fit" src="images/projects/{{ projecte.data.image }}" alt="{{ projecte.data.image_alt if projecte.data.image_alt else projecte.data.title }}">
            {% if projecte.data.url -%}</a>{% endif %}
          </header>
          {{- projecte.content | safe }}
        </div>
      </article>
{%- endfor -%}

      <!-- <footer>
                <a href="#first" class="button style2 scrolly"
                    >Act on this message</a
                >
            </footer> -->
    </section>

    <!-- Fes-te soci! -->
    <section id="fes-te-soci-section" class="banner">
      <header id="fes-te-soci">
        <h2>Fes-te soci!</h2>
      </header>
      <p>Des de l'Associació <strong>volem contribuir a que cap soci mai se senti sol</strong>, i tingui tot el
        <strong>suport per poder tirar endavant nous projectes</strong>.</p><br />
      <p>Ens organitzem en diferents <strong>Comissions i Grups de Treball</strong> autosuficients per liderar un abast concret.</p>
      <p>P.e PythonGirona té el seu propi Grup de Treball.</p>
      <br/>
      <p><strong>Tots tenim veu i vot</strong>, i volem que t'involucris per <strong>ajudar-nos a remoure l'escena techie catalana!</strong></p>

      <footer>
      <a target="new" href="https://forms.gle/qFsDhWja3Dtoa9ao6" class="button style2 scrolly-middle">Fes-te soci!</a>
      </footer>
      
      <hr/>
    
      <h3>Com a soci podràs:</h3>
      <li>Formar part o <strong>tirar endavant nous Grups de Treball</strong></li>
      <li><strong>Impulsar esdeveniments</strong> sota el paraigües de l'Associació</li>
      <li><strong>Gaudir de tota la infraestructura</strong> lògica i tècnica de l'Associació</li>
      <li><strong>Sol·licitar recursos</strong> per tirar endavant qualsevol cosa relacionada amb l'Associació</li>
      <li><strong>Votar</strong> qualsevol de les decisions de l'Associació, i <strong>formar part de la Junta Directiva</strong></li>
      <li>Ser convocat anualment i <strong>assistir a l'Assemblea General</strong></li>

      <footer>
        <a target="new" href="https://forms.gle/qFsDhWja3Dtoa9ao6" class="button style2 scrolly-middle">Fes-te soci!</a>
      </footer>

      <hr/>
      
      <h3>Són només 40€ a l'any que destinarem a:</h3>
      <li><strong>Seguir preparant esdeveniments</strong> presencials i online relacionats amb la tecnologia i la cultura geek</li>
      <li><strong>Cobrir els costos</strong> tècnics (dominis, email, vps, S3, ...) i organitzatius (gestoria, advocats, impostos, ...)</li>
      <li>Pagar l'<strong>assegurança de RC</strong> per blindar qualsevol dels esdeveniments</li>
      
      <footer>
        <a target="new" href="https://forms.gle/qFsDhWja3Dtoa9ao6" class="button style2 scrolly-middle">Fes-te soci!</a>
      </footer>

      <hr/>

      <h3>Ens comprometem a:</h3>
      <li><strong>Invertir de forma responsable</strong> evitant malbaratar els recursos</li>
      <li><strong>Estudiar totes les sol·licituds</strong> dels socis</li>
      <li>Publicar els <strong>pressupostos generals i el balanç de comptes anualment</strong></li>
      <li><strong>Cap carreg</strong> de l'Associació <strong>mai serà remunerat</strong></li>

      <footer>
        <a target="new" href="https://forms.gle/qFsDhWja3Dtoa9ao6" class="button style2 scrolly-middle">Fes-te soci!</a>
      </footer>

    </section>

    <!-- Subscriute -->
    <article id="subscriute" class="container box style3">
      <header>
        <h2>Subscriu-te</h2>
        <p>Vull estar al corrent de les novetats de Geeks.CAT</p>
      </header>
      <form
        action="https://geekscat.us2.list-manage.com/subscribe/post?u=04c7e5f2cdec77b33da4fb17e&amp;id=c91e51c76c"
        method="post"
        id="mc-embedded-subscribe-form"
        name="mc-embedded-subscribe-form"
        class="validate"
        target="_blank"
        novalidate
      >
        <div class="row gtr-50 centered">
          <div class="col-6 col-12-mobile">
            <input
              type="email"
              value=""
              name="EMAIL"
              class="email"
              id="mce-EMAIL"
              placeholder="un@email.cat"
              required
            />
          </div>
          <div class="col-6 col-12-mobile">
            <ul class="actions">
              <li>
                <input
                  type="submit"
                  value="Notifica'm!"
                  name="subscribe"
                  id="mc-embedded-subscribe"
                  class="button"
                />
              </li>
            </ul>
          </div>
          <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
          <div style="position: absolute; left: -5000px" aria-hidden="true">
            <input
              type="text"
              name="b_04c7e5f2cdec77b33da4fb17e_4d787611bf"
              tabindex="-1"
              value=""
            />
          </div>
        </div>
      </form>
    </article>

    <!-- Contact -->
    <article id="contacte" class="container box style3">
      <header>
        <h2>Contacta amb nosaltres!</h2>
        <p>Escriu-nos per a qualsevol cosa:</p>
      </header>
      <form id="my-form" method="post" action="https://formspree.io/xaypbjqn">
        <div class="row gtr-50">
          <div class="col-6 col-12-mobile">
            <input type="text" class="text" name="name" placeholder="Nom" />
          </div>
          <div class="col-6 col-12-mobile">
            <input
              type="text"
              class="text"
              name="_replyto"
              placeholder="Email"
            />
          </div>
          <div class="col-12">
            <textarea name="message" placeholder="Missatge..."></textarea>
          </div>
          <div class="col-12">
            <ul class="actions">
              <li>
                <input id="my-form-button" type="submit" value="Enviar" />
              </li>
            </ul>
          </div>
        </div>
      </form>
      <br />
      <p id="my-form-status"></p>
    </article>

    <section id="footer">
      <ul class="icons">
        <li>
          <a href="https://twitter.com/Geeks_CAT" class="icon brands fa-twitter"
            ><span class="label">Twitter</span></a
          >
        </li>
        <li>
          <a
            href="https://github.com/Geeks-CAT/associacio"
            class="icon brands fa-github"
            ><span class="label">GitHub</span></a
          >
        </li>
        <li>
          <a href="https://t.me/GeeksCAT" class="icon brands fa-telegram"
            ><span class="label">Telegram</span></a
          >
        </li>
        <li>
          <a href="#contacte" class="fa fa-envelope-square"></a>
        </li>
      </ul>
      <div class="copyright">
        <ul class="menu">
          <li>Associació Geeks.CAT - NIF: G01765429</li>
          <li>Disseny d'<a href="http://html5up.net">HTML5 UP</a></li>
        </ul>
      </div>
    </section>

    <!-- Scripts -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/jquery.scrolly.min.js"></script>
    <script src="assets/js/jquery.poptrox.min.js"></script>
    <script src="assets/js/browser.min.js"></script>
    <script src="assets/js/breakpoints.min.js"></script>
    <script src="assets/js/util.js"></script>
    <script src="assets/js/main.js"></script>

    <script>
      window.addEventListener('DOMContentLoaded', function () {
        // get the form elements defined in your form HTML above

        var form = document.getElementById('my-form');
        var button = document.getElementById('my-form-button');
        var status = document.getElementById('my-form-status');

        // Success and Error functions for after the form is submitted

        function success() {
          form.reset();
          button.style = 'display: none ';
          status.innerHTML =
            '<h4>Gràcies pel vostre missatge!</h4><br/>En breu us contestarem :)';
        }

        function error() {
          status.innerHTML =
            "<h4>Oops! Hi ha hagut algún tipus de problema...</h4><br/>Contacta'ns a info arroba geekscat punt org";
        }

        // handle the form submission event

        form.addEventListener('submit', function (ev) {
          ev.preventDefault();
          var data = new FormData(form);
          ajax(form.method, form.action, data, success, error);
        });
      });

      // helper function for sending an AJAX request

      function ajax(method, url, data, success, error) {
        var xhr = new XMLHttpRequest();
        xhr.open(method, url);
        xhr.setRequestHeader('Accept', 'application/json');
        xhr.onreadystatechange = function () {
          if (xhr.readyState !== XMLHttpRequest.DONE) return;
          if (xhr.status === 200) {
            success(xhr.response, xhr.responseType);
          } else {
            error(xhr.status, xhr.response, xhr.responseType);
          }
        };
        xhr.send(data);
      }
    </script>
  </body>
</html>