<!--
   version 0.1
   date: 2020 11 27
   author jorge@hangar.org
 -->
 <!doctype html>
<html class="no-js" lang="en" dir="ltr">
<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>radar - hangar.org</title>
  <link rel="stylesheet" href="https://grafica.hangar.org/assets/vendor/fontawesome-free-5.15.1-web/css/all.min.css">
  <link rel="stylesheet" href="https://grafica.hangar.org/assets/css/foundation.min.css">
  <link rel="stylesheet" href="https://grafica.hangar.org/assets/css/hangar-static-app.css">
  <!-- header icons anf favicons -->
  <link rel="apple-touch-icon" sizes="57x57" href="https://grafica.hangar.org/assets/favicons/apple-icon-57x57.png">
  <link rel="apple-touch-icon" sizes="60x60" href="https://grafica.hangar.org/assets/favicons/apple-icon-60x60.png">
  <link rel="apple-touch-icon" sizes="72x72" href="https://grafica.hangar.org/assets/favicons/apple-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="76x76" href="https://grafica.hangar.org/assets/favicons/apple-icon-76x76.png">
  <link rel="apple-touch-icon" sizes="114x114" href="https://grafica.hangar.org/assets/favicons/apple-icon-114x114.png">
  <link rel="apple-touch-icon" sizes="120x120" href="https://grafica.hangar.org/assets/favicons/apple-icon-120x120.png">
  <link rel="apple-touch-icon" sizes="144x144" href="https://grafica.hangar.org/assets/favicons/apple-icon-144x144.png">
  <link rel="apple-touch-icon" sizes="152x152" href="https://grafica.hangar.org/assets/favicons/apple-icon-152x152.png">
  <link rel="apple-touch-icon" sizes="180x180" href="https://grafica.hangar.org/assets/favicons/apple-icon-180x180.png">
  <link rel="icon" type="image/png" sizes="192x192"  href="https://grafica.hangar.org/assets/favicons/android-icon-192x192.png">
  <link rel="icon" type="image/png" sizes="32x32" href="https://grafica.hangar.org/assets/favicons/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="96x96" href="https://grafica.hangar.org/assets/favicons/favicon-96x96.png">
  <link rel="icon" type="image/png" sizes="16x16" href="https://grafica.hangar.org/assets/favicons/favicon-16x16.png">
  <link rel="manifest" href="https://grafica.hangar.org/assets/favicons/manifest.json">
  <meta name="msapplication-TileColor" content="#ffffff">
  <meta name="msapplication-TileImage" content="assets/img/ms-icon-144x144.png">
  <meta name="theme-color" content="#ffffff">
  <!--end header icons anf favicons -->

