Moved project image section to component
This commit is contained in:
parent
1fc69fa132
commit
60260ada94
3 changed files with 25 additions and 12 deletions
|
@ -1,6 +1,10 @@
|
||||||
var React = require('react');
|
var React = require('react');
|
||||||
|
var ProjectImages = require('./components/project-images');
|
||||||
|
|
||||||
|
|
||||||
$(window).load(function(){
|
$(window).load(function(){
|
||||||
$(window).trigger('scroll').trigger('resize');
|
$(window).trigger('scroll').trigger('resize');
|
||||||
var s = skrollr.init();
|
var s = skrollr.init();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
React.render(<ProjectImages />, document.getElementById('project-images'));
|
19
static/src/js/components/project-images.js
Normal file
19
static/src/js/components/project-images.js
Normal file
|
@ -0,0 +1,19 @@
|
||||||
|
var React = require('react');
|
||||||
|
|
||||||
|
var projectImages = React.createClass({
|
||||||
|
render: function () {
|
||||||
|
return (
|
||||||
|
<div className="container">
|
||||||
|
<div className="panel panel-default">
|
||||||
|
<div className="panel-body row">
|
||||||
|
<div className="col-xs-4">
|
||||||
|
<p>things</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
module.exports = projectImages;
|
|
@ -18,15 +18,5 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="container-fluid" id="project-images">
|
<div class="container-fluid" id="project-images"></div>
|
||||||
<div class="container">
|
|
||||||
<div class="panel panel-default">
|
|
||||||
<div class="panel-body row">
|
|
||||||
<div class="col-xs-4">
|
|
||||||
<p>things</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
Reference in a new issue