{"action":"created","comment":{"url":"https://api.github.com/repos/khwkang/front-end-challenge/pulls/comments/35563596","id":35563596,"diff_hunk":"@@ -54,11 +65,130 @@ a:visited {\n }\n \n .product-container .title {\n+  font-family: 'Open Sans', sans-serif;\n   padding-bottom: 28px;\n   font-weight: 700;\n   text-transform: uppercase;\n }\n \n .product-container .tagline {\n+  padding-bottom: 12px;\n+  font-family: 'Dosis', sans-serif;\n   font-style: italic;\n }\n+\n+/* Product Overlay Description */\n+\n+.overlay {\n+  position: absolute;\n+  z-index: 3;\n+  height: 100%;\n+  padding: 10px;\n+  overflow: hidden;\n+\n+  color: #F8F8F8;\n+  background: #2D2D2D;\n+\n+  font-family: 'Dosis', sans-serif;\n+  font-size: 16px;\n+  font-weight: 100;\n+  line-height: normal;\n+  letter-spacing: 1px;\n+\n+  opacity: 0;\n+  transition: opacity .50s ease;\n+   -moz-transition: opacity .50s ease;\n+   -webkit-transition: opacity .50s ease;\n+}\n+\n+.overlay:hover {\n+  opacity: 0.9;\n+}\n+\n+/* Remove Button */\n+\n+.action-remove {\n+  float: right;\n+  z-index: 5;\n+  width: 18px;\n+  padding: 3px;\n+  margin: -10px -7px 0 0;\n+\n+  color: white;\n+  font-size: 16px;\n+  font-weight: bold;\n+\n+  opacity: 0.3;\n+  transition: opacity .30s ease;\n+   -moz-transition: opacity .30s ease;\n+   -webkit-transition: opacity .30s ease;\n+}\n+\n+.action-remove:hover {\n+  opacity: 1;\n+  color: white;\n+}\n+\n+/* Animation for Removing Product */\n+\n+@-webkit-keyframes tvOut {\n+  0% {\n+    opacity: 1;\n+  }\n+\n+  50% {\n+    opacity: 0;\n+    -webkit-transform: scale3d(.9, .1, .3);\n+    transform: scale3d(.9, .1, .3);\n+  }\n+\n+  100% {\n+    opacity: 0;\n+  }\n+}\n+\n+@keyframes tvOut {\n+  0% {\n+    opacity: 1;\n+  }\n+\n+  50% {\n+    opacity: 0;\n+    -webkit-transform: scale3d(.9, .1, .3);\n+    transform: scale3d(.9, .1, .3);\n+  }\n+\n+  100% {\n+    opacity: 0;\n+  }\n+}\n+\n+.tvOut {\n+  -webkit-animation-duration: 0.5s;\n+  animation-duration: 0.5s;\n+  -webkit-animation-name: tvOut;\n+  animation-name: tvOut;\n+}\n+\n+\n+/* Responsive Typography */\n+\n+@media (min-width:767px) and (max-width: 991px) {\n+  .page-title {\n+    font-size: 32px;\n+  }\n+}\n+\n+@media (min-width:992px) and (max-width: 1200px) {\n+  .overlay {\n+    font-size: 13px;\n+  }\n+}\n+\n+@media (max-width: 500px) {\n+  .page-title {\n+    font-size: 26px;\n+  }\n+}\n+\n+","path":"style.css","position":176,"original_position":176,"commit_id":"c4a764d05391a48df7fa2bb3579fab8b64e5c8dd","original_commit_id":"c4a764d05391a48df7fa2bb3579fab8b64e5c8dd","user":{"login":"khwkang","id":9637848,"avatar_url":"https://avatars.githubusercontent.com/u/9637848?v=3","gravatar_id":"","url":"https://api.github.com/users/khwkang","html_url":"https://github.com/khwkang","followers_url":"https://api.github.com/users/khwkang/followers","following_url":"https://api.github.com/users/khwkang/following{/other_user}","gists_url":"https://api.github.com/users/khwkang/gists{/gist_id}","starred_url":"https://api.github.com/users/khwkang/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/khwkang/subscriptions","organizations_url":"https://api.github.com/users/khwkang/orgs","repos_url":"https://api.github.com/users/khwkang/repos","events_url":"https://api.github.com/users/khwkang/events{/privacy}","received_events_url":"https://api.github.com/users/khwkang/received_events","type":"User","site_admin":false},"body":"Dynamically change typography depending on different viewport size to improve the app's structure and readability.","created_at":"2015-07-27T17:39:43Z","updated_at":"2015-07-27T17:39:43Z","html_url":"https://github.com/khwkang/front-end-challenge/pull/5#discussion_r35563596","pull_request_url":"https://api.github.com/repos/khwkang/front-end-challenge/pulls/5","_links":{"self":{"href":"https://api.github.com/repos/khwkang/front-end-challenge/pulls/comments/35563596"},"html":{"href":"https://github.com/khwkang/front-end-challenge/pull/5#discussion_r35563596"},"pull_request":{"href":"https://api.github.com/repos/khwkang/front-end-challenge/pulls/5"}}},"pull_request":{"url":"https://api.github.com/repos/khwkang/front-end-challenge/pulls/5","id":40880211,"html_url":"https://github.com/khwkang/front-end-challenge/pull/5","diff_url":"https://github.com/khwkang/front-end-challenge/pull/5.diff","patch_url":"https://github.com/khwkang/front-end-challenge/pull/5.patch","issue_url":"https://api.github.com/repos/khwkang/front-end-challenge/issues/5","number":5,"state":"closed","locked":false,"title":"Description overlay, buttom for remove, loading view, and Typography","user":{"login":"khwkang","id":9637848,"avatar_url":"https://avatars.githubusercontent.com/u/9637848?v=3","gravatar_id":"","url":"https://api.github.com/users/khwkang","html_url":"https://github.com/khwkang","followers_url":"https://api.github.com/users/khwkang/followers","following_url":"https://api.github.com/users/khwkang/following{/other_user}","gists_url":"https://api.github.com/users/khwkang/gists{/gist_id}","starred_url":"https://api.github.com/users/khwkang/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/khwkang/subscriptions","organizations_url":"https://api.github.com/users/khwkang/orgs","repos_url":"https://api.github.com/users/khwkang/repos","events_url":"https://api.github.com/users/khwkang/events{/privacy}","received_events_url":"https://api.github.com/users/khwkang/received_events","type":"User","site_admin":false},"body":"","created_at":"2015-07-27T08:28:31Z","updated_at":"2015-07-27T17:39:43Z","closed_at":"2015-07-27T08:50:20Z","merged_at":"2015-07-27T08:50:20Z","merge_commit_sha":"7fe5e28094f54c87cb6c9ad4f965972696cd1c46","assignee":{"login":"khwkang","id":9637848,"avatar_url":"https://avatars.githubusercontent.com/u/9637848?v=3","gravatar_id":"","url":"https://api.github.com/users/khwkang","html_url":"https://github.com/khwkang","followers_url":"https://api.github.com/users/khwkang/followers","following_url":"https://api.github.com/users/khwkang/following{/other_user}","gists_url":"https://api.github.com/users/khwkang/gists{/gist_id}","starred_url":"https://api.github.com/users/khwkang/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/khwkang/subscriptions","organizations_url":"https://api.github.com/users/khwkang/orgs","repos_url":"https://api.github.com/users/khwkang/repos","events_url":"https://api.github.com/users/khwkang/events{/privacy}","received_events_url":"https://api.github.com/users/khwkang/received_events","type":"User","site_admin":false},"milestone":null,"commits_url":"https://api.github.com/repos/khwkang/front-end-challenge/pulls/5/commits","review_comments_url":"https://api.github.com/repos/khwkang/front-end-challenge/pulls/5/comments","review_comment_url":"https://api.github.com/repos/khwkang/front-end-challenge/pulls/comments{/number}","comments_url":"https://api.github.com/repos/khwkang/front-end-challenge/issues/5/comments","statuses_url":"https://api.github.com/repos/khwkang/front-end-challenge/statuses/c4a764d05391a48df7fa2bb3579fab8b64e5c8dd","head":{"label":"khwkang:css-html","ref":"css-html","sha":"c4a764d05391a48df7fa2bb3579fab8b64e5c8dd","user":{"login":"khwkang","id":9637848,"avatar_url":"https://avatars.githubusercontent.com/u/9637848?v=3","gravatar_id":"","url":"https://api.github.com/users/khwkang","html_url":"https://github.com/khwkang","followers_url":"https://api.github.com/users/khwkang/followers","following_url":"https://api.github.com/users/khwkang/following{/other_user}","gists_url":"https://api.github.com/users/khwkang/gists{/gist_id}","starred_url":"https://api.github.com/users/khwkang/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/khwkang/subscriptions","organizations_url":"https://api.github.com/users/khwkang/orgs","repos_url":"https://api.github.com/users/khwkang/repos","events_url":"https://api.github.com/users/khwkang/events{/privacy}","received_events_url":"https://api.github.com/users/khwkang/received_events","type":"User","site_admin":false},"repo":{"id":39738348,"name":"front-end-challenge","full_name":"khwkang/front-end-challenge","owner":{"login":"khwkang","id":9637848,"avatar_url":"https://avatars.githubusercontent.com/u/9637848?v=3","gravatar_id":"","url":"https://api.github.com/users/khwkang","html_url":"https://github.com/khwkang","followers_url":"https://api.github.com/users/khwkang/followers","following_url":"https://api.github.com/users/khwkang/following{/other_user}","gists_url":"https://api.github.com/users/khwkang/gists{/gist_id}","starred_url":"https://api.github.com/users/khwkang/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/khwkang/subscriptions","organizations_url":"https://api.github.com/users/khwkang/orgs","repos_url":"https://api.github.com/users/khwkang/repos","events_url":"https://api.github.com/users/khwkang/events{/privacy}","received_events_url":"https://api.github.com/users/khwkang/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/khwkang/front-end-challenge","description":"","fork":true,"url":"https://api.github.com/repos/khwkang/front-end-challenge","forks_url":"https://api.github.com/repos/khwkang/front-end-challenge/forks","keys_url":"https://api.github.com/repos/khwkang/front-end-challenge/keys{/key_id}","collaborators_url":"https://api.github.com/repos/khwkang/front-end-challenge/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/khwkang/front-end-challenge/teams","hooks_url":"https://api.github.com/repos/khwkang/front-end-challenge/hooks","issue_events_url":"https://api.github.com/repos/khwkang/front-end-challenge/issues/events{/number}","events_url":"https://api.github.com/repos/khwkang/front-end-challenge/events","assignees_url":"https://api.github.com/repos/khwkang/front-end-challenge/assignees{/user}","branches_url":"https://api.github.com/repos/khwkang/front-end-challenge/branches{/branch}","tags_url":"https://api.github.com/repos/khwkang/front-end-challenge/tags","blobs_url":"https://api.github.com/repos/khwkang/front-end-challenge/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/khwkang/front-end-challenge/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/khwkang/front-end-challenge/git/refs{/sha}","trees_url":"https://api.github.com/repos/khwkang/front-end-challenge/git/trees{/sha}","statuses_url":"https://api.github.com/repos/khwkang/front-end-challenge/statuses/{sha}","languages_url":"https://api.github.com/repos/khwkang/front-end-challenge/languages","stargazers_url":"https://api.github.com/repos/khwkang/front-end-challenge/stargazers","contributors_url":"https://api.github.com/repos/khwkang/front-end-challenge/contributors","subscribers_url":"https://api.github.com/repos/khwkang/front-end-challenge/subscribers","subscription_url":"https://api.github.com/repos/khwkang/front-end-challenge/subscription","commits_url":"https://api.github.com/repos/khwkang/front-end-challenge/commits{/sha}","git_commits_url":"https://api.github.com/repos/khwkang/front-end-challenge/git/commits{/sha}","comments_url":"https://api.github.com/repos/khwkang/front-end-challenge/comments{/number}","issue_comment_url":"https://api.github.com/repos/khwkang/front-end-challenge/issues/comments{/number}","contents_url":"https://api.github.com/repos/khwkang/front-end-challenge/contents/{+path}","compare_url":"https://api.github.com/repos/khwkang/front-end-challenge/compare/{base}...{head}","merges_url":"https://api.github.com/repos/khwkang/front-end-challenge/merges","archive_url":"https://api.github.com/repos/khwkang/front-end-challenge/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/khwkang/front-end-challenge/downloads","issues_url":"https://api.github.com/repos/khwkang/front-end-challenge/issues{/number}","pulls_url":"https://api.github.com/repos/khwkang/front-end-challenge/pulls{/number}","milestones_url":"https://api.github.com/repos/khwkang/front-end-challenge/milestones{/number}","notifications_url":"https://api.github.com/repos/khwkang/front-end-challenge/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/khwkang/front-end-challenge/labels{/name}","releases_url":"https://api.github.com/repos/khwkang/front-end-challenge/releases{/id}","created_at":"2015-07-26T19:15:48Z","updated_at":"2015-07-26T19:15:48Z","pushed_at":"2015-07-27T08:50:21Z","git_url":"git://github.com/khwkang/front-end-challenge.git","ssh_url":"git@github.com:khwkang/front-end-challenge.git","clone_url":"https://github.com/khwkang/front-end-challenge.git","svn_url":"https://github.com/khwkang/front-end-challenge","homepage":null,"size":173,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":false,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":0,"forks":0,"open_issues":0,"watchers":0,"default_branch":"master"}},"base":{"label":"khwkang:master","ref":"master","sha":"c0299b682bac49ed7a2005be68596f195733232a","user":{"login":"khwkang","id":9637848,"avatar_url":"https://avatars.githubusercontent.com/u/9637848?v=3","gravatar_id":"","url":"https://api.github.com/users/khwkang","html_url":"https://github.com/khwkang","followers_url":"https://api.github.com/users/khwkang/followers","following_url":"https://api.github.com/users/khwkang/following{/other_user}","gists_url":"https://api.github.com/users/khwkang/gists{/gist_id}","starred_url":"https://api.github.com/users/khwkang/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/khwkang/subscriptions","organizations_url":"https://api.github.com/users/khwkang/orgs","repos_url":"https://api.github.com/users/khwkang/repos","events_url":"https://api.github.com/users/khwkang/events{/privacy}","received_events_url":"https://api.github.com/users/khwkang/received_events","type":"User","site_admin":false},"repo":{"id":39738348,"name":"front-end-challenge","full_name":"khwkang/front-end-challenge","owner":{"login":"khwkang","id":9637848,"avatar_url":"https://avatars.githubusercontent.com/u/9637848?v=3","gravatar_id":"","url":"https://api.github.com/users/khwkang","html_url":"https://github.com/khwkang","followers_url":"https://api.github.com/users/khwkang/followers","following_url":"https://api.github.com/users/khwkang/following{/other_user}","gists_url":"https://api.github.com/users/khwkang/gists{/gist_id}","starred_url":"https://api.github.com/users/khwkang/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/khwkang/subscriptions","organizations_url":"https://api.github.com/users/khwkang/orgs","repos_url":"https://api.github.com/users/khwkang/repos","events_url":"https://api.github.com/users/khwkang/events{/privacy}","received_events_url":"https://api.github.com/users/khwkang/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/khwkang/front-end-challenge","description":"","fork":true,"url":"https://api.github.com/repos/khwkang/front-end-challenge","forks_url":"https://api.github.com/repos/khwkang/front-end-challenge/forks","keys_url":"https://api.github.com/repos/khwkang/front-end-challenge/keys{/key_id}","collaborators_url":"https://api.github.com/repos/khwkang/front-end-challenge/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/khwkang/front-end-challenge/teams","hooks_url":"https://api.github.com/repos/khwkang/front-end-challenge/hooks","issue_events_url":"https://api.github.com/repos/khwkang/front-end-challenge/issues/events{/number}","events_url":"https://api.github.com/repos/khwkang/front-end-challenge/events","assignees_url":"https://api.github.com/repos/khwkang/front-end-challenge/assignees{/user}","branches_url":"https://api.github.com/repos/khwkang/front-end-challenge/branches{/branch}","tags_url":"https://api.github.com/repos/khwkang/front-end-challenge/tags","blobs_url":"https://api.github.com/repos/khwkang/front-end-challenge/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/khwkang/front-end-challenge/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/khwkang/front-end-challenge/git/refs{/sha}","trees_url":"https://api.github.com/repos/khwkang/front-end-challenge/git/trees{/sha}","statuses_url":"https://api.github.com/repos/khwkang/front-end-challenge/statuses/{sha}","languages_url":"https://api.github.com/repos/khwkang/front-end-challenge/languages","stargazers_url":"https://api.github.com/repos/khwkang/front-end-challenge/stargazers","contributors_url":"https://api.github.com/repos/khwkang/front-end-challenge/contributors","subscribers_url":"https://api.github.com/repos/khwkang/front-end-challenge/subscribers","subscription_url":"https://api.github.com/repos/khwkang/front-end-challenge/subscription","commits_url":"https://api.github.com/repos/khwkang/front-end-challenge/commits{/sha}","git_commits_url":"https://api.github.com/repos/khwkang/front-end-challenge/git/commits{/sha}","comments_url":"https://api.github.com/repos/khwkang/front-end-challenge/comments{/number}","issue_comment_url":"https://api.github.com/repos/khwkang/front-end-challenge/issues/comments{/number}","contents_url":"https://api.github.com/repos/khwkang/front-end-challenge/contents/{+path}","compare_url":"https://api.github.com/repos/khwkang/front-end-challenge/compare/{base}...{head}","merges_url":"https://api.github.com/repos/khwkang/front-end-challenge/merges","archive_url":"https://api.github.com/repos/khwkang/front-end-challenge/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/khwkang/front-end-challenge/downloads","issues_url":"https://api.github.com/repos/khwkang/front-end-challenge/issues{/number}","pulls_url":"https://api.github.com/repos/khwkang/front-end-challenge/pulls{/number}","milestones_url":"https://api.github.com/repos/khwkang/front-end-challenge/milestones{/number}","notifications_url":"https://api.github.com/repos/khwkang/front-end-challenge/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/khwkang/front-end-challenge/labels{/name}","releases_url":"https://api.github.com/repos/khwkang/front-end-challenge/releases{/id}","created_at":"2015-07-26T19:15:48Z","updated_at":"2015-07-26T19:15:48Z","pushed_at":"2015-07-27T08:50:21Z","git_url":"git://github.com/khwkang/front-end-challenge.git","ssh_url":"git@github.com:khwkang/front-end-challenge.git","clone_url":"https://github.com/khwkang/front-end-challenge.git","svn_url":"https://github.com/khwkang/front-end-challenge","homepage":null,"size":173,"stargazers_count":0,"watchers_count":0,"language":"JavaScript","has_issues":false,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":0,"forks":0,"open_issues":0,"watchers":0,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/khwkang/front-end-challenge/pulls/5"},"html":{"href":"https://github.com/khwkang/front-end-challenge/pull/5"},"issue":{"href":"https://api.github.com/repos/khwkang/front-end-challenge/issues/5"},"comments":{"href":"https://api.github.com/repos/khwkang/front-end-challenge/issues/5/comments"},"review_comments":{"href":"https://api.github.com/repos/khwkang/front-end-challenge/pulls/5/comments"},"review_comment":{"href":"https://api.github.com/repos/khwkang/front-end-challenge/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/khwkang/front-end-challenge/pulls/5/commits"},"statuses":{"href":"https://api.github.com/repos/khwkang/front-end-challenge/statuses/c4a764d05391a48df7fa2bb3579fab8b64e5c8dd"}}}}