</head>
<body class="">
  <a name="top"></a>
  <div class="grid-container">
    <div class="grid-x grid-padding-x full-height">
      <div class="cell small-12 flex-container flex-dir-column">
        <header class="primary flex-child-shrink text-center ">
          <h1>
            RADAR
            <a href="https://hangar.org" title="Hangar, centre de producció, recerca i arts visuals." class="hangar-logo">Hangar</a>
          </h1>
          <p>
            online services from <a href="hangar.org" class="hangar-logo small icon ">Hangr</a> for you
          </p>

        </header>
        <content class="primary flex-child-auto text-center ">
          <main>
            <section class="hangar-service-all grid-x  grid-padding-x grid-margin-x small-up-2 medium-up-3 large-up-4">
              <div class="hangar-service cell card">
                <div class="card-divider">
                  <h6>
                    <a href="https://hangar.org">
                      Website <i class="fab fa-wordpress"></i>
                    </a>
                  </h6>
                </div>
                <div class="card-image">
                  <img src="" class="small">
                </div>
                <div class="card-section">
                  <p>This is the main hangar.org
                    <a href="https://hangar.org" class="button">website</a>, can
                    <a href="https://hangar.org/wp-login.php" class="button">manage it</a>
                    ... if you have permissions :D
                  </p>
                </div>
              </div>
              <div class="hangar-service cell card">
                <div class="card-divider">
                  <h6>
                    <a href="https://webmail.hangar.org">
                      Webmail <i class="fas fa-envelope"></i>
                    </a>
                  </h6>
                </div>
                <div class="card-image">
                  <img src="" class="small">
                </div>
                <div class="card-section">
                  <p>Webmail service
                    <a href="https://webmail.hangar.org" class="button">webmail</a> using the excellent
                    <a href="https://roundcube.net">roundcube</a>.
                  </p>
                </div>
              </div>
              <div class="hangar-service cell card">
                <div class="card-divider">
                  <h6>
                    <a href="https://element.hangar.org">
                      Chat <i class="fas fa-comments"></i>
                    </a>
                  </h6>
                </div>
                <div class="card-image">
                  <img src="" class="small">
                </div>
                <div class="card-section">
                  <p>you can
                    <a href="https://element.hangar.org" class="button">join the chat</a> based up on
                    <a href="https://matrix.org">matrix</a> and
                    <a href="https://element.io/">element</a>.
                  </p>
                </div>
              </div>
              <div class="hangar-service cell card">
                <div class="card-divider">
                  <h6>
                    <a href="https://cloud.hangar.org">
                      Cloud <i class="fas fa-cloud"></i>
                    </a>
                  </h6>
                </div>
                <div class="card-image">
                  <img src="" class="small">
                </div>
                <div class="card-section">
                  <p>The place where your files live in a
                    <a href="https://cloud.hangar.org" class="button">cloud</a> made up using
                    <a href="https://nextcloud.com">nextcluoud</a>
                    if you have permissions.
                  </p>
                </div>
              </div>
              <div class="hangar-service cell card">
                <div class="card-divider">
                  <h6>
                    <a href="https://jitsi.hangar.org">
                      VideoCall <i class="fas fa-phone"></i> <i class="fas fa-video"></i>
                    </a>
                  </h6>
                </div>
                <div class="card-image">
                  <img src="" class="small">
                </div>
                <div class="card-section">
                  <p>Wher to make <a href="https://jitsi.hangar.org" class="button">video calls</a>, meet people and share video, thanks to
                    <a href="https://jitsi.org">jitsi</a>.
                  </p>
                </div>
              </div>
              <div class="hangar-service cell card">
                <div class="card-divider">
                  <h6>
                    <a href="https://live.hangar.org">
                      Live <i class="fas fa-tv"></i>
                    </a>
                  </h6>
                </div>
                <div class="card-image">
                  <img src="" class="small">
                </div>
                <div class="card-section">
                  <p>Here you can see and transmit
                    <a href="https://live.hangar.org" class="button">live events</a> online
                    thanks to <a href="http://nginx.org/">nginx</a> and <a href="https://en.wikipedia.org/wiki/Real-Time_Messaging_Protocol">rtmp</a>.
                  </p>
                </div>
              </div>
              <div class="hangar-service cell card">
                <div class="card-divider">
                  <h6>
                    <a href="https://peertube.hangar.org">
                      Videoteca <i class="fas fa-film"></i>
                    </a>
                  </h6>
                </div>
                <div class="card-image">
                  <img src="" class="small">
                </div>
                <div class="card-section">
                  <p>A local <a href="https://peertube.hangar.org" class="button">videoteca</a>
                    an alternative to the tube,made with <a href="https://peer.tube/">peertube</a>.
                  </p>
                </div>
              </div>
              <div class="hangar-service cell card">
                <div class="card-divider">
                  <h6>
                    <a href="https://pad.hangar.org">
                      TextPad <i class="far fa-file-alt"></i> <i class="fas fa-edit"></i>
                    </a>
                  </h6>
                </div>
                <div class="card-image">
                  <img src="" class="small">
                </div>
                <div class="card-section">
                  <p>Now is time <a href="https://pad.hangar.org" class="button">share edit text</a>
                     with other people, thanks to <a htref="https://etherpad.org/">EtherPad</a>.
                  </p>
                </div>
              </div>
              <div class="hangar-service cell card">
                <div class="card-divider">
                  <h6>
                    <a href="https://pad.hangar.org">
                      CalcPad <i class="fas fa-calculator"></i> <i class="fas fa-edit"></i>
                    </a>
                  </h6>
                </div>
                <div class="card-image">
                  <img src="" class="small">
                </div>
                <div class="card-section">
                  <p>Also helping you to <a href="https://pad.hangar.org" class="button">share calculations</a>
                    and spreadsheets, using an installations of <a htref="https://ethercalc.net/">EtherCalc</a>.
                  </p>
                </div>
              </div>
              <div class="hangar-service cell card">
                <div class="card-divider">
                  <h6>
                    <a href="https://forms.hangar.org">
                      Forms <i class="fas fa-th-list"></i>
                    </a>
                  </h6>
                </div>
                <div class="card-image">
                  <img src="" class="small">
                </div>
                <div class="card-section">
                  <p>If you need to ask for personal data, ask things or you need a <a href="https://forms.hangar.org" class="button">form</a>
                    and this is our website where to do it.
                  </p>
                </div>
              </div>
              <div class="hangar-service cell card">
                <div class="card-divider">
                  <h6>
                    <a href="https://drop.hangar.org">
                      Drop <i class="fas fa-solid fa-parachute-box"></i>
                    </a>
                  </h6>
                </div>
                <div class="card-image">
                  <img src="" class="small">
                </div>
                <div class="card-section">
                  <p>Share and/or receive big files: drop the files and get a URL to share using <a href="https://drop.hangar.org" class="button">drop</a> folder from hangar.
                  </p>
                </div>
              </div>
            </section>

          </main>
          <aside class="grid-x  grid-padding-x grid-margin-x small-up-12">
            <p class="cell">
              - if you find any errors or need a new software please contact <a href="mailto:tech@hangar.org">tech@hangar.org</a> -
            </p>
          </aside>
        </content>
        <footer class="flex-child-shrink text-center ">
          <p>
            another <a href="https://hangar.org" title="Hangar, centre de producció, recerca i arts visuals."><span class="hangar-logo small icon ">Hangar</span></a> website.
          </p>
        </footer>
      </div>
    </div>
  </div>
</body>
</html>