Graph database Analysis of the Steam Network
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

163 lines
6.9 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Jrtechs Steam Friend Graph Project</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  8. <link rel="stylesheet" href="css/bootstrap.css" media="screen">
  9. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  10. </head>
  11. <body>
  12. <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  13. <a class="navbar-brand" href="#">Steam Graph Project</a>
  14. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  15. <span class="navbar-toggler-icon"></span>
  16. </button>
  17. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  18. <ul class="navbar-nav mr-auto">
  19. <li class="nav-item">
  20. <a class="nav-link" href="index.html">Home</a>
  21. </li>
  22. <li class="nav-item active">
  23. <a class="nav-link" href="graphs.html">Graphs<span class="sr-only">(current)</span></a>
  24. </li>
  25. <li class="nav-item">
  26. <a class="nav-link" href="profile.html">Profile Look-Up</a>
  27. </li>
  28. <li class="nav-item">
  29. <a class="nav-link" href="faq.html">FAQ</a>
  30. </li>
  31. </ul>
  32. <ul class="nav navbar-nav navbar-right">
  33. <li>
  34. <a class="nav-link" href="https://jrtechs.net">Blog</a>
  35. </li>
  36. <li>
  37. <a class="nav-link" href="https://jrtechs.me">Resume</a>
  38. </li>
  39. <li>
  40. <a class="nav-link" href="https://github.com/jrtechs">Github</a>
  41. </li>
  42. </ul>
  43. </div>
  44. </nav>
  45. <div class="container">
  46. <br>
  47. <div class="jumbotron">
  48. <h1 class="text-center">Generate a graph</h1><br>
  49. <form action="graph.html" method="get">
  50. <div class="form-group row">
  51. <label for="idID" class="col-sm-2 col-form-label">Steam ID</label>
  52. <div class="col-sm-10">
  53. <input type="text" class="form-control" id="idID" placeholder="Steam ID" name="id">
  54. </div>
  55. </div>
  56. <div class="form-group row">
  57. <label for="graphId" class="col-sm-2 col-form-label">Graph Type</label>
  58. <div class="col-sm-10">
  59. <select class="custom-select mb-3" id="graphId" name="graph">
  60. <option selected>Select Graph Type</option>
  61. <option value="1">Friends of Friends</option>
  62. <option value="2">Friends with Friends</option>
  63. <option value="3">Most common friends of Friends</option>
  64. </select>
  65. </div>
  66. </div>
  67. <div class="form-group row">
  68. <div class="col-sm-10">
  69. <button type="submit" class="btn btn-primary">Graph!</button>
  70. </div>
  71. </div>
  72. </form>
  73. </div>
  74. </div>
  75. <!-
  76. ┈┈╱▔▔▔▔▔╲┈┈┈HM┈HM
  77. ┈╱┈┈╱▔╲╲╲▏┈┈┈HMMM
  78. ╱┈┈╱━╱▔▔▔▔▔╲━╮┈┈
  79. ▏┈▕┃▕╱▔╲╱▔╲▕╮┃┈┈
  80. ▏┈▕╰━▏▊▕▕▋▕▕━╯┈┈
  81. ╲┈┈╲╱▔╭╮▔▔┳╲╲┈┈┈
  82. ┈╲┈┈▏╭━━━━╯▕▕┈┈┈
  83. ┈┈╲┈╲▂▂▂▂▂▂╱╱┈┈┈
  84. ┈┈┈┈▏┊┈┈┈┈┊┈┈┈╲┈
  85. ┈┈┈┈▏┊┈┈┈┈┊▕╲┈┈╲
  86. ┈╱▔╲▏┊┈┈┈┈┊▕╱▔╲▕
  87. ┈▏ ┈┈┈╰┈┈┈┈╯┈┈┈▕▕
  88. ┈╲┈┈┈╲┈┈┈┈╱┈┈┈╱┈╲
  89. ┈┈╲┈┈▕▔▔▔▔▏┈┈╱╲╲╲▏
  90. ┈╱▔┈┈▕┈┈┈┈▏┈┈▔╲▔▔
  91. ┈╲▂▂▂╱┈┈┈┈╲▂▂▂╱┈
  92. If you are seeing this monkey that means that you are interested in my
  93. code. Yay!! If you are not here to hack me ... you should really consider
  94. contributing to some of my public projects on github.
  95. https://github.com/jrtechs
  96. -->
  97. <!-- Footer -->
  98. <footer class="text-center">
  99. <div class="footer-above">
  100. <div class="container">
  101. <div class="row">
  102. <div class="footer-col col-md-4">
  103. <h3>Location</h3>
  104. <p>Rochester Institute of Technology
  105. <br>1 Lomb Memorial Dr, Rochester, NY 14623</p>
  106. </div>
  107. <div class="footer-col col-md-4">
  108. <h3>Around the Web</h3>
  109. <ul class="list-inline">
  110. <li class="list-inline-item">
  111. <a class="btn-social btn-outline" href="https://www.youtube.com/c/JrtechsNet">
  112. <i class="fa fa-fw fa-youtube"></i>
  113. </a>
  114. </li>
  115. <li class="list-inline-item">
  116. <a class="btn-social btn-outline" href="https://github.com/jrtechs">
  117. <i class="fa fa-fw fa-github"></i>
  118. </a>
  119. </li>
  120. <li class="list-inline-item">
  121. <a class="btn-social btn-outline" href="http://jrtechs.net">
  122. <i class="fa fa-fw fa-wordpress"></i>
  123. </a>
  124. </li>
  125. </ul>
  126. </div>
  127. <div class="footer-col col-md-4">
  128. <h3>About This Website</h3>
  129. <p>Check out the source code for this website on my
  130. <a href="https://github.com/jrtechs">github</a>.</p>
  131. </div>
  132. </div>
  133. </div>
  134. </div>
  135. <div class="footer-below">
  136. <div class="container">
  137. <div class="row">
  138. <div class="col-lg-12">
  139. <p class="m-0 text-center text-white"><a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">CC-BY-SA 4.0</a> <script type="text/javascript">
  140. document.write(new Date().getFullYear());
  141. </script> Jrtechs</p>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. </footer>
  147. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  148. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
  149. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
  150. </body>
  151. </html>