<commit_before>var React = require('react'),
	DOM = React.DOM;

var languagesComponent = require(__dirname + '/Languages');
var plainTextComponent = require(__dirname + '/PlainText');
var workComponent = require(__dirname + '/Work');
var educationItemComponent = require(__dirname + '/EducationItem');
var footerComponent = require(__dirname + '/Footer');

module.exports = React.createClass({

	propTypes: {
		jsonResume: React.PropTypes.object
	},

	render: function () {

		var components = [];

		components.push(DOM.div({ className: 'page-header' },
			DOM.h1(null, [
				DOM.div(null, this.props.jsonResume.basics.name),
				DOM.small(null, ' ' + this.props.jsonResume.basics.label)
			])
		));

		components.push(
			plainTextComponent({ title: 'About', body: this.props.jsonResume.basics.summary })
		);

		components.push(workComponent({ title: 'Work', work: this.props.jsonResume.work }));

		// Education
		// TODO Create an Education component and move this in there. Or be generic?
		components.push(
			DOM.div({ className: 'educationContainer' }, [
				DOM.div({ className: 'row' },
					DOM.div({ className: 'col-xs-12' },
						DOM.h2(null, 'Education')
					)
				),
				DOM.div({ className: 'row' },
					DOM.div({ className: 'col-xs-12' },
						this.props.jsonResume.education.map(function (education) {
							return educationItemComponent(education);
						})
					)
				)
			])
		);

		// Optional, human languages component.
		if (this.props.jsonResume.languages && this.props.jsonResume.languages.length > 0) {
			components.push(languagesComponent({
				languages: this.props.jsonResume.languages
			}));
		}

		// Footer
		components.push(
			footerComponent({
				author: this.props.jsonResume.basics.name,
				email: this.props.jsonResume.basics.email,
				githubUrl: 'https://github.com/ScottMaclure/scott-cv/'
			})
		);

		return DOM.div(
			{ className: 'container-fluid' },
			components
		);

	}

});<commit_msg>[#1] Added Skills section to main resume component. Nothing exists yet.<commit_after>var React = require('react'),
	DOM = React.DOM;

var languagesComponent = require(__dirname + '/Languages');
var plainTextComponent = require(__dirname + '/PlainText');
var skillsComponent = require(__dirname + '/Skills');
var workComponent = require(__dirname + '/Work');
var educationItemComponent = require(__dirname + '/EducationItem');
var footerComponent = require(__dirname + '/Footer');

module.exports = React.createClass({

	propTypes: {
		jsonResume: React.PropTypes.object
	},

	render: function () {

		var components = [];

		components.push(DOM.div({ className: 'page-header' },
			DOM.h1(null, [
				DOM.div(null, this.props.jsonResume.basics.name),
				DOM.small(null, ' ' + this.props.jsonResume.basics.label)
			])
		));

		components.push(
			plainTextComponent({ title: 'About', body: this.props.jsonResume.basics.summary })
		);

		components.push(skillsComponent({ title: 'Skills', items: this.props.jsonResume.skills }));

		components.push(workComponent({ title: 'Work', work: this.props.jsonResume.work }));

		// Education
		// TODO Create an Education component and move this in there. Or be generic?
		components.push(
			DOM.div({ className: 'educationContainer' }, [
				DOM.div({ className: 'row' },
					DOM.div({ className: 'col-xs-12' },
						DOM.h2(null, 'Education')
					)
				),
				DOM.div({ className: 'row' },
					DOM.div({ className: 'col-xs-12' },
						this.props.jsonResume.education.map(function (education) {
							return educationItemComponent(education);
						})
					)
				)
			])
		);

		// Optional, human languages component.
		if (this.props.jsonResume.languages && this.props.jsonResume.languages.length > 0) {
			components.push(languagesComponent({
				languages: this.props.jsonResume.languages
			}));
		}

		// Footer
		components.push(
			footerComponent({
				author: this.props.jsonResume.basics.name,
				email: this.props.jsonResume.basics.email,
				githubUrl: 'https://github.com/ScottMaclure/scott-cv/'
			})
		);

		return DOM.div(
			{ className: 'container-fluid' },
			components
		);

	}

});
{'fraction_non_alphanumeric': 0.1552522544479649, 'fraction_numerical': 0.0036558615647087496, 'mean_word_length': 3.5549389567147616, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '2325360', 'n_tokens_mistral': 1557, 'n_tokens_neox': 1288, 'n_words': 247}