index.html

<!doctype html>
<html lang="en">
<head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-7YKZHZYDCR"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
    
      gtag('config', 'G-7YKZHZYDCR');
    </script>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="author" content="The Lithops Team">
    <meta name="description" content="Lithops - Lightweight optimized Python framework for serverless computing">

    <title>Lithops</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/4.5/examples/carousel/">
    <link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">

    <!-- Bootstrap core CSS -->
    <link href="bootstrap/assets/dist/css/bootstrap.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <!-- jQuery and Bootstrap js -->
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="bootstrap/assets/dist/js/bootstrap.js"></script>

    <!-- Font and icons -->
    <link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css" rel="stylesheet"
          type="text/css"/>

    <!-- Syntax highlighting for python -->
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.3/styles/mono-blue.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.3/highlight.min.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>

    <!-- Custom styles -->
    <link href="css/carousel.css" rel="stylesheet">
</head>
<body>
<header>
    <nav class="navbar navbar-expand-xl fixed-top navbar-light bg-light py-2 py-lg-4">
        <div class="container row mx-xl-auto mx-2">
            <a class="navbar-brand" href="#">
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse"
                    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" style="padding-left: 140px;" id="myNavbar">
                <div class="col-auto ml-auto" style="font-size: 1.2em" >
                    <ul class="navbar-nav">
                        <li class="nav-item active">
                            <a class="nav-link" href="#"><b>Home</b></a>
                        </li>
                        <li class="nav-item active">
                            <a class="nav-link" href="docs/">Documentation</a>
                        </li>
                        <li class="nav-item active">
                            <a class="nav-link" href="#about">About</a>
                        </li>
                        <li class="nav-item active">
                            <a class="nav-link" href="#integrations">Integrations</a>
                        </li>
                        <li class="nav-item active">
                            <a class="nav-link" href="#examples">Examples</a>
                        </li>
                        <li class="nav-item active">
                            <a class="nav-link" href="#applications">Applications</a>
                        </li>
                    </ul>
                </div>

                <div class="col-auto" style="font-size: 1.2em">
                    <ul class="navbar-nav">
                        <li class="nav-item nav-item-github active">
                            <a class="nav-link" href="https://github.com/lithops-cloud/lithops" title="repo"> &nbsp; <i
                                    class="fab fa-github"></i> GitHub &nbsp</a>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </nav>
</header>

<main role="main">

    <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="15000">
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <div class="container">
                    <div class="carousel-caption row ">
                        <div class="rounded text-left" style="margin-left: 100px; padding: 25px; width: 600px; background-color: rgba(0, 0, 0, 0.4);">
                            <p style="font-size: 30px"><b>Lithops is for big data analytics</b></p><br>
                            <p>Lithops is optimized for running big data analaytics jobs over massive amounts of data stored in a cloud object store like S3. Thanks to serverless computing, Lithops can achieve a huge parallelism of functions from a few seconds from start, this leads in some cases on having an aggregate bandwidth of 80GB/s from the object storage, which makes Lithops ideal for these type of jobs.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="carousel-item">
                <div class="container">
                    <div class="carousel-caption row ">
                        <div class="rounded text-left" style="margin-left: 100px; padding: 25px; width: 600px; background-color: rgba(0, 0, 0, 0.4);">
                            <p style="font-size: 30px"><b>Lithops is for embarrassingly parallel jobs</b></p><br>
                            <p>An embarrassingly parallel job  is one where little or no effort is needed to separate the problem into a number of parallel tasks. These type of jobs are extremely well suited for Lithops thanks to serverless computing, that provides thousands of parallel cores from a few seconds from start.</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="carousel-item">
                <div class="container">
                    <div class="carousel-caption row ">
                        <div class="rounded text-left" style="margin-left: 100px; padding: 25px; width: 600px; background-color: rgba(0, 0, 0, 0.4);">
                            <p style="font-size: 30px"><b>Lithops is for any Python application</b></p><br>
                            <p>Lithops allows developers to execute regular python code at massive scale in the cloud, using serverless computing resources. Thanks to serverless computing, Lithops makes easy the task of spawning hundreds or thousands of cloud functions to execute a large job in a few seconds from start.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>


    <div class="container marketing">

        <br>
        <h2 class="text-uppercase" id="multicloud"><b>Multicloud</b> support</h2>
        <hr class="my-featurette-divider">

        Lithops supports multiple compute and storage backends from a variety of providers
        <br><br><br>

        <div class="row justify-content-center" id="multicloud">
            <img src="img/clouds/ibm_cloud@0,75x.png" height="110px" > &nbsp;
            <img src="img/clouds/aws@0,75x.png"  height="110px" > &nbsp;
            <img src="img/clouds/azure@0,75x.png"  height="110px" > &nbsp;
            <img src="img/clouds/google_cloud@0,75x.png" height="110px" > &nbsp;
            <img src="img/clouds/aliyun@0,75x.png"  height="110px" > &nbsp;
            <img src="img/clouds/k8s@0,75x.png"  height="110px" > &nbsp;
            <img src="img/clouds/openshift@0,75x.png"  height="110px" >
        </div><!-- /.row -->
        <br>
        <br>
        <br>


        <h2 class="text-uppercase" id='about'>About <b>Lithops</b></h2>
        <hr class="featurette-divider my-featurette-divider">

        <!-- Three columns of text below the carousel -->
        <div class="row">
            <div class="col-lg-4">
                <span class="fa-stack fa-2x">
                  <i class="fas fa-circle fa-stack-2x"></i>
                  <i class="fas fa-thumbs-up fa-stack-1x fa-inverse"></i>
                </span>
                <br>
                <br>
                <h3>Easy to use</h3>
                <p>Run up to 1000s of user defined serverless functions in parallel with zero management
                    efforts.</p>
            </div><!-- /.col-lg-4 -->
            <div class="col-lg-4">
                <span class="fa-stack fa-2x">
                  <i class="fas fa-circle fa-stack-2x"></i>
                  <i class="fas fa-lightbulb fa-stack-1x fa-inverse"></i>
                </span>
                <br>
                <br>
                <h3>Easy to learn</h3>
                <p>Lithops docs are available. Get started, set up multiple platform backends and run various
                    examples.</p>
            </div><!-- /.col-lg-4 -->

            <div class="col-lg-4">
                <span class="fa-stack fa-2x">
                  <i class="fas fa-circle fa-stack-2x"></i>
                  <i class="fas fa-cogs fa-stack-1x fa-inverse"></i>
                </span>
                <br>
                <br>
                <h3>Cross-platform</h3>
                <p>Run your code seamlessly across the most popular serverless platforms without changing a single line
                    of code.
                    Lithops makes provider management transparent to the user.</p>
            </div><!-- /.col-lg-4 -->
        </div><!-- /.row -->

        <div class="row">
            <div class="col-lg-2"></div>
            <div class="col-lg-4">
                <span class="fa-stack fa-2x">
                  <i class="fas fa-circle fa-stack-2x"></i>
                  <i class="fas fa-exclamation-triangle fa-stack-1x fa-inverse"></i>
                </span>
                <br>
                <br>
                <h3>Error friendly</h3>
                <p>With Lithops you can retrace an error just as if it occurred in a local environment.
                    Lithops also provides facilities for event sourcing.</p>
            </div><!-- /.col-lg-4 -->
            <div class="col-lg-4">
                <span class="fa-stack fa-2x">
                  <i class="fas fa-circle fa-stack-2x"></i>
                  <i class="fas fa-server fa-stack-1x fa-inverse"></i>
                </span>
                <br>
                <br>
                <h3>Dynamic scaling</h3>
                <p>Lithops enables your application to exploit 1000s of cores on demand as well as any amount when
                    needed, since scaling is totally dynamic and only limited by the designed program concurrency.</p>
            </div><!-- /.col-lg-4 -->
        </div><!-- /.row -->
        <br>


        <h2 class="text-uppercase" id="integrations"><b>Integrations</b></h2>
        <hr class="my-featurette-divider">

        <div class="row justify-content-center">

            <div class="col-lg-4">
                <img src="img/integrations/airflow.png">
            </div><!-- /.col-lg-4 -->

            <div class="col-lg-4">
                <img src="img/integrations/sklearn.png">
            </div><!-- /.col-lg-3 -->
        </div><!-- /.row -->
        <br>


        <h2 id="examples" class="text-uppercase">Code <b>examples</b></h2>
        <hr class="featurette-divider my-featurette-divider">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <section id="tabs" class="project-tab">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <nav>
                                    <div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
                                        <a class="nav-item nav-link active text-uppercase" id="nav-home-tab"
                                           data-toggle="tab"
                                           href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">
                                            Call async
                                        </a>
                                        <a class="nav-item nav-link text-uppercase" id="nav-profile-tab"
                                           data-toggle="tab"
                                           href="#nav-profile" role="tab" aria-controls="nav-profile"
                                           aria-selected="false">Map</a>
                                        <a class="nav-item nav-link text-uppercase" id="nav-contact-tab"
                                           data-toggle="tab"
                                           href="#nav-contact" role="tab" aria-controls="nav-contact"
                                           aria-selected="false">Map reduce</a>
                                    </div>
                                </nav>
                                <div class="tab-content" id="nav-tabContent">
                                    <div class="tab-pane fade show active" id="nav-home" role="tabpanel"
                                         aria-labelledby="nav-home-tab">
                                        <pre class="pre-code">
                                            <code class="python">
    """
    Simple Lithops example using one single function invocation
    """
    import lithops

    def hello(name):
        return 'Hello {}!'.format(name)

    fexec = lithops.FunctionExecutor()
    fexec.call_async(hello, 'World')
    print(fexec.get_result())
                                            </code>
                                        </pre>
                                    </div>
                                    <div class="tab-pane fade" id="nav-profile" role="tabpanel"
                                         aria-labelledby="nav-profile-tab">
                                        <pre class="pre-code">
                                            <code class="python">
    """
    Simple Lithops example using the map() call to estimate PI
    """
    import lithops
    import random

    def is_inside(n):
        count = 0
        for i in range(n):
            x = random.random()
            y = random.random()
            if x*x + y*y < 1:
                count += 1
        return count

    if __name__ == '__main__':
        np, n = 10, 15000000
        part_count = [int(n/np)] * np
        fexec = lithops.FunctionExecutor()
        fexec.map(is_inside, part_count)
        results = fexec.get_result()
        pi = sum(results)/n*4
        print("Esitmated Pi: {}".format(pi))
                                            </code>
                                        </pre>
                                    </div>
                                    <div class="tab-pane fade" id="nav-contact" role="tabpanel"
                                         aria-labelledby="nav-contact-tab">
                                        <pre class="pre-code">
                                            <code class="python">
    """
    Simple Lithops example using the map_reduce method.
    In this example the map_reduce() method will launch one
    map function for each entry in 'iterdata', and then it will
    wait locally for the results. Once the results be ready, it
    will launch the reduce function.
    """
    import lithops

    iterdata = [1, 2, 3, 4]


    def my_map_function(x):
        return x + 7


    def my_reduce_function(results):
        total = 0
        for map_result in results:
            total = total + map_result
        return total


    fexec= lithops.FunctionExecutor()
    fexec.map_reduce(my_map_function, iterdata, my_reduce_function)
    print(fexec.get_result())
                                            </code>
                                        </pre>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>

        <br>
        <h2 class="text-uppercase" id="applications"><b>Applications</b></h2>
        <hr class="featurette-divider my-featurette-divider">

        <div class="row" >

            <div class="col-lg-4">
                <span class="fa-stack fa-2x">
                  <i class="fas fa-circle fa-stack-2x"></i>
                  <i class="fas fa-cogs fa-stack-1x fa-inverse"></i>
                </span>
                <br>
                <br>
                <h3>Serverless Benchmark</h3>
                <p>
                    <a class="btn btn-secondary" style="background-color: #ef8031; border-color: #ef8031"
                       href="https://github.com/lithops-cloud/applications/tree/master/benchmarks" role="button">View
                        site »</a>
                </p>
            </div><!-- /.col-lg-4 -->

            <div class="col-lg-4">
                <span class="fa-stack fa-2x">
                  <i class="fas fa-circle fa-stack-2x"></i>
                  <i class="fas fa-dna fa-stack-1x fa-inverse"></i>
                </span>
                <br>
                <br>
                <h3>Metabolomics</h3>
                <p>
                    <a class="btn btn-secondary" style="background-color: #ef8031; border-color: #ef8031"
                       href="https://github.com/metaspace2020/pywren-annotation-pipeline" role="button">View site »</a>
                </p>
            </div><!-- /.col-lg-3 -->

            <div class="col-lg-4">
                <span class="fa-stack fa-2x">
                  <i class="fas fa-circle fa-stack-2x"></i>
                  <i class="fas fa-satellite-dish fa-stack-1x fa-inverse"></i>
                </span>
                <br>
                <br>
                <h3>Geospatial Analytics</h3>
                <p>
                    <a class="btn btn-secondary" style="background-color: #ef8031; border-color: #ef8031"
                       href="https://github.com/cloudbutton/geospatial-usecase" role="button">View site »</a>
                </p>
            </div><!-- /.col-lg-4 -->

            <div class="col-lg-4">
                <span class="fa-stack fa-2x">
                  <i class="fas fa-circle fa-stack-2x"></i>
                  <i class="fas fa-tasks fa-stack-1x fa-inverse"></i>
                </span>
                <br>
                <br>
                <h3>Hyperparameter Tuning</h3>
                <p>
                    <a class="btn btn-secondary" style="background-color: #ef8031; border-color: #ef8031"
                       href="https://github.com/lithops-cloud/applications/tree/master/sklearn" role="button">View site »</a>
                </p>
            </div><!-- /.col-lg-4 -->

            <div class="col-lg-4">
                <span class="fa-stack fa-2x">
                  <i class="fas fa-circle fa-stack-2x"></i>
                  <i class="fas fa-random fa-stack-1x fa-inverse"></i>
                </span>
                <br>
                <br>
                <h3>Monte Carlo Simulations</h3>
                <p>
                    <a class="btn btn-secondary" style="background-color: #ef8031; border-color: #ef8031"
                       href="https://github.com/lithops-cloud/applications/tree/master/montecarlo" role="button">View site »</a>
                </p>
            </div><!-- /.col-lg-4 -->

            <div class="col-lg-4">
                <span class="fa-stack fa-2x">
                  <i class="fas fa-circle fa-stack-2x"></i>
                  <i class="fas fa-star fa-stack-1x fa-inverse"></i>
                </span>
                <br>
                <br>
                <h3>More...</h3>
                <p>
                    <a class="btn btn-secondary" style="background-color: #ef8031; border-color: #ef8031"
                       href="https://github.com/lithops-cloud/applications" role="button">View site »</a>
                </p>
            </div><!-- /.col-lg-4 -->

        </div><!-- /.row -->
        <br>

        <hr class="my-featurette-divider featurette-divider">

    </div><!-- /.container -->

    <footer class="container">
        <p class="float-right"><a href="#">Back to top</a></p>
        <p>&copy; 2021 Lithops &middot; <a href="https://github.com/lithops-cloud">GitHub</a></p>
    </footer>
</main>
</body>
</html>