---
home: true
# layout: BlogHome
icon: home
# title: Ocelot.Social
heroFullScreen: false
# heroImage: /logo.svg
# heroText: Das freie soziale Open-Source-Netzwerk für eine aktive Zivilgesellschaft.
tagLine: 
# actions:
#   - text: Demo
#     link: https://stage.ocelot.social/
---

<!-- markdownlint-disable no-inline-html first-line-heading -->
<div class="hero-container">
  <div class="hero-container-inner">
    <div class="hero-container-content">
      <img id="logo" src="/logo.svg" alt="ocelot.social" />
      <div id="slogan-container">
        <span id="slogan-1" class="slogan">Software librea eta irekia</span>
        <span id="slogan-2" class="slogan">zure sare sozialerako</span>
      </div>
      <a href="#benefits">
        <Button class="hero-button">
          Gehiago deskubritu
        </Button>
      </a>
    </div>
  </div>
</div>

<h2 id="benefits" class="large-header">Zergatik ocelot.social?</h2>

<div class="benefits-grid center">
  <figure>
    <HopeIcon icon="fa-solid fa-face-smile" />
    <figcapture>
      <h3>Software librea eta irekia</h3>
      Softwarea erabili eta garatu dezakezu.
    </figcapture>
  </figure>
  <figure>
    <HopeIcon icon="fa-solid fa-people-group" />
    <figcapture>
      <h3>Guztiontzat</h3>
      <i>Ocelot.social</i> gizarte zibilarentzat zein erakunde publiko eta pribatuentzat egokia da.
    </figcapture>
  </figure>
  <figure>
    <HopeIcon icon="fa-solid fa-filter" />
    <figcapture>
      <h3>Autokudeatutako filtrazioa</h3>
      Ikusi nahi duzun edukia aukeratzen duzu – ez dago iragazki ezkuturik.
    </figcapture>
  </figure>
  <figure>
    <HopeIcon icon="fa-solid fa-gears" />
    <figcapture>
      <h3>Konfigura daiteke</h3>
      Operadore moduan, diseinua eta funtzioak zure nahiak betetzeko egokitu ditzakezu.
    </figcapture>
  </figure>
  <figure>
    <HopeIcon icon="fa-solid fa-code" />
    <figcapture>
      <h3>Hedagarria</h3>
      Denek onuragarriak diren funtzio berriak gehi daitezke.
    </figcapture>
  </figure>
  <figure>
    <HopeIcon icon="fa-solid fa-up-right-and-down-left-from-center" />
    <figcapture>
      <h3>Eskalagarria</h3>
      Azken teknologiari esker, softwarea sare guztietarako tamainatan erabil dezakezu.
    </figcapture>
  </figure>
  <figure>
    <HopeIcon icon="home" />
    <figcapture>
      <h3>Anfitrio malgua</h3>
      Zure sarea zuk zeuk ostalatu dezakezu edo zure zerbitzu-hornitzaileak ostala dezake.
    </figcapture>
  </figure>
  <figure>
    <HopeIcon icon="fa-solid fa-scale-balanced" />
    <figcapture>
      <h3>Zure arauak</h3>
      Zure sareko erabilera baldintzak zuk zeuk ezarri ditzakezu.
    </figcapture>
  </figure>
  <figure>
    <HopeIcon icon="fa-solid fa-shuttle-space" />
    <figcapture>
      <h3>Azken teknologia</h3>
      Softwarea teknologia berrienaren arloan dago – malgua, fidagarria, errendimendu handikoa.
    </figcapture>
  </figure>
</div>

<h2 id="feature-headline" class="large-header">Funtzio nagusiak</h2>

<div class="image-grid center">
  <figure>
    <img src="../de/assets/login.png" alt="Login" />
    <figcapture>
      Saioa hasteko
    </figcapture>
  </figure>
  <figure>
    <img src="../de/assets/newsfeed.png" alt="Post overview (newsfeed)" />
    <figcapture>
      Posten ikuspegi orokorra (albiste-jarioa)
    </figcapture>
  </figure>
  <figure>
    <img src="../de/assets/single-post.png" alt="Individual post" />
    <figcapture>
      Post bakarra
    </figcapture>
  </figure>
  <figure>
    <img src="../de/assets/single-event.png" alt="Individual event" />
    <figcapture>
      Ekitaldi bakarra
    </figcapture>
  </figure>
  <figure>
    <img src="../de/assets/user-profile.png" alt="User profile" />
    <figcapture>
      Erabiltzaile profila
    </figcapture>
  </figure>
  <figure>
    <img src="../de/assets/user-settings.png" alt="User account settings" />
    <figcapture>
      Erabiltzaile kontuaren ezarpenak
    </figcapture>
  </figure>
  <figure>
    <img src="../de/assets/group-list.png" alt="Group overview" />
    <figcapture>
      Taldeen ikuspegi orokorra
    </figcapture>
  </figure>
  <figure>
    <img src="../de/assets/group-profile.png" alt="Group profile" />
    <figcapture>
      Talde profila
    </figcapture>
  </figure>
  <figure>
    <img src="../de/assets/1-to-1-chat.png" alt="One-to-one chat" />
    <figcapture>
      Bakoitzaren arteko txata
    </figcapture>
  </figure>
  <figure>
    <img src="../de/assets/notifications.png" alt="Notifications" />
    <figcapture>
      Jakinarazpenak
    </figcapture>
  </figure>
  <figure>
    <img src="../de/assets/map.png" alt="Map" />
    <figcapture>
      Mapa
    </figcapture>
  </figure>
  <figure>
    <img src="../de/assets/language-selection.png" alt="Multilingualism" />
    <figcapture>
      Hizkuntza aniztasuna
    </figcapture>
  </figure>
  <figure>
    <img src="../de/assets/moderation.png" alt="Moderation" />
    <figcapture>
      Moderazioa
    </figcapture>
  </figure>
  <figure>
    <img src="../de/assets/system-administration.png" alt="System management" />
    <figcapture>
      Sistemaren kudeaketa
    </figcapture>
  </figure>
