PageRenderTime 35ms CodeModel.GetById 13ms RepoModel.GetById 0ms app.codeStats 0ms

/rc/index.html

https://github.com/adamobeng/adamobeng.com
HTML | 48 lines | 29 code | 2 blank | 17 comment | 0 complexity | 372c509137603b4843ef31846263ee00 MD5 | raw file
  1. <!--
  2. https://encrypted.google.com/search?hl=en&q=CSS%20side%20by%20side%20divs
  3. http://my.opera.com/GreyWyvern/blog/show.dml/1725165
  4. http://www.webdevelopersnotes.com/tutorials/javascript/javascript_for_loop.php3
  5. http://stackoverflow.com/questions/1134976/how-may-i-sort-a-list-alphabetically-using-jquery
  6. http://www.pageresource.com/html/link3.htm
  7. https://duckduckgo.com/?q=center+div
  8. http://stackoverflow.com/questions/4123067/animating-slider-handle-when-altering-the-jquery-ui-slider-value-option
  9. https://duckduckgo.com/?q=floating+div+CSS
  10. http://weblogs.asp.net/jaredroberts/archive/2010/01/12/add-label-to-jquery-slider-handle.aspx
  11. http://jqueryui.com/demos/slider/
  12. http://jqueryui.com/demos/slider/#event-create
  13. http://docs.jquery.com/Tutorials:How_jQuery_Works
  14. http://api.jquery.com/multiple-selector/
  15. http://docs.jquery.com/UI/Slider
  16. -->
  17. <html>
  18. <head>
  19. <link rel="stylesheet" href="css/smoothness/jquery-ui-1.8.17.custom.css" type="text/css">
  20. <link rel="stylesheet" href="rent_calculator.css" type="text/css">
  21. <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
  22. <script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
  23. <script type="text/javascript" src="rent_calculator.js"></script>
  24. <!-- Typekit -->
  25. <script type="text/javascript" src="http://use.typekit.com/qjd5hyy.js"></script>
  26. <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
  27. </head>
  28. <body>
  29. <div id="container">
  30. <div id="player1">
  31. <h2>Alice</h2>
  32. <h3>How much do you value the rooms?</h3>
  33. <div id="slider1" style="height: 400px;"></div>
  34. </div>
  35. <div id="player2">
  36. <h2>Bob</h2>
  37. <p>Almost your turn!</p>
  38. </div>
  39. <div id="player3">
  40. <h2>Charlie</h2>
  41. <p>It's not quite your turn yet</p>
  42. </div>
  43. <div style="clear:both;"></div>
  44. </div>
  45. </body>
  46. </html>