index.html 1.2 KB

1234567891011121314151617181920212223242526272829303132333435
  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="../vendor/amber/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. <p>Query:<br><input id="searchQuery" type="text" size="30" maxlength="30" value="#amber-smalltalk">
  18. <button onClick="smalltalk.TwitterSearch._new()._query()">update</button>
  19. </p>
  20. <div id="playground"></div>
  21. </center>
  22. <script type="text/javascript">
  23. loadAmber({
  24. files: ['TwitterWall'],
  25. packageHome: './',
  26. ready: function() {
  27. smalltalk.TwitterSearch._new()._query()
  28. }});
  29. </script>
  30. </body>
  31. </html>