index.html

---
layout: site_base
title: Speck&Tech
description: Speck&Tech is a community of entrepreneurs, students, professionals and ... anyone that aims at building a network of tech enthusiasts within the Trento area
---

<div class="homepage">
  <nav>
    <div class="logo">
      <a href="/">
        <img src="../img/small-logo.svg" alt="logo">
      </a>
    </div>
    <ul>
      <li>
        <a target="_blank" href="//t.me/speckandtech"><i class="fab fa-telegram-plane"></i></a>
      </li>
      <li> |
        <a target="_blank" href="//youtube.com/c/speckandtech"><i class="fab fa-youtube"></i></a>
      </li>
      <li> |
        <a target="_blank" href="//fb.me/speckandtech/"><i class="fab fa-facebook-f"></i></a>
      </li>
      <li> |
        <a target="_blank" href="//instagr.am/speckandtech"><i class="fab fa-instagram"></i></a>
      </li>
      <li> |
        <a href="about">about</a>
      </li>
    </ul>
  </nav>

  <section id="intro">
    <div>
      {% include animated_logo.html %}
      <h1>SPECK<span>&amp;</span>TECH</h1>
      <p class="claim">
        <span id="claim-text"></span>
      </p>

      <div class="call-to-action">

        <div class="action">
          {% include homepage-main-cta.html %}
        </div>
      </div>

  </section>

  <section id="about-homepage">
    <p>
      A community of
      <strong>entrepreneurs, developers, designers, professionals</strong> and... anyone who wants to build a network of
      tech enthusiasts
      within the <strong>Trento</strong> area, with the purpose of learning and sharing new ideas regarding development,
      design, entrepreneurship,
      startups and any related topic.
    </p>
  </section>

  <section id="quote">
    <div class="container">
      <div class="col-pic">
        <img src="img/jgcumming-cto.jpg" alt="John Graham-Cumming, CTO of Cloudflare">
      </div>
      <div class="col-quote">
        <blockquote>"It's a great event!"</blockquote>
        <p><a href="https://twitter.com/jgrahamc">John Graham-Cumming</a> <i>CTO@Cloudflare</i></p>
      </div>
    </div>
  </section>

  <section id="partners">
    <h2>Powered by</h2>
    <div class="container">

      <a target="_blank" href="//belka.us">
        <img width="350px" src="img/logos/belka_logo.svg" alt="Supported by Belka">
      </a>

      <a target="_blank" href="//atoka.io">
        <img width="350px" src="img/atoka.svg" alt="Supported by Atoka">
      </a>
     
<!--      <a target="_blank" href="//www.fattureincloud.it">
        <img width="150px" src="img/logo-fic-blu.svg" alt="Supported by Fatture in Cloud" />
      </a>
      
      <a target="_blank" href="//www.jetbrains.com/">
        <img height="60px" src="img/jetbrains.svg" alt="Supported by Jetbrains">
      </a>
      
      <a target="_blank" href="//www.diginate.com/">
        <img width="150px" src="img/diginate_logo.png" alt="Supported by Diginate">
      </a>
-->
    </div>
  </section>

  <div class="next-sponsor">
    <h2>
      Would you like to sponsor Speck&amp;Tech?
    </h2>
    <p>
      <a href="mailto:speckandtech@gmail.com" class="btn">💌 Contact us! 💌</a>
    </p>
  </div>

  <div class="next-speaker">
    <h2>
      Do you wanna be our next speaker?
    </h2>
    <p>
      <a href="https://speckandtech.typeform.com/to/z6YEpK" class="btn" target="_blank">💌 Write us! 💌</a>
    </p>
  </div>

  <section id="events">
    <h2>Previous events</h2>
    {% for post in site.posts limit:6 %}
    {% if post.categories contains "event" %}
    <article class="{% if forloop.first %}first{% elsif forloop.last %}last{% else %}middle{% endif %}">
      <div class="article-head">
        <p class="date">{{ post.date | date: "%b %d, %Y" }}</p>
        <h3 class="title">
          <a href="{{ post.url | remove_first:'/'}}" class="js-pjax">{{ post.title }}</a>
        </h3>
      </div>
    </article>
    <hr>
    {% endif %}
    {% endfor %}
    <!-- link to older issues -->
    <article class="{% if forloop.first %}first{% elsif forloop.last %}last{% else %}middle{% endif %}">
      <div class="article-head">
        <p class="date">I'm looking for older events 🧐</p>
        <h3 class="title">
          <a href="archive" class="js-pjax noline"><span class="underline">Archive</span> 🦕</a>
        </h3>
      </div>
    </article>
    <hr>
    <!-- /link to older issues -->
  </section>
</div>

<section id="jobs">
  <h2>Who's hiring?</h2>
  <hr class="job-offers-separator">
  {% assign reversedJobOffers = site.job_offers | reverse %}
  {% for post in reversedJobOffers %}
  <article class="{% if forloop.first %}first{% elsif forloop.last %}last{% else %}middle{% endif %}">
    <div class="article-head">
      <p class="date">{{ post.date | date: "%b %d, %Y" }}</p>
      <h3 class="title">
        <a href="{{ post.url }}" class="js-pjax">{{ post.title }}</a>
      </h3>
    </div>
  </article>
  <hr>
  {% endfor %}
</section>