diff options
| author | Teddy Wing | 2013-04-27 20:19:29 -0400 |
|---|---|---|
| committer | Teddy Wing | 2013-04-27 20:19:29 -0400 |
| commit | 737b4aead58a3a9cd2bcba9cef91984f453d27c0 (patch) | |
| tree | 9ecbfcc97a50e6d7a8759299ae6eb35adbb1bfc3 /views/index.ejs | |
| parent | 0d45e6fce95bccb90d86846fe33c60d7acb5cd1d (diff) | |
| download | Who-am-I-737b4aead58a3a9cd2bcba9cef91984f453d27c0.tar.bz2 | |
Render characters by calling API
To render the characters, get character names and image locations from
the internal API and render them using an Underscore template.
Diffstat (limited to 'views/index.ejs')
| -rw-r--r-- | views/index.ejs | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/views/index.ejs b/views/index.ejs index c903502..0f11731 100644 --- a/views/index.ejs +++ b/views/index.ejs @@ -15,6 +15,7 @@ <script src="/javascripts/vendor/ContentFlow/contentflow.js"></script> <script src="/javascripts/vendor/jquery-2.0.0.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script> + <script src="/javascripts/vendor/underscore-min.js"></script> </head> <body> <div role="main"> @@ -26,10 +27,7 @@ <div class="loadIndicator"><div class="indicator"></div></div> <div class="flow"> - <div class="item"> - <img class="content" src="/images/characters-sample/homer.png" alt="Homer" /> - <div class="caption">Homer</div> - </div> + </div> <div class="globalCaption"></div> @@ -48,6 +46,12 @@ </div> </footer> + <script type="text/template" id="character-image-template"> + <div class="item"> + <img class="content" src="{{ image }}" alt="{{ name }}" /> + <div class="caption">{{ name }}</div> + </div> + </script> <script src="/javascripts/main.js"></script> </body> </html> |