		@@ -50,2 +50,14 @@

		function makeGoogleAnalytics(ga) {
		if (!ga) return ''
		return "<script>\n\
		(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]\|\|function(){\n\
		(i[r].q=i[r].q\|\|[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),\n\
		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)\n\
		})(window,document,'script','//www.google-analytics.com/analytics.js','ga');\n\
		ga('create', '" + ga + "', 'auto');\n\
		ga('send', 'pageview');\n\
		</script>"
		}

		function renderFile(fileName, outName, noCDN, extraConfig) {
		@@ -117,4 +129,8 @@

		bottom = format(bottom, {
		ga: makeGoogleAnalytics(config.ga),
		})

		fs.writeFileSync(outName, top + body + bottom)
		}

demo.md

		@@ -6,2 +6,3 @@ ---
		colors: light-green
		ga: UA-7002862-5
		links:
		@@ -14,3 +15,4 @@ Home: index.html

		Check out [the source for this page](https://github.com/jaredly/demobox/blob/master/demo.md)) and [the source for the home page](https://github.com/jaredly/demobox/blob/master/Readme.md) for extended examples of using `demobox` page generator.
		Check out [the source for this page](https://github.com/jaredly/demobox/blob/master/demo.md)
		and [the source for the home page](https://github.com/jaredly/demobox/blob/master/Readme.md) for extended examples of using `demobox` page generator.

		@@ -17,0 +19,0 @@ This page demonstrates some of the configuration for the `DemoBox` component.

package.json

		{
		"name": "demobox",
		"version": "1.2.0",
		"version": "1.2.1",
		"description": "Demo Page Generator & Live Editor Component",
		@@ -5,0 +5,0 @@ "main": "index.js",

Readme.md

		@@ -7,2 +7,3 @@ <!--
		colors: light-green
		ga: UA-7002862-5
		links:
		@@ -45,3 +46,4 @@ Home: index.html
		---
		title: Demobox
		title: Demobox Demos
		subtitle: Getting rather meta
		fontPair: Open Sans
		@@ -79,9 +81,22 @@ colors: light-green

		- colors: for color names, see [the material UI color list](http://www.google.com/design/spec/style/color.html#color-color-palette)
		- fontPair: the font pairings come from [femmebot's](http://github.com/femmebot) [google type project](http://femmebot.github.io/google-type/)
		- title: the title of the page (default: Demo Page)
		- subtitle: the subtitle (default: none)
		- links: a map of title:href for links displayed in the header
		- styles: a list of css files to include on the page
		- scripts: a list of js files to include
		- extraHead: a list of html files to inject at the end of the head
		- bodyTop: a list of html files to inject at the top of the body
		- ga: google analytics tracking code. If present, GA code is added to the
		bottom of the page.

		### Themes

		There are two configuration options associated with theming, `colors` and
		`fontPair`. Look at the [themes page](themes.html) for examples and more
		information.

		## Special Headings

		There are a few suffixes you can put onto headings that will give them extra
		properties.
		properties (See the [markdown source](https://github.com/jaredly/demobox/blob/master/Readme.md) of this page for an example).

		@@ -88,0 +103,0 @@ - `(<<)` marks the section as collapsed

scripts/md-top.md

bin/bottom.html

Sorry, the diff of this file is not supported yet

demobox - npm Package Compare versions

New alerts