Skip to content

Commit bf074e1

Browse files
natalialuzuriaganatalialuzuriaga
committed
Remove styling and added comments
Signed-off-by: Natalia Luzuriaga <natalia.luzuriaga@cms.hhs.gov>
1 parent 7d20413 commit bf074e1

2 files changed

Lines changed: 25 additions & 44 deletions

File tree

‎css/styles.css‎

Lines changed: 2 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -18,39 +18,12 @@ textarea {
1818
box-sizing: border-box;
1919
}
2020

21-
#github-url-form,
22-
#exemptions-checklist {
23-
margin-top: 25px;
24-
width: 100%;
25-
}
26-
27-
#repo-url {
28-
width: 100%;
29-
max-width: 750px;
30-
box-sizing: border-box;
31-
}
32-
33-
#repo-url-button {
34-
margin-top: 10px;
35-
border-radius: 5px;
36-
}
37-
38-
#notification {
39-
padding: 10px;
21+
.usa-alert {
4022
margin-bottom: 15px;
41-
border-radius: 5px;
42-
position: relative;
43-
width: 100%;
44-
max-width: 800px;
45-
box-sizing: border-box;
23+
max-width: 1300px;
4624
animation: slideDown 0.3s ease;
4725
}
4826

49-
#notification-message {
50-
margin: 0;
51-
padding-right: 20px;
52-
}
53-
5427
.step-header {
5528
display: flex;
5629
align-items: center;
@@ -70,10 +43,6 @@ textarea {
7043
font-size: 20px;
7144
}
7245

73-
#quiz-subheading {
74-
margin: 0px 0px 10px 0px;
75-
}
76-
7746
.not-exempt {
7847
color: green;
7948
display: inline-block;

‎index.html‎

Lines changed: 23 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -40,8 +40,10 @@
4040
</head>
4141

4242
<body>
43+
4344
<div id="form-header"></div>
4445

46+
<!-- Exemptions Quiz: Simple Classification -->
4547
<div class="exemptions" id="start">
4648
<div class="exemptions-header">
4749
<div class="step-header">
@@ -50,7 +52,7 @@ <h2>Identify your project's classification</h2>
5052
</div>
5153
</div>
5254
<div id="exemptions-quiz-container" class="exemptions-quiz-container">
53-
<h4 id="quiz-subheading">
55+
<h4 class="usa-heading margin-top-neg-05 margin-bottom-1" id="quiz-subheading">
5456
My project is considered:
5557
</h4>
5658
<div id="exemptions-quiz">
@@ -91,6 +93,7 @@ <h4 id="quiz-subheading">
9193
</div>
9294
</div>
9395

96+
<!-- Exemptions Quiz: SHARE IT Act -->
9497
<div class="exemptions" id="share-it-act" style="display: none;">
9598
<div class="exemptions-header">
9699
<div class="step-header">
@@ -99,7 +102,7 @@ <h2>Is my project exempted from the SHARE IT Act?</h2>
99102
</div>
100103
</div>
101104
<div id="exemptions-quiz-container" class="exemptions-quiz-container">
102-
<h4 id="quiz-subheading">
105+
<h4 class="usa-heading margin-top-neg-05 margin-bottom-1" id="quiz-subheading">
103106
Answer the series of questions below to determine if your project falls under the exemption categories
104107
according to the SHARE IT Act.
105108
</h4>
@@ -176,6 +179,7 @@ <h4 id="quiz-subheading">
176179
</div>
177180
</div>
178181

182+
<!-- Exemptions Quiz: M-16-21 -->
179183
<div class="exemptions" id="m-16-21" style="display: none;">
180184
<div class="exemptions-header">
181185
<div class="step-header">
@@ -184,7 +188,7 @@ <h2>Is my project exempted from M-16-21?</h2>
184188
</div>
185189
</div>
186190
<div class="exemptions-quiz-container">
187-
<h4 id="quiz-subheading">
191+
<h4 class="usa-heading margin-top-neg-05 margin-bottom-1" id="quiz-subheading">
188192
Answer the series of questions below to determine if your project falls under the exemption categories
189193
according to M-16-21 Act.
190194
</h4>
@@ -246,30 +250,34 @@ <h4 id="quiz-subheading">
246250
</div>
247251
</div>
248252

253+
<!-- Field Auto-Generation Notification -->
249254
<div class="usa-alert" id="notification" style="display:none;">
250255
<div class="usa-alert__body">
251256
<h4 class="usa-alert__heading"></h4>
252257
<p class="usa-alert__text" id="notification-message"></p>
253258
</div>
254259
</div>
255260

261+
<!-- Field Auto-Generation -->
256262
<div class="auto-generation">
257263
<div class="auto-generation-header">
258264
<div class="step-header">
259265
<div class="step-number">2</div>
260266
<h2>Auto Generate Fields</h2>
261267
</div>
262-
<h4 id="quiz-subheading"> Enter your repository's GitHub URL in order to automatically pre-fill some of the
268+
<h4 class="usa-heading margin-top-neg-05 margin-bottom-1" id="quiz-subheading"> Enter your repository's
269+
GitHub URL in order to automatically pre-fill some of the
263270
fields in this form </h4>
264271
<p><i>This currently only works on <b>public</b> repositories</i></p>
265272
</div>
266273
<form id="github-url-form">
267274
<label class="usa-label" for="repo-url">GitHub Repository URL</label>
268275
<input class="usa-input" id="repo-url" name="repo-url" />
269-
<button class="usa-button" type="submit" id="repo-url-button">Submit</button>
276+
<button class="usa-button margin-top-2" id="repo-url-button">Submit</button>
270277
</form>
271278
</div>
272279

280+
<!-- Form header -->
273281
<div id="form-subheader">
274282
<div class="step-header">
275283
<div class="step-number">3</div>
@@ -280,14 +288,18 @@ <h2>Complete the entire form to generate the code.json file</h2>
280288

281289
<div id="formio"></div>
282290

291+
<!-- code.json Generated Output -->
283292
<div id="output">
284-
<label for="json-result">Your JSON Metadata </label>
285-
<textarea class="form-control" rows="10" id="json-result" readonly></textarea>
286-
<button type="button" class="btn btn-outline" href="#" onclick="copyToClipboard(event)">Copy</button>
287-
<button type="button" class="btn btn-outline" href="#" onclick="downloadFile(event)">Download</button>
288-
<button type="button" class="btn btn-outline" href="#" onclick="createProjectPR(event)">Create Pull
293+
<label class="usa-label" for="json-result">Your code.json metadata</label>
294+
<textarea class="usa-textarea" rows="30" id="json-result" name="json-result" readonly></textarea>
295+
<button class="usa-button usa-button--outline" type="button" href="#"
296+
onclick="copyToClipboard(event)">Copy</button>
297+
<button class="usa-button usa-button--outline" type="button" href="#"
298+
onclick="downloadFile(event)">Download</button>
299+
<button class="usa-button usa-button--outline" type="button" href="#" onclick="createProjectPR(event)">Create
300+
Pull
289301
Request</button>
290-
<button type="button" class="btn btn-outline" href="#" onclick="emailFile(event)">Email</button>
302+
<button class="usa-button usa-button--outline" type="button" href="#" onclick="emailFile(event)">Email</button>
291303
</div>
292304

293305
</body>

0 commit comments

Comments
 (0)