compositor.json

{
  "name": "j-greig/ResponsiveVideoThing",
  "version": "0.1.4",
  "libraries": {
    "xv": "^1.1.25"
  },
  "title": "Responsive Video Thing",
  "branch": "",
  "style": {
    "name": "Material",
    "componentSet": {
      "nav": "nav/DarkAbsoluteNav",
      "header": "header/GradientHeader",
      "article": "article/BasicArticle",
      "footer": "footer/BasicFooter"
    },
    "fontFamily": "Roboto, sans-serif",
    "heading": {
      "fontWeight": 500,
      "letterSpacing": "-0.01em"
    },
    "colors": {
      "text": "#212121",
      "background": "#fff",
      "primary": "#2196f3",
      "secondary": "#1565c0",
      "highlight": "#ff4081",
      "border": "#e0e0e0",
      "muted": "#f5f5f5"
    },
    "layout": {
      "centered": true,
      "bannerHeight": "80vh",
      "maxWidth": 896
    }
  },
  "content": [
    {
      "component": "nav",
      "links": [
        {
          "href": "https://github.com/j-greig/ResponsiveVideoThing",
          "text": "GitHub"
        }
      ]
    },
    {
      "component": "header",
      "heading": "ResponsiveVideoThing",
      "subhead": "Makes embedded videos responsive using only javascript",
      "children": [
        {
          "component": "ui/TweetButton",
          "text": "ResponsiveVideoThing: Makes embedded videos responsive using only javascript",
          "url": null
        },
        {
          "component": "ui/GithubButton",
          "user": "j-greig",
          "repo": "ResponsiveVideoThing"
        }
      ],
      "links": [
        {
          "href": "http://greig.cc/",
          "text": "James Greig"
        }
      ]
    },
    {
      "component": "article",
      "metadata": {
        "source": "github.readme"
      },
      "html": "\n\n<p>Supported video players:</p>\n<ul>\n<li>YouTube</li>\n<li>Vimeo</li>\n<li>Kickstarter</li>\n</ul>\n<p>Todo:</p>\n<ul>\n<li>Method to set target element for article</li>\n</ul>\n<p>Put this in your <code>&lt;head&gt;</code>:  </p>\n<p><code>&lt;script src=&quot;https://cdn.rawgit.com/j-greig/ResponsiveVideoThing/master/responsivevideothing.js&quot;&gt;&lt;/script&gt;</code></p>\n"
    },
    {
      "component": "footer",
      "links": [
        {
          "href": "https://github.com/j-greig/ResponsiveVideoThing",
          "text": "GitHub"
        },
        {
          "href": "https://github.com/j-greig",
          "text": "j-greig"
        }
      ]
    }
  ]
}