├── 03-SendingEmailsUsingEmailJS ├── 05-preparing_the_contact_html_file │ ├── assets │ │ ├── js │ │ │ ├── sendEmail.js │ │ │ ├── maps.js │ │ │ └── github-information.js │ │ ├── css │ │ │ ├── grey.png │ │ │ ├── loader.gif │ │ │ └── github-styles.css │ │ ├── cv │ │ │ └── sample-cv.pdf │ │ └── images │ │ │ └── rosie.jpg │ ├── 404.html │ ├── github.html │ └── contact.html ├── 06-sending_emails │ ├── assets │ │ ├── css │ │ │ ├── grey.png │ │ │ ├── loader.gif │ │ │ └── github-styles.css │ │ ├── cv │ │ │ └── sample-cv.pdf │ │ ├── images │ │ │ └── rosie.jpg │ │ └── js │ │ │ ├── sendEmail.js │ │ │ ├── maps.js │ │ │ └── github-information.js │ ├── 404.html │ ├── github.html │ └── contact.html └── 03-connecting_to_the_email_service_using_their_sdk │ ├── assets │ ├── css │ │ ├── grey.png │ │ ├── loader.gif │ │ └── github-styles.css │ ├── cv │ │ └── sample-cv.pdf │ ├── images │ │ └── rosie.jpg │ └── js │ │ ├── maps.js │ │ └── github-information.js │ ├── 404.html │ ├── github.html │ └── contact.html ├── 02-TheGitHubAPI ├── 01-github_form │ ├── assets │ │ ├── css │ │ │ ├── grey.png │ │ │ ├── loader.gif │ │ │ └── github-styles.css │ │ ├── cv │ │ │ └── sample-cv.pdf │ │ ├── images │ │ │ └── rosie.jpg │ │ └── js │ │ │ └── maps.js │ └── 404.html ├── 03-making_promises │ ├── assets │ │ ├── css │ │ │ ├── grey.png │ │ │ ├── loader.gif │ │ │ └── github-styles.css │ │ ├── cv │ │ │ └── sample-cv.pdf │ │ ├── images │ │ │ └── rosie.jpg │ │ └── js │ │ │ ├── maps.js │ │ │ └── github-information.js │ └── 404.html ├── 08-api_throttling │ ├── assets │ │ ├── css │ │ │ ├── grey.png │ │ │ ├── loader.gif │ │ │ └── github-styles.css │ │ ├── cv │ │ │ └── sample-cv.pdf │ │ ├── images │ │ │ └── rosie.jpg │ │ └── js │ │ │ ├── maps.js │ │ │ └── github-information.js │ └── 404.html ├── 07-lets_fix_some_bugs │ ├── assets │ │ ├── css │ │ │ ├── grey.png │ │ │ ├── loader.gif │ │ │ └── github-styles.css │ │ ├── cv │ │ │ └── sample-cv.pdf │ │ ├── images │ │ │ └── rosie.jpg │ │ └── js │ │ │ ├── maps.js │ │ │ └── github-information.js │ └── 404.html ├── 04-rendering_user_data │ ├── assets │ │ ├── css │ │ │ ├── grey.png │ │ │ ├── loader.gif │ │ │ └── github-styles.css │ │ ├── cv │ │ │ └── sample-cv.pdf │ │ ├── images │ │ │ └── rosie.jpg │ │ └── js │ │ │ ├── maps.js │ │ │ └── github-information.js │ └── 404.html ├── 05-getting_the_repo_data │ ├── assets │ │ ├── css │ │ │ ├── grey.png │ │ │ ├── loader.gif │ │ │ └── github-styles.css │ │ ├── cv │ │ │ └── sample-cv.pdf │ │ ├── images │ │ │ └── rosie.jpg │ │ └── js │ │ │ ├── maps.js │ │ │ └── github-information.js │ └── 404.html ├── 06-rendering_repo_data │ ├── assets │ │ ├── css │ │ │ ├── grey.png │ │ │ ├── loader.gif │ │ │ └── github-styles.css │ │ ├── cv │ │ │ └── sample-cv.pdf │ │ ├── images │ │ │ └── rosie.jpg │ │ └── js │ │ │ ├── maps.js │ │ │ └── github-information.js │ └── 404.html ├── 01-github_form-bootstrap4 │ ├── assets │ │ ├── css │ │ │ ├── grey.png │ │ │ ├── loader.gif │ │ │ └── github-styles.css │ │ ├── cv │ │ │ └── sample-cv.pdf │ │ ├── images │ │ │ └── rosie.jpg │ │ └── js │ │ │ └── maps.js │ └── 404.html └── 02-initial_data_retieval_setup │ ├── assets │ ├── css │ │ ├── grey.png │ │ ├── loader.gif │ │ └── github-styles.css │ ├── cv │ │ └── sample-cv.pdf │ ├── images │ │ └── rosie.jpg │ └── js │ │ ├── github-information.js │ │ └── maps.js │ └── 404.html ├── 01-GoogleMaps ├── 04-rendering_the_map │ ├── assets │ │ ├── css │ │ │ ├── grey.png │ │ │ ├── loader.gif │ │ │ └── github-styles.css │ │ ├── cv │ │ │ └── sample-cv.pdf │ │ └── images │ │ │ └── rosie.jpg │ ├── 404.html │ └── contact.html ├── 01-adding_the_map_element │ ├── assets │ │ ├── css │ │ │ ├── grey.png │ │ │ ├── loader.gif │ │ │ └── github-styles.css │ │ ├── cv │ │ │ └── sample-cv.pdf │ │ └── images │ │ │ └── rosie.jpg │ └── 404.html ├── 03-referencing_the_js_files │ ├── assets │ │ ├── css │ │ │ ├── grey.png │ │ │ ├── loader.gif │ │ │ └── github-styles.css │ │ ├── cv │ │ │ └── sample-cv.pdf │ │ └── images │ │ │ └── rosie.jpg │ └── 404.html ├── 05-adding_markers_to_the_map │ ├── assets │ │ ├── css │ │ │ ├── grey.png │ │ │ ├── loader.gif │ │ │ └── github-styles.css │ │ ├── cv │ │ │ └── sample-cv.pdf │ │ └── images │ │ │ └── rosie.jpg │ └── 404.html ├── 01-adding_the_map_element-bootstrap4 │ ├── assets │ │ ├── css │ │ │ ├── grey.png │ │ │ ├── loader.gif │ │ │ └── github-styles.css │ │ ├── cv │ │ │ └── sample-cv.pdf │ │ └── images │ │ │ └── rosie.jpg │ └── 404.html └── 06-moving_the_code_into_its_own_script │ ├── assets │ ├── css │ │ ├── grey.png │ │ ├── loader.gif │ │ └── github-styles.css │ ├── cv │ │ └── sample-cv.pdf │ ├── images │ │ └── rosie.jpg │ └── js │ │ └── maps.js │ └── 404.html └── README.md /03-SendingEmailsUsingEmailJS/05-preparing_the_contact_html_file/assets/js/sendEmail.js: -------------------------------------------------------------------------------- 1 | console.log("Hello!"); -------------------------------------------------------------------------------- /02-TheGitHubAPI/01-github_form/assets/css/grey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/01-github_form/assets/css/grey.png -------------------------------------------------------------------------------- /02-TheGitHubAPI/01-github_form/assets/css/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/01-github_form/assets/css/loader.gif -------------------------------------------------------------------------------- /01-GoogleMaps/04-rendering_the_map/assets/css/grey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/04-rendering_the_map/assets/css/grey.png -------------------------------------------------------------------------------- /02-TheGitHubAPI/01-github_form/assets/cv/sample-cv.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/01-github_form/assets/cv/sample-cv.pdf -------------------------------------------------------------------------------- /02-TheGitHubAPI/01-github_form/assets/images/rosie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/01-github_form/assets/images/rosie.jpg -------------------------------------------------------------------------------- /02-TheGitHubAPI/03-making_promises/assets/css/grey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/03-making_promises/assets/css/grey.png -------------------------------------------------------------------------------- /02-TheGitHubAPI/08-api_throttling/assets/css/grey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/08-api_throttling/assets/css/grey.png -------------------------------------------------------------------------------- /02-TheGitHubAPI/08-api_throttling/assets/css/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/08-api_throttling/assets/css/loader.gif -------------------------------------------------------------------------------- /01-GoogleMaps/04-rendering_the_map/assets/css/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/04-rendering_the_map/assets/css/loader.gif -------------------------------------------------------------------------------- /02-TheGitHubAPI/03-making_promises/assets/css/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/03-making_promises/assets/css/loader.gif -------------------------------------------------------------------------------- /02-TheGitHubAPI/07-lets_fix_some_bugs/assets/css/grey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/07-lets_fix_some_bugs/assets/css/grey.png -------------------------------------------------------------------------------- /02-TheGitHubAPI/08-api_throttling/assets/cv/sample-cv.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/08-api_throttling/assets/cv/sample-cv.pdf -------------------------------------------------------------------------------- /02-TheGitHubAPI/08-api_throttling/assets/images/rosie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/08-api_throttling/assets/images/rosie.jpg -------------------------------------------------------------------------------- /01-GoogleMaps/01-adding_the_map_element/assets/css/grey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/01-adding_the_map_element/assets/css/grey.png -------------------------------------------------------------------------------- /01-GoogleMaps/04-rendering_the_map/assets/cv/sample-cv.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/04-rendering_the_map/assets/cv/sample-cv.pdf -------------------------------------------------------------------------------- /01-GoogleMaps/04-rendering_the_map/assets/images/rosie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/04-rendering_the_map/assets/images/rosie.jpg -------------------------------------------------------------------------------- /02-TheGitHubAPI/03-making_promises/assets/cv/sample-cv.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/03-making_promises/assets/cv/sample-cv.pdf -------------------------------------------------------------------------------- /02-TheGitHubAPI/03-making_promises/assets/images/rosie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/03-making_promises/assets/images/rosie.jpg -------------------------------------------------------------------------------- /02-TheGitHubAPI/04-rendering_user_data/assets/css/grey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/04-rendering_user_data/assets/css/grey.png -------------------------------------------------------------------------------- /02-TheGitHubAPI/04-rendering_user_data/assets/css/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/04-rendering_user_data/assets/css/loader.gif -------------------------------------------------------------------------------- /02-TheGitHubAPI/05-getting_the_repo_data/assets/css/grey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/05-getting_the_repo_data/assets/css/grey.png -------------------------------------------------------------------------------- /02-TheGitHubAPI/06-rendering_repo_data/assets/css/grey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/06-rendering_repo_data/assets/css/grey.png -------------------------------------------------------------------------------- /02-TheGitHubAPI/06-rendering_repo_data/assets/css/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/06-rendering_repo_data/assets/css/loader.gif -------------------------------------------------------------------------------- /02-TheGitHubAPI/07-lets_fix_some_bugs/assets/css/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/07-lets_fix_some_bugs/assets/css/loader.gif -------------------------------------------------------------------------------- /01-GoogleMaps/01-adding_the_map_element/assets/css/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/01-adding_the_map_element/assets/css/loader.gif -------------------------------------------------------------------------------- /01-GoogleMaps/03-referencing_the_js_files/assets/css/grey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/03-referencing_the_js_files/assets/css/grey.png -------------------------------------------------------------------------------- /01-GoogleMaps/05-adding_markers_to_the_map/assets/css/grey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/05-adding_markers_to_the_map/assets/css/grey.png -------------------------------------------------------------------------------- /02-TheGitHubAPI/01-github_form-bootstrap4/assets/css/grey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/01-github_form-bootstrap4/assets/css/grey.png -------------------------------------------------------------------------------- /02-TheGitHubAPI/04-rendering_user_data/assets/cv/sample-cv.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/04-rendering_user_data/assets/cv/sample-cv.pdf -------------------------------------------------------------------------------- /02-TheGitHubAPI/04-rendering_user_data/assets/images/rosie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/04-rendering_user_data/assets/images/rosie.jpg -------------------------------------------------------------------------------- /02-TheGitHubAPI/05-getting_the_repo_data/assets/css/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/05-getting_the_repo_data/assets/css/loader.gif -------------------------------------------------------------------------------- /02-TheGitHubAPI/06-rendering_repo_data/assets/cv/sample-cv.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/06-rendering_repo_data/assets/cv/sample-cv.pdf -------------------------------------------------------------------------------- /02-TheGitHubAPI/06-rendering_repo_data/assets/images/rosie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/06-rendering_repo_data/assets/images/rosie.jpg -------------------------------------------------------------------------------- /02-TheGitHubAPI/07-lets_fix_some_bugs/assets/cv/sample-cv.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/07-lets_fix_some_bugs/assets/cv/sample-cv.pdf -------------------------------------------------------------------------------- /02-TheGitHubAPI/07-lets_fix_some_bugs/assets/images/rosie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/07-lets_fix_some_bugs/assets/images/rosie.jpg -------------------------------------------------------------------------------- /01-GoogleMaps/01-adding_the_map_element/assets/cv/sample-cv.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/01-adding_the_map_element/assets/cv/sample-cv.pdf -------------------------------------------------------------------------------- /01-GoogleMaps/01-adding_the_map_element/assets/images/rosie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/01-adding_the_map_element/assets/images/rosie.jpg -------------------------------------------------------------------------------- /01-GoogleMaps/03-referencing_the_js_files/assets/css/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/03-referencing_the_js_files/assets/css/loader.gif -------------------------------------------------------------------------------- /01-GoogleMaps/03-referencing_the_js_files/assets/cv/sample-cv.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/03-referencing_the_js_files/assets/cv/sample-cv.pdf -------------------------------------------------------------------------------- /01-GoogleMaps/03-referencing_the_js_files/assets/images/rosie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/03-referencing_the_js_files/assets/images/rosie.jpg -------------------------------------------------------------------------------- /01-GoogleMaps/05-adding_markers_to_the_map/assets/css/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/05-adding_markers_to_the_map/assets/css/loader.gif -------------------------------------------------------------------------------- /02-TheGitHubAPI/01-github_form-bootstrap4/assets/css/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/01-github_form-bootstrap4/assets/css/loader.gif -------------------------------------------------------------------------------- /02-TheGitHubAPI/01-github_form-bootstrap4/assets/cv/sample-cv.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/01-github_form-bootstrap4/assets/cv/sample-cv.pdf -------------------------------------------------------------------------------- /02-TheGitHubAPI/01-github_form-bootstrap4/assets/images/rosie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/01-github_form-bootstrap4/assets/images/rosie.jpg -------------------------------------------------------------------------------- /02-TheGitHubAPI/05-getting_the_repo_data/assets/cv/sample-cv.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/05-getting_the_repo_data/assets/cv/sample-cv.pdf -------------------------------------------------------------------------------- /02-TheGitHubAPI/05-getting_the_repo_data/assets/images/rosie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/05-getting_the_repo_data/assets/images/rosie.jpg -------------------------------------------------------------------------------- /01-GoogleMaps/05-adding_markers_to_the_map/assets/cv/sample-cv.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/05-adding_markers_to_the_map/assets/cv/sample-cv.pdf -------------------------------------------------------------------------------- /01-GoogleMaps/05-adding_markers_to_the_map/assets/images/rosie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/05-adding_markers_to_the_map/assets/images/rosie.jpg -------------------------------------------------------------------------------- /02-TheGitHubAPI/02-initial_data_retieval_setup/assets/css/grey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/02-initial_data_retieval_setup/assets/css/grey.png -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/06-sending_emails/assets/css/grey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/03-SendingEmailsUsingEmailJS/06-sending_emails/assets/css/grey.png -------------------------------------------------------------------------------- /01-GoogleMaps/01-adding_the_map_element-bootstrap4/assets/css/grey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/01-adding_the_map_element-bootstrap4/assets/css/grey.png -------------------------------------------------------------------------------- /02-TheGitHubAPI/02-initial_data_retieval_setup/assets/css/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/02-initial_data_retieval_setup/assets/css/loader.gif -------------------------------------------------------------------------------- /02-TheGitHubAPI/02-initial_data_retieval_setup/assets/cv/sample-cv.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/02-initial_data_retieval_setup/assets/cv/sample-cv.pdf -------------------------------------------------------------------------------- /02-TheGitHubAPI/02-initial_data_retieval_setup/assets/images/rosie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/02-TheGitHubAPI/02-initial_data_retieval_setup/assets/images/rosie.jpg -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/06-sending_emails/assets/css/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/03-SendingEmailsUsingEmailJS/06-sending_emails/assets/css/loader.gif -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/06-sending_emails/assets/cv/sample-cv.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/03-SendingEmailsUsingEmailJS/06-sending_emails/assets/cv/sample-cv.pdf -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/06-sending_emails/assets/images/rosie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/03-SendingEmailsUsingEmailJS/06-sending_emails/assets/images/rosie.jpg -------------------------------------------------------------------------------- /01-GoogleMaps/01-adding_the_map_element-bootstrap4/assets/css/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/01-adding_the_map_element-bootstrap4/assets/css/loader.gif -------------------------------------------------------------------------------- /01-GoogleMaps/06-moving_the_code_into_its_own_script/assets/css/grey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/06-moving_the_code_into_its_own_script/assets/css/grey.png -------------------------------------------------------------------------------- /01-GoogleMaps/01-adding_the_map_element-bootstrap4/assets/cv/sample-cv.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/01-adding_the_map_element-bootstrap4/assets/cv/sample-cv.pdf -------------------------------------------------------------------------------- /01-GoogleMaps/01-adding_the_map_element-bootstrap4/assets/images/rosie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/01-adding_the_map_element-bootstrap4/assets/images/rosie.jpg -------------------------------------------------------------------------------- /01-GoogleMaps/06-moving_the_code_into_its_own_script/assets/css/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/06-moving_the_code_into_its_own_script/assets/css/loader.gif -------------------------------------------------------------------------------- /01-GoogleMaps/06-moving_the_code_into_its_own_script/assets/cv/sample-cv.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/06-moving_the_code_into_its_own_script/assets/cv/sample-cv.pdf -------------------------------------------------------------------------------- /01-GoogleMaps/06-moving_the_code_into_its_own_script/assets/images/rosie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/01-GoogleMaps/06-moving_the_code_into_its_own_script/assets/images/rosie.jpg -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/05-preparing_the_contact_html_file/assets/css/grey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/03-SendingEmailsUsingEmailJS/05-preparing_the_contact_html_file/assets/css/grey.png -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/05-preparing_the_contact_html_file/assets/css/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/03-SendingEmailsUsingEmailJS/05-preparing_the_contact_html_file/assets/css/loader.gif -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/05-preparing_the_contact_html_file/assets/cv/sample-cv.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/03-SendingEmailsUsingEmailJS/05-preparing_the_contact_html_file/assets/cv/sample-cv.pdf -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/05-preparing_the_contact_html_file/assets/images/rosie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/03-SendingEmailsUsingEmailJS/05-preparing_the_contact_html_file/assets/images/rosie.jpg -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/03-connecting_to_the_email_service_using_their_sdk/assets/css/grey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/03-SendingEmailsUsingEmailJS/03-connecting_to_the_email_service_using_their_sdk/assets/css/grey.png -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/03-connecting_to_the_email_service_using_their_sdk/assets/css/loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/03-SendingEmailsUsingEmailJS/03-connecting_to_the_email_service_using_their_sdk/assets/css/loader.gif -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/03-connecting_to_the_email_service_using_their_sdk/assets/cv/sample-cv.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/03-SendingEmailsUsingEmailJS/03-connecting_to_the_email_service_using_their_sdk/assets/cv/sample-cv.pdf -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/03-connecting_to_the_email_service_using_their_sdk/assets/images/rosie.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Institute-Solutions/InteractiveFrontendDevelopment-Resume/HEAD/03-SendingEmailsUsingEmailJS/03-connecting_to_the_email_service_using_their_sdk/assets/images/rosie.jpg -------------------------------------------------------------------------------- /02-TheGitHubAPI/02-initial_data_retieval_setup/assets/js/github-information.js: -------------------------------------------------------------------------------- 1 | function fetchGitHubInformation(event) { 2 | 3 | var username = $("#gh-username").val(); 4 | if (!username) { 5 | $("#gh-user-data").html(`

Please enter a GitHub username

`); 6 | return; 7 | } 8 | 9 | $("#gh-user-data").html( 10 | `
11 | loading... 12 |
`); 13 | } -------------------------------------------------------------------------------- /02-TheGitHubAPI/01-github_form/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rosie Odenkirk 7 | 8 | 9 |

Hmm.. Looks like you've gone off the beaten path.

10 |

Don't worry. Rosie is looking into it. Click on the image to head back to Kansas.

11 | 12 | rosie-404 13 | 14 | 15 | -------------------------------------------------------------------------------- /02-TheGitHubAPI/08-api_throttling/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rosie Odenkirk 7 | 8 | 9 |

Hmm.. Looks like you've gone off the beaten path.

10 |

Don't worry. Rosie is looking into it. Click on the image to head back to Kansas.

11 | 12 | rosie-404 13 | 14 | 15 | -------------------------------------------------------------------------------- /01-GoogleMaps/04-rendering_the_map/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rosie Odenkirk 7 | 8 | 9 |

Hmm.. Looks like you've gone off the beaten path.

10 |

Don't worry. Rosie is looking into it. Click on the image to head back to Kansas.

11 | 12 | rosie-404 13 | 14 | 15 | -------------------------------------------------------------------------------- /02-TheGitHubAPI/03-making_promises/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rosie Odenkirk 7 | 8 | 9 |

Hmm.. Looks like you've gone off the beaten path.

10 |

Don't worry. Rosie is looking into it. Click on the image to head back to Kansas.

11 | 12 | rosie-404 13 | 14 | 15 | -------------------------------------------------------------------------------- /02-TheGitHubAPI/04-rendering_user_data/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rosie Odenkirk 7 | 8 | 9 |

Hmm.. Looks like you've gone off the beaten path.

10 |

