Skip to content

Instantly share code, notes, and snippets.

@jbenner-radham

jbenner-radham/me.h-card.minimal.haml

Created December 3, 2015 08:03
Show Gist options
  • Save jbenner-radham/c4148fd6baf866c294cd to your computer and use it in GitHub Desktop.
Save jbenner-radham/c4148fd6baf866c294cd to your computer and use it in GitHub Desktop.
Download ZIP
Minimalistic h-card Identity Representations
Raw
me.h-card.minimal.haml
-# Hash Rocket Attributes
.h-card
%img.u-photo{:src => 'http://www.gravatar.com/avatar/6270f8c1e26c855c301e44172c36a2c8', :alt => 'James Benner'}
%a.p-name.u-url{:href => 'http://www.jamesbenner.com'} James Benner
-# Ruby 1.9-style Hash Attributes
.h-card
%img.u-photo{src: 'http://www.gravatar.com/avatar/6270f8c1e26c855c301e44172c36a2c8', alt: 'James Benner'}
%a.p-name.u-url{href: 'http://www.jamesbenner.com'} James Benner
-# HTML-style Attributes
.h-card
%img.u-photo(src='http://www.gravatar.com/avatar/6270f8c1e26c855c301e44172c36a2c8' alt='James Benner')
%a.p-name.u-url(href='http://www.jamesbenner.com') James Benner
Raw
me.h-card.minimal.html
<div class="h-card">
<img class="u-photo" src="http://www.gravatar.com/avatar/6270f8c1e26c855c301e44172c36a2c8" alt="James Benner">
<a class="p-name u-url" href="http://www.jamesbenner.com">James Benner</a>
</div>
Raw
me.h-card.minimal.jade
.h-card
img.u-photo(src='http://www.gravatar.com/avatar/6270f8c1e26c855c301e44172c36a2c8', alt='James Benner')
a.p-name.u-url(href='http://www.jamesbenner.com') James Benner
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment