index.html

<!DOCTYPE html>
<html lang="en-us" class="no-js">
  <head>
    <meta charset="utf-8">
    <title>Starry Open Source</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <script>
      document.documentElement.className = document.documentElement.className.replace('no-js', " ");
      document.documentElement.className += ' js ';
    </script>

    <meta name="description" content="Starry Open Source" />

    <meta property="og:url" content="http://starryinternet.github.io" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Starry" />
    <meta property="og:title" content="Starry Open Source" />
    <meta property="og:description" content="We're always looking for ways to enrich the engineering community, so we're sharing some of the open-source projects our engineers have developed below. We hope you'll find them as useful as we have." />
    <meta property="og:image" content="http://dyajmw2sca9cs.cloudfront.net/oss/og-image.png" />
    <meta property="og:image:secure_url" content="https://dyajmw2sca9cs.cloudfront.net/oss/og-image.png" />

    <link href="src/css/font-awesome.min.css" rel="stylesheet">
    <link href="src/css/style.css" rel="stylesheet">

    <link href="https://dyajmw2sca9cs.cloudfront.net/img/favicon16.png" rel="icon" type="image/png" sizes="16x16">
    <link href="https://dyajmw2sca9cs.cloudfront.net/img/favicon32.png" rel="icon" type="image/png" sizes="32x32">

    <!-- I know, I know. But I actually *want* these to block rendering -->
    <script src="src/js/triangle.js"></script>
    <script src="src/js/app.js"></script>
  </head>
  <body>

    <header role="banner">
      <nav class="load-transition" role="navigation" aria-label="Main">
        <a href="https://starry.com" class="logo">
          <span class="sr-only">
            Starry: visit Starry.com
          </span>
        </a>
        <a href="https://github.com/StarryInternet" class="github">
          <span class="fa fa-github fa-2x" aria-hidden="true"></span>
          <span class="sr-only">
            Starry on GitHub
          </span>
        </a>
      </nav>
    </header>

    <main role="main" aria-label="Content">

      <header class="hero">
        <canvas id="foreground" class="canvas foreground"></canvas>
          <h1 class="sr-only heading-fallback">
            Open Source
          </h1>
          <svg role="img" aria-label="Animated Open Source title" class="open-source-svg">
            <title id="svg_title">Open Source</title>
            <symbol id="s-text">
              <text text-anchor="middle" x="50%" y="50%" class="text--line">Open Source</text>
            </symbol>
            <g class="g-ants">
              <use xlink:href="#s-text" class="text-copy"></use>
              <use xlink:href="#s-text" class="text-copy"></use>
              <use xlink:href="#s-text" class="text-copy"></use>
              <use xlink:href="#s-text" class="text-copy"></use>
              <use xlink:href="#s-text" class="text-copy"></use>
            </g>
          </svg>
      </header>

      <section class="text-panel">
        <div class="load-transition">
          <h2>Starry Loves Open Source</h2>
          <p class="txt-h3">At Starry, we love open source software – and we're always looking for ways to give back to the community. That's why we contribute to a number of open source projects, as well as releasing a few of our own.</p>
        </div>
      </section>

      <section class="body-content">
        <div class="load-transition">

          <h2 class="body-h2">Our Projects</h2>

            <article class="project">
              <div>
                <h3>
                  <span class="lang js" aria-hidden="true">.js</span>
                  jobi
                </h3>
                <p>Tiny logging utility with events, streams, and sane defaults.</p>
                <a class="project-link" href="https://github.com/StarryInternet/jobi"><span aria-hidden="true" class="fa fa-github"></span>
                View <span class="sr-only">jobi</span> Project</a>
              </div>
            </article>

            <article class="project">
              <div>
                <h3>
                  <span class="lang js" aria-hidden="true">.js</span>
                  missive
                </h3>
                <p>Fast, lightweight library for sending JSON over streams.</p>
                <a class="project-link" href="https://github.com/StarryInternet/missive"><span aria-hidden="true" class="fa fa-github"></span>
                View <span class="sr-only">missive</span> Project</a>
              </div>
            </article>

            <article class="project">
              <div>
                <h3>
                  <span class="lang js" aria-hidden="true">.js</span>
                  map-memo
                </h3>
                <p>Generic JavaScript memoization with Map and WeakMap.</p>
                <a class="project-link" href="https://github.com/StarryInternet/map-memo"><span aria-hidden="true" class="fa fa-github"></span>
                View <span class="sr-only">map-memo</span> Project</a>
              </div>
            </article>

            <article class="project">
              <div>
                <h3>
                  <span class="lang js" aria-hidden="true">.js</span>
                  eslint-config-starry
                </h3>
                <p>Our ESLint config. IdiomaticJS, plus some ES6 conventions.</p>
                <a class="project-link" href="https://github.com/StarryInternet/eslint-config-starry"><span aria-hidden="true" class="fa fa-github"></span>
                View <span class="sr-only">eslint-config-starry</span> Project</a>
              </div>
            </article>

            <article class="project">
              <div>
                <h3>
                  <span class="lang js" aria-hidden="true">.js</span>
                  eslint-plugin-starry
                </h3>
                <p>A few custom ESLint rules for Idiomatic whitespace.</p>
                <a class="project-link" href="https://github.com/StarryInternet/eslint-plugin-starry"><span aria-hidden="true" class="fa fa-github"></span>
                View <span class="sr-only">eslint-plugin-starry</span> Project</a>
              </div>
            </article>

            <article class="project">
              <div>
                <h3>
                  <span class="lang swift" aria-hidden="true">.swift</span>
                  CombineCoreBluetooth
                </h3>
                <p>Wrapper API for CoreBluetooth using Combine Publishers, for reading and writing data from Bluetooth.</p>
                <a class="project-link" href="https://github.com/StarryInternet/CombineCoreBluetooth"><span aria-hidden="true" class="fa fa-github"></span>
                View <span class="sr-only">CombineCoreBluetooth</span> Project</a>
              </div>
            </article>

            <article class="project">
              <div>
                <h3>
                  <span class="lang swift" aria-hidden="true">.swift</span>
                  ButteryToast
                </h3>
                <p>Simple Toasting Library for iOS written in Swift.</p>
                <a class="project-link" href="https://github.com/StarryInternet/ButteryToast"><span aria-hidden="true" class="fa fa-github"></span>
                View <span class="sr-only">ButteryToast</span> Project</a>
              </div>
            </article>

            <article class="project">
              <div>
                <h3>
                  <span class="lang js" aria-hidden="true">.js</span>
                  coify
                </h3>
                <p>Transform generator methods into co-wrapped functions.</p>
                <a class="project-link" href="https://github.com/StarryInternet/coify"><span aria-hidden="true" class="fa fa-github"></span>
                View <span class="sr-only">coify</span> Project</a>
              </div>
            </article>

            <article class="project">
              <div>
                <h3>
                  <span class="lang js" aria-hidden="true">.js</span>
                  crony
                </h3>
                <p>Node.js library for implementing supervisord event listeners.</p>
                <a class="project-link" href="https://github.com/StarryInternet/crony"><span aria-hidden="true" class="fa fa-github"></span>
                View <span class="sr-only">crony</span> Project</a>
              </div>
            </article>

            <article class="project">
              <div>
                <h3>
                  <span class="lang js" aria-hidden="true">.js</span>
                  tinyco
                </h3>
                <p>Simple coroutines using generators.</p>
                <a class="project-link" href="https://github.com/StarryInternet/tinyco"><span aria-hidden="true" class="fa fa-github"></span>
                View <span class="sr-only">tinyco</span> Project</a>
              </div>
            </article>

            <article class="project">
              <div>
                <h3>
                  <span class="lang js" aria-hidden="true">.js</span>
                  place-parser
                </h3>
                <p>Break Google Places up into US address components.</p>
                <a class="project-link" href="https://github.com/StarryInternet/place-parser"><span aria-hidden="true" class="fa fa-github"></span>
                View <span class="sr-only">place-parser</span> Project</a>
              </div>
            </article>

            <article class="project">
              <div>
                <h3>
                  <span class="lang js" aria-hidden="true">.js</span>
                  fringe
                </h3>
                <p>Fast, lightweight, and extensible message framing over streams.</p>
                <a class="project-link" href="https://github.com/StarryInternet/fringe"><span aria-hidden="true" class="fa fa-github"></span>
                View <span class="sr-only">fringe</span> Project</a>
              </div>
            </article>

            <article class="project">
              <div>
                <h3>
                  <span class="lang cpp" aria-hidden="true">.cpp</span>
                  sysadmin
                </h3>
                <p>An embedded database and system configuration tool.</p>
                <a class="project-link" href="https://github.com/StarryInternet/sysadmin"><span aria-hidden="true" class="fa fa-github"></span>
                View <span class="sr-only">sysadmin</span> Project</a>
              </div>
            </article>

            <article class="project">
              <div>
                <h3>
                  <span class="lang js" aria-hidden="true">.js</span>
                  threewords
                </h3>
                <p>Generate deterministic, human-readable names for things.</p>
                <a class="project-link" href="https://github.com/StarryInternet/threewords"><span aria-hidden="true" class="fa fa-github"></span>
                View <span class="sr-only">threewords</span> Project</a>
              </div>
            </article>

            <article class="project">
              <div>
                <h3>
                  <span class="lang js" aria-hidden="true">.js</span>
                  street-suffix
                </h3>
                <p>Utility for expanding and abbreviating US street types from their many abbreviations.</p>
                <a class="project-link" href="https://github.com/StarryInternet/street-suffix"><span aria-hidden="true" class="fa fa-github"></span>
                View <span class="sr-only">street-suffix</span> Project</a>
              </div>
            </article>

        </div>
      </section>

      <section class="text-panel">
        <div class="load-transition">
          <h2>Work at Starry</h2>

          <p class="txt-h3">We love coming up with huge ideas and figuring out ways to bring them to life. Our team spans RF engineering, hardware architecture, firmware, UX, UI, software, industrial design, marketing, branding, and communications. And one thing we all share is an intense desire to make something beautiful. Something that makes a real dent.</p>

          <p>
            <a href="https://starry.com/careers">View open positions <span class="sr-only">at Starry</span></a>
          </p>


          <p class="copyright">
            &copy; 2021 Starry, Inc.
            <br>
            <span class="emoji">🤖 🤖 🤖 🤖 🤖</span>
          </p>

        </div>
      </section>

    </main>

    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-71248344-3', 'auto');
      ga('send', 'pageview');
    </script>

  </body>
</html>