{% extends "site_base.html" %}

{% load i18n static %}

{% block body_class %}home{% endblock %}

{% block content %}

  <header class="pt2-ns pb4">

    <div class="flex-ns center">

      <div class="mr4 dark-green sans-serif" style="flex-grow: 1">

        <h3 class="f4 f4-ns b lh-title mv2 mv3-ns">The first Free and Open Source Software Yearly conference</h3>

      </div>

      <div class="lh-solid mt4 mt0-ns" style="font-size: 10rem; max-width: 250px;"><img class="db" src="{% static 'img/conservancy_logo_tall_mono.svg' %}" style="max-height: 180px" alt="Software Freedom Conservancy"></div>

    </div>

    <div class="mt4 mt0-ns"><a href="/attend/tickets/" class="mr2"><button type="button" class="btn btn-primary mb2">Get your ticket!</button></a>

      <a href="/call-for-proposals/" class="mr2"><button type="button" class="btn btn-primary mb2">Propose a talk</button></a>

      <a href="https://lists.sfconservancy.org/mailman/listinfo/fossy-announce"><button type="button" class="btn btn-secondary mb2">Subscribe for updates</button></a></div>

  </header>

  <section id="content">

    <div class="flex-ns">

      <div class="mw6">

        <p class="f4 mt0">Software Freedom Conservancy is so proud to announce that we are hosting a community oriented conference this coming summer. FOSSY (Free and Open Source Yearly) is focused on the creation and impact of free and open source software, uplifting contributors of all experience.</p>

        <p>We are mindful of having a safe environment for all. In this new time of conferences, we will be focused on COVID safety and making sure all attendees feel safe participating as much as they feel comfortable (we will have a detailed policy published in the coming weeks).</p>

        <p>As this is the first year we are running a conference of this scale, we plan to have 15 tracks for talks over 4 days. With tracks for community building, development and legal and licensing issues, our conference will provide ample learning and networking opportunities for contributors of all levels of experience. We also plan to involve significant community participation in the content of our tracks.</p>

        <p>As we look to the future of conferences, we are excited to focus on using free software to run a conference and will seek to help reduce the amount of proprietary software that is treated as default.</p>

      </div>

      <div>

      </div>

    </div>

  </section>

  {% endblock content %}

{% load static %}

<nav class="navbar navbar-expand-lg navbar-dark" style="background: rgb(19,119,82); background: linear-gradient(124deg, rgba(19,119,82,1) 0%, rgba(19,106,119,1) 100%); margin-bottom: 1rem">

  <div class="container">

    <h2 class="sans-serif f2 f1-ns b lh-solid tracked-tight mv0 mr3">

      <a class="washed-yellow hover-washed-yellow" href="/" style="text-decoration: none">

      </a>

    </h2>

    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">

      <span class="navbar-toggler-icon"></span>

    </button>

    {% endblock %}

    {% endblock %}

  </main>

  <footer class="footer mt-4 d-print-none">

    <div class="container py-4">

      <div class="row">

        <div class="col-md-4 pb-4">

          Timezone: PDT - UTC-7 <br>

          <a href="mailto:{{ settings.CONFERENCE_EMAIL }}" alt="Email"><i class="far fa-envelope"></i></a>&nbsp;&nbsp;<a

            href="https://twitter.com/conservancy" alt="Twitter"><i class="fab fa-twitter"></i></a>&nbsp;&nbsp;<a

            href="https://social.sfconservancy.org/conservancy" alt="Mastodon"><i class="fab fa-mastodon"></i></a>

        </div>

        <div class="col-md-4 pb-4 text-center">

          <a href="https://sfconservancy.org"><img src="{% static 'img/conservancy_logo.svg' %}" alt="Software Freedom Conservancy logo" class="footer-image"></a>

        </div>

        <div class="col-md-4 pb-4 text-right">

          <small>

            <a href="#">Back to top</a><br>

            <a href="/credits/">Credits</a>

          </small>

        </div>

      </div>

    </div>

  </footer>