diff --git a/css/styles.css b/css/styles.css index ce97cee..b4d2f04 100644 --- a/css/styles.css +++ b/css/styles.css @@ -6,27 +6,33 @@ textarea { margin-bottom: 10px; } -#auto-generation { +#auto-generation, +.exemptions { border-radius: 15px; padding: 20px; padding-bottom: 25px; margin-top: 20px; margin-bottom: 20px; - background: lightgray; - width: 100%; - max-width: 800px; - box-sizing: border-box; + background: #e6e6e6; + width: 100%; + max-width: 800px; + box-sizing: border-box; +} + +.exemptions { + max-width: 1300px; } -#github-url-form { +#github-url-form, +#exemptions-checklist { margin-top: 25px; width: 100%; } #repo-url { - width: 100%; - max-width: 750px; - box-sizing: border-box; + width: 100%; + max-width: 750px; + box-sizing: border-box; } #repo-url-button { @@ -50,12 +56,46 @@ textarea { padding-right: 20px; } +.step-header { + display: flex; + align-items: center; + gap: 0.5em; +} + +.step-number { + margin-top: 10px; + background-color: #337AB7; + color: white; + font-weight: bold; + width: 30px; + height: 30px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-size: 20px; +} + +.exemptions-quiz-container #quiz-subheading { + margin: 10px 0px 20px 0px; +} + +.not-exempt { + color: green; + display: inline-block; +} + +/* .results-container p { + margin: 20px 0px; +} */ + @keyframes slideDown { - from { + from { opacity: 0; transform: translateY(-10px); } - to { + + to { opacity: 1; transform: translateY(0); } diff --git a/index.html b/index.html index 80ca1d2..6dc24ba 100644 --- a/index.html +++ b/index.html @@ -1,85 +1,297 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + - - -
+ }) + .catch((error) => { + console.error("Error creating components:", error); + }); + + -