index.html

---
# You don't need to edit this file, it's empty on purpose.
# Edit theme's home layout instead if you wanna make some changes
# See: https://jekyllrb.com/docs/themes/#overriding-theme-defaults
layout: home
---

<!-- Slider Start -->
<section id="slider">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="block">
          <h1 class="animated fadeInUp">Welcome to Worldwide Real Time Decentralized Communications</h1>
          <p class="animated fadeInUp">reTHINK Framework provides the tools to build a global real-time decentralized communication infra-structure where services are inherently inter-operable.<br />
            <br />A Communication Network can now be created together by many millions businesses and not by a couple of big corporations and monopolies.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Wrapper Start -->
<section id="intro">
  <div class="container">
    <div class="row">
      <div class="col-md-6 col-sm-12">
        <div class="block">
          <div class="section-title">
            <h2>Adhoc Interoperability with nearly Zero Standards</h2>
            <p>The reTHINK framework provides Decentralized Communications across any domain by trustfully using peer-to-peer networks</p>
          </div>
          <p>Thanks to radical new concepts like Protocol on-the-fly and Reporter-Observer peer-to-peer data synchronization pattern, Decentralized Services can easily interoperate, without having to agree in advance on common protocols or service APIs</p>
        </div>
      </div><!-- .col-md-6 close -->
      <div class="col-md-6 col-sm-12">
        <div class="block">
          <img src="img/protofly.png" alt="Img">
        </div>
      </div><!-- .col-md-6 close -->
    </div>
  </div>
</section>

<!-- Wrapper Start -->
<section id="concept">
  <div class="container">
    <div class="row">
      <div class="col-md-12 col-sm-12">
        <div class="block">
          <div class="section-title center-title">
            <h2>Power back to People</h2>
            <p>Decentralized Trust with new or existing Identity Providers</p>
          </div>
          <p>The reTHINK Framework empowers the users with the choice and the management of their private data and identities.
          Services are securely associated to User Identities that are managed by independent Identity Providers. The end-user is empowered to decide about which Identity Provider to trust, i.e. User Identities are decoupled from Service Providers.</p>
        </div>
      </div><!-- .col-md-12 close -->
      <div class="col-md-12 col-sm-12">
        <div class="block">
          <img src="img/trust.png" alt="Img">
        </div>
      </div><!-- .col-md-12 close -->
    </div>
  </div>
</section>

<section id="feature">
  <div class="container">
    <div class="row">
      <div class="col-md-6 col-sm-12">
        <div class="holder">
<pre class="line-numbers">
  <code class="language-javascript">
  rethink.default.install(config).then((runtime) => {
    runtime.requireHyperty(helloWorldReporterCatalogueURL).then((hyperty) => {
        hyperty.instance.hello(observer);
        });
    }).catch(function(reason) {
  console.error(reason);
  });
  </code>
</pre>
        </div>
      </div>
      <div class="col-md-6 col-sm-12">
        <h2>Hyperties: the new reusable building block to develop complex decentralized Applications</h2>
        <p>The reTHINK Framework enables the usage of cutting edge software engineering in the Decentralized Ecosystem.</p>
        <p>By following microservices architectural patterns, Hyperties are independently deployable components each one providing a small set of business capabilities, using the smart endpoints and dumb pipes philosophy.</p>
        <p></p>
      </div>

    </div>
  </div>
</section>

<!-- Call to action Start -->
<section id="call-to-action">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="block text-left">
          <h2>Feel the Power of Decentralized Communications</h2>
          <p> Have a look at the <a class="page-link" href="{{ site.github.url }}/dev-protostubs" target="_blank">Hyperty Catalogue</a>
            or try the <a class="page-link" href="https://app.rethink.alticelabs.com" target="_blank">Digital Social Marketplace</a> application</p>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Service Start -->
<section id="service">
  <div class="container">
    <div class="row">
      <div class="section-title center-title">
        <h2></h2>
      </div>
    </div>

    <div class="row ">
      {% for item in site.data.overview %}
        <div class="col-sm-6 col-md-3">
          <div class="service-item">
            <a href="{{item.path}}" title="{{item.title}}">
              <i class="icon ion-{{item.icon}}"></i>
              <h4>{{item.title}}</h4>
              <p>{{item.description}} </p>
            </a>
          </div>
        </div>
      {% endfor %}
    </div>

  </div>
</section>