The Dribbble plugin is used for fetching and displaying information from Dribbble's API, including players, shots, and lists.
- Download the zip file (or clone via git) and unzip it or clone the repo into
/_add-ons/. - Ensure the folder name is
dribbble(Github timestamps the download folder). - Enjoy.
Example Tag:
{{ dribbble:players player="jackmcdade" }}
<h1><a href="{{ url }}">{{ name }}</a></h1>
<div class="avatar"><img src="{{ avatar_url }}"></div>
<ul>
<li>Shots taken: {{ shots_count }}</li>
<li>Followers: {{ followers_count }}</li>
<li>Following: {{ following_count }}</li>
<li>Comments Received: {{ comments_received_count }}</li>
</ul>
<div class="membership">Member since {{ created_at format="Y-m-d" }}</div>
{{ /dribbble:players }}
Username of the player you wish to request.
player="jackmcdade"
The following single variables are available inside the {{ dribbble:players }} tag pair. This plugin will always return the full API request assigned as Statamic variables, so the Dribbble API docs will always be the most up to date source of information.
{{ id }}{{ name }}{{ username }}{{ url }}{{ avatar_url }}{{ location }}{{ twitter_screen_name }}{{ drafted_by_player_id }}{{ shots_count }}{{ draftees_count }}{{ followers_count }}{{ following_count }}{{ comments_count }}{{ comments_received_count }}{{ likes_count }}{{ likes_received_count }}{{ rebounds_count }}{{ rebounds_received_count }}{{ created_at }}
Example Tag
{{ dribbble:shots player="jackmcdade" }}
<h1>Shots by {{ player }}{{ name }}{{ /player }}</h1>
{{ shots }}
<div class="shot">
<h2><a href="{{ url }}">{{ title }}</a></h2>
<a href="{{ short_url}}"><img src="{{ image_url }}" title="{{ title }}" /></a>
<ul class="stats">
<li>Views: {{ views_count }}</li>
<li>Likes: {{ likes_count }}</li>
<li>Comments: {{ comments_count }}</li>
<li>Dribbbbbbbbbled on {{ created_at format="Y-m-d" }}</li>
</ul>
</div>
{{ /shots }}
{{ /dribbble:shots }}
Username of the player you wish to request.
player="jackmcdade"
Default: 5
Limit the number of shots returned.
This tag returns a lot of goodness. This plugin will always return the full API request assigned as Statamic variables, so the Dribbble API docs will always be the most up to date source of information.
Note that this is an implementation of the GET /players:id/shots endpoint, and not GET /shots/:id, as you might assume by looking at the API docs
{{ player }} {{ /player }}
Same as the {{ dribbble:player }} tag pair, but inside this particular request.
{{ shots }} {{ /shots }}
- {{ id }}
- {{ title }}
- {{ url }}
- {{ short_url }}
- {{ image_url }}
- {{ image_teaser_url }}
- {{ width }}
- {{ height }}
- {{ views_count }}
- {{ likes_count }}
- {{ comments_count }}
- {{ rebounds_count }}
- {{ rebound_source_id }}
- {{ created_at }}
This tag is exactly like {{ dribbble:shots }}, except it lets you fetch from a list (such as debuts or everyone) instead of a player.
{{ dribbble:list list="popular" }} {{ /dribbble:list }}
Default: everyone
Available Options:
- everyone
- debut
- popular
The Dribbble list you wish you request shots from.
player="jackmcdade"
Default: 5
Limit the number of shots returned.
This is a complete freestyle tag pair. Format and request your own endpoint, receive all the data as Statamic variables. You'll want to use the Dribbble API for this. Just one parameter: request.
{{ dribbble:api request="your/request/here" }} {{ /dribbble:api }}