Don't worry. Rosie is looking into it. Click on the image to head back to Kansas.

11 | 12 | rosie-404 13 | 14 | 15 | -------------------------------------------------------------------------------- /02-TheGitHubAPI/06-rendering_repo_data/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rosie Odenkirk 7 | 8 | 9 |

Hmm.. Looks like you've gone off the beaten path.

10 |

Don't worry. Rosie is looking into it. Click on the image to head back to Kansas.

11 | 12 | rosie-404 13 | 14 | 15 | -------------------------------------------------------------------------------- /02-TheGitHubAPI/07-lets_fix_some_bugs/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rosie Odenkirk 7 | 8 | 9 |

Hmm.. Looks like you've gone off the beaten path.

10 |

Don't worry. Rosie is looking into it. Click on the image to head back to Kansas.

11 | 12 | rosie-404 13 | 14 | 15 | -------------------------------------------------------------------------------- /01-GoogleMaps/01-adding_the_map_element/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rosie Odenkirk 7 | 8 | 9 |

Hmm.. Looks like you've gone off the beaten path.

10 |

Don't worry. Rosie is looking into it. Click on the image to head back to Kansas.

11 | 12 | rosie-404 13 | 14 | 15 | -------------------------------------------------------------------------------- /01-GoogleMaps/03-referencing_the_js_files/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rosie Odenkirk 7 | 8 | 9 |

Hmm.. Looks like you've gone off the beaten path.

10 |

Don't worry. Rosie is looking into it. Click on the image to head back to Kansas.

11 | 12 | rosie-404 13 | 14 | 15 | -------------------------------------------------------------------------------- /01-GoogleMaps/05-adding_markers_to_the_map/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rosie Odenkirk 7 | 8 | 9 |

Hmm.. Looks like you've gone off the beaten path.

10 |

Don't worry. Rosie is looking into it. Click on the image to head back to Kansas.

11 | 12 | rosie-404 13 | 14 | 15 | -------------------------------------------------------------------------------- /02-TheGitHubAPI/01-github_form-bootstrap4/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rosie Odenkirk 7 | 8 | 9 |

Hmm.. Looks like you've gone off the beaten path.

10 |

Don't worry. Rosie is looking into it. Click on the image to head back to Kansas.

11 | 12 | rosie-404 13 | 14 | 15 | -------------------------------------------------------------------------------- /02-TheGitHubAPI/05-getting_the_repo_data/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rosie Odenkirk 7 | 8 | 9 |

Hmm.. Looks like you've gone off the beaten path.

10 |

Don't worry. Rosie is looking into it. Click on the image to head back to Kansas.

11 | 12 | rosie-404 13 | 14 | 15 | -------------------------------------------------------------------------------- /02-TheGitHubAPI/02-initial_data_retieval_setup/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rosie Odenkirk 7 | 8 | 9 |

Hmm.. Looks like you've gone off the beaten path.

10 |

Don't worry. Rosie is looking into it. Click on the image to head back to Kansas.

11 | 12 | rosie-404 13 | 14 | 15 | -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/06-sending_emails/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rosie Odenkirk 7 | 8 | 9 |

Hmm.. Looks like you've gone off the beaten path.

10 |

Don't worry. Rosie is looking into it. Click on the image to head back to Kansas.

11 | 12 | rosie-404 13 | 14 | 15 | -------------------------------------------------------------------------------- /01-GoogleMaps/01-adding_the_map_element-bootstrap4/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rosie Odenkirk 7 | 8 | 9 |

Hmm.. Looks like you've gone off the beaten path.

10 |

Don't worry. Rosie is looking into it. Click on the image to head back to Kansas.

11 | 12 | rosie-404 13 | 14 | 15 | -------------------------------------------------------------------------------- /01-GoogleMaps/06-moving_the_code_into_its_own_script/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rosie Odenkirk 7 | 8 | 9 |

Hmm.. Looks like you've gone off the beaten path.

10 |

Don't worry. Rosie is looking into it. Click on the image to head back to Kansas.

11 | 12 | rosie-404 13 | 14 | 15 | -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/05-preparing_the_contact_html_file/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rosie Odenkirk 7 | 8 | 9 |

Hmm.. Looks like you've gone off the beaten path.

10 |

Don't worry. Rosie is looking into it. Click on the image to head back to Kansas.

