Skip to content

Conversation

@natalialuzuriaga
Copy link
Collaborator

Landing Page: Added new landing page!!!

Problem

repo-scaffolder is a complex tool that contains various tools and processes developed by the OSPO. We would like to create a landing page that explains repo-scaffolder and clearly connects the dots between all its suite of tools.

Solution

Contains 3 major sections:

  1. Maturity Models: Table explaining each tier, quiz to help user determine tier
  2. Repository Templates: Table explaining required files, command to get started, and tools to manage repository with links to docs
  3. Outbound Checklists: Cards explaining each step of process

Result

Screenshot 2025-05-01 at 9 54 16 AM Screenshot 2025-05-01 at 9 54 30 AM Screenshot 2025-05-01 at 9 54 48 AM

Test Plan

Run python3 -m http.server 8000 in the landing-page directory

When we ship to main, I'll set up GitHub pages by hosting on the landing-page directory

Signed-off-by: Natalia Luzuriaga <[email protected]>
Copy link
Contributor

@sachin-panayil sachin-panayil left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is great work Nat! All my suggestions are NIT and this could be merged without any of the additions tbh. Really cool work of using the SHARE IT Act LP as a base and building/expanding from it 💯

<!-- Hero Section -->
<section class="hero" id="hero">
<div class="container">
<h1>Creating Open Source Projects in CMS' Open Source ecosystem</h1>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Capitalize E in ecosystem

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> repo-scaffolder | Centers for Medicare & Medicaid Services </title>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Capitalize the r

</tbody>
</table>
</div>
<!-- Tier Determiner Quiz -->
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this is so clean, im stealing this for suuuure 🔥

<tbody>
<tr>
<th scope="row">LICENSE</th>
<td>Defines the licensing terms under which the project is distributed.</td>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

NIT: having the color coding here would make readability nicer

<script src="https://cdnjs.cloudflare.com/ajax/libs/uswds/3.6.1/js/uswds.min.js" defer></script>
</head>
<body>
<!-- Feedback Banner -->
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

also taking this for the SHARE IT landing page 🔥

<span class="icon-bar"></span>
</button>
<ul id="main-menu">
<li><a href="#hero" aria-current="page">Home</a></li>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I have to fix the bug where the navbar focus state doesnt work. it broke because i had to get rid of the government website banner but when i do fix it, i will send you the code

Signed-off-by: Natalia Luzuriaga <[email protected]>
Copy link
Contributor

@decause-gov decause-gov left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is wayyyy better than a simple README! LGTM +1 🚢

@natalialuzuriaga natalialuzuriaga merged commit 3827396 into dev May 7, 2025
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants