{#-
  This file was automatically generated - do not edit
-#}
{% extends "main.html" %}
{% block tabs %}
  {{ super() }}
  <link rel=stylesheet href=assets/stylesheets/main.fd1ad6e4.min.css>
  <link rel=stylesheet href=assets/stylesheets/palette.ab4e12ef.min.css>
  <link rel=stylesheet href=assets/stylesheets/custom.cc92020d.min.css>
  <link rel=stylesheet href=assets/stylesheets/home.ac698b0a.min.css>
  <link rel=stylesheet href=assets/stylesheets/timeago.css>
  <link rel=preconnect href=https://fonts.gstatic.com crossorigin>
  <link rel=stylesheet href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
  <style>
      :root {
          --md-text-font: "Roboto";
          --md-code-font: "Roboto Mono"
      }
  </style>
  <div class=md-container data-md-component=container>
    <div class=mdx-parallax data-mdx-component=parallax>
        <section class=mdx-parallax__group data-md-color-scheme=slate>
            <picture class=mdx-parallax__layer style="--md-parallax-depth: 8;--md-image-position: 70%">
                <source type=image/avif srcset="assets/images/layers/1-landscape.jpg 1280w, assets/images/layers/1-landscape@2x.avif 1920w, assets/images/layers/1-landscape@3x.avif 2560w, assets/images/layers/1-landscape@4x.avif 3840w">
                <source type=image/webp srcset="assets/images/layers/1-landscape.webp 1280w, assets/images/layers/1-landscape@2x.webp 1920w, assets/images/layers/1-landscape@3x.webp 2560w, assets/images/layers/1-landscape@4x.webp 3840w">
                <img srcset="assets/images/layers/1-landscape.png 1280w, assets/images/layers/1-landscape@2x.png 1920w, assets/images/layers/1-landscape@3x.png 2560w, assets/images/layers/1-landscape@4x.png 3840w" src=assets/images/layers/1-landscape.png alt class=mdx-parallax__image>
            </picture>

             <picture class=mdx-parallax__layer style="--md-parallax-depth: 6;--md-image-position: 20%">
                <source type=image/webp srcset="assets/images/layers/astronaut.png 1280w, assets/images/layers/astronaut.png 1920w, assets/images/layers/astronaut.png 2560w, assets/images/layers/astronaut.png 3840w">
                <img srcset="assets/images/layers/astronaut.png 1280w, assets/images/layers/astronaut.png 1920w, assets/images/layers/astronaut.png 2560w, assets/images/layers/astronaut.png 3840w" src=assets/images/layers/astronaut.png alt class=mdx-parallax__image>
            </picture>
            <div class="mdx-parallax__layer mdx-parallax__blend"></div>
            <div class=mdx-hero data-mdx-component=hero>
                <div class="mdx-hero__scrollwrap md-grid">
                    <div class=mdx-hero__inner>
                        <div class="mdx-hero__teaser md-typeset">
                          <h1>FAIR Tool - Computational Materials Data made FAIR</h1>
                          <p>{{ config.site_description }}.</p>
                          <p >This DMP follows the FAIR principles for data management: data should be Findable, Accessible, Interoperable, and Reusable. The DMP includes information about the data that will be generated during the project, how it will be organized, stored, and backed up, and how it will be shared with others.</p>
                          <h3 >Project by Dr. Ravindra Shinde</h3>
                          <a href="{{ page.next_page.url | url }}" title="{{ page.next_page.title | e }}" class="md-button md-button--primary">
                            Quick start
                          </a>
                          <a href="{{ 'https://github.com/neelravi/fairtool/archive/refs/tags/v1.2.0.tar.gz' | url }}" title="CHAMP (EU) Zenodo Repository" class="md-button">
                            Latest release
                          </a>
                        </div>
                        <div class=mdx-hero__more>
                            <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24">
                                <path d="M11 4h2v12l5.5-5.5 1.42 1.42L12 19.84l-7.92-7.92L5.5 10.5 11 16z"/>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        <section class=mdx-parallax__group data-md-color-scheme=slate data-md-color-primary=indigo>
          <div class="md-content md-grid" data-md-component=content>
          <div class="md-content__inner mdx-content__inner">
          <div class=mdx-content__column>
          <header class=md-typeset hidden>
            <h1 id=become-a-sponsor>
                Contribute to the project <a href=#contributing class=headerlink title="Permanent link">¶ </a>
            </h1>
          </header>
          <div class="mdx-connect md-typeset" hidden>
            <div class=mdx-connect__column>
                <p>
                    By joining the <a href=contributing/>Insiders</a>
                    program, you'll get immediate access to the latest features while also helping support the ongoing development of Material for MkDocs. Thanks to our <a href=contributing/#how-you-can-contribute>awesome sponsors</a>
                    , this project is actively maintained and kept in good shape.
                </p>
                <p>
                    <strong>Together, we can build documentation that simply works! </strong>
                </p>
                <p>
                    <a href=contributing/ class=md-button aria-label=Contribute> Visit </a>
                </p>
            </div>
          </div>
          </div>

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


    </div>
</div>


  <!-- <script src="assets/javascripts/bundle.d249fdc4.min.js"></script> -->
  <script src="assets/javascripts/bundle.c4a99efa.min.js"></script>
  <script src="assets/javascripts/timeago.min.js"></script>
  <script src="assets/javascripts/timeago_mkdocs_material.js"></script>
  <!-- <script src="assets/javascripts/custom.b146ea9b.min.js"></script> -->
  <script src="assets/javascripts/custom.058c863c.min.js"></script>
  <script>
    document.addEventListener('scroll', function() {
      const scrolled = window.pageYOffset;
      document.querySelectorAll('.parallax__layer').forEach(function(layer) {
        const depth = layer.style.getPropertyValue('--parallax-depth');
        const movement = -(scrolled * depth);
        layer.style.transform = `translateY(${movement}px)`;
      });
    });
  </script>
{% endblock %}
{% block content %}{% endblock %}
{% block footer %}{% endblock %}