{"action":"created","comment":{"url":"https://api.github.com/repos/natgeo/mortar/pulls/comments/84975104","pull_request_review_id":5718850,"id":84975104,"diff_hunk":"@@ -1,78 +1,234 @@\n 'use strict';\n \n import React, { Component, PropTypes }  from 'react';\n+import PromoImage from '../promocard/components/shared/PromoImage';\n+import Image from '@natgeo/modules-images';\n+import _debounce from 'lodash/debounce';\n+import _delay from 'lodash/delay';\n \n class Broadsheet extends Component {\n+\n+  constructor(props) {\n+    super(props);\n+    this.debouncedReveal = null;\n+    this.reveal = this.reveal.bind(this);\n+    this.state = {\n+      breakpoint: this.props.parentWidth || null\n+    }\n+  }\n+\n+  reveal() {\n+    let el = this.refs.broadsheet;\n+    let top = el.offsetTop;\n+    let left = el.offsetLeft;\n+    let width = el.offsetWidth;\n+    let height = el.offsetHeight;\n+\n+    while(el.offsetParent) {\n+      el = el.offsetParent;\n+      top += el.offsetTop;\n+      left += el.offsetLeft;\n+    }\n+\n+    if (\n+      top < (window.pageYOffset + window.innerHeight) &&\n+      left < (window.pageXOffset + window.innerWidth) &&\n+      (top + height) > window.pageYOffset &&\n+      (left + width) > window.pageXOffset\n+    ) {\n+      // When the BroadSheet enters the viewport animate the gold border, once\n+      // console.log('broadsheet in viewport');\n+      this.setState({growClass: \"mt3_broadsheet_wrapper--grow\"});\n+      window.removeEventListener('resize', this.debouncedReveal);\n+      window.removeEventListener('scroll', this.debouncedReveal);\n+    };\n+  }\n+\n+  componentDidMount() {\n+    // wait a few seconds because the user may need download the contents/images\n+    // before we start the animation if the broadsheet is inframe on initial\n+    // page load\n+    _delay(this.reveal, 2000);\n+    this.debouncedReveal = _debounce(this.reveal, 500);\n+    window.addEventListener('resize', this.debouncedReveal);\n+    window.addEventListener('scroll', this.debouncedReveal);\n+  }\n+\n+  componentDidUnMount() {\n+    window.removeEventListener('resize', this.debouncedReveal);\n+    window.removeEventListener('scroll', this.debouncedReveal);\n+  }\n+\n   render() {\n+\n+\n+    // set the aspect ratio for the \"hero\" image\n+    // if mobile then 1:1 otherwise 16:9\n+    // let cardAspectRatio = 0.5649717514124294;\n+    let cardAspectRatio = 0.5649717514124294;\n+    if (window.innerWidth < 768) {\n+      cardAspectRatio = 1;\n+    }\n+\n     const bodyNodes = this.props.mainBody.map((node, index) => {\n+\n       if(node.type === 'text') {\n         return (\n           <div key={index} dangerouslySetInnerHTML={{__html: node.text}} />\n         )\n       }\n \n+      if(node.type === 'image') {\n+        return(\n+          <div>\n+            <Image\n+              key={index}\n+              aspectRatio={node.aspectRatio}\n+              frameAspectRatio={node.aspectRatio}\n+              lazyLoad={true}\n+              placeholder=\"none\"\n+              height={this.props.height}\n+              width={this.props.width}\n+              altText={node.altText || ''}\n+              src={node.imageUrl}\n+              srcset={node.srcset} />\n+            <Attributions\n+              caption={node.caption}\n+              credit={node.credit} />\n+          </div>\n+        )\n+      }\n+\n       return (\n-        <img key={index} src={node.imageUrl} />\n-      )\n+        <span key={index} >Content Not Found</span>\n+      );\n     });\n \n     return(\n-      <div>\n-        <a href='http://nationalgeographic.com/magazine'>National Geographic Magazine</a>\n-        <section>\n-          <header>\n-            <a href={this.props.issueUrl}>{this.props.issueDate}</a>\n-            <a href={this.props.mainUrl}>\n-              <h1>{this.props.mainTitle}</h1>\n-              <p>By: {this.props.mainAuthor}</p>\n-              <p>Photography: {this.props.mainPhotographer}</p>\n-            </a>\n-            <figure>\n-              <img src={this.props.leadMediaImage} />\n-              <figcaption>\n-                {this.props.leadMediaCaption}\n-                <div dangerouslySetInnerHTML={{__html: this.props.leadMediaCredit}} />\n-              </figcaption>\n-            </figure>\n-          </header>\n-\n-          {bodyNodes}\n-\n-          <aside>\n-            <header>\n-              <p>Subscribe National Geographic Magazine</p>\n-              <img src={this.props.coverImage} />\n+      <div ref=\"broadsheet\" className={\"mt3_broadsheet_wrapper \" + this.state.growClass} data-reveal=\"true\">\n+        <div className=\"mt3_broadsheet\">\n+          <a className=\"mt3_color--black mt3_heading--h6--2 mt3_broadsheet-magazine-title\" href='http://nationalgeographic.com/magazine'>National Geographic Magazine</a>\n+          <section className=\"mt3_bgcolor--white\">\n+            <header className=\"mt3_row\">\n+              <div className=\"mt3_broadsheet-leadMedia-header\">\n+                <a className=\"mt3_broadsheet-leadMedia-issue-date mt3_color--white mt3_haas-heading\" href={this.props.issueUrl}>\n+                  <span className=\"mt3_georgia-heading mt3_broadsheet-leadMedia-issue-date-label mt3_visuallyhidden\">\n+                  Issue Date:</span>\n+                  {this.props.issueDate}\n+                </a>\n+                <a className=\"mt3_broadsheet-leadMedia-title mt3_btn mt3_btn--naked\" href={this.props.mainUrl}>\n+                  <h1 className=\"mt3_color--white mt3_haas-heading\">{this.props.mainTitle}</h1>\n+                  <p>\n+                    <span className=\"mt3_georgia-heading mt3_broadsheet-leadMedia-by-label\">By:</span>\n+                    <span className=\"mt3_georgia-heading mt3_broadsheet-leadMedia-by\">{this.props.mainAuthor}</span>\n+                  </p>\n+                  <p>\n+                    <span className=\"mt3_georgia-heading mt3_broadsheet-leadMedia-photograph-label\">Photography:</span>\n+                    <span className=\"mt3_georgia-heading mt3_broadsheet-leadMedia-photograph\">{this.props.mainPhotographer}</span>\n+                  </p>\n+                </a>\n+              </div>\n+              <div className=\"mt3_broadsheet-leadMedia-image mt3_promocard-gallery-images--image2-large\">\n+                <PromoImage\n+                  type=\"image\"\n+                  config={{\n+                    \"cardAspectRatio\": cardAspectRatio\n+                  }}\n+                  fadeSpeed={0}\n+                  leadMedia={this.props.leadMedia}\n+                  secondImage={false} />\n+              </div>\n             </header>\n-            <p>Also in this issue</p>\n-            <ul>\n-            {this.props.subStories.map((item, index) => (\n-              <li key={index}>\n-              <h2>{item.text.title}</h2>\n-              <p>{item.text.dek}</p>\n-              </li>\n-            ))}\n-            </ul>\n-          </aside>\n-        </section>\n+            <div className=\"mt3_broadsheet_row\">\n+              <div className=\"mt3_article mt3_broadsheet-article\">\n+                <Attributions\n+                  caption={this.props.leadMedia.caption}\n+                  credit={this.props.leadMedia.credit} />\n+              {bodyNodes}\n+              </div>\n+              <aside className=\"mt3_broadsheet-aside\">\n+              <div className=\"mt3_broadsheet-aside-v-background\">\n+                  <header className=\"mt3_broadsheet-cover-heading mt3_verlag-heading\">\n+                    <p><span className=\"mt3_broadsheet-subscribe-label\">Subscribe</span><br/> National Geographic Magazine</p>\n+                    <Image\n+                      aspectRatio={this.props.coverImage.aspectRatio}\n+                      frameAspectRatio={this.props.coverImage.aspectRatio}\n+                      lazyLoad={false}\n+                      placeholderBackgroundColor={\"rgb(0,0,0)\"}\n+                      letterboxBackgroundColor = {\"rgb(0,0,0)\"}\n+                      placeholder=\"none\"\n+                      fadeSpeed={0}\n+                      height={this.props.height}\n+                      width={this.props.width}\n+                      altText=\"National Geographic Magazine Cover Image\"\n+                      src={this.props.coverImage.src}\n+                      srcset={this.props.coverImage.srcset}\n+                    />\n+                  </header>\n+                  <p className=\"mt3_broadsheet-story-also-in mt3_verlag-heading\">Also in this issue</p>\n+                  <ul className=\"mt3_body\">\n+                  {this.props.subStories.map((item, index) => (\n+                    <li key={index}>\n+                      <h2 className=\"mt3_broadsheet-story-title mt3_haas-heading mt3_color--black\">{item.text.title}</h2>\n+                      <p className=\"mt3_broadsheet-story-dek mt3_color--gray66\">{item.text.dek}</p>\n+                    </li>\n+                  ))}\n+                  </ul>\n+                </div>\n+              </aside>\n+            </div>\n+          </section>\n+        </div>\n       </div>\n     );\n   }\n }\n \n+// TODO: add shape validation for leadMedia and coverImage\n Broadsheet.propTypes = {\n-  coverImage: PropTypes.string,\n+  coverImage: PropTypes.object,\n   issueDate: PropTypes.string,\n   issueUrl: PropTypes.string,\n-  leadMediaCaption: PropTypes.string,\n-  leadMediaCredit: PropTypes.string,\n-  leadMediaImage: PropTypes.string,\n+  leadMedia: PropTypes.object,\n   subStoriesHeading: PropTypes.string,\n   subStories: PropTypes.array,\n   mainAuthor: PropTypes.string,\n   mainBody: PropTypes.array,\n-  mainPhotographer: PropTypes.array,\n+  mainPhotographer: PropTypes.string,\n   mainTitle: PropTypes.string,\n   mainUrl: PropTypes.string\n }\n \n+\n+class Attributions extends Component {\n+\n+  render() {\n+    if (!this.props.caption && this.props.credit) {\n+      return (<span/>);\n+    }\n+\n+    return (\n+      <figure className=\"mt3_broadsheet-leadMedia-attributions\">\n+        <figcaption className=\"mt3_caption-container--indent\">\n+          <p className=\"mt3_caption-body\">\n+            <span className=\"mt3_caption-title mt3_visuallyhidden\">Photo Title{\" \"}</span>","path":"src/modules/broadsheet/MTBroadsheet.js","position":257,"original_position":257,"commit_id":"4671ca72d53ef31006cb3e12a9545ccaa936e9c0","original_commit_id":"4671ca72d53ef31006cb3e12a9545ccaa936e9c0","user":{"login":"asabaylus","id":441527,"avatar_url":"https://avatars.githubusercontent.com/u/441527?v=3","gravatar_id":"","url":"https://api.github.com/users/asabaylus","html_url":"https://github.com/asabaylus","followers_url":"https://api.github.com/users/asabaylus/followers","following_url":"https://api.github.com/users/asabaylus/following{/other_user}","gists_url":"https://api.github.com/users/asabaylus/gists{/gist_id}","starred_url":"https://api.github.com/users/asabaylus/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/asabaylus/subscriptions","organizations_url":"https://api.github.com/users/asabaylus/orgs","repos_url":"https://api.github.com/users/asabaylus/repos","events_url":"https://api.github.com/users/asabaylus/events{/privacy}","received_events_url":"https://api.github.com/users/asabaylus/received_events","type":"User","site_admin":false},"body":"Forces an empty space. `&nbsp;` for  JSX will break the codes","created_at":"2016-10-25T18:54:10Z","updated_at":"2016-10-25T18:54:10Z","html_url":"https://github.com/natgeo/mortar/pull/383#discussion_r84975104","pull_request_url":"https://api.github.com/repos/natgeo/mortar/pulls/383","_links":{"self":{"href":"https://api.github.com/repos/natgeo/mortar/pulls/comments/84975104"},"html":{"href":"https://github.com/natgeo/mortar/pull/383#discussion_r84975104"},"pull_request":{"href":"https://api.github.com/repos/natgeo/mortar/pulls/383"}}},"pull_request":{"url":"https://api.github.com/repos/natgeo/mortar/pulls/383","id":90809848,"html_url":"https://github.com/natgeo/mortar/pull/383","diff_url":"https://github.com/natgeo/mortar/pull/383.diff","patch_url":"https://github.com/natgeo/mortar/pull/383.patch","issue_url":"https://api.github.com/repos/natgeo/mortar/issues/383","number":383,"state":"open","locked":false,"title":"[SYTO-928] add CSS for the Broadsheet","user":{"login":"asabaylus","id":441527,"avatar_url":"https://avatars.githubusercontent.com/u/441527?v=3","gravatar_id":"","url":"https://api.github.com/users/asabaylus","html_url":"https://github.com/asabaylus","followers_url":"https://api.github.com/users/asabaylus/followers","following_url":"https://api.github.com/users/asabaylus/following{/other_user}","gists_url":"https://api.github.com/users/asabaylus/gists{/gist_id}","starred_url":"https://api.github.com/users/asabaylus/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/asabaylus/subscriptions","organizations_url":"https://api.github.com/users/asabaylus/orgs","repos_url":"https://api.github.com/users/asabaylus/repos","events_url":"https://api.github.com/users/asabaylus/events{/privacy}","received_events_url":"https://api.github.com/users/asabaylus/received_events","type":"User","site_admin":false},"body":"This change set introduces the layout and styles for the Broadsheet.\r\nSee: https://jira.natgeo.com/browse/SYTO-928\r\n\r\n```\r\n$ git checkout SYTO-928\r\n$ gulp serve\r\n```\r\nNavigate to: http://127.0.0.1.xip.io:3000/components/#broadsheet\r\n\r\nVerify that it all looks lovely!\r\n\r\nPLEASE SQAUSH BEFORE MERGING! seriously I wrote a lot of this very late at night, and the commit history is total junk.\r\n\r\nNote this is adaptive NOT responsive. We should probably make it responsive though cause while it meets MVP definition the fact you have to refresh to view the mobile correctly makes me nuts\r\n","created_at":"2016-10-25T13:40:21Z","updated_at":"2016-10-25T18:54:10Z","closed_at":null,"merged_at":null,"merge_commit_sha":"881e7b4cf09ca25a8b695f1c5737b8705d59008f","assignee":null,"assignees":[],"milestone":null,"commits_url":"https://api.github.com/repos/natgeo/mortar/pulls/383/commits","review_comments_url":"https://api.github.com/repos/natgeo/mortar/pulls/383/comments","review_comment_url":"https://api.github.com/repos/natgeo/mortar/pulls/comments{/number}","comments_url":"https://api.github.com/repos/natgeo/mortar/issues/383/comments","statuses_url":"https://api.github.com/repos/natgeo/mortar/statuses/4671ca72d53ef31006cb3e12a9545ccaa936e9c0","head":{"label":"natgeo:SYTO-928","ref":"SYTO-928","sha":"4671ca72d53ef31006cb3e12a9545ccaa936e9c0","user":{"login":"natgeo","id":343010,"avatar_url":"https://avatars.githubusercontent.com/u/343010?v=3","gravatar_id":"","url":"https://api.github.com/users/natgeo","html_url":"https://github.com/natgeo","followers_url":"https://api.github.com/users/natgeo/followers","following_url":"https://api.github.com/users/natgeo/following{/other_user}","gists_url":"https://api.github.com/users/natgeo/gists{/gist_id}","starred_url":"https://api.github.com/users/natgeo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/natgeo/subscriptions","organizations_url":"https://api.github.com/users/natgeo/orgs","repos_url":"https://api.github.com/users/natgeo/repos","events_url":"https://api.github.com/users/natgeo/events{/privacy}","received_events_url":"https://api.github.com/users/natgeo/received_events","type":"Organization","site_admin":false},"repo":{"id":13811674,"name":"mortar","full_name":"natgeo/mortar","owner":{"login":"natgeo","id":343010,"avatar_url":"https://avatars.githubusercontent.com/u/343010?v=3","gravatar_id":"","url":"https://api.github.com/users/natgeo","html_url":"https://github.com/natgeo","followers_url":"https://api.github.com/users/natgeo/followers","following_url":"https://api.github.com/users/natgeo/following{/other_user}","gists_url":"https://api.github.com/users/natgeo/gists{/gist_id}","starred_url":"https://api.github.com/users/natgeo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/natgeo/subscriptions","organizations_url":"https://api.github.com/users/natgeo/orgs","repos_url":"https://api.github.com/users/natgeo/repos","events_url":"https://api.github.com/users/natgeo/events{/privacy}","received_events_url":"https://api.github.com/users/natgeo/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/natgeo/mortar","description":"NGS foundational framework","fork":false,"url":"https://api.github.com/repos/natgeo/mortar","forks_url":"https://api.github.com/repos/natgeo/mortar/forks","keys_url":"https://api.github.com/repos/natgeo/mortar/keys{/key_id}","collaborators_url":"https://api.github.com/repos/natgeo/mortar/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/natgeo/mortar/teams","hooks_url":"https://api.github.com/repos/natgeo/mortar/hooks","issue_events_url":"https://api.github.com/repos/natgeo/mortar/issues/events{/number}","events_url":"https://api.github.com/repos/natgeo/mortar/events","assignees_url":"https://api.github.com/repos/natgeo/mortar/assignees{/user}","branches_url":"https://api.github.com/repos/natgeo/mortar/branches{/branch}","tags_url":"https://api.github.com/repos/natgeo/mortar/tags","blobs_url":"https://api.github.com/repos/natgeo/mortar/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/natgeo/mortar/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/natgeo/mortar/git/refs{/sha}","trees_url":"https://api.github.com/repos/natgeo/mortar/git/trees{/sha}","statuses_url":"https://api.github.com/repos/natgeo/mortar/statuses/{sha}","languages_url":"https://api.github.com/repos/natgeo/mortar/languages","stargazers_url":"https://api.github.com/repos/natgeo/mortar/stargazers","contributors_url":"https://api.github.com/repos/natgeo/mortar/contributors","subscribers_url":"https://api.github.com/repos/natgeo/mortar/subscribers","subscription_url":"https://api.github.com/repos/natgeo/mortar/subscription","commits_url":"https://api.github.com/repos/natgeo/mortar/commits{/sha}","git_commits_url":"https://api.github.com/repos/natgeo/mortar/git/commits{/sha}","comments_url":"https://api.github.com/repos/natgeo/mortar/comments{/number}","issue_comment_url":"https://api.github.com/repos/natgeo/mortar/issues/comments{/number}","contents_url":"https://api.github.com/repos/natgeo/mortar/contents/{+path}","compare_url":"https://api.github.com/repos/natgeo/mortar/compare/{base}...{head}","merges_url":"https://api.github.com/repos/natgeo/mortar/merges","archive_url":"https://api.github.com/repos/natgeo/mortar/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/natgeo/mortar/downloads","issues_url":"https://api.github.com/repos/natgeo/mortar/issues{/number}","pulls_url":"https://api.github.com/repos/natgeo/mortar/pulls{/number}","milestones_url":"https://api.github.com/repos/natgeo/mortar/milestones{/number}","notifications_url":"https://api.github.com/repos/natgeo/mortar/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/natgeo/mortar/labels{/name}","releases_url":"https://api.github.com/repos/natgeo/mortar/releases{/id}","deployments_url":"https://api.github.com/repos/natgeo/mortar/deployments","created_at":"2013-10-23T18:53:51Z","updated_at":"2016-09-29T17:02:44Z","pushed_at":"2016-10-25T18:13:38Z","git_url":"git://github.com/natgeo/mortar.git","ssh_url":"git@github.com:natgeo/mortar.git","clone_url":"https://github.com/natgeo/mortar.git","svn_url":"https://github.com/natgeo/mortar","homepage":"http://style-guide.nationalgeographic.com","size":11948,"stargazers_count":3,"watchers_count":3,"language":"HTML","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":0,"mirror_url":null,"open_issues_count":3,"forks":0,"open_issues":3,"watchers":3,"default_branch":"master"}},"base":{"label":"natgeo:release/3.0","ref":"release/3.0","sha":"08fddc05dc37b7affbdd85b9da8d49ce0a2f23ec","user":{"login":"natgeo","id":343010,"avatar_url":"https://avatars.githubusercontent.com/u/343010?v=3","gravatar_id":"","url":"https://api.github.com/users/natgeo","html_url":"https://github.com/natgeo","followers_url":"https://api.github.com/users/natgeo/followers","following_url":"https://api.github.com/users/natgeo/following{/other_user}","gists_url":"https://api.github.com/users/natgeo/gists{/gist_id}","starred_url":"https://api.github.com/users/natgeo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/natgeo/subscriptions","organizations_url":"https://api.github.com/users/natgeo/orgs","repos_url":"https://api.github.com/users/natgeo/repos","events_url":"https://api.github.com/users/natgeo/events{/privacy}","received_events_url":"https://api.github.com/users/natgeo/received_events","type":"Organization","site_admin":false},"repo":{"id":13811674,"name":"mortar","full_name":"natgeo/mortar","owner":{"login":"natgeo","id":343010,"avatar_url":"https://avatars.githubusercontent.com/u/343010?v=3","gravatar_id":"","url":"https://api.github.com/users/natgeo","html_url":"https://github.com/natgeo","followers_url":"https://api.github.com/users/natgeo/followers","following_url":"https://api.github.com/users/natgeo/following{/other_user}","gists_url":"https://api.github.com/users/natgeo/gists{/gist_id}","starred_url":"https://api.github.com/users/natgeo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/natgeo/subscriptions","organizations_url":"https://api.github.com/users/natgeo/orgs","repos_url":"https://api.github.com/users/natgeo/repos","events_url":"https://api.github.com/users/natgeo/events{/privacy}","received_events_url":"https://api.github.com/users/natgeo/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/natgeo/mortar","description":"NGS foundational framework","fork":false,"url":"https://api.github.com/repos/natgeo/mortar","forks_url":"https://api.github.com/repos/natgeo/mortar/forks","keys_url":"https://api.github.com/repos/natgeo/mortar/keys{/key_id}","collaborators_url":"https://api.github.com/repos/natgeo/mortar/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/natgeo/mortar/teams","hooks_url":"https://api.github.com/repos/natgeo/mortar/hooks","issue_events_url":"https://api.github.com/repos/natgeo/mortar/issues/events{/number}","events_url":"https://api.github.com/repos/natgeo/mortar/events","assignees_url":"https://api.github.com/repos/natgeo/mortar/assignees{/user}","branches_url":"https://api.github.com/repos/natgeo/mortar/branches{/branch}","tags_url":"https://api.github.com/repos/natgeo/mortar/tags","blobs_url":"https://api.github.com/repos/natgeo/mortar/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/natgeo/mortar/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/natgeo/mortar/git/refs{/sha}","trees_url":"https://api.github.com/repos/natgeo/mortar/git/trees{/sha}","statuses_url":"https://api.github.com/repos/natgeo/mortar/statuses/{sha}","languages_url":"https://api.github.com/repos/natgeo/mortar/languages","stargazers_url":"https://api.github.com/repos/natgeo/mortar/stargazers","contributors_url":"https://api.github.com/repos/natgeo/mortar/contributors","subscribers_url":"https://api.github.com/repos/natgeo/mortar/subscribers","subscription_url":"https://api.github.com/repos/natgeo/mortar/subscription","commits_url":"https://api.github.com/repos/natgeo/mortar/commits{/sha}","git_commits_url":"https://api.github.com/repos/natgeo/mortar/git/commits{/sha}","comments_url":"https://api.github.com/repos/natgeo/mortar/comments{/number}","issue_comment_url":"https://api.github.com/repos/natgeo/mortar/issues/comments{/number}","contents_url":"https://api.github.com/repos/natgeo/mortar/contents/{+path}","compare_url":"https://api.github.com/repos/natgeo/mortar/compare/{base}...{head}","merges_url":"https://api.github.com/repos/natgeo/mortar/merges","archive_url":"https://api.github.com/repos/natgeo/mortar/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/natgeo/mortar/downloads","issues_url":"https://api.github.com/repos/natgeo/mortar/issues{/number}","pulls_url":"https://api.github.com/repos/natgeo/mortar/pulls{/number}","milestones_url":"https://api.github.com/repos/natgeo/mortar/milestones{/number}","notifications_url":"https://api.github.com/repos/natgeo/mortar/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/natgeo/mortar/labels{/name}","releases_url":"https://api.github.com/repos/natgeo/mortar/releases{/id}","deployments_url":"https://api.github.com/repos/natgeo/mortar/deployments","created_at":"2013-10-23T18:53:51Z","updated_at":"2016-09-29T17:02:44Z","pushed_at":"2016-10-25T18:13:38Z","git_url":"git://github.com/natgeo/mortar.git","ssh_url":"git@github.com:natgeo/mortar.git","clone_url":"https://github.com/natgeo/mortar.git","svn_url":"https://github.com/natgeo/mortar","homepage":"http://style-guide.nationalgeographic.com","size":11948,"stargazers_count":3,"watchers_count":3,"language":"HTML","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":0,"mirror_url":null,"open_issues_count":3,"forks":0,"open_issues":3,"watchers":3,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/natgeo/mortar/pulls/383"},"html":{"href":"https://github.com/natgeo/mortar/pull/383"},"issue":{"href":"https://api.github.com/repos/natgeo/mortar/issues/383"},"comments":{"href":"https://api.github.com/repos/natgeo/mortar/issues/383/comments"},"review_comments":{"href":"https://api.github.com/repos/natgeo/mortar/pulls/383/comments"},"review_comment":{"href":"https://api.github.com/repos/natgeo/mortar/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/natgeo/mortar/pulls/383/commits"},"statuses":{"href":"https://api.github.com/repos/natgeo/mortar/statuses/4671ca72d53ef31006cb3e12a9545ccaa936e9c0"}}}}
{"actor":{"display_login":"asabaylus"}}