A Dashing widget for LinkedIn Users

example.png

LinkedIn_Dashing_Widget.md

LinkedIn User Profile Widget

linkedin_profile.coffee

class Dashing.LinkedinProfile extends Dashing.Widget
  ready: ->
    # This is fired when the widget is done being rendered

  onData: (data) ->
    # Handle incoming data
    # You can access the html node of this widget with `@node`
    # Example: $(@node).fadeOut().fadeIn() will make the node flash each time data comes in.

linkedin_profile.html

<div class="image">
  <img data-bind-src="image" data-bind-width="image_width"/>
</div>

<div>
  <h1 class="name" data-bind="name"></h1>
  <p class="title" data-bind="title"></p>
<div/>

<p class="updated-at" data-bind="updatedAtMessage"></p>

linkedin_profile.scss

$background-color: #007bb6;
$foreground-color: #fff;

.widget-linkedin-profile {
  background-color: $background-color;
  color: $foreground-color;

  .image {
    float: left;
    margin-left: 30px;

    img {
      -webkit-border-radius: 50em;
      -moz-border-radius: 50em;
      border-radius: 50em;
    }
  }
}

  .updated-at {
    color: $foreground-color;
    opacity: 0.8;
  }