Skip to content

Instantly share code, notes, and snippets.

@carsonfarmer
Last active November 22, 2018 20:22
Show Gist options
  • Save carsonfarmer/28bab92f622bb9bd2de19eaa52b97e88 to your computer and use it in GitHub Desktop.
Save carsonfarmer/28bab92f622bb9bd2de19eaa52b97e88 to your computer and use it in GitHub Desktop.
Basic index bindings
<body>
<div id="loader" data-bind="visible: state.loading"></div>
<div id="main" data-bind="visible: !state.loading()">
<div id="image" data-bind="style: { 'backgroundImage': `url(${pic.url()})` }"></div>
<div id="profile">
<h1 id="name">
<span id="first" data-bind="text: name.first"></span>
<span id="last" data-bind="text: name.last"></span>
</h1>
<div id="work" >
<ul data-bind="foreach: work">
<li>
<h2 class="job">
<span class="title" data-bind="text: title"></span> at
<span class="employer" data-bind="text: employer"></span>
</h2>
</li>
</ul>
</div>
<div id="bio" data-bind="text: bio"></div>
<div id="social">
<ul data-bind="foreach: social">
<li>
<a data-bind="attr: { href: url() }">
<i data-bind="attr: { class: `fab fa-${service()}` }"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
<script src="bundle.js"></script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment