/views/index2.html

https://github.com/jataggart/keg-server · HTML · 128 lines · 111 code · 17 blank · 0 comment · 0 complexity · 39b30e74cf737e07dfabd0d1460183c5 MD5 · raw file 

    

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    2. 

  2.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    3. 

  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

    4. 

  4. <head>

    5. 

  5.     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>

    6. 

  6.     <title>Beer On Demand</title>

    7. 

  7. 

    8. 

  8.     <link rel="stylesheet" type="text/css" href="stylesheets/reset.css"/>

    9. 

  9.     <link rel="stylesheet" type="text/css" href="stylesheets/text.css"/>

    10. 

  10.     <link rel="stylesheet" type="text/css" href="stylesheets/jquery-ui-1.8.17.custom.css"/>

    11. 

  11.     <link rel="stylesheet" type="text/css" href="stylesheets/mainPage.css"/>

    12. 

  12.     <link rel="stylesheet" type="text/css" href="stylesheets/gauge2.css"/>

    13. 

  13.     <link rel="stylesheet" type="text/css" href="stylesheets/scrollingMenu.css"/>

    14. 

  14. 

    15. 

  15.     <script src="socket.io/socket.io.js" type="text/javascript"></script>

    16. 

  16.     <script type="text/javascript">

    17. 

  17.         var socket = io.connect();

    18. 

  18.     </script>

    19. 

  19.     <script src="javascripts//jquery-1.7.min.js" type="text/javascript"></script>

    20. 

  20.     <script src="javascripts/jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script>

    21. 

  21.     <script src="javascripts/jQueryRotateCompressed.2.1.js" type="text/javascript"></script>

    22. 

  22.     <script src="javascripts/jquery.formalize.min.js" type="text/javascript"></script>

    23. 

  23.     <script src="javascripts/highcharts.js" type="text/javascript"></script>

    24. 

  24.     <script src="javascripts/handlers.js" type="text/javascript"></script>

    25. 

  25.     <script src="javascripts/jquery.cycle.lite.js" type="text/javascript"></script>

    26. 

  26. 

    27. 

  27.     <script type="text/javascript">

    28. 

  28.         $(document).ready(function() {

    29. 

  29.             startCharts();

    30. 

  30.             startHandlers();

    31. 

  31. 

    32. 

  32. 			$('.slideshow').cycle({

    33. 

  33. 				fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...

    34. 

  34. 			});

    35. 

  35.         });

    36. 

  36.     </script>

    37. 

  37. 

    38. 

  38. </head>

    39. 

  39. 

    40. 

  40. <body>

    41. 

  41. 

    42. 

  42. <div id="header">

    43. 

  43.     <div id="contentWrapper">

    44. 

  44.         <div id="barRailTop"></div>

    45. 

  45.         <div id="centerColumnPosition">

    46. 

  46.             <img src="images/fluid/bodTextLogo.png" width="566" height="59" alt="" title="" border="0"/>

    47. 

  47.         </div>

    48. 

  48.     </div>

    49. 

  49.     <div id="leftLogo">

    50. 

  50.         <div class="image"></div>

    51. 

  51.     </div>

    52. 

  52. </div>

    53. 

  53. 

    54. 

  54. <div id="lowerSection">

    55. 

  55.     <div id="contentWrapper2">

    56. 

  56.         <div id="contentColumn2">

    57. 

  57.             <div id="centerSection" style="float:left;">

    58. 

  58.                 <div class="top"></div>

    59. 

  59.                 <div id="userSection">

    60. 

  60.                     <div id="userImage"></div>

    61. 

  61.                     <div class="userName">

    62. 

  62.                         <div id="userName"></div>

    63. 

  63.                         <div id="userAffiliation"></div>

    64. 

  64.                         <div id="userJoined"></div>

    65. 

  65.                         <div id="userTotalPours"></div>

    66. 

  66.                     </div>

    67. 

  67.                     <div class="achievements">

    68. 

  68.                         ACHIEVEMENTS

    69. 

  69.                         <div class="slideshow" style="margin-top:10px;">

    70. 

  70.                         </div>

    71. 

  71.                     </div>

    72. 

  72.                 </div>

    73. 

  73. 

    74. 

  74.                 <div id="chartSection">

    75. 

  75.                     <div id="chart"></div>

    76. 

  76.                     <div id="chartNav">

    77. 

  77.                         <div class="buttonLeftOff"></div>

    78. 

  78.                         <div class="navSpacer">&nbsp;</div>

    79. 

  79.                         <div class="buttonRightOff"></div>

    80. 

  80.                     </div>

    81. 

  81.                 </div>

    82. 

  82. 

    83. 

  83.             </div>

    84. 

  84.         </div>

    85. 

  85.     </div>

    86. 

  86. 

    87. 

  87.     <div id="leftColumn">

    88. 

  88.         <div id="leftSection">

    89. 

  89.             <div class="top"></div>

    90. 

  90.             <div class="center kegDeets">

    91. 

  91.                 <b>On Tap: </b>

    92. 

  92.                 <div id="kegImage"></div>

    93. 

  93.                 <div class="kegSubDeets" style="width:200px;">

    94. 

  94.                     <div id="kegTitle" style="font-weight: bold;"></div>

    95. 

  95.                     <b>Installed:</b>

    96. 

  96.                     <div id="kegInstalled"></div>

    97. 

  97.                     <b>Brew Notes:</b>

    98. 

  98.                     <div id="kegDescription"></div>

    99. 

  99.                     <b>Amount Left:</b>

    100. 

  100.                     <div id="kegAmount"></div>

    101. 

  101.                 </div>

    102. 

  102.             </div>

    103. 

  103.         </div>

    104. 

  104.     </div>

    105. 

  105. </div>

    106. 

  106. 

    107. 

  107. <div id="gauge">

    108. 

  108.     <div class="gaugeBack"></div>

    109. 

  109.     <div class="gaugeNeedle"></div>

    110. 

  110.     <div class="gaugeGlass"></div>

    111. 

  111. </div>

    112. 

  112. 

    113. 

  113. <div id="gauge2">

    114. 

  114.     <div class="gaugeBack"></div>

    115. 

  115.     <div class="gaugeNeedle"></div>

    116. 

  116.     <div class="gaugeGlass"></div>

    117. 

  117. </div>

    118. 

  118. 

    119. 

  119. <div id="welcomeUser"></div>

    120. 

  120. 

    121. 

  121. <div id="denyUser">

    122. 

  122.     <p>Sorry, you are not in our system, please contact an administrator</p>

    123. 

  123. </div>

    124. 

  124. 

    125. 

  125. <div id="newAchievements"></div>

    126. 

  126. 

    127. 

  127. </body>

    128. 

  128. </html>
    129.