11 | 12 | rosie-404 13 | 14 | 15 | -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/06-sending_emails/assets/js/sendEmail.js: -------------------------------------------------------------------------------- 1 | function sendMail(contactForm) { 2 | emailjs.send("gmail", "rosie", { 3 | "from_name": contactForm.name.value, 4 | "from_email": contactForm.emailaddress.value, 5 | "project_request": contactForm.projectsummary.value 6 | }) 7 | .then( 8 | function(response) { 9 | console.log("SUCCESS", response); 10 | }, 11 | function(error) { 12 | console.log("FAILED", error); 13 | } 14 | ); 15 | return false; // To block from loading a new page 16 | } -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/03-connecting_to_the_email_service_using_their_sdk/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Rosie Odenkirk 7 | 8 | 9 |

Hmm.. Looks like you've gone off the beaten path.

10 |

Don't worry. Rosie is looking into it. Click on the image to head back to Kansas.

11 | 12 | rosie-404 13 | 14 | 15 | -------------------------------------------------------------------------------- /02-TheGitHubAPI/01-github_form/assets/js/maps.js: -------------------------------------------------------------------------------- 1 | function initMap() { 2 | var map = new google.maps.Map(document.getElementById("map"), { 3 | zoom: 3, 4 | center: { 5 | lat: 46.619261, 6 | lng: -33.134766 7 | } 8 | }); 9 | 10 | var labels = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; 11 | 12 | var locations = [ 13 | { lat: 40.785091, lng: -73.968285 }, 14 | { lat: 41.084045, lng: -73.874245 }, 15 | { lat: 40.754932, lng: -73.984016 } 16 | ]; 17 | 18 | var markers = locations.map(function(location, i) { 19 | return new google.maps.Marker({ 20 | position: location, 21 | label: labels[i % labels.length] 22 | }); 23 | }); 24 | 25 | var markerCluster = new MarkerClusterer(map, markers, { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m' }); 26 | } -------------------------------------------------------------------------------- /02-TheGitHubAPI/03-making_promises/assets/js/maps.js: -------------------------------------------------------------------------------- 1 | function initMap() { 2 | var map = new google.maps.Map(document.getElementById("map"), { 3 | zoom: 3, 4 | center: { 5 | lat: 46.619261, 6 | lng: -33.134766 7 | } 8 | }); 9 | 10 | var labels = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; 11 | 12 | var locations = [ 13 | { lat: 40.785091, lng: -73.968285 }, 14 | { lat: 41.084045, lng: -73.874245 }, 15 | { lat: 40.754932, lng: -73.984016 } 16 | ]; 17 | 18 | var markers = locations.map(function(location, i) { 19 | return new google.maps.Marker({ 20 | position: location, 21 | label: labels[i % labels.length] 22 | }); 23 | }); 24 | 25 | var markerCluster = new MarkerClusterer(map, markers, { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m' }); 26 | } -------------------------------------------------------------------------------- /02-TheGitHubAPI/08-api_throttling/assets/js/maps.js: -------------------------------------------------------------------------------- 1 | function initMap() { 2 | var map = new google.maps.Map(document.getElementById("map"), { 3 | zoom: 3, 4 | center: { 5 | lat: 46.619261, 6 | lng: -33.134766 7 | } 8 | }); 9 | 10 | var labels = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; 11 | 12 | var locations = [ 13 | { lat: 40.785091, lng: -73.968285 }, 14 | { lat: 41.084045, lng: -73.874245 }, 15 | { lat: 40.754932, lng: -73.984016 } 16 | ]; 17 | 18 | var markers = locations.map(function(location, i) { 19 | return new google.maps.Marker({ 20 | position: location, 21 | label: labels[i % labels.length] 22 | }); 23 | }); 24 | 25 | var markerCluster = new MarkerClusterer(map, markers, { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m' }); 26 | } -------------------------------------------------------------------------------- /02-TheGitHubAPI/04-rendering_user_data/assets/js/maps.js: -------------------------------------------------------------------------------- 1 | function initMap() { 2 | var map = new google.maps.Map(document.getElementById("map"), { 3 | zoom: 3, 4 | center: { 5 | lat: 46.619261, 6 | lng: -33.134766 7 | } 8 | }); 9 | 10 | var labels = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; 11 | 12 | var locations = [ 13 | { lat: 40.785091, lng: -73.968285 }, 14 | { lat: 41.084045, lng: -73.874245 }, 15 | { lat: 40.754932, lng: -73.984016 } 16 | ]; 17 | 18 | var markers = locations.map(function(location, i) { 19 | return new google.maps.Marker({ 20 | position: location, 21 | label: labels[i % labels.length] 22 | }); 23 | }); 24 | 25 | var markerCluster = new MarkerClusterer(map, markers, { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m' }); 26 | } -------------------------------------------------------------------------------- /02-TheGitHubAPI/06-rendering_repo_data/assets/js/maps.js: -------------------------------------------------------------------------------- 1 | function initMap() { 2 | var map = new google.maps.Map(document.getElementById("map"), { 3 | zoom: 3, 4 | center: { 5 | lat: 46.619261, 6 | lng: -33.134766 7 | } 8 | }); 9 | 10 | var labels = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; 11 | 12 | var locations = [ 13 | { lat: 40.785091, lng: -73.968285 }, 14 | { lat: 41.084045, lng: -73.874245 }, 15 | { lat: 40.754932, lng: -73.984016 } 16 | ]; 17 | 18 | var markers = locations.map(function(location, i) { 19 | return new google.maps.Marker({ 20 | position: location, 21 | label: labels[i % labels.length] 22 | }); 23 | }); 24 | 25 | var markerCluster = new MarkerClusterer(map, markers, { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m' }); 26 | } -------------------------------------------------------------------------------- /02-TheGitHubAPI/07-lets_fix_some_bugs/assets/js/maps.js: -------------------------------------------------------------------------------- 1 | function initMap() { 2 | var map = new google.maps.Map(document.getElementById("map"), { 3 | zoom: 3, 4 | center: { 5 | lat: 46.619261, 6 | lng: -33.134766 7 | } 8 | }); 9 | 10 | var labels = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; 11 | 12 | var locations = [ 13 | { lat: 40.785091, lng: -73.968285 }, 14 | { lat: 41.084045, lng: -73.874245 }, 15 | { lat: 40.754932, lng: -73.984016 } 16 | ]; 17 | 18 | var markers = locations.map(function(location, i) { 19 | return new google.maps.Marker({ 20 | position: location, 21 | label: labels[i % labels.length] 22 | }); 23 | }); 24 | 25 | var markerCluster = new MarkerClusterer(map, markers, { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m' }); 26 | } -------------------------------------------------------------------------------- /02-TheGitHubAPI/01-github_form-bootstrap4/assets/js/maps.js: -------------------------------------------------------------------------------- 1 | function initMap() { 2 | var map = new google.maps.Map(document.getElementById("map"), { 3 | zoom: 3, 4 | center: { 5 | lat: 46.619261, 6 | lng: -33.134766 7 | } 8 | }); 9 | 10 | var labels = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; 11 | 12 | var locations = [ 13 | { lat: 40.785091, lng: -73.968285 }, 14 | { lat: 41.084045, lng: -73.874245 }, 15 | { lat: 40.754932, lng: -73.984016 } 16 | ]; 17 | 18 | var markers = locations.map(function(location, i) { 19 | return new google.maps.Marker({ 20 | position: location, 21 | label: labels[i % labels.length] 22 | }); 23 | }); 24 | 25 | var markerCluster = new MarkerClusterer(map, markers, { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m' }); 26 | } -------------------------------------------------------------------------------- /02-TheGitHubAPI/05-getting_the_repo_data/assets/js/maps.js: -------------------------------------------------------------------------------- 1 | function initMap() { 2 | var map = new google.maps.Map(document.getElementById("map"), { 3 | zoom: 3, 4 | center: { 5 | lat: 46.619261, 6 | lng: -33.134766 7 | } 8 | }); 9 | 10 | var labels = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; 11 | 12 | var locations = [ 13 | { lat: 40.785091, lng: -73.968285 }, 14 | { lat: 41.084045, lng: -73.874245 }, 15 | { lat: 40.754932, lng: -73.984016 } 16 | ]; 17 | 18 | var markers = locations.map(function(location, i) { 19 | return new google.maps.Marker({ 20 | position: location, 21 | label: labels[i % labels.length] 22 | }); 23 | }); 24 | 25 | var markerCluster = new MarkerClusterer(map, markers, { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m' }); 26 | } -------------------------------------------------------------------------------- /02-TheGitHubAPI/02-initial_data_retieval_setup/assets/js/maps.js: -------------------------------------------------------------------------------- 1 | function initMap() { 2 | var map = new google.maps.Map(document.getElementById("map"), { 3 | zoom: 3, 4 | center: { 5 | lat: 46.619261, 6 | lng: -33.134766 7 | } 8 | }); 9 | 10 | var labels = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; 11 | 12 | var locations = [ 13 | { lat: 40.785091, lng: -73.968285 }, 14 | { lat: 41.084045, lng: -73.874245 }, 15 | { lat: 40.754932, lng: -73.984016 } 16 | ]; 17 | 18 | var markers = locations.map(function(location, i) { 19 | return new google.maps.Marker({ 20 | position: location, 21 | label: labels[i % labels.length] 22 | }); 23 | }); 24 | 25 | var markerCluster = new MarkerClusterer(map, markers, { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m' }); 26 | } -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/06-sending_emails/assets/js/maps.js: -------------------------------------------------------------------------------- 1 | function initMap() { 2 | var map = new google.maps.Map(document.getElementById("map"), { 3 | zoom: 3, 4 | center: { 5 | lat: 46.619261, 6 | lng: -33.134766 7 | } 8 | }); 9 | 10 | var labels = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; 11 | 12 | var locations = [ 13 | { lat: 40.785091, lng: -73.968285 }, 14 | { lat: 41.084045, lng: -73.874245 }, 15 | { lat: 40.754932, lng: -73.984016 } 16 | ]; 17 | 18 | var markers = locations.map(function(location, i) { 19 | return new google.maps.Marker({ 20 | position: location, 21 | label: labels[i % labels.length] 22 | }); 23 | }); 24 | 25 | var markerCluster = new MarkerClusterer(map, markers, { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m' }); 26 | } -------------------------------------------------------------------------------- /01-GoogleMaps/06-moving_the_code_into_its_own_script/assets/js/maps.js: -------------------------------------------------------------------------------- 1 | function initMap() { 2 | var map = new google.maps.Map(document.getElementById("map"), { 3 | zoom: 3, 4 | center: { 5 | lat: 46.619261, 6 | lng: -33.134766 7 | } 8 | }); 9 | 10 | var labels = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; 11 | 12 | var locations = [ 13 | { lat: 40.785091, lng: -73.968285 }, 14 | { lat: 41.084045, lng: -73.874245 }, 15 | { lat: 40.754932, lng: -73.984016 } 16 | ]; 17 | 18 | var markers = locations.map(function(location, i) { 19 | return new google.maps.Marker({ 20 | position: location, 21 | label: labels[i % labels.length] 22 | }); 23 | }); 24 | 25 | var markerCluster = new MarkerClusterer(map, markers, { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m' }); 26 | } -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/05-preparing_the_contact_html_file/assets/js/maps.js: -------------------------------------------------------------------------------- 1 | function initMap() { 2 | var map = new google.maps.Map(document.getElementById("map"), { 3 | zoom: 3, 4 | center: { 5 | lat: 46.619261, 6 | lng: -33.134766 7 | } 8 | }); 9 | 10 | var labels = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; 11 | 12 | var locations = [ 13 | { lat: 40.785091, lng: -73.968285 }, 14 | { lat: 41.084045, lng: -73.874245 }, 15 | { lat: 40.754932, lng: -73.984016 } 16 | ]; 17 | 18 | var markers = locations.map(function(location, i) { 19 | return new google.maps.Marker({ 20 | position: location, 21 | label: labels[i % labels.length] 22 | }); 23 | }); 24 | 25 | var markerCluster = new MarkerClusterer(map, markers, { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m' }); 26 | } -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/03-connecting_to_the_email_service_using_their_sdk/assets/js/maps.js: -------------------------------------------------------------------------------- 1 | function initMap() { 2 | var map = new google.maps.Map(document.getElementById("map"), { 3 | zoom: 3, 4 | center: { 5 | lat: 46.619261, 6 | lng: -33.134766 7 | } 8 | }); 9 | 10 | var labels = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; 11 | 12 | var locations = [ 13 | { lat: 40.785091, lng: -73.968285 }, 14 | { lat: 41.084045, lng: -73.874245 }, 15 | { lat: 40.754932, lng: -73.984016 } 16 | ]; 17 | 18 | var markers = locations.map(function(location, i) { 19 | return new google.maps.Marker({ 20 | position: location, 21 | label: labels[i % labels.length] 22 | }); 23 | }); 24 | 25 | var markerCluster = new MarkerClusterer(map, markers, { imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m' }); 26 | } -------------------------------------------------------------------------------- /02-TheGitHubAPI/03-making_promises/assets/js/github-information.js: -------------------------------------------------------------------------------- 1 | function fetchGitHubInformation(event) { 2 | 3 | var username = $("#gh-username").val(); 4 | if (!username) { 5 | $("#gh-user-data").html(`

Please enter a GitHub username

`); 6 | return; 7 | } 8 | 9 | $("#gh-user-data").html( 10 | `
11 | loading... 12 |
`); 13 | 14 | $.when( 15 | $.getJSON(`https://api.github.com/users/${username}`) 16 | ).then( 17 | function(response) { 18 | var userData = response; 19 | $("#gh-user-data").html(userInformationHTML(userData)); 20 | }, 21 | function(errorResponse) { 22 | if (errorResponse.status === 404) { 23 | $("#gh-user-data").html( 24 | `

No info found for user ${username}

`); 25 | } else { 26 | console.log(errorResponse); 27 | $("#gh-user-data").html( 28 | `

Error: ${errorResponse.responseJSON.message}

`); 29 | } 30 | }); 31 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Putting It All Together - Interactive Frontend Mini Project Solution Code 2 | 3 | This repo contains the solution code for the *Putting It All Together - Interactive Frontend Mini Project* lesson. 4 | 5 | ## What is covered 6 | Throughout these lessons we'll take a look at how to take the JavaScript that we've learned throughout the *Interactive Frontend* module, and implement them in a real-world project - in this case, we'll continue working with Rosie's resume site. 7 | 8 | ## Contents 9 | This repository contains the solution code for the following units - 10 | - 01-GoogleMaps 11 | - 01-adding_the_map_element 12 | - 03-referencing_the_js_files 13 | - 04-rendering_the_map 14 | - 05-adding_markers_to_the_map 15 | - 06-moving_the_code_into_its_own_script 16 | - 02-TheGitHubAPI 17 | - 01-github_form 18 | - 02-initial_data_retrieval_setup 19 | - 03-making_promises 20 | - 04-rendering_user_data 21 | - 05-getting_repo_data 22 | - 06-rendering_repo_data 23 | - 07-lets_fix_some_bugs 24 | - 08-api_throttling 25 | - 03-SendingEmailsUsingEmailJS 26 | - 03-connecting_to_the_email_service_using_their_sdk 27 | - 05-preparing_the_contact_file 28 | - 06-sending_emails -------------------------------------------------------------------------------- /02-TheGitHubAPI/04-rendering_user_data/assets/js/github-information.js: -------------------------------------------------------------------------------- 1 | function userInformationHTML(user) { 2 | return ` 3 |

${user.name} 4 | 5 | (@${user.login}) 6 | 7 |

8 |
9 |
10 | 11 | ${user.login} 12 | 13 |
14 |

Followers: ${user.followers} - Following ${user.following}
Repos: ${user.public_repos}

15 |
`; 16 | } 17 | 18 | function fetchGitHubInformation(event) { 19 | 20 | var username = $("#gh-username").val(); 21 | if (!username) { 22 | $("#gh-user-data").html(`

Please enter a GitHub username

`); 23 | return; 24 | } 25 | 26 | $("#gh-user-data").html( 27 | `
28 | loading... 29 |
`); 30 | 31 | $.when( 32 | $.getJSON(`https://api.github.com/users/${username}`) 33 | ).then( 34 | function(response) { 35 | var userData = response; 36 | $("#gh-user-data").html(userInformationHTML(userData)); 37 | }, 38 | function(errorResponse) { 39 | if (errorResponse.status === 404) { 40 | $("#gh-user-data").html( 41 | `

No info found for user ${username}

`); 42 | } else { 43 | console.log(errorResponse); 44 | $("#gh-user-data").html( 45 | `

Error: ${errorResponse.responseJSON.message}

`); 46 | } 47 | }); 48 | } -------------------------------------------------------------------------------- /02-TheGitHubAPI/05-getting_the_repo_data/assets/js/github-information.js: -------------------------------------------------------------------------------- 1 | function userInformationHTML(user) { 2 | return ` 3 |

${user.name} 4 | 5 | (@${user.login}) 6 | 7 |

8 |
9 |
10 | 11 | ${user.login} 12 | 13 |
14 |

Followers: ${user.followers} - Following ${user.following}
Repos: ${user.public_repos}

15 |
`; 16 | } 17 | 18 | function fetchGitHubInformation(event) { 19 | 20 | var username = $("#gh-username").val(); 21 | if (!username) { 22 | $("#gh-user-data").html(`

Please enter a GitHub username

`); 23 | return; 24 | } 25 | 26 | $("#gh-user-data").html( 27 | `
28 | loading... 29 |
`); 30 | 31 | $.when( 32 | $.getJSON(`https://api.github.com/users/${username}`), 33 | $.getJSON(`https://api.github.com/users/${username}/repos`) 34 | ).then( 35 | function(firstResponse, secondResponse) { 36 | var userData = firstResponse[0]; 37 | var repoData = secondResponse[0]; 38 | $("#gh-user-data").html(userInformationHTML(userData)); 39 | $("#gh-repo-data").html(repoInformationHTML(repoData)); 40 | }, 41 | function(errorResponse) { 42 | if (errorResponse.status === 404) { 43 | $("#gh-user-data").html( 44 | `

No info found for user ${username}

`); 45 | } else { 46 | console.log(errorResponse); 47 | $("#gh-user-data").html( 48 | `

Error: ${errorResponse.responseJSON.message}

`); 49 | } 50 | }); 51 | } -------------------------------------------------------------------------------- /02-TheGitHubAPI/06-rendering_repo_data/assets/js/github-information.js: -------------------------------------------------------------------------------- 1 | function userInformationHTML(user) { 2 | return ` 3 |

${user.name} 4 | 5 | (@${user.login}) 6 | 7 |

8 |
9 |
10 | 11 | ${user.login} 12 | 13 |
14 |

Followers: ${user.followers} - Following ${user.following}
Repos: ${user.public_repos}

15 |
`; 16 | } 17 | 18 | function repoInformationHTML(repos) { 19 | if (repos.length == 0) { 20 | return `
No repos!
`; 21 | } 22 | 23 | var listItemsHTML = repos.map(function(repo) { 24 | return `
  • 25 | ${repo.name} 26 |
    • `; 27 | }); 28 | 29 | return `
    30 |

    31 | Repo List: 32 |

    33 | 36 |
    `; 37 | } 38 | 39 | function fetchGitHubInformation(event) { 40 | 41 | var username = $("#gh-username").val(); 42 | if (!username) { 43 | $("#gh-user-data").html(`

    Please enter a GitHub username

    `); 44 | return; 45 | } 46 | 47 | $("#gh-user-data").html( 48 | `
    49 | loading... 50 |
    `); 51 | 52 | $.when( 53 | $.getJSON(`https://api.github.com/users/${username}`), 54 | $.getJSON(`https://api.github.com/users/${username}/repos`) 55 | ).then( 56 | function(firstResponse, secondResponse) { 57 | var userData = firstResponse[0]; 58 | var repoData = secondResponse[0]; 59 | $("#gh-user-data").html(userInformationHTML(userData)); 60 | $("#gh-repo-data").html(repoInformationHTML(repoData)); 61 | }, 62 | function(errorResponse) { 63 | if (errorResponse.status === 404) { 64 | $("#gh-user-data").html( 65 | `

    No info found for user ${username}

    `); 66 | } else { 67 | console.log(errorResponse); 68 | $("#gh-user-data").html( 69 | `

    Error: ${errorResponse.responseJSON.message}

    `); 70 | } 71 | }); 72 | } -------------------------------------------------------------------------------- /02-TheGitHubAPI/07-lets_fix_some_bugs/assets/js/github-information.js: -------------------------------------------------------------------------------- 1 | function userInformationHTML(user) { 2 | return ` 3 |

    ${user.name} 4 | 5 | (@${user.login}) 6 | 7 |

    8 |
    9 |
    10 | 11 | ${user.login} 12 | 13 |
    14 |

    Followers: ${user.followers} - Following ${user.following}
    Repos: ${user.public_repos}

    15 |
    `; 16 | } 17 | 18 | function repoInformationHTML(repos) { 19 | if (repos.length == 0) { 20 | return `
    No repos!
    `; 21 | } 22 | 23 | var listItemsHTML = repos.map(function(repo) { 24 | return `
  • 25 | ${repo.name} 26 |
    • `; 27 | }); 28 | 29 | return `
    30 |

    31 | Repo List: 32 |

    33 | 36 |
    `; 37 | } 38 | 39 | function fetchGitHubInformation(event) { 40 | $("#gh-user-data").html(""); 41 | $("#gh-repo-data").html(""); 42 | 43 | var username = $("#gh-username").val(); 44 | if (!username) { 45 | $("#gh-user-data").html(`

    Please enter a GitHub username

    `); 46 | return; 47 | } 48 | 49 | $("#gh-user-data").html( 50 | `
    51 | loading... 52 |
    `); 53 | 54 | $.when( 55 | $.getJSON(`https://api.github.com/users/${username}`), 56 | $.getJSON(`https://api.github.com/users/${username}/repos`) 57 | ).then( 58 | function(firstResponse, secondResponse) { 59 | var userData = firstResponse[0]; 60 | var repoData = secondResponse[0]; 61 | $("#gh-user-data").html(userInformationHTML(userData)); 62 | $("#gh-repo-data").html(repoInformationHTML(repoData)); 63 | }, 64 | function(errorResponse) { 65 | if (errorResponse.status === 404) { 66 | $("#gh-user-data").html( 67 | `

    No info found for user ${username}

    `); 68 | } else { 69 | console.log(errorResponse); 70 | $("#gh-user-data").html( 71 | `

    Error: ${errorResponse.responseJSON.message}

    `); 72 | } 73 | }); 74 | } 75 | 76 | $(document).ready(fetchGitHubInformation); -------------------------------------------------------------------------------- /02-TheGitHubAPI/08-api_throttling/assets/js/github-information.js: -------------------------------------------------------------------------------- 1 | function userInformationHTML(user) { 2 | return ` 3 |

    ${user.name} 4 | 5 | (@${user.login}) 6 | 7 |

    8 |
    9 |
    10 | 11 | ${user.login} 12 | 13 |
    14 |

    Followers: ${user.followers} - Following ${user.following}
    Repos: ${user.public_repos}

    15 |
    `; 16 | } 17 | 18 | function repoInformationHTML(repos) { 19 | if (repos.length == 0) { 20 | return `
    No repos!
    `; 21 | } 22 | 23 | var listItemsHTML = repos.map(function(repo) { 24 | return `
  • 25 | ${repo.name} 26 |
    • `; 27 | }); 28 | 29 | return `
    30 |

    31 | Repo List: 32 |

    33 | 36 |
    `; 37 | } 38 | 39 | function fetchGitHubInformation(event) { 40 | $("#gh-user-data").html(""); 41 | $("#gh-repo-data").html(""); 42 | 43 | var username = $("#gh-username").val(); 44 | if (!username) { 45 | $("#gh-user-data").html(`

    Please enter a GitHub username

    `); 46 | return; 47 | } 48 | 49 | $("#gh-user-data").html( 50 | `
    51 | loading... 52 |
    `); 53 | 54 | $.when( 55 | $.getJSON(`https://api.github.com/users/${username}`), 56 | $.getJSON(`https://api.github.com/users/${username}/repos`) 57 | ).then( 58 | function(firstResponse, secondResponse) { 59 | var userData = firstResponse[0]; 60 | var repoData = secondResponse[0]; 61 | $("#gh-user-data").html(userInformationHTML(userData)); 62 | $("#gh-repo-data").html(repoInformationHTML(repoData)); 63 | }, 64 | function(errorResponse) { 65 | if (errorResponse.status === 404) { 66 | $("#gh-user-data").html( 67 | `

    No info found for user ${username}

    `); 68 | } else if (errorResponse.status === 403) { 69 | var resetTime = new Date(errorResponse.getResponseHeader('X-RateLimit-Reset') * 1000); 70 | $("#gh-user-data").html(`

    Too many requests, please wait until ${resetTime.toLocaleTimeString()}

    `); 71 | } else { 72 | console.log(errorResponse); 73 | $("#gh-user-data").html( 74 | `

    Error: ${errorResponse.responseJSON.message}

    `); 75 | } 76 | }); 77 | } 78 | 79 | $(document).ready(fetchGitHubInformation); -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/06-sending_emails/assets/js/github-information.js: -------------------------------------------------------------------------------- 1 | function userInformationHTML(user) { 2 | return ` 3 |

    ${user.name} 4 | 5 | (@${user.login}) 6 | 7 |

    8 |
    9 |
    10 | 11 | ${user.login} 12 | 13 |
    14 |

    Followers: ${user.followers} - Following ${user.following}
    Repos: ${user.public_repos}

    15 |
    `; 16 | } 17 | 18 | function repoInformationHTML(repos) { 19 | if (repos.length == 0) { 20 | return `
    No repos!
    `; 21 | } 22 | 23 | var listItemsHTML = repos.map(function(repo) { 24 | return `
  • 25 | ${repo.name} 26 |
    • `; 27 | }); 28 | 29 | return `
    30 |

    31 | Repo List: 32 |

    33 | 36 |
    `; 37 | } 38 | 39 | function fetchGitHubInformation(event) { 40 | $("#gh-user-data").html(""); 41 | $("#gh-repo-data").html(""); 42 | 43 | var username = $("#gh-username").val(); 44 | if (!username) { 45 | $("#gh-user-data").html(`

    Please enter a GitHub username

    `); 46 | return; 47 | } 48 | 49 | $("#gh-user-data").html( 50 | `
    51 | loading... 52 |
    `); 53 | 54 | $.when( 55 | $.getJSON(`https://api.github.com/users/${username}`), 56 | $.getJSON(`https://api.github.com/users/${username}/repos`) 57 | ).then( 58 | function(firstResponse, secondResponse) { 59 | var userData = firstResponse[0]; 60 | var repoData = secondResponse[0]; 61 | $("#gh-user-data").html(userInformationHTML(userData)); 62 | $("#gh-repo-data").html(repoInformationHTML(repoData)); 63 | }, 64 | function(errorResponse) { 65 | if (errorResponse.status === 404) { 66 | $("#gh-user-data").html( 67 | `

    No info found for user ${username}

    `); 68 | } else if (errorResponse.status === 403) { 69 | var resetTime = new Date(errorResponse.getResponseHeader('X-RateLimit-Reset') * 1000); 70 | $("#gh-user-data").html(`

    Too many requests, please wait until ${resetTime.toLocaleTimeString()}

    `); 71 | } else { 72 | console.log(errorResponse); 73 | $("#gh-user-data").html( 74 | `

    Error: ${errorResponse.responseJSON.message}

    `); 75 | } 76 | }); 77 | } 78 | 79 | $(document).ready(fetchGitHubInformation); -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/05-preparing_the_contact_html_file/assets/js/github-information.js: -------------------------------------------------------------------------------- 1 | function userInformationHTML(user) { 2 | return ` 3 |

    ${user.name} 4 | 5 | (@${user.login}) 6 | 7 |

    8 |
    9 |
    10 | 11 | ${user.login} 12 | 13 |
    14 |

    Followers: ${user.followers} - Following ${user.following}
    Repos: ${user.public_repos}

    15 |
    `; 16 | } 17 | 18 | function repoInformationHTML(repos) { 19 | if (repos.length == 0) { 20 | return `
    No repos!
    `; 21 | } 22 | 23 | var listItemsHTML = repos.map(function(repo) { 24 | return `
  • 25 | ${repo.name} 26 |
    • `; 27 | }); 28 | 29 | return `
    30 |

    31 | Repo List: 32 |

    33 | 36 |
    `; 37 | } 38 | 39 | function fetchGitHubInformation(event) { 40 | $("#gh-user-data").html(""); 41 | $("#gh-repo-data").html(""); 42 | 43 | var username = $("#gh-username").val(); 44 | if (!username) { 45 | $("#gh-user-data").html(`

    Please enter a GitHub username

    `); 46 | return; 47 | } 48 | 49 | $("#gh-user-data").html( 50 | `
    51 | loading... 52 |
    `); 53 | 54 | $.when( 55 | $.getJSON(`https://api.github.com/users/${username}`), 56 | $.getJSON(`https://api.github.com/users/${username}/repos`) 57 | ).then( 58 | function(firstResponse, secondResponse) { 59 | var userData = firstResponse[0]; 60 | var repoData = secondResponse[0]; 61 | $("#gh-user-data").html(userInformationHTML(userData)); 62 | $("#gh-repo-data").html(repoInformationHTML(repoData)); 63 | }, 64 | function(errorResponse) { 65 | if (errorResponse.status === 404) { 66 | $("#gh-user-data").html( 67 | `

    No info found for user ${username}

    `); 68 | } else if (errorResponse.status === 403) { 69 | var resetTime = new Date(errorResponse.getResponseHeader('X-RateLimit-Reset') * 1000); 70 | $("#gh-user-data").html(`

    Too many requests, please wait until ${resetTime.toLocaleTimeString()}

    `); 71 | } else { 72 | console.log(errorResponse); 73 | $("#gh-user-data").html( 74 | `

    Error: ${errorResponse.responseJSON.message}

    `); 75 | } 76 | }); 77 | } 78 | 79 | $(document).ready(fetchGitHubInformation); -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/03-connecting_to_the_email_service_using_their_sdk/assets/js/github-information.js: -------------------------------------------------------------------------------- 1 | function userInformationHTML(user) { 2 | return ` 3 |

    ${user.name} 4 | 5 | (@${user.login}) 6 | 7 |

    8 |
    9 |
    10 | 11 | ${user.login} 12 | 13 |
    14 |

    Followers: ${user.followers} - Following ${user.following}
    Repos: ${user.public_repos}

    15 |
    `; 16 | } 17 | 18 | function repoInformationHTML(repos) { 19 | if (repos.length == 0) { 20 | return `
    No repos!
    `; 21 | } 22 | 23 | var listItemsHTML = repos.map(function(repo) { 24 | return `
  • 25 | ${repo.name} 26 |
    • `; 27 | }); 28 | 29 | return `
    30 |

    31 | Repo List: 32 |

    33 | 36 |
    `; 37 | } 38 | 39 | function fetchGitHubInformation(event) { 40 | $("#gh-user-data").html(""); 41 | $("#gh-repo-data").html(""); 42 | 43 | var username = $("#gh-username").val(); 44 | if (!username) { 45 | $("#gh-user-data").html(`

    Please enter a GitHub username

    `); 46 | return; 47 | } 48 | 49 | $("#gh-user-data").html( 50 | `
    51 | loading... 52 |
    `); 53 | 54 | $.when( 55 | $.getJSON(`https://api.github.com/users/${username}`), 56 | $.getJSON(`https://api.github.com/users/${username}/repos`) 57 | ).then( 58 | function(firstResponse, secondResponse) { 59 | var userData = firstResponse[0]; 60 | var repoData = secondResponse[0]; 61 | $("#gh-user-data").html(userInformationHTML(userData)); 62 | $("#gh-repo-data").html(repoInformationHTML(repoData)); 63 | }, 64 | function(errorResponse) { 65 | if (errorResponse.status === 404) { 66 | $("#gh-user-data").html( 67 | `

    No info found for user ${username}

    `); 68 | } else if (errorResponse.status === 403) { 69 | var resetTime = new Date(errorResponse.getResponseHeader('X-RateLimit-Reset') * 1000); 70 | $("#gh-user-data").html(`

    Too many requests, please wait until ${resetTime.toLocaleTimeString()}

    `); 71 | } else { 72 | console.log(errorResponse); 73 | $("#gh-user-data").html( 74 | `

    Error: ${errorResponse.responseJSON.message}

    `); 75 | } 76 | }); 77 | } 78 | 79 | $(document).ready(fetchGitHubInformation); -------------------------------------------------------------------------------- /02-TheGitHubAPI/01-github_form/assets/css/github-styles.css: -------------------------------------------------------------------------------- 1 | @import url('http://fonts.googleapis.com/css?family=Roboto'); 2 | 3 | br { 4 | display: block; 5 | line-height: 1.6em; 6 | } 7 | 8 | 9 | 10 | ol, 11 | ul { 12 | list-style: none; 13 | } 14 | 15 | input, 16 | textarea { 17 | -webkit-font-smoothing: antialiased; 18 | -webkit-text-size-adjust: 100%; 19 | -ms-text-size-adjust: 100%; 20 | -webkit-box-sizing: border-box; 21 | -moz-box-sizing: border-box; 22 | box-sizing: border-box; 23 | outline: none; 24 | } 25 | 26 | blockquote, 27 | q { 28 | quotes: none; 29 | } 30 | 31 | blockquote:before, 32 | blockquote:after, 33 | q:before, 34 | q:after { 35 | content: ''; 36 | content: none; 37 | } 38 | 39 | strong, 40 | b { 41 | font-weight: bold; 42 | } 43 | 44 | table { 45 | border-collapse: collapse; 46 | border-spacing: 0; 47 | } 48 | 49 | img { 50 | border: 0; 51 | max-width: 100%; 52 | } 53 | 54 | 55 | 56 | /* page structure */ 57 | 58 | #search-area { 59 | display: block; 60 | max-width: 70%; 61 | margin: 0 auto; 62 | background: #fff; 63 | padding: 15px 25px; 64 | -webkit-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 65 | -moz-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 66 | box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 67 | -webkit-border-radius: 4px; 68 | -moz-border-radius: 4px; 69 | border-radius: 4px; 70 | } 71 | 72 | #gh-api-data { 73 | display: block; 74 | padding: 25px 0; 75 | } 76 | 77 | #loader { 78 | display: block; 79 | width: 200px; 80 | height: 200px; 81 | margin: 0 auto; 82 | } 83 | 84 | 85 | /* page content styles */ 86 | 87 | .small-name { 88 | font-size: 0.75em; 89 | color: #a9a9a9; 90 | font-style: italic; 91 | } 92 | 93 | .avi { 94 | float: left; 95 | margin-right: 7px; 96 | margin-bottom: 7px; 97 | } 98 | 99 | .avi img { 100 | border: 1px solid #ccc; 101 | padding: 3px; 102 | } 103 | 104 | .repo-list { 105 | display: block; 106 | clear: both; 107 | width: 100%; 108 | } 109 | 110 | .repo-list ul { 111 | font-size: 1.2em; 112 | } 113 | 114 | .repo-list ul li { 115 | display: block; 116 | } 117 | 118 | .repo-list ul li a { 119 | font-weight: bold; 120 | padding: 6px 9px; 121 | display: block; 122 | float: left; 123 | margin-right: 10px; 124 | margin-bottom: 10px; 125 | text-decoration: none; 126 | border: 1px solid #356492; 127 | -webkit-border-radius: 3px; 128 | -moz-border-radius: 3px; 129 | border-radius: 3px; 130 | color: #fff; 131 | background-color: #3673af; 132 | background-image: -webkit-gradient(linear, left top, left bottom, from(#5597d8), to(#3673af)); 133 | background-image: -webkit-linear-gradient(top, #5597d8, #3673af); 134 | background-image: -moz-linear-gradient(top, #5597d8, #3673af); 135 | background-image: -ms-linear-gradient(top, #5597d8, #3673af); 136 | background-image: -o-linear-gradient(top, #5597d8, #3673af); 137 | background-image: linear-gradient(top, #5597d8, #3673af); 138 | } 139 | 140 | .repo-list ul li a:hover { 141 | background-color: #396895; 142 | background-image: -webkit-gradient(linear, left top, left bottom, from(#4b87c2), to(#396895)); 143 | background-image: -webkit-linear-gradient(top, #4b87c2, #396895); 144 | background-image: -moz-linear-gradient(top, #4b87c2, #396895); 145 | background-image: -ms-linear-gradient(top, #4b87c2, #396895); 146 | background-image: -o-linear-gradient(top, #4b87c2, #396895); 147 | background-image: linear-gradient(top, #4b87c2, #396895); 148 | } 149 | 150 | .repo-list ul li a:active { 151 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 152 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 153 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 154 | } 155 | 156 | .repo-list ul li a span { 157 | font-family: "Courier New", Courier, "Lucida Typewriter", monospace; 158 | font-size: 0.9em; 159 | } 160 | 161 | /* input field */ 162 | 163 | #gh-username { 164 | display: block; 165 | padding: 5px 8px; 166 | font-size: 1.4em; 167 | color: #666; 168 | max-width: 550px; 169 | margin-bottom: 15px; 170 | } 171 | 172 | #gh-submit { 173 | display: inline-block; 174 | padding: 8px 18px; 175 | font-size: 14px; 176 | font-weight: bold; 177 | color: #444; 178 | text-decoration: none; 179 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 180 | background-color: #eaeaea; 181 | background-image: -webkit-linear-gradient(#fafafa, #eaeaea); 182 | background-image: -moz-linear-gradient(#fafafa, #eaeaea); 183 | background-image: -ms-linear-gradient(top, #fafafa, #eaeaea); 184 | background-image: -o-linear-gradient(top, #fafafa, #eaeaea); 185 | background-image: linear-gradient(#fafafa, #eaeaea); 186 | border-radius: 3px; 187 | border: 1px solid #ddd; 188 | border-bottom-color: #c5c5c5; 189 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 190 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 191 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 192 | } 193 | 194 | #gh-submit:hover { 195 | background-color: #dadada; 196 | background-image: -webkit-linear-gradient(#eaeaea, #dadada); 197 | background-image: -moz-linear-gradient(#eaeaea, #dadada); 198 | background-image: -ms-linear-gradient(top, #eaeaea, #dadada); 199 | background-image: -o-linear-gradient(top, #eaeaea, #dadada); 200 | background-image: linear-gradient(#eaeaea, #dadada); 201 | border-color: #ccc #ccc #b5b5b5; 202 | } 203 | 204 | #gh-submit:active { 205 | background-color: #dadada; 206 | background-image: none; 207 | border-color: #b5b5b5; 208 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 209 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 210 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 211 | } -------------------------------------------------------------------------------- /02-TheGitHubAPI/08-api_throttling/assets/css/github-styles.css: -------------------------------------------------------------------------------- 1 | @import url('http://fonts.googleapis.com/css?family=Roboto'); 2 | 3 | br { 4 | display: block; 5 | line-height: 1.6em; 6 | } 7 | 8 | 9 | 10 | ol, 11 | ul { 12 | list-style: none; 13 | } 14 | 15 | input, 16 | textarea { 17 | -webkit-font-smoothing: antialiased; 18 | -webkit-text-size-adjust: 100%; 19 | -ms-text-size-adjust: 100%; 20 | -webkit-box-sizing: border-box; 21 | -moz-box-sizing: border-box; 22 | box-sizing: border-box; 23 | outline: none; 24 | } 25 | 26 | blockquote, 27 | q { 28 | quotes: none; 29 | } 30 | 31 | blockquote:before, 32 | blockquote:after, 33 | q:before, 34 | q:after { 35 | content: ''; 36 | content: none; 37 | } 38 | 39 | strong, 40 | b { 41 | font-weight: bold; 42 | } 43 | 44 | table { 45 | border-collapse: collapse; 46 | border-spacing: 0; 47 | } 48 | 49 | img { 50 | border: 0; 51 | max-width: 100%; 52 | } 53 | 54 | 55 | 56 | /* page structure */ 57 | 58 | #search-area { 59 | display: block; 60 | max-width: 70%; 61 | margin: 0 auto; 62 | background: #fff; 63 | padding: 15px 25px; 64 | -webkit-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 65 | -moz-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 66 | box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 67 | -webkit-border-radius: 4px; 68 | -moz-border-radius: 4px; 69 | border-radius: 4px; 70 | } 71 | 72 | #gh-api-data { 73 | display: block; 74 | padding: 25px 0; 75 | } 76 | 77 | #loader { 78 | display: block; 79 | width: 200px; 80 | height: 200px; 81 | margin: 0 auto; 82 | } 83 | 84 | 85 | /* page content styles */ 86 | 87 | .small-name { 88 | font-size: 0.75em; 89 | color: #a9a9a9; 90 | font-style: italic; 91 | } 92 | 93 | .avi { 94 | float: left; 95 | margin-right: 7px; 96 | margin-bottom: 7px; 97 | } 98 | 99 | .avi img { 100 | border: 1px solid #ccc; 101 | padding: 3px; 102 | } 103 | 104 | .repo-list { 105 | display: block; 106 | clear: both; 107 | width: 100%; 108 | } 109 | 110 | .repo-list ul { 111 | font-size: 1.2em; 112 | } 113 | 114 | .repo-list ul li { 115 | display: block; 116 | } 117 | 118 | .repo-list ul li a { 119 | font-weight: bold; 120 | padding: 6px 9px; 121 | display: block; 122 | float: left; 123 | margin-right: 10px; 124 | margin-bottom: 10px; 125 | text-decoration: none; 126 | border: 1px solid #356492; 127 | -webkit-border-radius: 3px; 128 | -moz-border-radius: 3px; 129 | border-radius: 3px; 130 | color: #fff; 131 | background-color: #3673af; 132 | background-image: -webkit-gradient(linear, left top, left bottom, from(#5597d8), to(#3673af)); 133 | background-image: -webkit-linear-gradient(top, #5597d8, #3673af); 134 | background-image: -moz-linear-gradient(top, #5597d8, #3673af); 135 | background-image: -ms-linear-gradient(top, #5597d8, #3673af); 136 | background-image: -o-linear-gradient(top, #5597d8, #3673af); 137 | background-image: linear-gradient(top, #5597d8, #3673af); 138 | } 139 | 140 | .repo-list ul li a:hover { 141 | background-color: #396895; 142 | background-image: -webkit-gradient(linear, left top, left bottom, from(#4b87c2), to(#396895)); 143 | background-image: -webkit-linear-gradient(top, #4b87c2, #396895); 144 | background-image: -moz-linear-gradient(top, #4b87c2, #396895); 145 | background-image: -ms-linear-gradient(top, #4b87c2, #396895); 146 | background-image: -o-linear-gradient(top, #4b87c2, #396895); 147 | background-image: linear-gradient(top, #4b87c2, #396895); 148 | } 149 | 150 | .repo-list ul li a:active { 151 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 152 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 153 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 154 | } 155 | 156 | .repo-list ul li a span { 157 | font-family: "Courier New", Courier, "Lucida Typewriter", monospace; 158 | font-size: 0.9em; 159 | } 160 | 161 | /* input field */ 162 | 163 | #gh-username { 164 | display: block; 165 | padding: 5px 8px; 166 | font-size: 1.4em; 167 | color: #666; 168 | max-width: 550px; 169 | margin-bottom: 15px; 170 | } 171 | 172 | #gh-submit { 173 | display: inline-block; 174 | padding: 8px 18px; 175 | font-size: 14px; 176 | font-weight: bold; 177 | color: #444; 178 | text-decoration: none; 179 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 180 | background-color: #eaeaea; 181 | background-image: -webkit-linear-gradient(#fafafa, #eaeaea); 182 | background-image: -moz-linear-gradient(#fafafa, #eaeaea); 183 | background-image: -ms-linear-gradient(top, #fafafa, #eaeaea); 184 | background-image: -o-linear-gradient(top, #fafafa, #eaeaea); 185 | background-image: linear-gradient(#fafafa, #eaeaea); 186 | border-radius: 3px; 187 | border: 1px solid #ddd; 188 | border-bottom-color: #c5c5c5; 189 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 190 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 191 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 192 | } 193 | 194 | #gh-submit:hover { 195 | background-color: #dadada; 196 | background-image: -webkit-linear-gradient(#eaeaea, #dadada); 197 | background-image: -moz-linear-gradient(#eaeaea, #dadada); 198 | background-image: -ms-linear-gradient(top, #eaeaea, #dadada); 199 | background-image: -o-linear-gradient(top, #eaeaea, #dadada); 200 | background-image: linear-gradient(#eaeaea, #dadada); 201 | border-color: #ccc #ccc #b5b5b5; 202 | } 203 | 204 | #gh-submit:active { 205 | background-color: #dadada; 206 | background-image: none; 207 | border-color: #b5b5b5; 208 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 209 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 210 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 211 | } -------------------------------------------------------------------------------- /01-GoogleMaps/04-rendering_the_map/assets/css/github-styles.css: -------------------------------------------------------------------------------- 1 | @import url('http://fonts.googleapis.com/css?family=Roboto'); 2 | 3 | br { 4 | display: block; 5 | line-height: 1.6em; 6 | } 7 | 8 | 9 | 10 | ol, 11 | ul { 12 | list-style: none; 13 | } 14 | 15 | input, 16 | textarea { 17 | -webkit-font-smoothing: antialiased; 18 | -webkit-text-size-adjust: 100%; 19 | -ms-text-size-adjust: 100%; 20 | -webkit-box-sizing: border-box; 21 | -moz-box-sizing: border-box; 22 | box-sizing: border-box; 23 | outline: none; 24 | } 25 | 26 | blockquote, 27 | q { 28 | quotes: none; 29 | } 30 | 31 | blockquote:before, 32 | blockquote:after, 33 | q:before, 34 | q:after { 35 | content: ''; 36 | content: none; 37 | } 38 | 39 | strong, 40 | b { 41 | font-weight: bold; 42 | } 43 | 44 | table { 45 | border-collapse: collapse; 46 | border-spacing: 0; 47 | } 48 | 49 | img { 50 | border: 0; 51 | max-width: 100%; 52 | } 53 | 54 | 55 | 56 | /* page structure */ 57 | 58 | #search-area { 59 | display: block; 60 | max-width: 70%; 61 | margin: 0 auto; 62 | background: #fff; 63 | padding: 15px 25px; 64 | -webkit-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 65 | -moz-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 66 | box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 67 | -webkit-border-radius: 4px; 68 | -moz-border-radius: 4px; 69 | border-radius: 4px; 70 | } 71 | 72 | #gh-api-data { 73 | display: block; 74 | padding: 25px 0; 75 | } 76 | 77 | #loader { 78 | display: block; 79 | width: 200px; 80 | height: 200px; 81 | margin: 0 auto; 82 | } 83 | 84 | 85 | /* page content styles */ 86 | 87 | .small-name { 88 | font-size: 0.75em; 89 | color: #a9a9a9; 90 | font-style: italic; 91 | } 92 | 93 | .avi { 94 | float: left; 95 | margin-right: 7px; 96 | margin-bottom: 7px; 97 | } 98 | 99 | .avi img { 100 | border: 1px solid #ccc; 101 | padding: 3px; 102 | } 103 | 104 | .repo-list { 105 | display: block; 106 | clear: both; 107 | width: 100%; 108 | } 109 | 110 | .repo-list ul { 111 | font-size: 1.2em; 112 | } 113 | 114 | .repo-list ul li { 115 | display: block; 116 | } 117 | 118 | .repo-list ul li a { 119 | font-weight: bold; 120 | padding: 6px 9px; 121 | display: block; 122 | float: left; 123 | margin-right: 10px; 124 | margin-bottom: 10px; 125 | text-decoration: none; 126 | border: 1px solid #356492; 127 | -webkit-border-radius: 3px; 128 | -moz-border-radius: 3px; 129 | border-radius: 3px; 130 | color: #fff; 131 | background-color: #3673af; 132 | background-image: -webkit-gradient(linear, left top, left bottom, from(#5597d8), to(#3673af)); 133 | background-image: -webkit-linear-gradient(top, #5597d8, #3673af); 134 | background-image: -moz-linear-gradient(top, #5597d8, #3673af); 135 | background-image: -ms-linear-gradient(top, #5597d8, #3673af); 136 | background-image: -o-linear-gradient(top, #5597d8, #3673af); 137 | background-image: linear-gradient(top, #5597d8, #3673af); 138 | } 139 | 140 | .repo-list ul li a:hover { 141 | background-color: #396895; 142 | background-image: -webkit-gradient(linear, left top, left bottom, from(#4b87c2), to(#396895)); 143 | background-image: -webkit-linear-gradient(top, #4b87c2, #396895); 144 | background-image: -moz-linear-gradient(top, #4b87c2, #396895); 145 | background-image: -ms-linear-gradient(top, #4b87c2, #396895); 146 | background-image: -o-linear-gradient(top, #4b87c2, #396895); 147 | background-image: linear-gradient(top, #4b87c2, #396895); 148 | } 149 | 150 | .repo-list ul li a:active { 151 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 152 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 153 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 154 | } 155 | 156 | .repo-list ul li a span { 157 | font-family: "Courier New", Courier, "Lucida Typewriter", monospace; 158 | font-size: 0.9em; 159 | } 160 | 161 | /* input field */ 162 | 163 | #gh-username { 164 | display: block; 165 | padding: 5px 8px; 166 | font-size: 1.4em; 167 | color: #666; 168 | max-width: 550px; 169 | margin-bottom: 15px; 170 | } 171 | 172 | #gh-submit { 173 | display: inline-block; 174 | padding: 8px 18px; 175 | font-size: 14px; 176 | font-weight: bold; 177 | color: #444; 178 | text-decoration: none; 179 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 180 | background-color: #eaeaea; 181 | background-image: -webkit-linear-gradient(#fafafa, #eaeaea); 182 | background-image: -moz-linear-gradient(#fafafa, #eaeaea); 183 | background-image: -ms-linear-gradient(top, #fafafa, #eaeaea); 184 | background-image: -o-linear-gradient(top, #fafafa, #eaeaea); 185 | background-image: linear-gradient(#fafafa, #eaeaea); 186 | border-radius: 3px; 187 | border: 1px solid #ddd; 188 | border-bottom-color: #c5c5c5; 189 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 190 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 191 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 192 | } 193 | 194 | #gh-submit:hover { 195 | background-color: #dadada; 196 | background-image: -webkit-linear-gradient(#eaeaea, #dadada); 197 | background-image: -moz-linear-gradient(#eaeaea, #dadada); 198 | background-image: -ms-linear-gradient(top, #eaeaea, #dadada); 199 | background-image: -o-linear-gradient(top, #eaeaea, #dadada); 200 | background-image: linear-gradient(#eaeaea, #dadada); 201 | border-color: #ccc #ccc #b5b5b5; 202 | } 203 | 204 | #gh-submit:active { 205 | background-color: #dadada; 206 | background-image: none; 207 | border-color: #b5b5b5; 208 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 209 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 210 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 211 | } -------------------------------------------------------------------------------- /02-TheGitHubAPI/03-making_promises/assets/css/github-styles.css: -------------------------------------------------------------------------------- 1 | @import url('http://fonts.googleapis.com/css?family=Roboto'); 2 | 3 | br { 4 | display: block; 5 | line-height: 1.6em; 6 | } 7 | 8 | 9 | 10 | ol, 11 | ul { 12 | list-style: none; 13 | } 14 | 15 | input, 16 | textarea { 17 | -webkit-font-smoothing: antialiased; 18 | -webkit-text-size-adjust: 100%; 19 | -ms-text-size-adjust: 100%; 20 | -webkit-box-sizing: border-box; 21 | -moz-box-sizing: border-box; 22 | box-sizing: border-box; 23 | outline: none; 24 | } 25 | 26 | blockquote, 27 | q { 28 | quotes: none; 29 | } 30 | 31 | blockquote:before, 32 | blockquote:after, 33 | q:before, 34 | q:after { 35 | content: ''; 36 | content: none; 37 | } 38 | 39 | strong, 40 | b { 41 | font-weight: bold; 42 | } 43 | 44 | table { 45 | border-collapse: collapse; 46 | border-spacing: 0; 47 | } 48 | 49 | img { 50 | border: 0; 51 | max-width: 100%; 52 | } 53 | 54 | 55 | 56 | /* page structure */ 57 | 58 | #search-area { 59 | display: block; 60 | max-width: 70%; 61 | margin: 0 auto; 62 | background: #fff; 63 | padding: 15px 25px; 64 | -webkit-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 65 | -moz-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 66 | box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 67 | -webkit-border-radius: 4px; 68 | -moz-border-radius: 4px; 69 | border-radius: 4px; 70 | } 71 | 72 | #gh-api-data { 73 | display: block; 74 | padding: 25px 0; 75 | } 76 | 77 | #loader { 78 | display: block; 79 | width: 200px; 80 | height: 200px; 81 | margin: 0 auto; 82 | } 83 | 84 | 85 | /* page content styles */ 86 | 87 | .small-name { 88 | font-size: 0.75em; 89 | color: #a9a9a9; 90 | font-style: italic; 91 | } 92 | 93 | .avi { 94 | float: left; 95 | margin-right: 7px; 96 | margin-bottom: 7px; 97 | } 98 | 99 | .avi img { 100 | border: 1px solid #ccc; 101 | padding: 3px; 102 | } 103 | 104 | .repo-list { 105 | display: block; 106 | clear: both; 107 | width: 100%; 108 | } 109 | 110 | .repo-list ul { 111 | font-size: 1.2em; 112 | } 113 | 114 | .repo-list ul li { 115 | display: block; 116 | } 117 | 118 | .repo-list ul li a { 119 | font-weight: bold; 120 | padding: 6px 9px; 121 | display: block; 122 | float: left; 123 | margin-right: 10px; 124 | margin-bottom: 10px; 125 | text-decoration: none; 126 | border: 1px solid #356492; 127 | -webkit-border-radius: 3px; 128 | -moz-border-radius: 3px; 129 | border-radius: 3px; 130 | color: #fff; 131 | background-color: #3673af; 132 | background-image: -webkit-gradient(linear, left top, left bottom, from(#5597d8), to(#3673af)); 133 | background-image: -webkit-linear-gradient(top, #5597d8, #3673af); 134 | background-image: -moz-linear-gradient(top, #5597d8, #3673af); 135 | background-image: -ms-linear-gradient(top, #5597d8, #3673af); 136 | background-image: -o-linear-gradient(top, #5597d8, #3673af); 137 | background-image: linear-gradient(top, #5597d8, #3673af); 138 | } 139 | 140 | .repo-list ul li a:hover { 141 | background-color: #396895; 142 | background-image: -webkit-gradient(linear, left top, left bottom, from(#4b87c2), to(#396895)); 143 | background-image: -webkit-linear-gradient(top, #4b87c2, #396895); 144 | background-image: -moz-linear-gradient(top, #4b87c2, #396895); 145 | background-image: -ms-linear-gradient(top, #4b87c2, #396895); 146 | background-image: -o-linear-gradient(top, #4b87c2, #396895); 147 | background-image: linear-gradient(top, #4b87c2, #396895); 148 | } 149 | 150 | .repo-list ul li a:active { 151 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 152 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 153 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 154 | } 155 | 156 | .repo-list ul li a span { 157 | font-family: "Courier New", Courier, "Lucida Typewriter", monospace; 158 | font-size: 0.9em; 159 | } 160 | 161 | /* input field */ 162 | 163 | #gh-username { 164 | display: block; 165 | padding: 5px 8px; 166 | font-size: 1.4em; 167 | color: #666; 168 | max-width: 550px; 169 | margin-bottom: 15px; 170 | } 171 | 172 | #gh-submit { 173 | display: inline-block; 174 | padding: 8px 18px; 175 | font-size: 14px; 176 | font-weight: bold; 177 | color: #444; 178 | text-decoration: none; 179 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 180 | background-color: #eaeaea; 181 | background-image: -webkit-linear-gradient(#fafafa, #eaeaea); 182 | background-image: -moz-linear-gradient(#fafafa, #eaeaea); 183 | background-image: -ms-linear-gradient(top, #fafafa, #eaeaea); 184 | background-image: -o-linear-gradient(top, #fafafa, #eaeaea); 185 | background-image: linear-gradient(#fafafa, #eaeaea); 186 | border-radius: 3px; 187 | border: 1px solid #ddd; 188 | border-bottom-color: #c5c5c5; 189 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 190 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 191 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 192 | } 193 | 194 | #gh-submit:hover { 195 | background-color: #dadada; 196 | background-image: -webkit-linear-gradient(#eaeaea, #dadada); 197 | background-image: -moz-linear-gradient(#eaeaea, #dadada); 198 | background-image: -ms-linear-gradient(top, #eaeaea, #dadada); 199 | background-image: -o-linear-gradient(top, #eaeaea, #dadada); 200 | background-image: linear-gradient(#eaeaea, #dadada); 201 | border-color: #ccc #ccc #b5b5b5; 202 | } 203 | 204 | #gh-submit:active { 205 | background-color: #dadada; 206 | background-image: none; 207 | border-color: #b5b5b5; 208 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 209 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 210 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 211 | } -------------------------------------------------------------------------------- /02-TheGitHubAPI/04-rendering_user_data/assets/css/github-styles.css: -------------------------------------------------------------------------------- 1 | @import url('http://fonts.googleapis.com/css?family=Roboto'); 2 | 3 | br { 4 | display: block; 5 | line-height: 1.6em; 6 | } 7 | 8 | 9 | 10 | ol, 11 | ul { 12 | list-style: none; 13 | } 14 | 15 | input, 16 | textarea { 17 | -webkit-font-smoothing: antialiased; 18 | -webkit-text-size-adjust: 100%; 19 | -ms-text-size-adjust: 100%; 20 | -webkit-box-sizing: border-box; 21 | -moz-box-sizing: border-box; 22 | box-sizing: border-box; 23 | outline: none; 24 | } 25 | 26 | blockquote, 27 | q { 28 | quotes: none; 29 | } 30 | 31 | blockquote:before, 32 | blockquote:after, 33 | q:before, 34 | q:after { 35 | content: ''; 36 | content: none; 37 | } 38 | 39 | strong, 40 | b { 41 | font-weight: bold; 42 | } 43 | 44 | table { 45 | border-collapse: collapse; 46 | border-spacing: 0; 47 | } 48 | 49 | img { 50 | border: 0; 51 | max-width: 100%; 52 | } 53 | 54 | 55 | 56 | /* page structure */ 57 | 58 | #search-area { 59 | display: block; 60 | max-width: 70%; 61 | margin: 0 auto; 62 | background: #fff; 63 | padding: 15px 25px; 64 | -webkit-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 65 | -moz-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 66 | box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 67 | -webkit-border-radius: 4px; 68 | -moz-border-radius: 4px; 69 | border-radius: 4px; 70 | } 71 | 72 | #gh-api-data { 73 | display: block; 74 | padding: 25px 0; 75 | } 76 | 77 | #loader { 78 | display: block; 79 | width: 200px; 80 | height: 200px; 81 | margin: 0 auto; 82 | } 83 | 84 | 85 | /* page content styles */ 86 | 87 | .small-name { 88 | font-size: 0.75em; 89 | color: #a9a9a9; 90 | font-style: italic; 91 | } 92 | 93 | .avi { 94 | float: left; 95 | margin-right: 7px; 96 | margin-bottom: 7px; 97 | } 98 | 99 | .avi img { 100 | border: 1px solid #ccc; 101 | padding: 3px; 102 | } 103 | 104 | .repo-list { 105 | display: block; 106 | clear: both; 107 | width: 100%; 108 | } 109 | 110 | .repo-list ul { 111 | font-size: 1.2em; 112 | } 113 | 114 | .repo-list ul li { 115 | display: block; 116 | } 117 | 118 | .repo-list ul li a { 119 | font-weight: bold; 120 | padding: 6px 9px; 121 | display: block; 122 | float: left; 123 | margin-right: 10px; 124 | margin-bottom: 10px; 125 | text-decoration: none; 126 | border: 1px solid #356492; 127 | -webkit-border-radius: 3px; 128 | -moz-border-radius: 3px; 129 | border-radius: 3px; 130 | color: #fff; 131 | background-color: #3673af; 132 | background-image: -webkit-gradient(linear, left top, left bottom, from(#5597d8), to(#3673af)); 133 | background-image: -webkit-linear-gradient(top, #5597d8, #3673af); 134 | background-image: -moz-linear-gradient(top, #5597d8, #3673af); 135 | background-image: -ms-linear-gradient(top, #5597d8, #3673af); 136 | background-image: -o-linear-gradient(top, #5597d8, #3673af); 137 | background-image: linear-gradient(top, #5597d8, #3673af); 138 | } 139 | 140 | .repo-list ul li a:hover { 141 | background-color: #396895; 142 | background-image: -webkit-gradient(linear, left top, left bottom, from(#4b87c2), to(#396895)); 143 | background-image: -webkit-linear-gradient(top, #4b87c2, #396895); 144 | background-image: -moz-linear-gradient(top, #4b87c2, #396895); 145 | background-image: -ms-linear-gradient(top, #4b87c2, #396895); 146 | background-image: -o-linear-gradient(top, #4b87c2, #396895); 147 | background-image: linear-gradient(top, #4b87c2, #396895); 148 | } 149 | 150 | .repo-list ul li a:active { 151 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 152 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 153 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 154 | } 155 | 156 | .repo-list ul li a span { 157 | font-family: "Courier New", Courier, "Lucida Typewriter", monospace; 158 | font-size: 0.9em; 159 | } 160 | 161 | /* input field */ 162 | 163 | #gh-username { 164 | display: block; 165 | padding: 5px 8px; 166 | font-size: 1.4em; 167 | color: #666; 168 | max-width: 550px; 169 | margin-bottom: 15px; 170 | } 171 | 172 | #gh-submit { 173 | display: inline-block; 174 | padding: 8px 18px; 175 | font-size: 14px; 176 | font-weight: bold; 177 | color: #444; 178 | text-decoration: none; 179 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 180 | background-color: #eaeaea; 181 | background-image: -webkit-linear-gradient(#fafafa, #eaeaea); 182 | background-image: -moz-linear-gradient(#fafafa, #eaeaea); 183 | background-image: -ms-linear-gradient(top, #fafafa, #eaeaea); 184 | background-image: -o-linear-gradient(top, #fafafa, #eaeaea); 185 | background-image: linear-gradient(#fafafa, #eaeaea); 186 | border-radius: 3px; 187 | border: 1px solid #ddd; 188 | border-bottom-color: #c5c5c5; 189 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 190 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 191 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 192 | } 193 | 194 | #gh-submit:hover { 195 | background-color: #dadada; 196 | background-image: -webkit-linear-gradient(#eaeaea, #dadada); 197 | background-image: -moz-linear-gradient(#eaeaea, #dadada); 198 | background-image: -ms-linear-gradient(top, #eaeaea, #dadada); 199 | background-image: -o-linear-gradient(top, #eaeaea, #dadada); 200 | background-image: linear-gradient(#eaeaea, #dadada); 201 | border-color: #ccc #ccc #b5b5b5; 202 | } 203 | 204 | #gh-submit:active { 205 | background-color: #dadada; 206 | background-image: none; 207 | border-color: #b5b5b5; 208 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 209 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 210 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 211 | } -------------------------------------------------------------------------------- /02-TheGitHubAPI/06-rendering_repo_data/assets/css/github-styles.css: -------------------------------------------------------------------------------- 1 | @import url('http://fonts.googleapis.com/css?family=Roboto'); 2 | 3 | br { 4 | display: block; 5 | line-height: 1.6em; 6 | } 7 | 8 | 9 | 10 | ol, 11 | ul { 12 | list-style: none; 13 | } 14 | 15 | input, 16 | textarea { 17 | -webkit-font-smoothing: antialiased; 18 | -webkit-text-size-adjust: 100%; 19 | -ms-text-size-adjust: 100%; 20 | -webkit-box-sizing: border-box; 21 | -moz-box-sizing: border-box; 22 | box-sizing: border-box; 23 | outline: none; 24 | } 25 | 26 | blockquote, 27 | q { 28 | quotes: none; 29 | } 30 | 31 | blockquote:before, 32 | blockquote:after, 33 | q:before, 34 | q:after { 35 | content: ''; 36 | content: none; 37 | } 38 | 39 | strong, 40 | b { 41 | font-weight: bold; 42 | } 43 | 44 | table { 45 | border-collapse: collapse; 46 | border-spacing: 0; 47 | } 48 | 49 | img { 50 | border: 0; 51 | max-width: 100%; 52 | } 53 | 54 | 55 | 56 | /* page structure */ 57 | 58 | #search-area { 59 | display: block; 60 | max-width: 70%; 61 | margin: 0 auto; 62 | background: #fff; 63 | padding: 15px 25px; 64 | -webkit-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 65 | -moz-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 66 | box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 67 | -webkit-border-radius: 4px; 68 | -moz-border-radius: 4px; 69 | border-radius: 4px; 70 | } 71 | 72 | #gh-api-data { 73 | display: block; 74 | padding: 25px 0; 75 | } 76 | 77 | #loader { 78 | display: block; 79 | width: 200px; 80 | height: 200px; 81 | margin: 0 auto; 82 | } 83 | 84 | 85 | /* page content styles */ 86 | 87 | .small-name { 88 | font-size: 0.75em; 89 | color: #a9a9a9; 90 | font-style: italic; 91 | } 92 | 93 | .avi { 94 | float: left; 95 | margin-right: 7px; 96 | margin-bottom: 7px; 97 | } 98 | 99 | .avi img { 100 | border: 1px solid #ccc; 101 | padding: 3px; 102 | } 103 | 104 | .repo-list { 105 | display: block; 106 | clear: both; 107 | width: 100%; 108 | } 109 | 110 | .repo-list ul { 111 | font-size: 1.2em; 112 | } 113 | 114 | .repo-list ul li { 115 | display: block; 116 | } 117 | 118 | .repo-list ul li a { 119 | font-weight: bold; 120 | padding: 6px 9px; 121 | display: block; 122 | float: left; 123 | margin-right: 10px; 124 | margin-bottom: 10px; 125 | text-decoration: none; 126 | border: 1px solid #356492; 127 | -webkit-border-radius: 3px; 128 | -moz-border-radius: 3px; 129 | border-radius: 3px; 130 | color: #fff; 131 | background-color: #3673af; 132 | background-image: -webkit-gradient(linear, left top, left bottom, from(#5597d8), to(#3673af)); 133 | background-image: -webkit-linear-gradient(top, #5597d8, #3673af); 134 | background-image: -moz-linear-gradient(top, #5597d8, #3673af); 135 | background-image: -ms-linear-gradient(top, #5597d8, #3673af); 136 | background-image: -o-linear-gradient(top, #5597d8, #3673af); 137 | background-image: linear-gradient(top, #5597d8, #3673af); 138 | } 139 | 140 | .repo-list ul li a:hover { 141 | background-color: #396895; 142 | background-image: -webkit-gradient(linear, left top, left bottom, from(#4b87c2), to(#396895)); 143 | background-image: -webkit-linear-gradient(top, #4b87c2, #396895); 144 | background-image: -moz-linear-gradient(top, #4b87c2, #396895); 145 | background-image: -ms-linear-gradient(top, #4b87c2, #396895); 146 | background-image: -o-linear-gradient(top, #4b87c2, #396895); 147 | background-image: linear-gradient(top, #4b87c2, #396895); 148 | } 149 | 150 | .repo-list ul li a:active { 151 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 152 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 153 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 154 | } 155 | 156 | .repo-list ul li a span { 157 | font-family: "Courier New", Courier, "Lucida Typewriter", monospace; 158 | font-size: 0.9em; 159 | } 160 | 161 | /* input field */ 162 | 163 | #gh-username { 164 | display: block; 165 | padding: 5px 8px; 166 | font-size: 1.4em; 167 | color: #666; 168 | max-width: 550px; 169 | margin-bottom: 15px; 170 | } 171 | 172 | #gh-submit { 173 | display: inline-block; 174 | padding: 8px 18px; 175 | font-size: 14px; 176 | font-weight: bold; 177 | color: #444; 178 | text-decoration: none; 179 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 180 | background-color: #eaeaea; 181 | background-image: -webkit-linear-gradient(#fafafa, #eaeaea); 182 | background-image: -moz-linear-gradient(#fafafa, #eaeaea); 183 | background-image: -ms-linear-gradient(top, #fafafa, #eaeaea); 184 | background-image: -o-linear-gradient(top, #fafafa, #eaeaea); 185 | background-image: linear-gradient(#fafafa, #eaeaea); 186 | border-radius: 3px; 187 | border: 1px solid #ddd; 188 | border-bottom-color: #c5c5c5; 189 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 190 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 191 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 192 | } 193 | 194 | #gh-submit:hover { 195 | background-color: #dadada; 196 | background-image: -webkit-linear-gradient(#eaeaea, #dadada); 197 | background-image: -moz-linear-gradient(#eaeaea, #dadada); 198 | background-image: -ms-linear-gradient(top, #eaeaea, #dadada); 199 | background-image: -o-linear-gradient(top, #eaeaea, #dadada); 200 | background-image: linear-gradient(#eaeaea, #dadada); 201 | border-color: #ccc #ccc #b5b5b5; 202 | } 203 | 204 | #gh-submit:active { 205 | background-color: #dadada; 206 | background-image: none; 207 | border-color: #b5b5b5; 208 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 209 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 210 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 211 | } -------------------------------------------------------------------------------- /02-TheGitHubAPI/07-lets_fix_some_bugs/assets/css/github-styles.css: -------------------------------------------------------------------------------- 1 | @import url('http://fonts.googleapis.com/css?family=Roboto'); 2 | 3 | br { 4 | display: block; 5 | line-height: 1.6em; 6 | } 7 | 8 | 9 | 10 | ol, 11 | ul { 12 | list-style: none; 13 | } 14 | 15 | input, 16 | textarea { 17 | -webkit-font-smoothing: antialiased; 18 | -webkit-text-size-adjust: 100%; 19 | -ms-text-size-adjust: 100%; 20 | -webkit-box-sizing: border-box; 21 | -moz-box-sizing: border-box; 22 | box-sizing: border-box; 23 | outline: none; 24 | } 25 | 26 | blockquote, 27 | q { 28 | quotes: none; 29 | } 30 | 31 | blockquote:before, 32 | blockquote:after, 33 | q:before, 34 | q:after { 35 | content: ''; 36 | content: none; 37 | } 38 | 39 | strong, 40 | b { 41 | font-weight: bold; 42 | } 43 | 44 | table { 45 | border-collapse: collapse; 46 | border-spacing: 0; 47 | } 48 | 49 | img { 50 | border: 0; 51 | max-width: 100%; 52 | } 53 | 54 | 55 | 56 | /* page structure */ 57 | 58 | #search-area { 59 | display: block; 60 | max-width: 70%; 61 | margin: 0 auto; 62 | background: #fff; 63 | padding: 15px 25px; 64 | -webkit-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 65 | -moz-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 66 | box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 67 | -webkit-border-radius: 4px; 68 | -moz-border-radius: 4px; 69 | border-radius: 4px; 70 | } 71 | 72 | #gh-api-data { 73 | display: block; 74 | padding: 25px 0; 75 | } 76 | 77 | #loader { 78 | display: block; 79 | width: 200px; 80 | height: 200px; 81 | margin: 0 auto; 82 | } 83 | 84 | 85 | /* page content styles */ 86 | 87 | .small-name { 88 | font-size: 0.75em; 89 | color: #a9a9a9; 90 | font-style: italic; 91 | } 92 | 93 | .avi { 94 | float: left; 95 | margin-right: 7px; 96 | margin-bottom: 7px; 97 | } 98 | 99 | .avi img { 100 | border: 1px solid #ccc; 101 | padding: 3px; 102 | } 103 | 104 | .repo-list { 105 | display: block; 106 | clear: both; 107 | width: 100%; 108 | } 109 | 110 | .repo-list ul { 111 | font-size: 1.2em; 112 | } 113 | 114 | .repo-list ul li { 115 | display: block; 116 | } 117 | 118 | .repo-list ul li a { 119 | font-weight: bold; 120 | padding: 6px 9px; 121 | display: block; 122 | float: left; 123 | margin-right: 10px; 124 | margin-bottom: 10px; 125 | text-decoration: none; 126 | border: 1px solid #356492; 127 | -webkit-border-radius: 3px; 128 | -moz-border-radius: 3px; 129 | border-radius: 3px; 130 | color: #fff; 131 | background-color: #3673af; 132 | background-image: -webkit-gradient(linear, left top, left bottom, from(#5597d8), to(#3673af)); 133 | background-image: -webkit-linear-gradient(top, #5597d8, #3673af); 134 | background-image: -moz-linear-gradient(top, #5597d8, #3673af); 135 | background-image: -ms-linear-gradient(top, #5597d8, #3673af); 136 | background-image: -o-linear-gradient(top, #5597d8, #3673af); 137 | background-image: linear-gradient(top, #5597d8, #3673af); 138 | } 139 | 140 | .repo-list ul li a:hover { 141 | background-color: #396895; 142 | background-image: -webkit-gradient(linear, left top, left bottom, from(#4b87c2), to(#396895)); 143 | background-image: -webkit-linear-gradient(top, #4b87c2, #396895); 144 | background-image: -moz-linear-gradient(top, #4b87c2, #396895); 145 | background-image: -ms-linear-gradient(top, #4b87c2, #396895); 146 | background-image: -o-linear-gradient(top, #4b87c2, #396895); 147 | background-image: linear-gradient(top, #4b87c2, #396895); 148 | } 149 | 150 | .repo-list ul li a:active { 151 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 152 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 153 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 154 | } 155 | 156 | .repo-list ul li a span { 157 | font-family: "Courier New", Courier, "Lucida Typewriter", monospace; 158 | font-size: 0.9em; 159 | } 160 | 161 | /* input field */ 162 | 163 | #gh-username { 164 | display: block; 165 | padding: 5px 8px; 166 | font-size: 1.4em; 167 | color: #666; 168 | max-width: 550px; 169 | margin-bottom: 15px; 170 | } 171 | 172 | #gh-submit { 173 | display: inline-block; 174 | padding: 8px 18px; 175 | font-size: 14px; 176 | font-weight: bold; 177 | color: #444; 178 | text-decoration: none; 179 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 180 | background-color: #eaeaea; 181 | background-image: -webkit-linear-gradient(#fafafa, #eaeaea); 182 | background-image: -moz-linear-gradient(#fafafa, #eaeaea); 183 | background-image: -ms-linear-gradient(top, #fafafa, #eaeaea); 184 | background-image: -o-linear-gradient(top, #fafafa, #eaeaea); 185 | background-image: linear-gradient(#fafafa, #eaeaea); 186 | border-radius: 3px; 187 | border: 1px solid #ddd; 188 | border-bottom-color: #c5c5c5; 189 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 190 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 191 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 192 | } 193 | 194 | #gh-submit:hover { 195 | background-color: #dadada; 196 | background-image: -webkit-linear-gradient(#eaeaea, #dadada); 197 | background-image: -moz-linear-gradient(#eaeaea, #dadada); 198 | background-image: -ms-linear-gradient(top, #eaeaea, #dadada); 199 | background-image: -o-linear-gradient(top, #eaeaea, #dadada); 200 | background-image: linear-gradient(#eaeaea, #dadada); 201 | border-color: #ccc #ccc #b5b5b5; 202 | } 203 | 204 | #gh-submit:active { 205 | background-color: #dadada; 206 | background-image: none; 207 | border-color: #b5b5b5; 208 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 209 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 210 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 211 | } -------------------------------------------------------------------------------- /01-GoogleMaps/01-adding_the_map_element/assets/css/github-styles.css: -------------------------------------------------------------------------------- 1 | @import url('http://fonts.googleapis.com/css?family=Roboto'); 2 | 3 | br { 4 | display: block; 5 | line-height: 1.6em; 6 | } 7 | 8 | 9 | 10 | ol, 11 | ul { 12 | list-style: none; 13 | } 14 | 15 | input, 16 | textarea { 17 | -webkit-font-smoothing: antialiased; 18 | -webkit-text-size-adjust: 100%; 19 | -ms-text-size-adjust: 100%; 20 | -webkit-box-sizing: border-box; 21 | -moz-box-sizing: border-box; 22 | box-sizing: border-box; 23 | outline: none; 24 | } 25 | 26 | blockquote, 27 | q { 28 | quotes: none; 29 | } 30 | 31 | blockquote:before, 32 | blockquote:after, 33 | q:before, 34 | q:after { 35 | content: ''; 36 | content: none; 37 | } 38 | 39 | strong, 40 | b { 41 | font-weight: bold; 42 | } 43 | 44 | table { 45 | border-collapse: collapse; 46 | border-spacing: 0; 47 | } 48 | 49 | img { 50 | border: 0; 51 | max-width: 100%; 52 | } 53 | 54 | 55 | 56 | /* page structure */ 57 | 58 | #search-area { 59 | display: block; 60 | max-width: 70%; 61 | margin: 0 auto; 62 | background: #fff; 63 | padding: 15px 25px; 64 | -webkit-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 65 | -moz-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 66 | box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 67 | -webkit-border-radius: 4px; 68 | -moz-border-radius: 4px; 69 | border-radius: 4px; 70 | } 71 | 72 | #gh-api-data { 73 | display: block; 74 | padding: 25px 0; 75 | } 76 | 77 | #loader { 78 | display: block; 79 | width: 200px; 80 | height: 200px; 81 | margin: 0 auto; 82 | } 83 | 84 | 85 | /* page content styles */ 86 | 87 | .small-name { 88 | font-size: 0.75em; 89 | color: #a9a9a9; 90 | font-style: italic; 91 | } 92 | 93 | .avi { 94 | float: left; 95 | margin-right: 7px; 96 | margin-bottom: 7px; 97 | } 98 | 99 | .avi img { 100 | border: 1px solid #ccc; 101 | padding: 3px; 102 | } 103 | 104 | .repo-list { 105 | display: block; 106 | clear: both; 107 | width: 100%; 108 | } 109 | 110 | .repo-list ul { 111 | font-size: 1.2em; 112 | } 113 | 114 | .repo-list ul li { 115 | display: block; 116 | } 117 | 118 | .repo-list ul li a { 119 | font-weight: bold; 120 | padding: 6px 9px; 121 | display: block; 122 | float: left; 123 | margin-right: 10px; 124 | margin-bottom: 10px; 125 | text-decoration: none; 126 | border: 1px solid #356492; 127 | -webkit-border-radius: 3px; 128 | -moz-border-radius: 3px; 129 | border-radius: 3px; 130 | color: #fff; 131 | background-color: #3673af; 132 | background-image: -webkit-gradient(linear, left top, left bottom, from(#5597d8), to(#3673af)); 133 | background-image: -webkit-linear-gradient(top, #5597d8, #3673af); 134 | background-image: -moz-linear-gradient(top, #5597d8, #3673af); 135 | background-image: -ms-linear-gradient(top, #5597d8, #3673af); 136 | background-image: -o-linear-gradient(top, #5597d8, #3673af); 137 | background-image: linear-gradient(top, #5597d8, #3673af); 138 | } 139 | 140 | .repo-list ul li a:hover { 141 | background-color: #396895; 142 | background-image: -webkit-gradient(linear, left top, left bottom, from(#4b87c2), to(#396895)); 143 | background-image: -webkit-linear-gradient(top, #4b87c2, #396895); 144 | background-image: -moz-linear-gradient(top, #4b87c2, #396895); 145 | background-image: -ms-linear-gradient(top, #4b87c2, #396895); 146 | background-image: -o-linear-gradient(top, #4b87c2, #396895); 147 | background-image: linear-gradient(top, #4b87c2, #396895); 148 | } 149 | 150 | .repo-list ul li a:active { 151 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 152 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 153 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 154 | } 155 | 156 | .repo-list ul li a span { 157 | font-family: "Courier New", Courier, "Lucida Typewriter", monospace; 158 | font-size: 0.9em; 159 | } 160 | 161 | /* input field */ 162 | 163 | #gh-username { 164 | display: block; 165 | padding: 5px 8px; 166 | font-size: 1.4em; 167 | color: #666; 168 | max-width: 550px; 169 | margin-bottom: 15px; 170 | } 171 | 172 | #gh-submit { 173 | display: inline-block; 174 | padding: 8px 18px; 175 | font-size: 14px; 176 | font-weight: bold; 177 | color: #444; 178 | text-decoration: none; 179 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 180 | background-color: #eaeaea; 181 | background-image: -webkit-linear-gradient(#fafafa, #eaeaea); 182 | background-image: -moz-linear-gradient(#fafafa, #eaeaea); 183 | background-image: -ms-linear-gradient(top, #fafafa, #eaeaea); 184 | background-image: -o-linear-gradient(top, #fafafa, #eaeaea); 185 | background-image: linear-gradient(#fafafa, #eaeaea); 186 | border-radius: 3px; 187 | border: 1px solid #ddd; 188 | border-bottom-color: #c5c5c5; 189 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 190 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 191 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 192 | } 193 | 194 | #gh-submit:hover { 195 | background-color: #dadada; 196 | background-image: -webkit-linear-gradient(#eaeaea, #dadada); 197 | background-image: -moz-linear-gradient(#eaeaea, #dadada); 198 | background-image: -ms-linear-gradient(top, #eaeaea, #dadada); 199 | background-image: -o-linear-gradient(top, #eaeaea, #dadada); 200 | background-image: linear-gradient(#eaeaea, #dadada); 201 | border-color: #ccc #ccc #b5b5b5; 202 | } 203 | 204 | #gh-submit:active { 205 | background-color: #dadada; 206 | background-image: none; 207 | border-color: #b5b5b5; 208 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 209 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 210 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 211 | } -------------------------------------------------------------------------------- /01-GoogleMaps/03-referencing_the_js_files/assets/css/github-styles.css: -------------------------------------------------------------------------------- 1 | @import url('http://fonts.googleapis.com/css?family=Roboto'); 2 | 3 | br { 4 | display: block; 5 | line-height: 1.6em; 6 | } 7 | 8 | 9 | 10 | ol, 11 | ul { 12 | list-style: none; 13 | } 14 | 15 | input, 16 | textarea { 17 | -webkit-font-smoothing: antialiased; 18 | -webkit-text-size-adjust: 100%; 19 | -ms-text-size-adjust: 100%; 20 | -webkit-box-sizing: border-box; 21 | -moz-box-sizing: border-box; 22 | box-sizing: border-box; 23 | outline: none; 24 | } 25 | 26 | blockquote, 27 | q { 28 | quotes: none; 29 | } 30 | 31 | blockquote:before, 32 | blockquote:after, 33 | q:before, 34 | q:after { 35 | content: ''; 36 | content: none; 37 | } 38 | 39 | strong, 40 | b { 41 | font-weight: bold; 42 | } 43 | 44 | table { 45 | border-collapse: collapse; 46 | border-spacing: 0; 47 | } 48 | 49 | img { 50 | border: 0; 51 | max-width: 100%; 52 | } 53 | 54 | 55 | 56 | /* page structure */ 57 | 58 | #search-area { 59 | display: block; 60 | max-width: 70%; 61 | margin: 0 auto; 62 | background: #fff; 63 | padding: 15px 25px; 64 | -webkit-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 65 | -moz-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 66 | box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 67 | -webkit-border-radius: 4px; 68 | -moz-border-radius: 4px; 69 | border-radius: 4px; 70 | } 71 | 72 | #gh-api-data { 73 | display: block; 74 | padding: 25px 0; 75 | } 76 | 77 | #loader { 78 | display: block; 79 | width: 200px; 80 | height: 200px; 81 | margin: 0 auto; 82 | } 83 | 84 | 85 | /* page content styles */ 86 | 87 | .small-name { 88 | font-size: 0.75em; 89 | color: #a9a9a9; 90 | font-style: italic; 91 | } 92 | 93 | .avi { 94 | float: left; 95 | margin-right: 7px; 96 | margin-bottom: 7px; 97 | } 98 | 99 | .avi img { 100 | border: 1px solid #ccc; 101 | padding: 3px; 102 | } 103 | 104 | .repo-list { 105 | display: block; 106 | clear: both; 107 | width: 100%; 108 | } 109 | 110 | .repo-list ul { 111 | font-size: 1.2em; 112 | } 113 | 114 | .repo-list ul li { 115 | display: block; 116 | } 117 | 118 | .repo-list ul li a { 119 | font-weight: bold; 120 | padding: 6px 9px; 121 | display: block; 122 | float: left; 123 | margin-right: 10px; 124 | margin-bottom: 10px; 125 | text-decoration: none; 126 | border: 1px solid #356492; 127 | -webkit-border-radius: 3px; 128 | -moz-border-radius: 3px; 129 | border-radius: 3px; 130 | color: #fff; 131 | background-color: #3673af; 132 | background-image: -webkit-gradient(linear, left top, left bottom, from(#5597d8), to(#3673af)); 133 | background-image: -webkit-linear-gradient(top, #5597d8, #3673af); 134 | background-image: -moz-linear-gradient(top, #5597d8, #3673af); 135 | background-image: -ms-linear-gradient(top, #5597d8, #3673af); 136 | background-image: -o-linear-gradient(top, #5597d8, #3673af); 137 | background-image: linear-gradient(top, #5597d8, #3673af); 138 | } 139 | 140 | .repo-list ul li a:hover { 141 | background-color: #396895; 142 | background-image: -webkit-gradient(linear, left top, left bottom, from(#4b87c2), to(#396895)); 143 | background-image: -webkit-linear-gradient(top, #4b87c2, #396895); 144 | background-image: -moz-linear-gradient(top, #4b87c2, #396895); 145 | background-image: -ms-linear-gradient(top, #4b87c2, #396895); 146 | background-image: -o-linear-gradient(top, #4b87c2, #396895); 147 | background-image: linear-gradient(top, #4b87c2, #396895); 148 | } 149 | 150 | .repo-list ul li a:active { 151 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 152 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 153 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 154 | } 155 | 156 | .repo-list ul li a span { 157 | font-family: "Courier New", Courier, "Lucida Typewriter", monospace; 158 | font-size: 0.9em; 159 | } 160 | 161 | /* input field */ 162 | 163 | #gh-username { 164 | display: block; 165 | padding: 5px 8px; 166 | font-size: 1.4em; 167 | color: #666; 168 | max-width: 550px; 169 | margin-bottom: 15px; 170 | } 171 | 172 | #gh-submit { 173 | display: inline-block; 174 | padding: 8px 18px; 175 | font-size: 14px; 176 | font-weight: bold; 177 | color: #444; 178 | text-decoration: none; 179 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 180 | background-color: #eaeaea; 181 | background-image: -webkit-linear-gradient(#fafafa, #eaeaea); 182 | background-image: -moz-linear-gradient(#fafafa, #eaeaea); 183 | background-image: -ms-linear-gradient(top, #fafafa, #eaeaea); 184 | background-image: -o-linear-gradient(top, #fafafa, #eaeaea); 185 | background-image: linear-gradient(#fafafa, #eaeaea); 186 | border-radius: 3px; 187 | border: 1px solid #ddd; 188 | border-bottom-color: #c5c5c5; 189 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 190 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 191 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 192 | } 193 | 194 | #gh-submit:hover { 195 | background-color: #dadada; 196 | background-image: -webkit-linear-gradient(#eaeaea, #dadada); 197 | background-image: -moz-linear-gradient(#eaeaea, #dadada); 198 | background-image: -ms-linear-gradient(top, #eaeaea, #dadada); 199 | background-image: -o-linear-gradient(top, #eaeaea, #dadada); 200 | background-image: linear-gradient(#eaeaea, #dadada); 201 | border-color: #ccc #ccc #b5b5b5; 202 | } 203 | 204 | #gh-submit:active { 205 | background-color: #dadada; 206 | background-image: none; 207 | border-color: #b5b5b5; 208 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 209 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 210 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 211 | } -------------------------------------------------------------------------------- /01-GoogleMaps/05-adding_markers_to_the_map/assets/css/github-styles.css: -------------------------------------------------------------------------------- 1 | @import url('http://fonts.googleapis.com/css?family=Roboto'); 2 | 3 | br { 4 | display: block; 5 | line-height: 1.6em; 6 | } 7 | 8 | 9 | 10 | ol, 11 | ul { 12 | list-style: none; 13 | } 14 | 15 | input, 16 | textarea { 17 | -webkit-font-smoothing: antialiased; 18 | -webkit-text-size-adjust: 100%; 19 | -ms-text-size-adjust: 100%; 20 | -webkit-box-sizing: border-box; 21 | -moz-box-sizing: border-box; 22 | box-sizing: border-box; 23 | outline: none; 24 | } 25 | 26 | blockquote, 27 | q { 28 | quotes: none; 29 | } 30 | 31 | blockquote:before, 32 | blockquote:after, 33 | q:before, 34 | q:after { 35 | content: ''; 36 | content: none; 37 | } 38 | 39 | strong, 40 | b { 41 | font-weight: bold; 42 | } 43 | 44 | table { 45 | border-collapse: collapse; 46 | border-spacing: 0; 47 | } 48 | 49 | img { 50 | border: 0; 51 | max-width: 100%; 52 | } 53 | 54 | 55 | 56 | /* page structure */ 57 | 58 | #search-area { 59 | display: block; 60 | max-width: 70%; 61 | margin: 0 auto; 62 | background: #fff; 63 | padding: 15px 25px; 64 | -webkit-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 65 | -moz-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 66 | box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 67 | -webkit-border-radius: 4px; 68 | -moz-border-radius: 4px; 69 | border-radius: 4px; 70 | } 71 | 72 | #gh-api-data { 73 | display: block; 74 | padding: 25px 0; 75 | } 76 | 77 | #loader { 78 | display: block; 79 | width: 200px; 80 | height: 200px; 81 | margin: 0 auto; 82 | } 83 | 84 | 85 | /* page content styles */ 86 | 87 | .small-name { 88 | font-size: 0.75em; 89 | color: #a9a9a9; 90 | font-style: italic; 91 | } 92 | 93 | .avi { 94 | float: left; 95 | margin-right: 7px; 96 | margin-bottom: 7px; 97 | } 98 | 99 | .avi img { 100 | border: 1px solid #ccc; 101 | padding: 3px; 102 | } 103 | 104 | .repo-list { 105 | display: block; 106 | clear: both; 107 | width: 100%; 108 | } 109 | 110 | .repo-list ul { 111 | font-size: 1.2em; 112 | } 113 | 114 | .repo-list ul li { 115 | display: block; 116 | } 117 | 118 | .repo-list ul li a { 119 | font-weight: bold; 120 | padding: 6px 9px; 121 | display: block; 122 | float: left; 123 | margin-right: 10px; 124 | margin-bottom: 10px; 125 | text-decoration: none; 126 | border: 1px solid #356492; 127 | -webkit-border-radius: 3px; 128 | -moz-border-radius: 3px; 129 | border-radius: 3px; 130 | color: #fff; 131 | background-color: #3673af; 132 | background-image: -webkit-gradient(linear, left top, left bottom, from(#5597d8), to(#3673af)); 133 | background-image: -webkit-linear-gradient(top, #5597d8, #3673af); 134 | background-image: -moz-linear-gradient(top, #5597d8, #3673af); 135 | background-image: -ms-linear-gradient(top, #5597d8, #3673af); 136 | background-image: -o-linear-gradient(top, #5597d8, #3673af); 137 | background-image: linear-gradient(top, #5597d8, #3673af); 138 | } 139 | 140 | .repo-list ul li a:hover { 141 | background-color: #396895; 142 | background-image: -webkit-gradient(linear, left top, left bottom, from(#4b87c2), to(#396895)); 143 | background-image: -webkit-linear-gradient(top, #4b87c2, #396895); 144 | background-image: -moz-linear-gradient(top, #4b87c2, #396895); 145 | background-image: -ms-linear-gradient(top, #4b87c2, #396895); 146 | background-image: -o-linear-gradient(top, #4b87c2, #396895); 147 | background-image: linear-gradient(top, #4b87c2, #396895); 148 | } 149 | 150 | .repo-list ul li a:active { 151 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 152 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 153 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 154 | } 155 | 156 | .repo-list ul li a span { 157 | font-family: "Courier New", Courier, "Lucida Typewriter", monospace; 158 | font-size: 0.9em; 159 | } 160 | 161 | /* input field */ 162 | 163 | #gh-username { 164 | display: block; 165 | padding: 5px 8px; 166 | font-size: 1.4em; 167 | color: #666; 168 | max-width: 550px; 169 | margin-bottom: 15px; 170 | } 171 | 172 | #gh-submit { 173 | display: inline-block; 174 | padding: 8px 18px; 175 | font-size: 14px; 176 | font-weight: bold; 177 | color: #444; 178 | text-decoration: none; 179 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 180 | background-color: #eaeaea; 181 | background-image: -webkit-linear-gradient(#fafafa, #eaeaea); 182 | background-image: -moz-linear-gradient(#fafafa, #eaeaea); 183 | background-image: -ms-linear-gradient(top, #fafafa, #eaeaea); 184 | background-image: -o-linear-gradient(top, #fafafa, #eaeaea); 185 | background-image: linear-gradient(#fafafa, #eaeaea); 186 | border-radius: 3px; 187 | border: 1px solid #ddd; 188 | border-bottom-color: #c5c5c5; 189 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 190 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 191 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 192 | } 193 | 194 | #gh-submit:hover { 195 | background-color: #dadada; 196 | background-image: -webkit-linear-gradient(#eaeaea, #dadada); 197 | background-image: -moz-linear-gradient(#eaeaea, #dadada); 198 | background-image: -ms-linear-gradient(top, #eaeaea, #dadada); 199 | background-image: -o-linear-gradient(top, #eaeaea, #dadada); 200 | background-image: linear-gradient(#eaeaea, #dadada); 201 | border-color: #ccc #ccc #b5b5b5; 202 | } 203 | 204 | #gh-submit:active { 205 | background-color: #dadada; 206 | background-image: none; 207 | border-color: #b5b5b5; 208 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 209 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 210 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 211 | } -------------------------------------------------------------------------------- /02-TheGitHubAPI/01-github_form-bootstrap4/assets/css/github-styles.css: -------------------------------------------------------------------------------- 1 | @import url('http://fonts.googleapis.com/css?family=Roboto'); 2 | 3 | br { 4 | display: block; 5 | line-height: 1.6em; 6 | } 7 | 8 | 9 | 10 | ol, 11 | ul { 12 | list-style: none; 13 | } 14 | 15 | input, 16 | textarea { 17 | -webkit-font-smoothing: antialiased; 18 | -webkit-text-size-adjust: 100%; 19 | -ms-text-size-adjust: 100%; 20 | -webkit-box-sizing: border-box; 21 | -moz-box-sizing: border-box; 22 | box-sizing: border-box; 23 | outline: none; 24 | } 25 | 26 | blockquote, 27 | q { 28 | quotes: none; 29 | } 30 | 31 | blockquote:before, 32 | blockquote:after, 33 | q:before, 34 | q:after { 35 | content: ''; 36 | content: none; 37 | } 38 | 39 | strong, 40 | b { 41 | font-weight: bold; 42 | } 43 | 44 | table { 45 | border-collapse: collapse; 46 | border-spacing: 0; 47 | } 48 | 49 | img { 50 | border: 0; 51 | max-width: 100%; 52 | } 53 | 54 | 55 | 56 | /* page structure */ 57 | 58 | #search-area { 59 | display: block; 60 | max-width: 70%; 61 | margin: 0 auto; 62 | background: #fff; 63 | padding: 15px 25px; 64 | -webkit-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 65 | -moz-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 66 | box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 67 | -webkit-border-radius: 4px; 68 | -moz-border-radius: 4px; 69 | border-radius: 4px; 70 | } 71 | 72 | #gh-api-data { 73 | display: block; 74 | padding: 25px 0; 75 | } 76 | 77 | #loader { 78 | display: block; 79 | width: 200px; 80 | height: 200px; 81 | margin: 0 auto; 82 | } 83 | 84 | 85 | /* page content styles */ 86 | 87 | .small-name { 88 | font-size: 0.75em; 89 | color: #a9a9a9; 90 | font-style: italic; 91 | } 92 | 93 | .avi { 94 | float: left; 95 | margin-right: 7px; 96 | margin-bottom: 7px; 97 | } 98 | 99 | .avi img { 100 | border: 1px solid #ccc; 101 | padding: 3px; 102 | } 103 | 104 | .repo-list { 105 | display: block; 106 | clear: both; 107 | width: 100%; 108 | } 109 | 110 | .repo-list ul { 111 | font-size: 1.2em; 112 | } 113 | 114 | .repo-list ul li { 115 | display: block; 116 | } 117 | 118 | .repo-list ul li a { 119 | font-weight: bold; 120 | padding: 6px 9px; 121 | display: block; 122 | float: left; 123 | margin-right: 10px; 124 | margin-bottom: 10px; 125 | text-decoration: none; 126 | border: 1px solid #356492; 127 | -webkit-border-radius: 3px; 128 | -moz-border-radius: 3px; 129 | border-radius: 3px; 130 | color: #fff; 131 | background-color: #3673af; 132 | background-image: -webkit-gradient(linear, left top, left bottom, from(#5597d8), to(#3673af)); 133 | background-image: -webkit-linear-gradient(top, #5597d8, #3673af); 134 | background-image: -moz-linear-gradient(top, #5597d8, #3673af); 135 | background-image: -ms-linear-gradient(top, #5597d8, #3673af); 136 | background-image: -o-linear-gradient(top, #5597d8, #3673af); 137 | background-image: linear-gradient(top, #5597d8, #3673af); 138 | } 139 | 140 | .repo-list ul li a:hover { 141 | background-color: #396895; 142 | background-image: -webkit-gradient(linear, left top, left bottom, from(#4b87c2), to(#396895)); 143 | background-image: -webkit-linear-gradient(top, #4b87c2, #396895); 144 | background-image: -moz-linear-gradient(top, #4b87c2, #396895); 145 | background-image: -ms-linear-gradient(top, #4b87c2, #396895); 146 | background-image: -o-linear-gradient(top, #4b87c2, #396895); 147 | background-image: linear-gradient(top, #4b87c2, #396895); 148 | } 149 | 150 | .repo-list ul li a:active { 151 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 152 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 153 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 154 | } 155 | 156 | .repo-list ul li a span { 157 | font-family: "Courier New", Courier, "Lucida Typewriter", monospace; 158 | font-size: 0.9em; 159 | } 160 | 161 | /* input field */ 162 | 163 | #gh-username { 164 | display: block; 165 | padding: 5px 8px; 166 | font-size: 1.4em; 167 | color: #666; 168 | max-width: 550px; 169 | margin-bottom: 15px; 170 | } 171 | 172 | #gh-submit { 173 | display: inline-block; 174 | padding: 8px 18px; 175 | font-size: 14px; 176 | font-weight: bold; 177 | color: #444; 178 | text-decoration: none; 179 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 180 | background-color: #eaeaea; 181 | background-image: -webkit-linear-gradient(#fafafa, #eaeaea); 182 | background-image: -moz-linear-gradient(#fafafa, #eaeaea); 183 | background-image: -ms-linear-gradient(top, #fafafa, #eaeaea); 184 | background-image: -o-linear-gradient(top, #fafafa, #eaeaea); 185 | background-image: linear-gradient(#fafafa, #eaeaea); 186 | border-radius: 3px; 187 | border: 1px solid #ddd; 188 | border-bottom-color: #c5c5c5; 189 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 190 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 191 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 192 | } 193 | 194 | #gh-submit:hover { 195 | background-color: #dadada; 196 | background-image: -webkit-linear-gradient(#eaeaea, #dadada); 197 | background-image: -moz-linear-gradient(#eaeaea, #dadada); 198 | background-image: -ms-linear-gradient(top, #eaeaea, #dadada); 199 | background-image: -o-linear-gradient(top, #eaeaea, #dadada); 200 | background-image: linear-gradient(#eaeaea, #dadada); 201 | border-color: #ccc #ccc #b5b5b5; 202 | } 203 | 204 | #gh-submit:active { 205 | background-color: #dadada; 206 | background-image: none; 207 | border-color: #b5b5b5; 208 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 209 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 210 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 211 | } -------------------------------------------------------------------------------- /02-TheGitHubAPI/05-getting_the_repo_data/assets/css/github-styles.css: -------------------------------------------------------------------------------- 1 | @import url('http://fonts.googleapis.com/css?family=Roboto'); 2 | 3 | br { 4 | display: block; 5 | line-height: 1.6em; 6 | } 7 | 8 | 9 | 10 | ol, 11 | ul { 12 | list-style: none; 13 | } 14 | 15 | input, 16 | textarea { 17 | -webkit-font-smoothing: antialiased; 18 | -webkit-text-size-adjust: 100%; 19 | -ms-text-size-adjust: 100%; 20 | -webkit-box-sizing: border-box; 21 | -moz-box-sizing: border-box; 22 | box-sizing: border-box; 23 | outline: none; 24 | } 25 | 26 | blockquote, 27 | q { 28 | quotes: none; 29 | } 30 | 31 | blockquote:before, 32 | blockquote:after, 33 | q:before, 34 | q:after { 35 | content: ''; 36 | content: none; 37 | } 38 | 39 | strong, 40 | b { 41 | font-weight: bold; 42 | } 43 | 44 | table { 45 | border-collapse: collapse; 46 | border-spacing: 0; 47 | } 48 | 49 | img { 50 | border: 0; 51 | max-width: 100%; 52 | } 53 | 54 | 55 | 56 | /* page structure */ 57 | 58 | #search-area { 59 | display: block; 60 | max-width: 70%; 61 | margin: 0 auto; 62 | background: #fff; 63 | padding: 15px 25px; 64 | -webkit-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 65 | -moz-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 66 | box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 67 | -webkit-border-radius: 4px; 68 | -moz-border-radius: 4px; 69 | border-radius: 4px; 70 | } 71 | 72 | #gh-api-data { 73 | display: block; 74 | padding: 25px 0; 75 | } 76 | 77 | #loader { 78 | display: block; 79 | width: 200px; 80 | height: 200px; 81 | margin: 0 auto; 82 | } 83 | 84 | 85 | /* page content styles */ 86 | 87 | .small-name { 88 | font-size: 0.75em; 89 | color: #a9a9a9; 90 | font-style: italic; 91 | } 92 | 93 | .avi { 94 | float: left; 95 | margin-right: 7px; 96 | margin-bottom: 7px; 97 | } 98 | 99 | .avi img { 100 | border: 1px solid #ccc; 101 | padding: 3px; 102 | } 103 | 104 | .repo-list { 105 | display: block; 106 | clear: both; 107 | width: 100%; 108 | } 109 | 110 | .repo-list ul { 111 | font-size: 1.2em; 112 | } 113 | 114 | .repo-list ul li { 115 | display: block; 116 | } 117 | 118 | .repo-list ul li a { 119 | font-weight: bold; 120 | padding: 6px 9px; 121 | display: block; 122 | float: left; 123 | margin-right: 10px; 124 | margin-bottom: 10px; 125 | text-decoration: none; 126 | border: 1px solid #356492; 127 | -webkit-border-radius: 3px; 128 | -moz-border-radius: 3px; 129 | border-radius: 3px; 130 | color: #fff; 131 | background-color: #3673af; 132 | background-image: -webkit-gradient(linear, left top, left bottom, from(#5597d8), to(#3673af)); 133 | background-image: -webkit-linear-gradient(top, #5597d8, #3673af); 134 | background-image: -moz-linear-gradient(top, #5597d8, #3673af); 135 | background-image: -ms-linear-gradient(top, #5597d8, #3673af); 136 | background-image: -o-linear-gradient(top, #5597d8, #3673af); 137 | background-image: linear-gradient(top, #5597d8, #3673af); 138 | } 139 | 140 | .repo-list ul li a:hover { 141 | background-color: #396895; 142 | background-image: -webkit-gradient(linear, left top, left bottom, from(#4b87c2), to(#396895)); 143 | background-image: -webkit-linear-gradient(top, #4b87c2, #396895); 144 | background-image: -moz-linear-gradient(top, #4b87c2, #396895); 145 | background-image: -ms-linear-gradient(top, #4b87c2, #396895); 146 | background-image: -o-linear-gradient(top, #4b87c2, #396895); 147 | background-image: linear-gradient(top, #4b87c2, #396895); 148 | } 149 | 150 | .repo-list ul li a:active { 151 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 152 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 153 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 154 | } 155 | 156 | .repo-list ul li a span { 157 | font-family: "Courier New", Courier, "Lucida Typewriter", monospace; 158 | font-size: 0.9em; 159 | } 160 | 161 | /* input field */ 162 | 163 | #gh-username { 164 | display: block; 165 | padding: 5px 8px; 166 | font-size: 1.4em; 167 | color: #666; 168 | max-width: 550px; 169 | margin-bottom: 15px; 170 | } 171 | 172 | #gh-submit { 173 | display: inline-block; 174 | padding: 8px 18px; 175 | font-size: 14px; 176 | font-weight: bold; 177 | color: #444; 178 | text-decoration: none; 179 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 180 | background-color: #eaeaea; 181 | background-image: -webkit-linear-gradient(#fafafa, #eaeaea); 182 | background-image: -moz-linear-gradient(#fafafa, #eaeaea); 183 | background-image: -ms-linear-gradient(top, #fafafa, #eaeaea); 184 | background-image: -o-linear-gradient(top, #fafafa, #eaeaea); 185 | background-image: linear-gradient(#fafafa, #eaeaea); 186 | border-radius: 3px; 187 | border: 1px solid #ddd; 188 | border-bottom-color: #c5c5c5; 189 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 190 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 191 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 192 | } 193 | 194 | #gh-submit:hover { 195 | background-color: #dadada; 196 | background-image: -webkit-linear-gradient(#eaeaea, #dadada); 197 | background-image: -moz-linear-gradient(#eaeaea, #dadada); 198 | background-image: -ms-linear-gradient(top, #eaeaea, #dadada); 199 | background-image: -o-linear-gradient(top, #eaeaea, #dadada); 200 | background-image: linear-gradient(#eaeaea, #dadada); 201 | border-color: #ccc #ccc #b5b5b5; 202 | } 203 | 204 | #gh-submit:active { 205 | background-color: #dadada; 206 | background-image: none; 207 | border-color: #b5b5b5; 208 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 209 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 210 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 211 | } -------------------------------------------------------------------------------- /02-TheGitHubAPI/02-initial_data_retieval_setup/assets/css/github-styles.css: -------------------------------------------------------------------------------- 1 | @import url('http://fonts.googleapis.com/css?family=Roboto'); 2 | 3 | br { 4 | display: block; 5 | line-height: 1.6em; 6 | } 7 | 8 | 9 | 10 | ol, 11 | ul { 12 | list-style: none; 13 | } 14 | 15 | input, 16 | textarea { 17 | -webkit-font-smoothing: antialiased; 18 | -webkit-text-size-adjust: 100%; 19 | -ms-text-size-adjust: 100%; 20 | -webkit-box-sizing: border-box; 21 | -moz-box-sizing: border-box; 22 | box-sizing: border-box; 23 | outline: none; 24 | } 25 | 26 | blockquote, 27 | q { 28 | quotes: none; 29 | } 30 | 31 | blockquote:before, 32 | blockquote:after, 33 | q:before, 34 | q:after { 35 | content: ''; 36 | content: none; 37 | } 38 | 39 | strong, 40 | b { 41 | font-weight: bold; 42 | } 43 | 44 | table { 45 | border-collapse: collapse; 46 | border-spacing: 0; 47 | } 48 | 49 | img { 50 | border: 0; 51 | max-width: 100%; 52 | } 53 | 54 | 55 | 56 | /* page structure */ 57 | 58 | #search-area { 59 | display: block; 60 | max-width: 70%; 61 | margin: 0 auto; 62 | background: #fff; 63 | padding: 15px 25px; 64 | -webkit-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 65 | -moz-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 66 | box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 67 | -webkit-border-radius: 4px; 68 | -moz-border-radius: 4px; 69 | border-radius: 4px; 70 | } 71 | 72 | #gh-api-data { 73 | display: block; 74 | padding: 25px 0; 75 | } 76 | 77 | #loader { 78 | display: block; 79 | width: 200px; 80 | height: 200px; 81 | margin: 0 auto; 82 | } 83 | 84 | 85 | /* page content styles */ 86 | 87 | .small-name { 88 | font-size: 0.75em; 89 | color: #a9a9a9; 90 | font-style: italic; 91 | } 92 | 93 | .avi { 94 | float: left; 95 | margin-right: 7px; 96 | margin-bottom: 7px; 97 | } 98 | 99 | .avi img { 100 | border: 1px solid #ccc; 101 | padding: 3px; 102 | } 103 | 104 | .repo-list { 105 | display: block; 106 | clear: both; 107 | width: 100%; 108 | } 109 | 110 | .repo-list ul { 111 | font-size: 1.2em; 112 | } 113 | 114 | .repo-list ul li { 115 | display: block; 116 | } 117 | 118 | .repo-list ul li a { 119 | font-weight: bold; 120 | padding: 6px 9px; 121 | display: block; 122 | float: left; 123 | margin-right: 10px; 124 | margin-bottom: 10px; 125 | text-decoration: none; 126 | border: 1px solid #356492; 127 | -webkit-border-radius: 3px; 128 | -moz-border-radius: 3px; 129 | border-radius: 3px; 130 | color: #fff; 131 | background-color: #3673af; 132 | background-image: -webkit-gradient(linear, left top, left bottom, from(#5597d8), to(#3673af)); 133 | background-image: -webkit-linear-gradient(top, #5597d8, #3673af); 134 | background-image: -moz-linear-gradient(top, #5597d8, #3673af); 135 | background-image: -ms-linear-gradient(top, #5597d8, #3673af); 136 | background-image: -o-linear-gradient(top, #5597d8, #3673af); 137 | background-image: linear-gradient(top, #5597d8, #3673af); 138 | } 139 | 140 | .repo-list ul li a:hover { 141 | background-color: #396895; 142 | background-image: -webkit-gradient(linear, left top, left bottom, from(#4b87c2), to(#396895)); 143 | background-image: -webkit-linear-gradient(top, #4b87c2, #396895); 144 | background-image: -moz-linear-gradient(top, #4b87c2, #396895); 145 | background-image: -ms-linear-gradient(top, #4b87c2, #396895); 146 | background-image: -o-linear-gradient(top, #4b87c2, #396895); 147 | background-image: linear-gradient(top, #4b87c2, #396895); 148 | } 149 | 150 | .repo-list ul li a:active { 151 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 152 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 153 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 154 | } 155 | 156 | .repo-list ul li a span { 157 | font-family: "Courier New", Courier, "Lucida Typewriter", monospace; 158 | font-size: 0.9em; 159 | } 160 | 161 | /* input field */ 162 | 163 | #gh-username { 164 | display: block; 165 | padding: 5px 8px; 166 | font-size: 1.4em; 167 | color: #666; 168 | max-width: 550px; 169 | margin-bottom: 15px; 170 | } 171 | 172 | #gh-submit { 173 | display: inline-block; 174 | padding: 8px 18px; 175 | font-size: 14px; 176 | font-weight: bold; 177 | color: #444; 178 | text-decoration: none; 179 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 180 | background-color: #eaeaea; 181 | background-image: -webkit-linear-gradient(#fafafa, #eaeaea); 182 | background-image: -moz-linear-gradient(#fafafa, #eaeaea); 183 | background-image: -ms-linear-gradient(top, #fafafa, #eaeaea); 184 | background-image: -o-linear-gradient(top, #fafafa, #eaeaea); 185 | background-image: linear-gradient(#fafafa, #eaeaea); 186 | border-radius: 3px; 187 | border: 1px solid #ddd; 188 | border-bottom-color: #c5c5c5; 189 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 190 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 191 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 192 | } 193 | 194 | #gh-submit:hover { 195 | background-color: #dadada; 196 | background-image: -webkit-linear-gradient(#eaeaea, #dadada); 197 | background-image: -moz-linear-gradient(#eaeaea, #dadada); 198 | background-image: -ms-linear-gradient(top, #eaeaea, #dadada); 199 | background-image: -o-linear-gradient(top, #eaeaea, #dadada); 200 | background-image: linear-gradient(#eaeaea, #dadada); 201 | border-color: #ccc #ccc #b5b5b5; 202 | } 203 | 204 | #gh-submit:active { 205 | background-color: #dadada; 206 | background-image: none; 207 | border-color: #b5b5b5; 208 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 209 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 210 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 211 | } -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/06-sending_emails/assets/css/github-styles.css: -------------------------------------------------------------------------------- 1 | @import url('http://fonts.googleapis.com/css?family=Roboto'); 2 | 3 | br { 4 | display: block; 5 | line-height: 1.6em; 6 | } 7 | 8 | 9 | 10 | ol, 11 | ul { 12 | list-style: none; 13 | } 14 | 15 | input, 16 | textarea { 17 | -webkit-font-smoothing: antialiased; 18 | -webkit-text-size-adjust: 100%; 19 | -ms-text-size-adjust: 100%; 20 | -webkit-box-sizing: border-box; 21 | -moz-box-sizing: border-box; 22 | box-sizing: border-box; 23 | outline: none; 24 | } 25 | 26 | blockquote, 27 | q { 28 | quotes: none; 29 | } 30 | 31 | blockquote:before, 32 | blockquote:after, 33 | q:before, 34 | q:after { 35 | content: ''; 36 | content: none; 37 | } 38 | 39 | strong, 40 | b { 41 | font-weight: bold; 42 | } 43 | 44 | table { 45 | border-collapse: collapse; 46 | border-spacing: 0; 47 | } 48 | 49 | img { 50 | border: 0; 51 | max-width: 100%; 52 | } 53 | 54 | 55 | 56 | /* page structure */ 57 | 58 | #search-area { 59 | display: block; 60 | max-width: 70%; 61 | margin: 0 auto; 62 | background: #fff; 63 | padding: 15px 25px; 64 | -webkit-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 65 | -moz-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 66 | box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 67 | -webkit-border-radius: 4px; 68 | -moz-border-radius: 4px; 69 | border-radius: 4px; 70 | } 71 | 72 | #gh-api-data { 73 | display: block; 74 | padding: 25px 0; 75 | } 76 | 77 | #loader { 78 | display: block; 79 | width: 200px; 80 | height: 200px; 81 | margin: 0 auto; 82 | } 83 | 84 | 85 | /* page content styles */ 86 | 87 | .small-name { 88 | font-size: 0.75em; 89 | color: #a9a9a9; 90 | font-style: italic; 91 | } 92 | 93 | .avi { 94 | float: left; 95 | margin-right: 7px; 96 | margin-bottom: 7px; 97 | } 98 | 99 | .avi img { 100 | border: 1px solid #ccc; 101 | padding: 3px; 102 | } 103 | 104 | .repo-list { 105 | display: block; 106 | clear: both; 107 | width: 100%; 108 | } 109 | 110 | .repo-list ul { 111 | font-size: 1.2em; 112 | } 113 | 114 | .repo-list ul li { 115 | display: block; 116 | } 117 | 118 | .repo-list ul li a { 119 | font-weight: bold; 120 | padding: 6px 9px; 121 | display: block; 122 | float: left; 123 | margin-right: 10px; 124 | margin-bottom: 10px; 125 | text-decoration: none; 126 | border: 1px solid #356492; 127 | -webkit-border-radius: 3px; 128 | -moz-border-radius: 3px; 129 | border-radius: 3px; 130 | color: #fff; 131 | background-color: #3673af; 132 | background-image: -webkit-gradient(linear, left top, left bottom, from(#5597d8), to(#3673af)); 133 | background-image: -webkit-linear-gradient(top, #5597d8, #3673af); 134 | background-image: -moz-linear-gradient(top, #5597d8, #3673af); 135 | background-image: -ms-linear-gradient(top, #5597d8, #3673af); 136 | background-image: -o-linear-gradient(top, #5597d8, #3673af); 137 | background-image: linear-gradient(top, #5597d8, #3673af); 138 | } 139 | 140 | .repo-list ul li a:hover { 141 | background-color: #396895; 142 | background-image: -webkit-gradient(linear, left top, left bottom, from(#4b87c2), to(#396895)); 143 | background-image: -webkit-linear-gradient(top, #4b87c2, #396895); 144 | background-image: -moz-linear-gradient(top, #4b87c2, #396895); 145 | background-image: -ms-linear-gradient(top, #4b87c2, #396895); 146 | background-image: -o-linear-gradient(top, #4b87c2, #396895); 147 | background-image: linear-gradient(top, #4b87c2, #396895); 148 | } 149 | 150 | .repo-list ul li a:active { 151 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 152 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 153 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 154 | } 155 | 156 | .repo-list ul li a span { 157 | font-family: "Courier New", Courier, "Lucida Typewriter", monospace; 158 | font-size: 0.9em; 159 | } 160 | 161 | /* input field */ 162 | 163 | #gh-username { 164 | display: block; 165 | padding: 5px 8px; 166 | font-size: 1.4em; 167 | color: #666; 168 | max-width: 550px; 169 | margin-bottom: 15px; 170 | } 171 | 172 | #gh-submit { 173 | display: inline-block; 174 | padding: 8px 18px; 175 | font-size: 14px; 176 | font-weight: bold; 177 | color: #444; 178 | text-decoration: none; 179 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 180 | background-color: #eaeaea; 181 | background-image: -webkit-linear-gradient(#fafafa, #eaeaea); 182 | background-image: -moz-linear-gradient(#fafafa, #eaeaea); 183 | background-image: -ms-linear-gradient(top, #fafafa, #eaeaea); 184 | background-image: -o-linear-gradient(top, #fafafa, #eaeaea); 185 | background-image: linear-gradient(#fafafa, #eaeaea); 186 | border-radius: 3px; 187 | border: 1px solid #ddd; 188 | border-bottom-color: #c5c5c5; 189 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 190 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 191 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 192 | } 193 | 194 | #gh-submit:hover { 195 | background-color: #dadada; 196 | background-image: -webkit-linear-gradient(#eaeaea, #dadada); 197 | background-image: -moz-linear-gradient(#eaeaea, #dadada); 198 | background-image: -ms-linear-gradient(top, #eaeaea, #dadada); 199 | background-image: -o-linear-gradient(top, #eaeaea, #dadada); 200 | background-image: linear-gradient(#eaeaea, #dadada); 201 | border-color: #ccc #ccc #b5b5b5; 202 | } 203 | 204 | #gh-submit:active { 205 | background-color: #dadada; 206 | background-image: none; 207 | border-color: #b5b5b5; 208 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 209 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 210 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 211 | } -------------------------------------------------------------------------------- /01-GoogleMaps/01-adding_the_map_element-bootstrap4/assets/css/github-styles.css: -------------------------------------------------------------------------------- 1 | @import url('http://fonts.googleapis.com/css?family=Roboto'); 2 | 3 | br { 4 | display: block; 5 | line-height: 1.6em; 6 | } 7 | 8 | 9 | 10 | ol, 11 | ul { 12 | list-style: none; 13 | } 14 | 15 | input, 16 | textarea { 17 | -webkit-font-smoothing: antialiased; 18 | -webkit-text-size-adjust: 100%; 19 | -ms-text-size-adjust: 100%; 20 | -webkit-box-sizing: border-box; 21 | -moz-box-sizing: border-box; 22 | box-sizing: border-box; 23 | outline: none; 24 | } 25 | 26 | blockquote, 27 | q { 28 | quotes: none; 29 | } 30 | 31 | blockquote:before, 32 | blockquote:after, 33 | q:before, 34 | q:after { 35 | content: ''; 36 | content: none; 37 | } 38 | 39 | strong, 40 | b { 41 | font-weight: bold; 42 | } 43 | 44 | table { 45 | border-collapse: collapse; 46 | border-spacing: 0; 47 | } 48 | 49 | img { 50 | border: 0; 51 | max-width: 100%; 52 | } 53 | 54 | 55 | 56 | /* page structure */ 57 | 58 | #search-area { 59 | display: block; 60 | max-width: 70%; 61 | margin: 0 auto; 62 | background: #fff; 63 | padding: 15px 25px; 64 | -webkit-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 65 | -moz-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 66 | box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 67 | -webkit-border-radius: 4px; 68 | -moz-border-radius: 4px; 69 | border-radius: 4px; 70 | } 71 | 72 | #gh-api-data { 73 | display: block; 74 | padding: 25px 0; 75 | } 76 | 77 | #loader { 78 | display: block; 79 | width: 200px; 80 | height: 200px; 81 | margin: 0 auto; 82 | } 83 | 84 | 85 | /* page content styles */ 86 | 87 | .small-name { 88 | font-size: 0.75em; 89 | color: #a9a9a9; 90 | font-style: italic; 91 | } 92 | 93 | .avi { 94 | float: left; 95 | margin-right: 7px; 96 | margin-bottom: 7px; 97 | } 98 | 99 | .avi img { 100 | border: 1px solid #ccc; 101 | padding: 3px; 102 | } 103 | 104 | .repo-list { 105 | display: block; 106 | clear: both; 107 | width: 100%; 108 | } 109 | 110 | .repo-list ul { 111 | font-size: 1.2em; 112 | } 113 | 114 | .repo-list ul li { 115 | display: block; 116 | } 117 | 118 | .repo-list ul li a { 119 | font-weight: bold; 120 | padding: 6px 9px; 121 | display: block; 122 | float: left; 123 | margin-right: 10px; 124 | margin-bottom: 10px; 125 | text-decoration: none; 126 | border: 1px solid #356492; 127 | -webkit-border-radius: 3px; 128 | -moz-border-radius: 3px; 129 | border-radius: 3px; 130 | color: #fff; 131 | background-color: #3673af; 132 | background-image: -webkit-gradient(linear, left top, left bottom, from(#5597d8), to(#3673af)); 133 | background-image: -webkit-linear-gradient(top, #5597d8, #3673af); 134 | background-image: -moz-linear-gradient(top, #5597d8, #3673af); 135 | background-image: -ms-linear-gradient(top, #5597d8, #3673af); 136 | background-image: -o-linear-gradient(top, #5597d8, #3673af); 137 | background-image: linear-gradient(top, #5597d8, #3673af); 138 | } 139 | 140 | .repo-list ul li a:hover { 141 | background-color: #396895; 142 | background-image: -webkit-gradient(linear, left top, left bottom, from(#4b87c2), to(#396895)); 143 | background-image: -webkit-linear-gradient(top, #4b87c2, #396895); 144 | background-image: -moz-linear-gradient(top, #4b87c2, #396895); 145 | background-image: -ms-linear-gradient(top, #4b87c2, #396895); 146 | background-image: -o-linear-gradient(top, #4b87c2, #396895); 147 | background-image: linear-gradient(top, #4b87c2, #396895); 148 | } 149 | 150 | .repo-list ul li a:active { 151 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 152 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 153 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 154 | } 155 | 156 | .repo-list ul li a span { 157 | font-family: "Courier New", Courier, "Lucida Typewriter", monospace; 158 | font-size: 0.9em; 159 | } 160 | 161 | /* input field */ 162 | 163 | #gh-username { 164 | display: block; 165 | padding: 5px 8px; 166 | font-size: 1.4em; 167 | color: #666; 168 | max-width: 550px; 169 | margin-bottom: 15px; 170 | } 171 | 172 | #gh-submit { 173 | display: inline-block; 174 | padding: 8px 18px; 175 | font-size: 14px; 176 | font-weight: bold; 177 | color: #444; 178 | text-decoration: none; 179 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 180 | background-color: #eaeaea; 181 | background-image: -webkit-linear-gradient(#fafafa, #eaeaea); 182 | background-image: -moz-linear-gradient(#fafafa, #eaeaea); 183 | background-image: -ms-linear-gradient(top, #fafafa, #eaeaea); 184 | background-image: -o-linear-gradient(top, #fafafa, #eaeaea); 185 | background-image: linear-gradient(#fafafa, #eaeaea); 186 | border-radius: 3px; 187 | border: 1px solid #ddd; 188 | border-bottom-color: #c5c5c5; 189 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 190 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 191 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 192 | } 193 | 194 | #gh-submit:hover { 195 | background-color: #dadada; 196 | background-image: -webkit-linear-gradient(#eaeaea, #dadada); 197 | background-image: -moz-linear-gradient(#eaeaea, #dadada); 198 | background-image: -ms-linear-gradient(top, #eaeaea, #dadada); 199 | background-image: -o-linear-gradient(top, #eaeaea, #dadada); 200 | background-image: linear-gradient(#eaeaea, #dadada); 201 | border-color: #ccc #ccc #b5b5b5; 202 | } 203 | 204 | #gh-submit:active { 205 | background-color: #dadada; 206 | background-image: none; 207 | border-color: #b5b5b5; 208 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 209 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 210 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 211 | } -------------------------------------------------------------------------------- /01-GoogleMaps/06-moving_the_code_into_its_own_script/assets/css/github-styles.css: -------------------------------------------------------------------------------- 1 | @import url('http://fonts.googleapis.com/css?family=Roboto'); 2 | 3 | br { 4 | display: block; 5 | line-height: 1.6em; 6 | } 7 | 8 | 9 | 10 | ol, 11 | ul { 12 | list-style: none; 13 | } 14 | 15 | input, 16 | textarea { 17 | -webkit-font-smoothing: antialiased; 18 | -webkit-text-size-adjust: 100%; 19 | -ms-text-size-adjust: 100%; 20 | -webkit-box-sizing: border-box; 21 | -moz-box-sizing: border-box; 22 | box-sizing: border-box; 23 | outline: none; 24 | } 25 | 26 | blockquote, 27 | q { 28 | quotes: none; 29 | } 30 | 31 | blockquote:before, 32 | blockquote:after, 33 | q:before, 34 | q:after { 35 | content: ''; 36 | content: none; 37 | } 38 | 39 | strong, 40 | b { 41 | font-weight: bold; 42 | } 43 | 44 | table { 45 | border-collapse: collapse; 46 | border-spacing: 0; 47 | } 48 | 49 | img { 50 | border: 0; 51 | max-width: 100%; 52 | } 53 | 54 | 55 | 56 | /* page structure */ 57 | 58 | #search-area { 59 | display: block; 60 | max-width: 70%; 61 | margin: 0 auto; 62 | background: #fff; 63 | padding: 15px 25px; 64 | -webkit-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 65 | -moz-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 66 | box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 67 | -webkit-border-radius: 4px; 68 | -moz-border-radius: 4px; 69 | border-radius: 4px; 70 | } 71 | 72 | #gh-api-data { 73 | display: block; 74 | padding: 25px 0; 75 | } 76 | 77 | #loader { 78 | display: block; 79 | width: 200px; 80 | height: 200px; 81 | margin: 0 auto; 82 | } 83 | 84 | 85 | /* page content styles */ 86 | 87 | .small-name { 88 | font-size: 0.75em; 89 | color: #a9a9a9; 90 | font-style: italic; 91 | } 92 | 93 | .avi { 94 | float: left; 95 | margin-right: 7px; 96 | margin-bottom: 7px; 97 | } 98 | 99 | .avi img { 100 | border: 1px solid #ccc; 101 | padding: 3px; 102 | } 103 | 104 | .repo-list { 105 | display: block; 106 | clear: both; 107 | width: 100%; 108 | } 109 | 110 | .repo-list ul { 111 | font-size: 1.2em; 112 | } 113 | 114 | .repo-list ul li { 115 | display: block; 116 | } 117 | 118 | .repo-list ul li a { 119 | font-weight: bold; 120 | padding: 6px 9px; 121 | display: block; 122 | float: left; 123 | margin-right: 10px; 124 | margin-bottom: 10px; 125 | text-decoration: none; 126 | border: 1px solid #356492; 127 | -webkit-border-radius: 3px; 128 | -moz-border-radius: 3px; 129 | border-radius: 3px; 130 | color: #fff; 131 | background-color: #3673af; 132 | background-image: -webkit-gradient(linear, left top, left bottom, from(#5597d8), to(#3673af)); 133 | background-image: -webkit-linear-gradient(top, #5597d8, #3673af); 134 | background-image: -moz-linear-gradient(top, #5597d8, #3673af); 135 | background-image: -ms-linear-gradient(top, #5597d8, #3673af); 136 | background-image: -o-linear-gradient(top, #5597d8, #3673af); 137 | background-image: linear-gradient(top, #5597d8, #3673af); 138 | } 139 | 140 | .repo-list ul li a:hover { 141 | background-color: #396895; 142 | background-image: -webkit-gradient(linear, left top, left bottom, from(#4b87c2), to(#396895)); 143 | background-image: -webkit-linear-gradient(top, #4b87c2, #396895); 144 | background-image: -moz-linear-gradient(top, #4b87c2, #396895); 145 | background-image: -ms-linear-gradient(top, #4b87c2, #396895); 146 | background-image: -o-linear-gradient(top, #4b87c2, #396895); 147 | background-image: linear-gradient(top, #4b87c2, #396895); 148 | } 149 | 150 | .repo-list ul li a:active { 151 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 152 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 153 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 154 | } 155 | 156 | .repo-list ul li a span { 157 | font-family: "Courier New", Courier, "Lucida Typewriter", monospace; 158 | font-size: 0.9em; 159 | } 160 | 161 | /* input field */ 162 | 163 | #gh-username { 164 | display: block; 165 | padding: 5px 8px; 166 | font-size: 1.4em; 167 | color: #666; 168 | max-width: 550px; 169 | margin-bottom: 15px; 170 | } 171 | 172 | #gh-submit { 173 | display: inline-block; 174 | padding: 8px 18px; 175 | font-size: 14px; 176 | font-weight: bold; 177 | color: #444; 178 | text-decoration: none; 179 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 180 | background-color: #eaeaea; 181 | background-image: -webkit-linear-gradient(#fafafa, #eaeaea); 182 | background-image: -moz-linear-gradient(#fafafa, #eaeaea); 183 | background-image: -ms-linear-gradient(top, #fafafa, #eaeaea); 184 | background-image: -o-linear-gradient(top, #fafafa, #eaeaea); 185 | background-image: linear-gradient(#fafafa, #eaeaea); 186 | border-radius: 3px; 187 | border: 1px solid #ddd; 188 | border-bottom-color: #c5c5c5; 189 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 190 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 191 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 192 | } 193 | 194 | #gh-submit:hover { 195 | background-color: #dadada; 196 | background-image: -webkit-linear-gradient(#eaeaea, #dadada); 197 | background-image: -moz-linear-gradient(#eaeaea, #dadada); 198 | background-image: -ms-linear-gradient(top, #eaeaea, #dadada); 199 | background-image: -o-linear-gradient(top, #eaeaea, #dadada); 200 | background-image: linear-gradient(#eaeaea, #dadada); 201 | border-color: #ccc #ccc #b5b5b5; 202 | } 203 | 204 | #gh-submit:active { 205 | background-color: #dadada; 206 | background-image: none; 207 | border-color: #b5b5b5; 208 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 209 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 210 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 211 | } -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/05-preparing_the_contact_html_file/assets/css/github-styles.css: -------------------------------------------------------------------------------- 1 | @import url('http://fonts.googleapis.com/css?family=Roboto'); 2 | 3 | br { 4 | display: block; 5 | line-height: 1.6em; 6 | } 7 | 8 | 9 | 10 | ol, 11 | ul { 12 | list-style: none; 13 | } 14 | 15 | input, 16 | textarea { 17 | -webkit-font-smoothing: antialiased; 18 | -webkit-text-size-adjust: 100%; 19 | -ms-text-size-adjust: 100%; 20 | -webkit-box-sizing: border-box; 21 | -moz-box-sizing: border-box; 22 | box-sizing: border-box; 23 | outline: none; 24 | } 25 | 26 | blockquote, 27 | q { 28 | quotes: none; 29 | } 30 | 31 | blockquote:before, 32 | blockquote:after, 33 | q:before, 34 | q:after { 35 | content: ''; 36 | content: none; 37 | } 38 | 39 | strong, 40 | b { 41 | font-weight: bold; 42 | } 43 | 44 | table { 45 | border-collapse: collapse; 46 | border-spacing: 0; 47 | } 48 | 49 | img { 50 | border: 0; 51 | max-width: 100%; 52 | } 53 | 54 | 55 | 56 | /* page structure */ 57 | 58 | #search-area { 59 | display: block; 60 | max-width: 70%; 61 | margin: 0 auto; 62 | background: #fff; 63 | padding: 15px 25px; 64 | -webkit-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 65 | -moz-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 66 | box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 67 | -webkit-border-radius: 4px; 68 | -moz-border-radius: 4px; 69 | border-radius: 4px; 70 | } 71 | 72 | #gh-api-data { 73 | display: block; 74 | padding: 25px 0; 75 | } 76 | 77 | #loader { 78 | display: block; 79 | width: 200px; 80 | height: 200px; 81 | margin: 0 auto; 82 | } 83 | 84 | 85 | /* page content styles */ 86 | 87 | .small-name { 88 | font-size: 0.75em; 89 | color: #a9a9a9; 90 | font-style: italic; 91 | } 92 | 93 | .avi { 94 | float: left; 95 | margin-right: 7px; 96 | margin-bottom: 7px; 97 | } 98 | 99 | .avi img { 100 | border: 1px solid #ccc; 101 | padding: 3px; 102 | } 103 | 104 | .repo-list { 105 | display: block; 106 | clear: both; 107 | width: 100%; 108 | } 109 | 110 | .repo-list ul { 111 | font-size: 1.2em; 112 | } 113 | 114 | .repo-list ul li { 115 | display: block; 116 | } 117 | 118 | .repo-list ul li a { 119 | font-weight: bold; 120 | padding: 6px 9px; 121 | display: block; 122 | float: left; 123 | margin-right: 10px; 124 | margin-bottom: 10px; 125 | text-decoration: none; 126 | border: 1px solid #356492; 127 | -webkit-border-radius: 3px; 128 | -moz-border-radius: 3px; 129 | border-radius: 3px; 130 | color: #fff; 131 | background-color: #3673af; 132 | background-image: -webkit-gradient(linear, left top, left bottom, from(#5597d8), to(#3673af)); 133 | background-image: -webkit-linear-gradient(top, #5597d8, #3673af); 134 | background-image: -moz-linear-gradient(top, #5597d8, #3673af); 135 | background-image: -ms-linear-gradient(top, #5597d8, #3673af); 136 | background-image: -o-linear-gradient(top, #5597d8, #3673af); 137 | background-image: linear-gradient(top, #5597d8, #3673af); 138 | } 139 | 140 | .repo-list ul li a:hover { 141 | background-color: #396895; 142 | background-image: -webkit-gradient(linear, left top, left bottom, from(#4b87c2), to(#396895)); 143 | background-image: -webkit-linear-gradient(top, #4b87c2, #396895); 144 | background-image: -moz-linear-gradient(top, #4b87c2, #396895); 145 | background-image: -ms-linear-gradient(top, #4b87c2, #396895); 146 | background-image: -o-linear-gradient(top, #4b87c2, #396895); 147 | background-image: linear-gradient(top, #4b87c2, #396895); 148 | } 149 | 150 | .repo-list ul li a:active { 151 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 152 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 153 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 154 | } 155 | 156 | .repo-list ul li a span { 157 | font-family: "Courier New", Courier, "Lucida Typewriter", monospace; 158 | font-size: 0.9em; 159 | } 160 | 161 | /* input field */ 162 | 163 | #gh-username { 164 | display: block; 165 | padding: 5px 8px; 166 | font-size: 1.4em; 167 | color: #666; 168 | max-width: 550px; 169 | margin-bottom: 15px; 170 | } 171 | 172 | #gh-submit { 173 | display: inline-block; 174 | padding: 8px 18px; 175 | font-size: 14px; 176 | font-weight: bold; 177 | color: #444; 178 | text-decoration: none; 179 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 180 | background-color: #eaeaea; 181 | background-image: -webkit-linear-gradient(#fafafa, #eaeaea); 182 | background-image: -moz-linear-gradient(#fafafa, #eaeaea); 183 | background-image: -ms-linear-gradient(top, #fafafa, #eaeaea); 184 | background-image: -o-linear-gradient(top, #fafafa, #eaeaea); 185 | background-image: linear-gradient(#fafafa, #eaeaea); 186 | border-radius: 3px; 187 | border: 1px solid #ddd; 188 | border-bottom-color: #c5c5c5; 189 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 190 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 191 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 192 | } 193 | 194 | #gh-submit:hover { 195 | background-color: #dadada; 196 | background-image: -webkit-linear-gradient(#eaeaea, #dadada); 197 | background-image: -moz-linear-gradient(#eaeaea, #dadada); 198 | background-image: -ms-linear-gradient(top, #eaeaea, #dadada); 199 | background-image: -o-linear-gradient(top, #eaeaea, #dadada); 200 | background-image: linear-gradient(#eaeaea, #dadada); 201 | border-color: #ccc #ccc #b5b5b5; 202 | } 203 | 204 | #gh-submit:active { 205 | background-color: #dadada; 206 | background-image: none; 207 | border-color: #b5b5b5; 208 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 209 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 210 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 211 | } -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/03-connecting_to_the_email_service_using_their_sdk/assets/css/github-styles.css: -------------------------------------------------------------------------------- 1 | @import url('http://fonts.googleapis.com/css?family=Roboto'); 2 | 3 | br { 4 | display: block; 5 | line-height: 1.6em; 6 | } 7 | 8 | 9 | 10 | ol, 11 | ul { 12 | list-style: none; 13 | } 14 | 15 | input, 16 | textarea { 17 | -webkit-font-smoothing: antialiased; 18 | -webkit-text-size-adjust: 100%; 19 | -ms-text-size-adjust: 100%; 20 | -webkit-box-sizing: border-box; 21 | -moz-box-sizing: border-box; 22 | box-sizing: border-box; 23 | outline: none; 24 | } 25 | 26 | blockquote, 27 | q { 28 | quotes: none; 29 | } 30 | 31 | blockquote:before, 32 | blockquote:after, 33 | q:before, 34 | q:after { 35 | content: ''; 36 | content: none; 37 | } 38 | 39 | strong, 40 | b { 41 | font-weight: bold; 42 | } 43 | 44 | table { 45 | border-collapse: collapse; 46 | border-spacing: 0; 47 | } 48 | 49 | img { 50 | border: 0; 51 | max-width: 100%; 52 | } 53 | 54 | 55 | 56 | /* page structure */ 57 | 58 | #search-area { 59 | display: block; 60 | max-width: 70%; 61 | margin: 0 auto; 62 | background: #fff; 63 | padding: 15px 25px; 64 | -webkit-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 65 | -moz-box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 66 | box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.4); 67 | -webkit-border-radius: 4px; 68 | -moz-border-radius: 4px; 69 | border-radius: 4px; 70 | } 71 | 72 | #gh-api-data { 73 | display: block; 74 | padding: 25px 0; 75 | } 76 | 77 | #loader { 78 | display: block; 79 | width: 200px; 80 | height: 200px; 81 | margin: 0 auto; 82 | } 83 | 84 | 85 | /* page content styles */ 86 | 87 | .small-name { 88 | font-size: 0.75em; 89 | color: #a9a9a9; 90 | font-style: italic; 91 | } 92 | 93 | .avi { 94 | float: left; 95 | margin-right: 7px; 96 | margin-bottom: 7px; 97 | } 98 | 99 | .avi img { 100 | border: 1px solid #ccc; 101 | padding: 3px; 102 | } 103 | 104 | .repo-list { 105 | display: block; 106 | clear: both; 107 | width: 100%; 108 | } 109 | 110 | .repo-list ul { 111 | font-size: 1.2em; 112 | } 113 | 114 | .repo-list ul li { 115 | display: block; 116 | } 117 | 118 | .repo-list ul li a { 119 | font-weight: bold; 120 | padding: 6px 9px; 121 | display: block; 122 | float: left; 123 | margin-right: 10px; 124 | margin-bottom: 10px; 125 | text-decoration: none; 126 | border: 1px solid #356492; 127 | -webkit-border-radius: 3px; 128 | -moz-border-radius: 3px; 129 | border-radius: 3px; 130 | color: #fff; 131 | background-color: #3673af; 132 | background-image: -webkit-gradient(linear, left top, left bottom, from(#5597d8), to(#3673af)); 133 | background-image: -webkit-linear-gradient(top, #5597d8, #3673af); 134 | background-image: -moz-linear-gradient(top, #5597d8, #3673af); 135 | background-image: -ms-linear-gradient(top, #5597d8, #3673af); 136 | background-image: -o-linear-gradient(top, #5597d8, #3673af); 137 | background-image: linear-gradient(top, #5597d8, #3673af); 138 | } 139 | 140 | .repo-list ul li a:hover { 141 | background-color: #396895; 142 | background-image: -webkit-gradient(linear, left top, left bottom, from(#4b87c2), to(#396895)); 143 | background-image: -webkit-linear-gradient(top, #4b87c2, #396895); 144 | background-image: -moz-linear-gradient(top, #4b87c2, #396895); 145 | background-image: -ms-linear-gradient(top, #4b87c2, #396895); 146 | background-image: -o-linear-gradient(top, #4b87c2, #396895); 147 | background-image: linear-gradient(top, #4b87c2, #396895); 148 | } 149 | 150 | .repo-list ul li a:active { 151 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 152 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 153 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 154 | } 155 | 156 | .repo-list ul li a span { 157 | font-family: "Courier New", Courier, "Lucida Typewriter", monospace; 158 | font-size: 0.9em; 159 | } 160 | 161 | /* input field */ 162 | 163 | #gh-username { 164 | display: block; 165 | padding: 5px 8px; 166 | font-size: 1.4em; 167 | color: #666; 168 | max-width: 550px; 169 | margin-bottom: 15px; 170 | } 171 | 172 | #gh-submit { 173 | display: inline-block; 174 | padding: 8px 18px; 175 | font-size: 14px; 176 | font-weight: bold; 177 | color: #444; 178 | text-decoration: none; 179 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 180 | background-color: #eaeaea; 181 | background-image: -webkit-linear-gradient(#fafafa, #eaeaea); 182 | background-image: -moz-linear-gradient(#fafafa, #eaeaea); 183 | background-image: -ms-linear-gradient(top, #fafafa, #eaeaea); 184 | background-image: -o-linear-gradient(top, #fafafa, #eaeaea); 185 | background-image: linear-gradient(#fafafa, #eaeaea); 186 | border-radius: 3px; 187 | border: 1px solid #ddd; 188 | border-bottom-color: #c5c5c5; 189 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 190 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 191 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); 192 | } 193 | 194 | #gh-submit:hover { 195 | background-color: #dadada; 196 | background-image: -webkit-linear-gradient(#eaeaea, #dadada); 197 | background-image: -moz-linear-gradient(#eaeaea, #dadada); 198 | background-image: -ms-linear-gradient(top, #eaeaea, #dadada); 199 | background-image: -o-linear-gradient(top, #eaeaea, #dadada); 200 | background-image: linear-gradient(#eaeaea, #dadada); 201 | border-color: #ccc #ccc #b5b5b5; 202 | } 203 | 204 | #gh-submit:active { 205 | background-color: #dadada; 206 | background-image: none; 207 | border-color: #b5b5b5; 208 | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 209 | -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 210 | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.25); 211 | } -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/06-sending_emails/github.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
    19 |
    20 | 21 | 22 | 23 |
    24 |
    25 |
    26 |

    Rosie Odenkirk

    27 |

    Full Stack Developer

    28 |
    29 |
    30 |
    31 | 51 |
    52 |
    53 |
    54 |
    55 |
    56 |
    57 |
    58 |

    View My GitHub Projects

    59 |
    You can also search on other user profiles
    60 |
    61 | 62 |
    63 | 64 |
    65 |
    66 |
    67 |
    68 | 69 |
    70 | 98 | 99 | 100 | -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/05-preparing_the_contact_html_file/github.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
    19 |
    20 | 21 | 22 | 23 |
    24 |
    25 |
    26 |

    Rosie Odenkirk

    27 |

    Full Stack Developer

    28 |
    29 |
    30 |
    31 | 51 |
    52 |
    53 |
    54 |
    55 |
    56 |
    57 |
    58 |

    View My GitHub Projects

    59 |
    You can also search on other user profiles
    60 |
    61 | 62 |
    63 | 64 |
    65 |
    66 |
    67 |
    68 | 69 |
    70 | 98 | 99 | 100 | -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/03-connecting_to_the_email_service_using_their_sdk/github.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
    19 |
    20 | 21 | 22 | 23 |
    24 |
    25 |
    26 |

    Rosie Odenkirk

    27 |

    Full Stack Developer

    28 |
    29 |
    30 |
    31 | 51 |
    52 |
    53 |
    54 |
    55 |
    56 |
    57 |
    58 |

    View My GitHub Projects

    59 |
    You can also search on other user profiles
    60 |
    61 | 62 |
    63 | 64 |
    65 |
    66 |
    67 |
    68 | 69 |
    70 | 98 | 99 | 100 | -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/06-sending_emails/contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 17 | 18 | 19 | 20 |
    21 |
    22 | 23 | 24 | 25 |
    26 |
    27 |
    28 |

    Rosie Odenkirk

    29 |

    Full Stack Developer

    30 |
    31 |
    32 |
    33 | 53 |
    54 |
    55 |
    56 |
    57 |
    58 |
    59 |
    60 |

    Got a project in mind?

    61 |
    Let's work together
    62 |
    63 |
    64 |
    65 | 66 | 67 | 68 | 69 |
    70 |
    71 |
    72 |
    73 | 101 | 102 | 103 | 104 | -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/05-preparing_the_contact_html_file/contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Rosie Odenkirk 8 | 9 | 10 | 11 | 12 | 13 | 14 | 19 | 20 | 21 | 22 |
    23 |
    24 | 25 | 26 | 27 |
    28 |
    29 |
    30 |

    Rosie Odenkirk

    31 |

    Full Stack Developer

    32 |
    33 |
    34 |
    35 | 55 |
    56 |
    57 |
    58 |
    59 |
    60 |
    61 |
    62 |

    Got a project in mind?

    63 |
    Let's work together
    64 |
    65 |
    66 |
    67 | 68 | 69 | 70 | 71 |
    72 |
    73 |
    74 |
    75 | 103 | 104 | 105 | 106 | 107 | -------------------------------------------------------------------------------- /03-SendingEmailsUsingEmailJS/03-connecting_to_the_email_service_using_their_sdk/contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Rosie Odenkirk 8 | 9 | 10 | 11 | 12 | 13 | 14 | 23 | 24 | 25 | 26 |
    27 |
    28 | 29 | 30 | 31 |
    32 |
    33 |
    34 |

    Rosie Odenkirk

    35 |

    Full Stack Developer

    36 |
    37 |
    38 |
    39 | 59 |
    60 |
    61 |
    62 |
    63 |
    64 |
    65 |
    66 |

    Got a project in mind?

    67 |
    Let's work together
    68 |
    69 |
    70 | 71 | 72 | 73 | 74 | 75 |
    76 |
    77 |
    78 | 106 | 107 | 108 | -------------------------------------------------------------------------------- /01-GoogleMaps/04-rendering_the_map/contact.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Rosie 12 | 13 | 14 |
    15 |
    16 | 17 |
    18 |
    19 |
    20 |

    Rosie Odenkirk

    21 |

    Full Stack Developer

    22 |
    23 |
    24 |
    25 |
    26 | 40 |
    41 |
    42 |
    43 |
    44 |
    45 |
    46 |
    47 |
    48 |

    Got a project in mind?

    49 |
    Let's work together!
    50 | 51 |
    52 |
    53 | 54 | 55 | 56 |
    57 |
    58 | 59 |
    60 |
    61 |
    62 |
    63 | 64 |
    65 |
    66 | 67 |
    68 | 129 | 130 | --------------------------------------------------------------------------------