<commit_before># streamhub-wall

streamhub-wall displays StreamHub social feeds as a visually engaging, full-screen tiled Content experience that's great for covering live events, hosting photo contests, and powering social sections of your website.

## Getting Started

The quickest way to use streamhub-wall is to use the built version hosted on Livefyre's CDN.

### Dependencies

streamhub-wall depends on [streamhub-sdk](https://github.com/livefyre/streamhub-sdk). Ensure it's been included in your page.

	<script src="http://cdn.livefyre.com/libs/sdk/v2.0.3/streamhub-sdk.min.js"></script>

Include streamhub-wall too.

	<script src="http://cdn.livefyre.com/libs/apps/Livefyre/streamhub-wall/v2.0.0-build.85/streamhub-wall.min.js"></script>
	
Optionally, include some reasonable default CSS rules for StreamHub Content

    <link rel="stylesheet" href="http://cdn.livefyre.com/libs/sdk/v2.0.3/streamhub-sdk.min.css" />

### Usage

1. Require streamhub-wall

        var WallView = Livefyre.require('streamhub-wall');
    
2. Create a WallView, passing the DOMElement to render in

        var wallView = new WallView({
            el: document.getElementById('wall')
        });
    
3. An empty wall is no fun, so use the SDK to create a Livefyre Collection

        var Collection = Livefyre.require('streamhub-sdk/collection')
        var collection = new Collection({
            network: "labs.fyre.co",
            siteId: 315833,
            articleId: 'example'
        });
    
4. Pipe the Collection to your WallView

        collection.pipe(wallView);
        
You now have a Wall! See this all in action on [this jsfiddle](http://jsfiddle.net/kwwTf/4/).

### Options

####```minContentWidth```
The Media Wall will choose an appropriate number of columns depending on the width of its
container element, ensuring that each column is at least this many pixels wide. Don't use
with the `columns` option.

        var wallView = new WallView({
            el: document.getElementById('wall'),
            minContentWidth: 300
        });

####```columns```<commit_msg>Point to latest fiddle in README<commit_after># streamhub-wall

streamhub-wall displays StreamHub social feeds as a visually engaging, full-screen tiled Content experience that's great for covering live events, hosting photo contests, and powering social sections of your website.

## Getting Started

The quickest way to use streamhub-wall is to use the built version hosted on Livefyre's CDN.

### Dependencies

streamhub-wall depends on [streamhub-sdk](https://github.com/livefyre/streamhub-sdk). Ensure it's been included in your page.

	<script src="http://cdn.livefyre.com/libs/sdk/v2.0.3/streamhub-sdk.min.js"></script>

Include streamhub-wall too.

	<script src="http://cdn.livefyre.com/libs/apps/Livefyre/streamhub-wall/v2.0.0-build.85/streamhub-wall.min.js"></script>
	
Optionally, include some reasonable default CSS rules for StreamHub Content

    <link rel="stylesheet" href="http://cdn.livefyre.com/libs/sdk/v2.0.3/streamhub-sdk.min.css" />

### Usage

1. Require streamhub-wall

        var WallView = Livefyre.require('streamhub-wall');
    
2. Create a WallView, passing the DOMElement to render in

        var wallView = new WallView({
            el: document.getElementById('wall')
        });
    
3. An empty wall is no fun, so use the SDK to create a Livefyre Collection

        var Collection = Livefyre.require('streamhub-sdk/collection')
        var collection = new Collection({
            network: "labs.fyre.co",
            siteId: 315833,
            articleId: 'example'
        });
    
4. Pipe the Collection to your WallView

        collection.pipe(wallView);
        
You now have a Wall! See this all in action on [this jsfiddle](http://jsfiddle.net/kwwTf/6/).

### Options

####```minContentWidth```
The Media Wall will choose an appropriate number of columns depending on the width of its
container element, ensuring that each column is at least this many pixels wide. Don't use
with the `columns` option.

        var wallView = new WallView({
            el: document.getElementById('wall'),
            minContentWidth: 300
        });

####```columns```
{'fraction_non_alphanumeric': 0.10805641883815444, 'fraction_numerical': 0.011953143676786996, 'mean_word_length': 3.1923847695390783, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 13, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6658729', 'n_tokens_mistral': 1266, 'n_tokens_neox': 1184, 'n_words': 404}