compositor.json

{
  "name": "100Shapes/wobbly-text",
  "version": "0.1.4",
  "libraries": {
    "xv": "^1.1.25"
  },
  "title": "",
  "branch": "",
  "style": {
    "name": "Brutalist",
    "componentSet": {
      "nav": "nav/BasicNav",
      "header": "header/BasicHeader",
      "article": "article/MarkdownArticle",
      "footer": "footer/BasicFooter"
    },
    "fontFamily": "Consolas, \"Liberation Mono\", Menlo, Courier, monospace",
    "heading": {},
    "typeScale": [
      48,
      32,
      20,
      18,
      16,
      14,
      12
    ],
    "layout": {
      "maxWidth": 1024,
      "fluid": true
    },
    "colors": {
      "text": "#333",
      "background": "#fff",
      "primary": "#666",
      "secondary": "#888",
      "highlight": "#1f80ff",
      "muted": "#f6f6f6",
      "border": "#eee"
    }
  },
  "content": [
    {
      "component": "nav",
      "links": [
        {
          "href": "https://github.com/100Shapes/wobbly-text",
          "text": "GitHub"
        },
        {
          "href": "https://npmjs.com/package/happy-text",
          "text": "npm"
        }
      ]
    },
    {
      "component": "header",
      "heading": "wobbly-text",
      "subhead": "Experimental React component for an interactive spinning text treatment ",
      "children": [
        {
          "component": "ui/TweetButton",
          "text": "wobbly-text: Experimental React component for an interactive spinning text treatment ",
          "url": null
        },
        {
          "component": "ui/GithubButton",
          "user": "100Shapes",
          "repo": "wobbly-text"
        }
      ],
      "text": "v0.1.0"
    },
    {
      "component": "article",
      "metadata": {
        "source": "github.readme"
      },
      "html": "<h1><code>&lt;WobblyText/&gt;</code></h1>\n\n<p><img src=\"screen-capture.gif?raw=true\"></p>\n<hr>\n<p><a href=\"https://www.instagram.com/p/BKI9JvjghON/\">Instagram post</a></p>\n<p><a href=\"https://www.instagram.com/p/BKI9JvjghON/\"><img src=\"instagram-post-screenshot.png?raw=true\"></a></p>\n<h2>Getting started</h2>\n<ol>\n<li>Look at the source code</li>\n<li>We wish you luck</li>\n</ol>\n"
    },
    {
      "component": "footer",
      "links": [
        {
          "href": "https://github.com/100Shapes/wobbly-text",
          "text": "GitHub"
        },
        {
          "href": "https://github.com/100Shapes",
          "text": "100Shapes"
        }
      ]
    }
  ]
}