</div>

<div class="all-features">
  <a id="hero-button" href="/eu/features/">
    <Button>
      Ikusi funtzio guztiak
    </Button>
  </a>
</div>

<!-- XXX translate -->

<!-- <h2 id="why-foss" class="large-header">Zergatik software librea eta irekia?</h2>

<div class="benefits-grid center">
  <figure>
    <HopeIcon icon="fa-solid" />
    <figcapture>
      <h3>Doan eskura daiteke</h3>
      Software librea edozein pertsonak noiznahi eskuratu dezake. Lizentziak iraungitzen ez dira.
    </figcapture>
  </figure>
  <figure>
    <HopeIcon icon="fa-solid" />
    <figcapture>
      <h3>Gardena</h3>
      Software librean, iturburu kodea ikusgai dago. Edozein pertsonak aukera du programaren atzean gertatzen dena ikusteko.
    </figcapture>
  </figure>
  <figure>
    <HopeIcon icon="fa-solid" />
    <figcapture>
      <h3>Kopiagarria</h3>
      Nire lankide guztiekin batera lan egin dezaket noiznahi. Denek erabil dezakete, mugarik gabe.
    </figcapture>
  </figure>
  <figure>
    <HopeIcon icon="fa-solid" />
    <figcapture>
      <h3>Aldagarria</h3>
      Edozein pertsonak bere programa gogokoenean zerbait ekar dezake, noiznahi. Programa nahi dudan bezala erabil dezaket.
    </figcapture>
  </figure>
</div> -->

<h2 class="large-header">Probatu</h2>

<!--
| E-Mail                  | Pasahitza | Erabiltzaile rola |
| :---                    | :---      | :---              |
| `user@example.org`      | 1234      | erabiltzaile normala |
| `moderator@example.org` | 1234      | moderatzailea     |
| `admin@example.org`     | 1234      | administratzailea |
-->

<div class="center">
 

 <p>
    Probatu demo zuzena hemen:
    <a href="https://stage.ocelot.social" target="_blank">https://stage.ocelot.social</a>
    hurrengo sarbide-datuekin:
  </p>

  <table>
    <thead>
      <tr>
        <th style="text-align:left;">E-mail</th>
        <th style="text-align:left;">Pasahitza</th>
        <th style="text-align:left;">Erabiltzaile rola</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td style="text-align:left;"><code>user@example.org</code></td>
        <td style="text-align:left;">1234</td>
        <td style="text-align:left;">erabiltzaile normala</td>
      </tr>
      <tr>
        <td style="text-align:left;"><code>moderator@example.org</code></td>
        <td style="text-align:left;">1234</td>
        <td style="text-align:left;">moderatzailea</td>
      </tr>
      <tr>
        <td style="text-align:left;"><code>admin@example.org</code></td>
        <td style="text-align:left;">1234</td>
        <td style="text-align:left;">administratzailea</td>
      </tr>
    </tbody>
  </table>
</div>

<h2 class="large-header">Hasi</h2>

<div class="center">
  <p>
    Zure zerbitzarian <i>ocelot.social</i> ostalatu dezakezu edo ostalari batek ostala dezake.<br>
    Aukerak ikusi:
  </p>
  <a id="hero-button" href="/eu/get-started/">
    <Button>
      Goazen
    </Button>
  </a>
</div>

<!-- ## Testigantzak

XXX -->

<h2 class="large-header">Eman dohaintza</h2>

<div class="center">
  <p>
    <i>Ocelot.social</i> softwarea doan eskuragarri dago – hala ere, mantentze-lanak eta garapena kostatzen dira.<br>
    Lagundu zure dohaintzarekin:
  </p>
  <a href="/eu/donate/">
    <Button class="donate-button">
      Eman dohaintza hemen
    </Button>
  </a>
</div>

<h2 class="large-header">Harremanetan jarri</h2>

<div class="center">
  <p>
    Galderarik, iradokizunik edo eskaerarik baduzu, mesedez <a href="/eu/contact/">jarri gurekin harremanetan</a>.
  </p>
</div>
