Skip to content

Commit

Permalink
Automated to gh-pages [skip ci]
Browse files Browse the repository at this point in the history
  • Loading branch information
Dvseed committed Jan 13, 2025
0 parents commit 60e4548
Show file tree
Hide file tree
Showing 82 changed files with 84,704 additions and 0 deletions.
Binary file added favicon.ico
Binary file not shown.
1 change: 1 addition & 0 deletions img/ic_cumulus_logo_blue.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions img/ic_cumulus_logo_white.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
242 changes: 242 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,242 @@
<!DOCTYPE html>
<html class="dark">

<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=11" />
<link rel="icon" href="favicon.ico" />
<link rel="stylesheet" href="output.css" />
<title>Cumulus API</title>
</head>

<body class="bg-white dark:bg-black">
<div>
<!-- Main Navigation Bar -->
<header class="absolute inset-x-0 top-0">
<nav class="flex h-14 items-center justify-between bg-blue px-4 py-3" aria-label="Cumulus Navigation">
<div class="main-logo flex lg:flex-1">
<a href="#" class="flex items-center justify-between">
<img class="h-8 w-8" src="./img/ic_cumulus_logo_white.svg"
alt="NASA Cumulus Logo for the Cumulus framework that includes a core, dashboard (UI), and API." />
<span class="not-sr-only pl-2 text-lg font-semibold leading-4 text-gray-light">Cumulus API
Documentation</span>
</a>
</div>
<div class="flex lg:hidden">
<!-- Button: Open Menu -->
<button type="button"
class="mobile-menu-button -m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-light dark:text-gray-light lg:hidden"
aria-controls="mobile-menu" aria-expanded="false">
<span class="sr-only">Open navigation menu</span>
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
</svg>
</button>
<!--/ Button -->
</div>
<div class="hidden lg:flex lg:gap-x-12">
<a href="https://nasa.github.io/cumulus-distribution-api/"
class="flex items-center justify-between text-base font-medium leading-4 text-gray-light"
target="_blank">Cumulus Distribution API
<span class="ml-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
<path stroke-linecap="round" stroke-linejoin="round"
d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
</svg> </span></a>
<a href="https://nasa.github.io/cumulus/docs"
class="flex items-center justify-between text-base font-medium leading-4 text-gray-light"
target="_blank">Cumulus Developer Docs<span class="ml-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
<path stroke-linecap="round" stroke-linejoin="round"
d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
</svg> </span></a>
</div>
</nav>
<!-- Mobile Menu: Show/Hide Backdrop -->
<div class="lg:hidden" role="dialog" aria-modal="true" id="mobile-menu">
<!-- Background backdrop, show/hide based on slide-over state. -->
<div class="overlay fixed inset-0 z-50"></div>
<div
class="fixed inset-y-0 right-0 top-0 z-50 flex w-full overflow-y-auto bg-white px-6 py-6 dark:bg-dark-surface sm:max-w-sm sm:ring-1 sm:ring-gray-900/10">
<div class="flex lg:hidden">
<!-- Button: Close Menu -->
<button type="button"
class="mobile-close-button absolute right-3 top-0 items-center justify-between rounded-md px-1 py-4 text-gray-700 dark:text-gray-light sm:flex"
aria-controls="mobile-menu" aria-expanded="true">
<span class="sr-only">Close menu</span>
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
<!--/ Button -->
</div>
<!-- Mobile Navigation -->
<nav class="flow-root">
<div class="divide-y divide-gray-500/10 font-semibold leading-7 text-gray-900 dark:text-gray-light">
<div class="mobile-logo items-center justify-center py-6 sm:inline-flex">
<a href="#" class="flex overflow-hidden rounded-lg hover:bg-gray-50 dark:hover:bg-dark-highlight/10">
<img class="block h-8 w-auto dark:hidden" src="./img/ic_cumulus_logo_blue.svg"
alt="NASA Cumulus Logo for the Cumulus framework that includes a core, dashboard (UI), and API." />
<img class="hidden h-8 w-auto dark:block" src="./img/ic_cumulus_logo_white.svg"
alt="NASA Cumulus Logo for the Cumulus framework that includes a core, dashboard (UI), and API." />
<span
class="not-sr-only -mx-1 block px-3 py-2 text-lg dark:text-gray-light dark:hover:text-dark-blue">Cumulus
API Documentation</span>
</a>
</div>
<div class="space-y-2 py-6">
<a href="https://nasa.github.io/cumulus-distribution-api/"
class="block items-center rounded-lg px-3 py-2 text-base hover:bg-gray-50 dark:hover:bg-dark-highlight/10 dark:hover:text-dark-blue sm:flex"
target="_blank">Cumulus Distribution API<span class="ml-2"><svg xmlns="http://www.w3.org/2000/svg"
fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
<path stroke-linecap="round" stroke-linejoin="round"
d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
</svg> </span></a>

