Skip to content

paulburgess/timj-medallion

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 

Repository files navigation

Renders a link to a This Is My Jam user's profile, with an image, text or both. If the user has no active jam, renders a simple 'follow me' link.

Usage

<script src="http://www.thisismyjam.com/includes/js/medallion.js"></script>
<script>Jam.Medallion.insert({username: "..."})</script>

You can pass several options to Jam.Medallion.insert:

  • text: Set to false to stop showing the 'My current jam is:' tag.
  • image: Set to false to stop showing the jam avatar.
  • imageSize: "small" (default), "medium" or "large".

Markup

The generated markup will look something like this:

<div class="jam-medallion">
  <a class="jam-image" href="...">
    <img class="jam-jamvatar" src="...">
  </a>

  <p class="jam-text">
    My current jam is <a href="...">...</a>.
  </p>
</div>

A "jam-loading" class is added to the outer div while the jam data is being loaded from the API, so that you can style it appropriately.

About

Embeddable current-jam badge for websites/blogs

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%