git.iko.soy/urbit.org
on master help sign in
factored out image-container virtual element
df0ed00Anton Dyudin
main.md+4−3
compare with master
unifiedsplit
@@ -7,13 +7,15 @@ navpath: /main
7navhome: /main
7navhome: /main
8---
8---
9
9
10+<script src="js/image-container.js"/>
11+
10<div class="image-fs first">
12<div class="image-fs first">
11 <div class="text-container">
13 <div class="text-container">
12 <div class="text">
14 <div class="text">
13 <h1><div class="logo"></div>Urbit</h1>
15 <h1><div class="logo"></div>Urbit</h1>
14 </div>
16 </div>
15 </div>
17 </div>
16− <div class="image-container" style="{backgroundImage:'url(\'http://urbit.s3.amazonaws.com/16-3-10/DSCF8655.jpg\')'}"></div>
18+ <image-container src="http://urbit.s3.amazonaws.com/16-3-10/DSCF8655.jpg" />
17</div>
19</div>
18<!-- -->
20<!-- -->
19<div class="container stack">
21<div class="container stack">
@@ -34,8 +36,7 @@ navhome: /main
34 </div>
36 </div>
35 </div>
37 </div>
36 </div>
38 </div>
37− <div class="image-container" style="{backgroundImage:'url(\'http://urbit.s3.amazonaws.com/16-3-10/DSCF8653.jpg\')'}">
39+ <image-container src="http://urbit.s3.amazonaws.com/16-3-10/DSCF8653.jpg" />
38− </div>
39</div>
40</div>
40<!-- -->
41<!-- -->
41<div class="container stack six">
42<div class="container stack six">
main/js/image-container.jsnew file+9
@@ -0,0 +1,9 @@
1+window.tree.actions.registerComponent("image-container", React.createClass({
2+ displayName: "ImageContainer",
3+ render: function(){
4+ return React.DOM.div({
5+ className:"image-container",
6+ style:{backgroundImage:"url('"+this.props.src+"')"}
7+ });
8+ }
9+}))