From 992e1021aa57341d7284eb7962abfa1f26d909d1 Mon Sep 17 00:00:00 2001
From: Natalia Luzuriaga <natalia.luzuriaga@cms.hhs.gov>
Date: Wed, 17 Sep 2025 16:06:56 -0700
Subject: [PATCH] Updated instructions to include 4 options and styling

Signed-off-by: Natalia Luzuriaga <natalia.luzuriaga@cms.hhs.gov>
---
 css/styles.css               |  2 +-
 js/generateFormComponents.js | 19 ++++++++++++++-----
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index 14a7ac5..c851cf3 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -12,7 +12,7 @@ textarea {
     padding: 10px 20px;
     padding-bottom: 25px;
     margin-bottom: 20px;
-    background: #e6e6e6;
+    background: #f4f4f4;
     width: 100%;
     max-width: 1300px;
     box-sizing: border-box;
diff --git a/js/generateFormComponents.js b/js/generateFormComponents.js
index dc671a6..167c649 100644
--- a/js/generateFormComponents.js
+++ b/js/generateFormComponents.js
@@ -262,19 +262,28 @@ function createComponent(fieldName, fieldObject, requiredArray, prefix) {
 // Adds heading containing schema information
 function createFormHeading(agency) {
 	const agencyTitle = (agency === "gov") ? agency.charAt(0).toUpperCase() + agency.slice(1) : agency.toUpperCase();
-	const agencyDescription = (agency !== "gov") ? agencyTitle : agency;
+	const agencyDescription = (agency !== "gov") ? agencyTitle : "government";
 
 	const container = document.getElementById('form-header');
 	container.innerHTML = `
 	<h1>Welcome to ${agencyTitle} Code.json Generator!</h1>\n
-	<h2>code.json generator is a web form designed to help ${agencyDescription} teams create a code.json file containing project metadata in compliance with the SHARE IT Act. 
-	Visit the <a
+	<p><strong>code.json generator</strong> is a web form designed to help ${agencyDescription} teams create a code.json file containing project metadata in compliance with the SHARE IT Act.</p>\n
+	<p>Complete the form below to create a code.json file for your project.</p>\n
+	<p>Afterwards, the code.json file must be added to the repository. To save the file, you can: 
+		<ul>
+			<li>copy its contents</li> 
+			<li>download the file locally</li> 
+			<li>create a pull request to the repository</li> 
+			<li>email the file</li>
+		</ul>
+	</p>\n
+	<p>Visit the <a
     				class="usa-link usa-link--external"
     				rel="noreferrer"
     				target="_blank"
     				href="https://dsacms.github.io/share-it-act-lp/">
-					SHARE IT Act Landing Page</a> for more information.</h2>\n
-	<h3>Complete the form below to create a code.json file for your project:</h3>\n
+					SHARE IT Act Landing Page</a> for more information.
+	</p>
 	`;
 }