├── README.md
├── babel
└── index.babel
├── css
└── style.css
├── index.html
├── js
└── index.js
└── license.txt
/README.md:
--------------------------------------------------------------------------------
1 | # FCC Test Suite Template
2 |
3 | **Fork** this project (do not open a Pull Request) to start working on any of freeCodeCamp's responsive web design course projects. Select the project from the dropdown menu and run the tests to see which requirements your project is still missing.
4 |
5 | You don't know how to fork a project? [Click hear](https://help.github.com/articles/fork-a-repo/) to learn how to do it.
6 |
--------------------------------------------------------------------------------
/babel/index.babel:
--------------------------------------------------------------------------------
1 | // !! IMPORTANT README:
2 |
3 | // You may add additional external JS and CSS as needed to complete the project, however the current external resource MUST remain in place for the tests to work. BABEL must also be left in place.
4 |
5 | /***********
6 | INSTRUCTIONS:
7 | - Select the project you would
8 | like to complete from the dropdown
9 | menu.
10 | - Click the "RUN TESTS" button to
11 | run the tests against the blank
12 | pen.
13 | - Click the "TESTS" button to see
14 | the individual test cases.
15 | (should all be failing at first)
16 | - Start coding! As you fulfill each
17 | test case, you will see them go
18 | from red to green.
19 | - As you start to build out your
20 | project, when tests are failing,
21 | you should get helpful errors
22 | along the way!
23 | ************/
24 |
25 | // PLEASE NOTE: Adding global style rules using the * selector, or by adding rules to body {..} or html {..}, or to all elements within body or html, i.e. h1 {..}, has the potential to pollute the test suite's CSS. Try adding: * { color: red }, for a quick example!
26 |
27 | // Once you have read the above messages, you can delete all comments.
28 |
--------------------------------------------------------------------------------
/css/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | background-color: rgb(78, 78, 194);
3 | font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
4 | background-image: url("https://cdn.freecodecamp.org/testable-projects-fcc/images/survey-form-background.jpeg");
5 | background-position: center;
6 | background-repeat: no-repeat;
7 | background-size: cover;
8 |
9 | color: white;
10 | }
11 |
12 | #title,
13 | #description {
14 | text-align: center;
15 | }
16 |
17 | #survey-form {
18 | background-color: rgb(46, 44, 71, 0.8);
19 | /* background: var(--color-darkblue-alpha); */
20 | width: 50%;
21 | padding: 30px;
22 | display: block;
23 | margin-left: auto;
24 | margin-right: auto;
25 | border-radius: 5px;
26 | }
27 |
28 | #textarea {
29 | width: 95%;
30 | height: 70px;
31 | display: block;
32 | margin-left: auto;
33 | margin-right: auto;
34 | padding: 10px;
35 | }
36 |
37 | #submit {
38 | width: 100%;
39 | height: 35px;
40 | background-color: rgba(55, 175, 101, 255);
41 | color: white;
42 | border: 0ch;
43 | border-radius: 2px;
44 | cursor: pointer;
45 | }
46 |
47 | #name,
48 | #email,
49 | #number {
50 | width: 100%;
51 | height: 20px;
52 | border-radius: 2px;
53 | border: 0ch;
54 | color: grey;
55 | }
56 | #dropdown {
57 | width: 101%;
58 | height: 20px;
59 | border-radius: 2px;
60 | border: 0ch;
61 | color: grey;
62 | }
63 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Fork Me! FCC: Test Suite Template
6 |
7 |
8 |
9 |
10 |
freeCodeCamp Survey Form
11 |
12 | Thank you for taking the time to help us improve the platform
13 |
14 |
15 |
67 |
68 |
69 |
--------------------------------------------------------------------------------
/js/index.js:
--------------------------------------------------------------------------------
1 | // !! IMPORTANT README:
2 |
3 | // You may add additional external JS and CSS as needed to complete the project, however the current external resource MUST remain in place for the tests to work. BABEL must also be left in place.
4 |
5 | /***********
6 | INSTRUCTIONS:
7 | - Select the project you would
8 | like to complete from the dropdown
9 | menu.
10 | - Click the "RUN TESTS" button to
11 | run the tests against the blank
12 | pen.
13 | - Click the "TESTS" button to see
14 | the individual test cases.
15 | (should all be failing at first)
16 | - Start coding! As you fulfill each
17 | test case, you will see them go
18 | from red to green.
19 | - As you start to build out your
20 | project, when tests are failing,
21 | you should get helpful errors
22 | along the way!
23 | ************/
24 |
25 | // PLEASE NOTE: Adding global style rules using the * selector, or by adding rules to body {..} or html {..}, or to all elements within body or html, i.e. h1 {..}, has the potential to pollute the test suite's CSS. Try adding: * { color: red }, for a quick example!
26 |
27 | // Once you have read the above messages, you can delete all comments.
28 | "use strict";
--------------------------------------------------------------------------------
/license.txt:
--------------------------------------------------------------------------------
1 |
2 |
3 |
13 |
--------------------------------------------------------------------------------