Made landing page buttons, changed the link to onboarding.

docs/index.md

@@ -1,24 +1,38 @@
 # ALCF User Guides
 The ALCF user-facing documentation source material is hosted on GitHub, in order to facilitate contributions and issue reporting from the community.
 
-Our user guides contain information for:
-
-- [Account and Project Management](account-project-management/accounts-and-access/index.md): Information and instructions on how to manage your ALCF account and awarded project.
-- [Data Management](data-management/filesystem-and-storage/index.md): Information on our file systems that are mounted globally across all of our production systems.
-- [Aurora](aurora/index.md): Information on getting your code ready for Aurora, Argonne's exacale supercomputer.
-- [AI Testbed](ai-testbed/index.md): Information on the advanced, non-GPU AI accelerators housed within the ALCF
-- [Crux](crux/index.md): A 256-node, dual-socket AMD CPU platform
-- [Polaris](polaris/index.md): Our 560-node HPE system with NVIDIA A100 GPUs
-- [Sophia](sophia/index.md): Our 24-node NVIDIA DGX A100 system
-- [Services](services/index.md): Information on how to use various services provided across clusters.
-- [Facility Policies](policies/index.md): Information on our policies and procedures.
+## Get Help
+
+<div class="alcf-tile-grid" markdown>
+
+- [Support Tickets](support/ticket.md)
+- [ALCF User Slack](support/get-help/alcf-users-slack.md)
+- [MyALCF](account-project-management/MyALCF.md)
+- [Upcoming Events](https://www.alcf.anl.gov/events)
+- [Inference](services/inference-endpoints.md)
+- [Training Videos](https://www.alcf.anl.gov/support-center/training)
+
+</div>
+
+## Explore the User Guides
+
+<div class="alcf-tile-grid" markdown>
+
+- [Onboarding](https://www.alcf.anl.gov/onboarding-your-project)
+- [Account and Project Management](account-project-management/index.md)
+- [Machines](machines/index.md)
+- [Running Jobs](running-jobs/index.md)
+- [Data Management](data-management/index.md)
+- [Services](services/index.md)
+
+</div>
 
 ## How to Get Access
-Researchers interested in using the ALCF systems (including CPU systems, GPU systems, Inference Endpoints, and the AI Testbed's Cerebras CS-3, SambaNova DataScale platforms) can now submit project proposals via the [ALCF's Director's Discretionary program](https://www.alcf.anl.gov/science/directors-discretionary-allocation-program). Calls for proposals for additional allocation programs will be open at a later date.
+Researchers interested in using the ALCF systems (including CPU systems, GPU systems, Inference Endpoints, and the AI Testbed) can now submit project proposals via the [ALCF's Director's Discretionary program](https://www.alcf.anl.gov/science/directors-discretionary-allocation-program). Calls for proposals for additional allocation programs will be open at a later date.
 
 Submit your proposal requests at: [Allocation Request Page](https://www.alcf.anl.gov/science/directors-discretionary-allocation-program)
 
-## Getting Started
-If you'd like to get started using our ALCF resources, our [Getting Started Page](https://www.alcf.anl.gov/support-center/get-started) provides information on what you need to do in order to get time on our systems, get an account, and how to start running jobs.
+## Omboarding
+If you'd like to get started using our ALCF resources, our [Onboarding Your Award](https://www.alcf.anl.gov/onboarding-your-project) provides information on what you need to do in order to get time on our systems, get an account, and how to start running jobs.
 
 Please send feedback to [support@alcf.anl.gov](mailto:support@alcf.anl.gov)

docs/stylesheets/alcf-extra.css

@@ -1934,3 +1934,99 @@ pre .normal a {
   --md-footer-height: 160px;
   --md-header-height: 72px;
 }
+
+/* ---------------------------------------------------------------------------
+   Landing page tile grids ("help desk" buttons)
+   Usage in markdown (requires md_in_html + attr_list):
+
+     <div class="alcf-tile-grid" markdown>
+     - [Label](path/to/page.md)
+     </div>
+
+   Renders a responsive grid: 3 columns, collapsing to 2 then 1.
+   --------------------------------------------------------------------------- */
+/* Specificity note: Material sets `.md-typeset ul:not([hidden]) { display: flow-root }`
+   (0,2,1), so these selectors must match or exceed that to win. */
+.md-typeset .alcf-tile-grid ul:not([hidden]) {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 1rem;
+  margin: 1em 0 1.5em;
+  margin-left: 0;
+  margin-right: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.md-typeset .alcf-tile-grid ul li {
+  margin: 0;
+  display: flex;
+  list-style: none;
+}
+
+/* The tile itself */
+.md-typeset .alcf-tile-grid ul li > a {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5em;
+  width: 100%;
+  min-height: 4.5rem;
+  padding: 1rem;
+  box-sizing: border-box;
+  border: 1px solid var(--md-default-fg-color--lighter);
+  border-radius: 0.3rem;
+  background-color: var(--md-default-bg-color);
+  color: var(--md-default-fg-color);
+  font-weight: 600;
+  line-height: 1.3;
+  text-align: center;
+  text-decoration: none;
+  transition:
+    border-color 125ms,
+    background-color 125ms,
+    color 125ms,
+    box-shadow 125ms,
+    transform 125ms;
+}
+
+.md-typeset .alcf-tile-grid ul li > a:hover,
+.md-typeset .alcf-tile-grid ul li > a:focus-visible {
+  border-color: var(--md-accent-fg-color);
+  background-color: var(--md-accent-fg-color--transparent);
+  color: var(--md-accent-fg-color);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
+  transform: translateY(-2px);
+}
+
+.md-typeset .alcf-tile-grid ul li > a:focus-visible {
+  outline: 2px solid var(--md-accent-fg-color);
+  outline-offset: 2px;
+}
+
+/* Icons, when added: :material-foo: inside the link text */
+.md-typeset .alcf-tile-grid ul li > a .twemoji,
+.md-typeset .alcf-tile-grid ul li > a svg {
+  flex: 0 0 auto;
+  width: 1.4em;
+  height: 1.4em;
+  fill: currentColor;
+}
+
+/* Hide the external-link glyph Material appends, so tiles stay uniform */
+.md-typeset .alcf-tile-grid ul li > a.external::after,
+.md-typeset .alcf-tile-grid ul li > a[href^="http"]::after {
+  display: none;
+}
+
+@media screen and (max-width: 60em) {
+  .md-typeset .alcf-tile-grid ul:not([hidden]) {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media screen and (max-width: 30em) {
+  .md-typeset .alcf-tile-grid ul:not([hidden]) {
+    grid-template-columns: 1fr;
+  }
+}

mkdocs.yml

@@ -154,7 +154,7 @@ plugins:
 nav:
   # - ALCF User Guides:
   #   - index.md
-  - Getting Started: https://www.alcf.anl.gov/managing-your-award
+  - Onboarding Your Award: https://www.alcf.anl.gov/onboarding-your-project
   - Contribute to User Guides: support/docs-issues.md
 
   - User Support: