index.html 1.2 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Twitterwall</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <meta name="author" content="Stefan Krecher" />
  7. <link rel="stylesheet" type="text/css" href='css/twitterwall.css' />
  8. <link type="image/x-icon" rel="shortcut icon" href="/favicon.ico"/>
  9. <link href='http://fonts.googleapis.com/css?family=Istok+Web' rel='stylesheet' type='text/css'>
  10. <script src="../../js/amber.js" type="text/javascript"></script>
  11. </head>
  12. <body>
  13. <center>
  14. <h2>A simple Twitterwall made with Amber</h2>
  15. <p>Shows the last 5 Tweets regarding your query</p>
  16. <p>Examine the <button onClick="smalltalk.Browser._openOn_(smalltalk.TwitterSearch)"> TwitterSearch class</button></p>
  17. <div id="playground"></div>
  18. </center>
  19. <!--
  20. <script type='text/javascript'> loadAmber() </script>
  21. <script type='text/javascript'> smalltalk.TwitterSearch._new()._query_('%23smalltalk') </script>
  22. -->
  23. <script type="text/javascript">
  24. loadAmber({
  25. files: ['TwitterSearch.js', 'Tweet.js'],
  26. prefix: 'examples/twitterwall/js',
  27. ready: function() {
  28. smalltalk.TwitterSearch._new()._query_('%23smalltalk')
  29. }});
  30. </script>
  31. </body>
  32. </html>