<a href="https://nasa.github.io/cumulus/docs"
class="block items-center rounded-lg px-3 py-2 text-base hover:bg-gray-50 dark:hover:bg-dark-highlight/10 dark:hover:text-dark-blue sm:flex"
target="_blank">Cumulus Developer Docs<span class="ml-2"><svg xmlns="http://www.w3.org/2000/svg"
fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
<path stroke-linecap="round" stroke-linejoin="round"
d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
</svg> </span></a>
</div>
<div class="py-6">
<a href="https://github.com/nasa/cumulus#about-cumulus"
class="block items-center rounded-lg px-3 py-2.5 text-base hover:bg-gray-50 dark:hover:bg-dark-highlight/10 dark:hover:text-dark-blue sm:flex"
target="_blank">About Cumulus<span class="ml-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-6 w-6">
<path stroke-linecap="round" stroke-linejoin="round"
d="M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" />
</svg> </span></a>
</div>
</div>
</nav>
</div>
</div>
<!-- -->
</header>
<!-- Content -->
<div class="relative top-14 flex justify-center">
<div class="container mt-10 px-8">
<!-- Heading and Description -->
<div class="text-black dark:text-gray-light sm:text-center lg:text-left">
<h1 class="text-3xl font-bold">Cumulus API Docs</h1>
<p class="mt-4 text-lg leading-6">
The following is the corresponding API documentation per available
releases.
</p>
</div>
<!-- Release Versions -->
<div class="mx-4 my-6 w-96 p-6">
<!-- Versions Header -->
<div class="rounded-t-xl border border-gray-200 bg-blue p-4 dark:border-gray-600 dark:bg-blue">
<h2 class="text-center text-xl font-medium text-gray-light">
Available Versions
</h2>
</div>
<!-- Table -->
<div>
<table class="w-full table-auto border-collapse border-spacing-2 rounded-b-xl bg-white shadow-md dark:bg-dark-surface">
<tbody>
<tr class="row-release">
<td>
<a href="unreleased" class="version">Unreleased</a>
</td>
</tr>
<tr class="row-release">
<td>
<a href="v18.4.0" class="version">v18.4.0+</a><!-- Badge: Latest release --><span
class="latest-badge">Latest</span><!--/Badge: Latest release -->
</td>
</tr>
<tr class="row-release">
<td>
<a href="v18.1.0" class="version">v18.1.0</a>
</td>
</tr>
<tr class="row-release">
<td>
<a href="v16.1.1" class="version">v16.1.1</a>
</td>
</tr>
<tr class="row-release">
<td>
<a href="v14.1.0" class="version">v14.1.0</a>
</td>
</tr>
<tr class="row-release">
<td>
<a href="v14.0.0" class="version">v14.0.0</a>
</td>
</tr>
<tr class="row-release">
<td>
<a href="v13.4.0" class="version">v13.4.0</a>
</td>
</tr>
<tr class="row-release">
<td>
<a href="v13.3.0" class="version">v13.3.0</a>
</td>
</tr>
<tr class="row-release">
<td>
<a href="v13.0.0" class="version">v13.0.0</a>
</td>
</tr>
<tr class="row-release">
<td>
<a href="v11.0.0" class="version">v11.0.0 (and all prior releases)</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Button: Back to Cumulus Developer Docs -->
<div class="mx-auto">
<div class="hidden sm:mb-8 sm:flex sm:justify-center lg:mb-0 lg:flex lg:justify-start">
<div class="relative rounded-full px-3 py-1 text-base text-gray-600 ring-1 ring-gray-900/10 hover:ring-gray-900/20 dark:bg-dark-surface/70 dark:text-gray-light dark:ring-dark-blue dark:hover:ring-dark-highlight/50">
<span aria-hidden="true">&larr; </span>Back to
<a href="https://nasa.github.io/cumulus/docs"
class="font-semibold text-blue hover:underline dark:text-dark-blue"><span class="absolute inset-0"
aria-hidden="true"></span>Cumulus Developer Docs</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
const openBtn = document.querySelector("button.mobile-menu-button");
const closeBtn = document.querySelector("button.mobile-close-button");
const menu = document.querySelector("#mobile-menu");
const menuOverlay = document.querySelector(".overlay");

//Open Menu
openBtn.addEventListener("click", () => {
menu.classList.toggle("hidden");
menu.style.visibility = "visible";
menu.style.opacity = 1;
});

//Close Menu
closeBtn.addEventListener("click", () => {
menu.classList.toggle("hidden");
menu.style.visibility = "visible";
menu.style.opacity = 1;
});

menuOverlay.addEventListener("click", () => {
menu.classList.toggle("hidden");
menu.style.visibility = "visible";
menu.style.opacity = 1;
});

</script>
</body>

</html>
59 changes: 59 additions & 0 deletions input.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
/**
* This injects Tailwind's base styles and any base styles registered by
* plugins.
*/
@tailwind base;

/**
* This injects Tailwind's component classes and any component classes
* registered by plugins.
*/
@tailwind components;

/**
* This injects Tailwind's utility classes and any utility classes registered
* by plugins.
*/
@tailwind utilities;

/**
* Use this directive to control where Tailwind injects the hover, focus,
* responsive, dark mode, and other variants of each class.
*
* If omitted, Tailwind will append these classes to the very end of
* your stylesheet by default.
*/
@tailwind variants;

@layer components {
.version {
@apply text-lg text-blue hover:underline dark:text-dark-blue;
}

.row-release {
@apply border-b hover:bg-gray-50 dark:border-gray-600 dark:hover:bg-dark-highlight/10;
}

.latest-badge {
@apply ml-2 mr-2 rounded border border-green-400 bg-green-100 px-2.5 py-0.5 text-xs font-medium text-green-800 dark:bg-gray-700 dark:text-green-400;
}
}

tr {
height: 50px;
}

td {
padding: 0 20px;
}

#mobile-menu {
visibility: hidden;
opacity: 0;
transition: opacity 2s 0 ease;
}

.overlay {
background-color: rgba(0,0,0,.50);
cursor: pointer;
}
Loading

0 comments on commit 60e4548

Please sign in to comment.