googlePlus.html 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. {% include 'hackathon/base.html' %}
  5. <div class="container">
  6. <h1> Google Plus API Example</h1>
  7. <h2>Basic User Info</h2>
  8. <img src="{{userInfo.picture}}" style="width:15%; height:15%" />
  9. <table class="table table-bordered table-hover table-striped tablesorter">
  10. <tr>
  11. <th class="header">User ID<i class="icon-sort"></i></th>
  12. <td>
  13. {{userInfo.id}}
  14. </td>
  15. </tr>
  16. <tr>
  17. <th class="header">First Name<i class="icon-sort"></i></th>
  18. <td>
  19. {{userInfo.given_name}}
  20. </td>
  21. </tr>
  22. <tr>
  23. <th class="header">Last Name<i class="icon-sort"></i></th>
  24. <td>
  25. {{userInfo.family_name}}
  26. </td>
  27. </tr>
  28. <tr>
  29. <th class="header">Gender<i class="icon-sort"></i></th>
  30. <td>
  31. {{userInfo.gender}}
  32. </td>
  33. </tr>
  34. <tr>
  35. <th class="header">Profile<i class="icon-sort"></i></th>
  36. <td>
  37. <a href="{{userInfo.link}}">{{userInfo.link}}</a>
  38. </td>
  39. </tr>
  40. </table>
  41. </div>
  42. </body>
  43. </html>