app/index.html

﻿<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
    <meta charset="utf-8">
    <title>Gravatar Directive Example</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="DIY Brewery Recipe Database and Brewing Tool">
    <meta name="author" content="Jim Lavin">
    <!-- Le styles -->
    <link href="components/bootstrap.css/css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
        body {
            padding-top: 60px;
            padding-bottom: 40px;
        }
    </style>
    <link href="components/bootstrap.css/css/bootstrap-responsive.css" rel="stylesheet">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
<div class="container-fluid" ng-controller="myController">
    <div class="row-fluid">
        <h2>Gravatar Directive Example</h2>

        <gravatar-image data-gravatar-email="email" data-gravatar-size="120" data-gravatar-rating="pg" data-gravatar-default="identicon" data-gravatar-secure="true" data-gravatar-css-class="btn btn-large"></gravatar-image>
		
		<gravatar-image data-gravatar-email="'maninw@gmail.com'" data-gravatar-size="120" data-gravatar-rating="pg" data-gravatar-default="identicon" data-gravatar-secure="true" ></gravatar-image>
		
		<gravatar-image data-gravatar-hash="'7a5b7242f9370beb1eda421a109d9f77'" data-gravatar-size="120" data-gravatar-rating="pg" data-gravatar-default="identicon" data-gravatar-secure="true" data-gravatar-css-class="btn btn-large"></gravatar-image>

        <gravatar-image data-gravatar-email="email" data-gravatar-size="120" data-gravatar-rating="pg" data-gravatar-default="mm" data-gravatar-secure="true" data-gravatar-css-class="btn btn-large"></gravatar-image>
    </div>
</div>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="components/bootstrap.css/js/bootstrap.js"></script>
<script src="components/angular/angular.js"></script>
<script src="app/app.js"></script>
<script src="../dist/angularjs-gravatardirective.min.js"></script>
</body>
</html>