home.html

---
layout: default
title: Home
---
<!-- Begin homepage introduction -->
<div class="bg-white">
  <div class="container py-5">
    <div class="row">
      <div class="col-sm-6 fs-5">
        metadata authoring tools for people and organizations
      </div>
    </div>
    <div class="row gap-5 my-5">
      <div class="col-lg">
        <img class="img-fluid shadow-lg border border-dark border-2" src="assets/images/mdEditor_animation.gif"
          alt="gif of clicking on mdEditor">
      </div>
      <div class="col-lg fs-5 d-flex align-items-center justify-content-center">
        <p>
          mdToolkit is a community driven, open-source suite of applications for authoring
          <a href="https://www.go-fair.org/fair-principles/" target="_blank">
            FAIR compliant
          </a>
          metadata
        </p>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-6">
        <div class="row justify-content-center gap-5">
          <div class="col-sm-auto d-flex justify-content-center">
            <a class="text-white text-decoration-none" href="https://www.mdeditor.org/" target="_blank">
              <button type="button" class="btn border border-dark border-1 shadow fw-bold bg-green text-white">
                Try <img class="pb-2 img-35" src="assets/images/mdEditor_dark_logo.png" alt="mdEditor logo"> &gt;
              </button>
            </a>
          </div>
          <div class="col-sm-auto d-flex justify-content-center">
            <a href="https://guide.mdeditor.org/tutorial/welcome-to-tutorial.html" target="_blank">
              <button type="button" class="btn border border-dark border-1 text-primary shadow fw-bold">
                Take the Tutorial &gt;
              </button>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- End homepage introduction -->

<!-- Begin homepage mdToolkit descriptions -->
<div class="bg-dark">
  <div class="container p-5 text-white">
    <div class="row mb-5 gap-5">
      <div class="col-sm">
        <h2 class="fw-bold text-neonblue">
          community responsive, open-source
        </h2>
        <p class="fs-6">
          mdToolkit is a community driven, open-source suite of applications for authoring
          <span class="fst-italic">FAIR compliant</span>
          quality metadata to document data, projects, and collections.
        </p>
      </div>
      <div class="col-sm">
        <h2 class="fw-bold text-neonblue">
          flexible and adaptable solutions &nbsp; &nbsp; &nbsp;
        </h2>
        <p class="fs-6">
          Supports single users with a web browser, or organizations that wish to integrate metadata
          authoring tools into their workflows and infrastructure.
        </p>
      </div>
    </div>
    <div class="row mt-5 gap-5">
      <div class="col-sm">
        <h2 class="fw-bold text-neonblue">
          focus on content, not on standards &nbsp; &nbsp;
        </h2>
        <p class="fs-6">
          mdToolkit guides authors toward robust documentation without requiring knowledge of exchange
          standards.
        </p>
      </div>
      <div class="col-sm">
        <h2 class="fw-bold text-neonblue">
          manage standards transitions &nbsp; &nbsp; &nbsp;
        </h2>
        <p class="fs-6">
          mdToolkit separates metadata content management from exchange formats, allowing flexible
          transition workflows - <span class="fw-bold fst-italic">write once, translate many times.</span>
        </p>
      </div>
    </div>
  </div>
</div>
<!-- End homepage mdToolkit descriptions -->

<!-- Begin vertical/horizontal workflow image -->
<div class="d-none d-md-block bg-dark pb-5">
  <div class="container px-5">
    <img class="img-fluid" src="assets/images/mdToolkit_dark_workflow_simple.png" alt="tools workflow">
  </div>
</div>
<div class="d-md-none bg-dark px-5 pb-5">
  <img class="img-fluid" src="assets/images/mdToolkit_dark_workflow_vertical.png" alt="tools vertical workflow">
</div>
<!-- End vertical/horizontal workflow image -->

<!-- Begin user stories -->
<div class="bg-white">
  <div class="container py-5">
    <h2 class="text-neongreen fw-bold">
      user stories
    </h2>
    <div class="row gap-5">
      <div class="col-sm">
        <div class="row my-5 gap-5">
          <div class="col-sm-auto d-flex justify-content-center">
            <img class="img-fluid square-img border border-dark border-2 shadow-lg"
              src="assets/images/ArcticNWR-BrooksRange-Lisa_hupp_square.jpg" alt="ArticNWR Brooks Range">
          </div>
          <div class="col-sm d-flex flex-column">
            <h4 class="text-blue fw-bold">
              documenting scientific research projects in Alaska
            </h4>
            <p class="fs-6">
              The U.S. Fish and Wildlife Service,
              Alaska Region used <span class="fst-italic">mdToolkit</span>
              to document research projects in the
              wildlife refuges across Alaska.
            </p>
          </div>
        </div>
      </div>
      <div class="col-sm">
        <div class="row my-5 gap-5">
          <div class="col-sm-auto d-flex justify-content-center">
            <img class="img-fluid square-img border border-dark border-2 shadow-lg"
              src="assets/images/Lake_Clark_0476_square.jpg"
              alt="U.S. Geological Survey researchers collecting a soil sample at Lake Clark">
          </div>
          <div class="col-sm d-flex flex-column">
            <h4 class="text-blue fw-bold">
              documenting national scientific materials sample collections
            </h4>
            <p class="fs-6">
              The U.S. Geological Survey has
              utilized <span class="fst-italic">mdToolkit</span> to implement a
              Content Standard for documenting
              scientific materials collections.
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- End user stories -->