spc_article/view/spc_article.config.json

This is one of a few testcomponents developed to fit Spacecraft.

{
	"status": "ready",
	"context": {
		"spc_article": {
			"date": "2017-01-01",
			"author": "Author Name",
			"heading": "spacecraft",
			"ingress": "Instead of just \"lorem ipsum\"-ize this I put a little introduction to the project where this was created. This work concerns Spacecraft and the distribution of components.",
			"content": "<p>Spacecraft is a tool for building websites in which you are in control- of and can work based on components. When working with this method it would be quite handy to be able to develop and reuse these components between projects. This styleguide is part of a project with the aim to find- and implement a way to distribute- and have versioncontrolled components.</p><p>To use Spacecraft together with the ready-to-use components, start with cloning this repo: <a href=\"https://github.com/pedric/spacecraft-starterkit\">https://github.com/pedric/spacecraft-starterkit</a>, which is a version of Spacecraft-Starter in where another customised version of Spacecraft lives. This kit are expanded with the tasks for importing components direct to your project with a few commands presented below in the installation guide.</p><p>There is no limitation to what a component is, this styleguide for example, could be fewer components or even one big “page” component or the other way torn down to more even smaller components. But in first hand this is built to test and develop the structure, conventions, distribution etc for components.</p><h3>Installation guide</h3><p>Clone/download <a href=\"https://github.com/pedric/spacecraft-starterkit\">https://github.com/pedric/spacecraft-starterkit</a> and run:<pre>npm install</pre><pre>npm install --save spc_testfile</pre><pre>gulp import --component spc_testfile</pre><pre>gulp</pre>The last step is to import the scss, in.. <pre>./src/scss/components/_components.main.scss</pre> ..add.. <pre>@import \"views/spc_testfile/spc_testfile\";</pre></p><h3>Example image</h3><img src=\"/img/spc_article.jpg\" alt=\"#\"><h3>The copy/paste</h3><p>Somewhere you will do the “copy/paste”, sure you can be developing your component directly and push it to NPM/GIT, but probably you will enhance components while working on them in different projects. In the structure as it is built now you will have to do this “copy/paste” since the import process is copying components into a project and from there one are not working with the original version.</p><h3>Sources</h3><ul><li><a href=\"https://github.com/pedric/spacecraft-starterkit\"><strong>Spacecraft Starterkit</strong></a></li><li><a href=\"https://github.com/pedric/spacecraft-projectversion\"><strong>Spacecraft Module (customised project version)</strong></a></li><li><a href=\"https://spc-component-library.herokuapp.com/index.html\"><strong>Browse components</strong></a></li><li><a href=\"https://github.com/pedric/spc_component_library\"><strong>These components at github</strong></a></li></ul>",
			"image": {
				"url": "/img/spc_article.jpg",
				"alt": "Placeholder image",
				"copyright": "Copyrightholder",
				"description" : "#"
			}
		}
	}
}