On-Ramps is an online tool that you can embed directly into your site so members can browse available ACCESS resources, filtered by feature. Easily add this tool to your own online resource list, educating your community about its full range of HPC options.

This tool connects educators and researchers with powerful HPC resources when and where they need them. It extends the ACCESS program’s reach, and empowers your community members by giving them a larger toolbox to choose from.

On-Ramps lets community members browse available resources and their features with a Resource Catalog, which can be filtered by feature for easier browsing.

Easily add On-Ramps to your site by following the directions below

1. Choose a page on your site where you want the On-Ramps Resource Catalog to appear. When linking to this page, we recommend calling it "NSF ACCESS Resources".

2. On the place in the page you want the Resource Catalog to appear, add the following code

   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />
   <div id="resource-catalog-react"></div>
   <script type="module">
     const baseUrl = "https://esm.sh/@xras/ui@onramps_v2/dist";
     import {
       onRampsResourceCatalog,
       shadowTarget,
     } from "https://esm.sh/@xras/ui@onramps_v2/dist/xras-ui.js";
     onRampsResourceCatalog({
       target: shadowTarget(
           document.getElementById("resource-catalog-react"),
           { accessStyles: true, baseUrl }
       ),
       onRamps: true,
       baseUrl
     });
   </script>

And that's it! You should then see the On-Ramps Resource Catalog appearing on your page.