index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>EtherAPIs: Decentralized, anonymous, trustless APIs</title>

    <link href="https://bootswatch.com/slate/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" rel="stylesheet">

    <link href="styles/carousel.css" rel="stylesheet">
    <link href="styles/marketing.css" rel="stylesheet">
    <link href="styles/timeline.css" rel="stylesheet">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>

    <script type="text/javascript">
      $(document).ready(function() {
        $(".thumbnail").fancybox();
      });
    </script>
  </head>

  <body>
    <div class="carousel slide" data-ride="carousel">
      <div class="carousel-inner" role="listbox">
        <div class="item active" style="background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);">
          <div class="container">
            <div class="carousel-caption">
              <h1 id="main-logo">EtherAPIs</h1>
              <p>APIs for the future: decentralized, trustless, secure</p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="page-header container marketing">
      <div class="row">
        <div class="col-lg-4">
          <span class="img-circle glyphicon glyphicon-globe" aria-hidden="true" style="font-size: 140px;"></span>
          <h2>Decentralized</h2>
          <p>EtherAPIs is a completely decentralized platform, without any central points of failure. API calls are executed directly between the consumer/provider and API payments are enforced by a <a href="http://etherscan.io/stats/supply" target="_blank"><em>700 million dollar</em></a> global blockchain. There is noone to target.</p>
        </div>
        <div class="col-lg-4">
          <span class="img-circle glyphicon glyphicon-sunglasses" aria-hidden="true" style="font-size: 140px;"></span>
          <h2>Trustless</h2>
          <p>EtherAPIs achieves an unprecedented level of trustlessness. Developers can create, advertise and monetize APIs completely anonymously; and users can consume them in full privacy. No trust is needed in anyone, us included, it's all enforced by algorithms.</p>
        </div>
        <div class="col-lg-4">
          <span class="img-circle glyphicon glyphicon-lock" aria-hidden="true" style="font-size: 140px;"></span>
          <h2>Secure</h2>
          <p>EtherAPIs bases all its payment processing on top of the Ethereum blockchain. This means that all your transactions are validated, executed and enforced by a <a href="http://ethernodes.org/network/1" target="_blank"><em>global network</em></a> of machines. Everyone plays by the same, open and public <a href="http://gavwood.com/paper.pdf" target="_blank"><em>rule book</em></a>.</p>
        </div>
      </div>
    </div>

    <div class="container">
      <div class="row">
        <div class="col-md-4"></div>
        <div class="well well-sm col-md-4" style="margin: 0;">
          <h3 style="text-align: center; margin: 0;">Development Timeline</h3>
        </div>
      </div>
      <ul class="timeline">
        <li class="timeline-inverted">
          <div class="timeline-badge"><i class="fa fa-picture-o"></i></div>
          <div class="timeline-panel">
            <div class="timeline-heading">
              <h4 class="timeline-title">Dashboard teaser: Service lifecycle</h4>
              <p><small class="text-muted"><i class="fa fa-clock-o"></i> 26th March, 2016</small></p>
            </div>
            <div class="timeline-body">
              <div class="row">
                <div class="col-xs-6 col-md-4"><a class="thumbnail" href="images/2016-03-26-dashboard-services-empty.png"><img src="images/2016-03-26-dashboard-services-empty.png"></a></div>
                <div class="col-xs-6 col-md-4"><a class="thumbnail" href="images/2016-03-26-dashboard-services-list.png"><img src="images/2016-03-26-dashboard-services-list.png"></a></div>
                <div class="col-xs-6 col-md-4"><a class="thumbnail" href="images/2016-03-26-dashboard-services-actions.png"><img src="images/2016-03-26-dashboard-services-actions.png"></a></div>
              </div>
              <p>Another wall, another milestone :) Interacting with an Ethereum contract via Go code got unfeasible fast: too brittle to write, too exhausting to maintain... So we wrote a <a href="https://github.com/ethereum/go-ethereum/wiki/Native-DApps:-Go-bindings-to-Ethereum-contracts" target="_blank">native Go binding generator</a> to do all the ugly work for us!</p>
              <p>Armed with automatic code generators, we could finally focus on Ether APIs dashboard again. To celebrate the newly found ease of development, please welcome our <a href="https://twitter.com/peter_szilagyi/status/713751540490756096" target="_blank">second teaser</a>: service life cycle management!</p>
            </div>
          </div>
        </li>
        <li class="timeline">
          <div class="timeline-badge"><i class="fa fa-cogs"></i></div>
          <div class="timeline-panel">
            <div class="timeline-heading">
              <h4 class="timeline-title">Archive old site, publish micro-blogging dev timeline</h4>
              <p><small class="text-muted"><i class="fa fa-clock-o"></i> 4th March, 2016</small></p>
            </div>
            <div class="timeline-body">
              <div style="float: left; margin-right: 16px;">
                <img class="img-responsive center-block" src="images/2016-03-04-ethereum-homestead.jpg" style="border: 1px solid black; border-radius: 4px; height: 80px;">
              </div>
              <p>As development continues onward and the <a href="https://ethereum.org" target="_blank">Ethereum</a> platform reaches its <a href="https://blog.ethereum.org/2016/02/29/homestead-release/" target="_blank">Homestead</a> release, our old hack-athon website and demo services contained within was deemed too stale and was <a href="archive/2016-01-24-hackathon-website/index.html" target="_blank">archived for posterity</a>.</p>
              <p>To help you follow development from a birds-eye view, please welcome our micro-blogging dev timeline: past events, up-till-now private goodies, teasers and hopefully much, much more as time progresses! ;)</p>
            </div>
          </div>
        </li>
        <li class="timeline-inverted">
          <div class="timeline-badge"><i class="fa fa-picture-o"></i></div>
          <div class="timeline-panel">
            <div class="timeline-heading">
              <h4 class="timeline-title">Dashboard teaser: Account management</h4>
              <p><small class="text-muted"><i class="fa fa-clock-o"></i> 19th February, 2016</small></p>
            </div>
            <div class="timeline-body">
              <div class="row">
                <div class="col-xs-6 col-md-4"><a class="thumbnail" href="images/2016-02-19-dashboard-accounts-empty.png"><img src="images/2016-02-19-dashboard-accounts-empty.png"></a></div>
                <div class="col-xs-6 col-md-4"><a class="thumbnail" href="images/2016-02-19-dashboard-accounts-list.png"><img src="images/2016-02-19-dashboard-accounts-list.png"></a></div>
                <div class="col-xs-6 col-md-4"><a class="thumbnail" href="images/2016-02-19-dashboard-accounts-actions.png"><img src="images/2016-02-19-dashboard-accounts-actions.png"></a></div>
              </div>
              <p>Realizing that our platform is becoming something much more than we can feasible manage via a command line tool (especially since there's no server, everything's decentralized), we started phasing out the CLI commands and introducing a graphical dashboard.</p>
              <p>Our <a href="https://twitter.com/peter_szilagyi/status/700735792214224896" target="_blank">first teaser</a> is the revamped account management: create, export, import and delete Ethereum accounts via a beautiful web UI, all powered by <a href="https://facebook.github.io/react/" target="_blank">React</a>!</p>
            </div>
          </div>
        </li>
        <li>
          <div class="timeline-badge success"><i class="fa fa-trophy"></i></div>
          <div class="timeline-panel">
            <div class="timeline-heading">
              <h4 class="timeline-title">Gopher Gala: Honourable mention</h4>
              <p><small class="text-muted"><i class="fa fa-clock-o"></i> 5th February, 2016</small></p>
            </div>
            <div class="timeline-body">
              <div style="float: left; margin-right: 16px;">
                <img class="img-responsive center-block" src="http://gophergala.com/assets/img/fancy_gopher_renee.jpg" style="border: 1px solid black; border-radius: 4px; height: 80px;">
              </div>
              <p>After one week of community voting, Ether APIs was shortlisted into the <a href="http://gophergala.com/finalists/" target="_blank">top 20 best projects</a> for the <a href="http://gophergala.com/" target="_blank">Gopher Gala</a>, and after a second round of judging by <a href="http://gophergala.com/judging/" target="_blank">Go experts</a>, we were awarded with an <a href="http://gophergala.com/blog/gopher/gala/2016/02/05/winners-2016/" target="_blank">honourable mention</a>!</p>
            </div>
          </div>
        </li>
        <li class="timeline-inverted">
          <div class="timeline-badge"><i class="fa fa-paper-plane-o"></i></div>
          <div class="timeline-panel">
            <div class="timeline-heading">
              <h4 class="timeline-title">Proof of concept for the Gopher Gala</h4>
              <p><small class="text-muted"><i class="fa fa-clock-o"></i> 24th January, 2016</small></p>
            </div>
            <div class="timeline-body">
              <div class="row">
                <div class="col-xs-6 col-md-4"><a class="thumbnail" href="images/2016-01-24-website-cover.png"><img src="images/2016-01-24-website-cover.png"></a></div>
                <div class="col-xs-6 col-md-4"><a class="thumbnail" href="images/2016-01-24-website-demos.png"><img src="images/2016-01-24-website-demos.png"></a></div>
                <div class="col-xs-6 col-md-4"><a class="thumbnail" href="images/2016-01-24-website-geolocator.png"><img src="images/2016-01-24-website-geolocator.png"></a></div>
              </div>
              <p>Published our first proof of concept version of Ether APIs as a submission for the <a href="http://gophergala.com/" target="_blank">Gopher Gala</a> hackathon. This featured a command line client interacting with the <a href="https://ethereum.org" target="_blank">Ethereum</a> network; processing and forwarding API requests through payment proxies; charging users per calls, in real time.</p>
              <p>To support it we've also deployed a geolocation lookup service that demoes how real time payments can be made via simple JavaScript AJAX calls using an Ethereum identity.</p>
              <p>The submission was tagged as version v0.0.1 of and is publicly available in the <a href="https://github.com/etherapis/etherapis/releases/tag/v0.0.1" target="_blank">Ether APIs GitHub repository</a>.</p>
            </div>
          </div>
        </li>
        <li>
          <div class="timeline-badge"><i class="fa fa-file-text-o"></i></div>
          <div class="timeline-panel">
            <div class="timeline-heading">
              <h4 class="timeline-title">Ether APIs conceptualization</h4>
              <p><small class="text-muted"><i class="fa fa-clock-o"></i> 22nd January, 2016</small></p>
            </div>
            <div class="timeline-body">
              <p>With the <a href="http://gophergala.com/" target="_blank">Gopher Gala</a> starting in less then 24 hours, we began writing down our plan of attack and figuring out the details on what we would like to build and how we would go about doing it.</p>
              <p>The result was a <a href="https://gist.github.com/karalabe/7a3dca05618de8c03ccd" target="_blank">rough GitHub gist</a> based on which we knew exactly what we wanted to build, with pretty much no idea on how we'll actually do it :D.</p>
            </div>
          </div>
        </li>
        <li class="timeline-inverted">
          <div class="timeline-badge"><i class="fa fa-lightbulb-o"></i></div>
          <div class="timeline-panel">
            <div class="timeline-heading">
              <h4 class="timeline-title">Inception</h4>
              <p><small class="text-muted"><i class="fa fa-clock-o"></i> 24th Novemeber, 2015</small></p>
            </div>
            <div class="timeline-body">
              <div style="float: left; margin-right: 16px;">
                <img class="img-responsive center-block" src="https://blog.golang.org/gopher/plush.jpg" style="border: 1px solid black; border-radius: 4px; height: 80px;">
              </div>
              <p>One gloomy morning we've got the invitation from the <a href="http://gophergala.com/" target="_blank">Gopher Gala</a> team to participate in the upcoming Go hackathon in January: write something cool in Go in 48 hours, competing among others for a <a href="https://blog.golang.org/gopher/plush.jpg" target="_blank">Gopher</a>!</p>
              <p>Always wanting to build something on top of the <a href="https://ethereum.org" target="_blank">Ethereum</a> blockchain we've been developing &ndash; after half a day of brainstorming &ndash; we've (<a href="https://twitter.com/jeffehh" target="_blank">Jeff</a> and <a href="https://twitter.com/peter_szilagyi" target="_blank">Peter</a>) decided to create an API marketplace for the future: decentralized, trustless and secure; with micropayments chargeable real-time, per API call.</p>
              <p>As the rules stated that no digital assets may be produced before the contest, we've stashed the idea away into the deep freezer to defrost in January.</p>
            </div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</body>
</html>