Website for visualizing a persons github 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.

151 lines
6.6 KiB

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <title>GitHub Graphs</title>
  7. <link rel="icon" href="./favicon.ico" type="image/x-icon" />
  8. <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
  9. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  10. <link rel="stylesheet" href="./style.css" />
  11. <link rel="stylesheet" href="./about.css" />
  12. </head>
  13. <body>
  14. <div id="header-bar" class="d-flex flex-column flex-md-row shadow-sm align-items-center">
  15. <div id="header-title">
  16. <a href="./index.html">
  17. <img id="logo" src="./logo.svg" />
  18. </a>
  19. </div>
  20. <div id="navigation">
  21. <ul class="nav">
  22. <li class="nav-item">
  23. <a href="./FriendsGraph.html">
  24. Generate graphs
  25. </a>
  26. </li>
  27. <div class="nav-sep"></div>
  28. <li class="nav-item">
  29. <a href="https://github.com/jrtechs/github-graphs">
  30. View on GitHub
  31. </a>
  32. </li>
  33. <div class="nav-sep"></div>
  34. <li class="nav-item">
  35. <a href="./about.html">
  36. About
  37. </a>
  38. </li>
  39. </ul>
  40. </div>
  41. </div>
  42. <div>
  43. <div id="content" class="container">
  44. <div id="content-title">
  45. <h1 class="big-title text-center">What is this?</h1>
  46. </div>
  47. <div id="content-body" class="container">
  48. <p style="padding: 10px;">
  49. jeff this is where you can write a bunch about the project
  50. </p>
  51. </div>
  52. <div id="content-title">
  53. <h1 class="big-title text-center">Why did you make this?</h1>
  54. </div>
  55. <div id="content-body" class="container">
  56. <p style="padding: 10px;">
  57. This project was completed in 24 hours for participation in <a class="plink" href="https://brickhack.io/">BrickHack V</a> at the Rochester Institute of Technology.
  58. </p>
  59. </div>
  60. <div id="content-title" style="border-radius: 20px;">
  61. <h1 class="big-title text-center">Developers</h1>
  62. </div>
  63. <div class="card-deck">
  64. <div class="card rounder">
  65. <img class="avatar mx-auto d-block" src="https://avatars0.githubusercontent.com/u/13894625?s=400&v=4" />
  66. <div class="card-header text-center m-title">
  67. Jeff
  68. </div>
  69. <div class="card-body">
  70. <p>
  71. did stuff
  72. </p>
  73. </div>
  74. <div class="links row text-center">
  75. <div class="col">
  76. <a href="https://github.com/jrtechs">
  77. <img class="link-ico" src="./img/github.png" />
  78. </a>
  79. </div>
  80. <div class="col">
  81. <a href="https://www.linkedin.com/in/jrtechs/">
  82. <img class="link-ico" src="./img/linkedin.png" />
  83. </a>
  84. </div>
  85. <div class="col">
  86. <a href="mailto:jeffery@jrtechs.net">
  87. <img class="link-ico" src="./img/email.png" />
  88. </a>
  89. </div>
  90. </div>
  91. </div>
  92. <div class="card rounder">
  93. <img class="avatar mx-auto d-block" src="https://avatars0.githubusercontent.com/u/32306409?s=400&v=4" />
  94. <div class="card-header text-center m-title">
  95. Bryce
  96. </div>
  97. <div class="card-body">
  98. <p>
  99. also did stuff
  100. </p>
  101. </div>
  102. <div class="links row text-center">
  103. <div class="col">
  104. <a href="https://github.com/theshmurph">
  105. <img class="link-ico" src="./img/github.png" />
  106. </a>
  107. </div>
  108. <div class="col">
  109. <a href="https://www.linkedin.com/in/theshmurph">
  110. <img class="link-ico" src="./img/linkedin.png" />
  111. </a>
  112. </div>
  113. <div class="col">
  114. <a href="mailto:brshmurphy@gmail.com">
  115. <img class="link-ico" src="./img/email.png" />
  116. </a>
  117. </div>
  118. </div>
  119. </div>
  120. <div class="card rounder">
  121. <img class="avatar mx-auto d-block" src="https://avatars3.githubusercontent.com/u/32624140?s=400&v=4" />
  122. <div class="card-header text-center m-title">
  123. Alex
  124. </div>
  125. <div class="card-body">
  126. <p>
  127. kinda did stuff
  128. </p>
  129. </div>
  130. <div class="links row text-center">
  131. <div class="col">
  132. <a href="https://github.com/CetaceanNation">
  133. <img class="link-ico" src="./img/github.png" />
  134. </a>
  135. </div>
  136. <div class="col">
  137. <a href="https://www.linkedin.com/in/a-noel/">
  138. <img class="link-ico" src="./img/linkedin.png" />
  139. </a>
  140. </div>
  141. <div class="col">
  142. <a href="mailto:axn5966@rit.edu">
  143. <img class="link-ico" src="./img/email.png" />
  144. </a>
  145. </div>
  146. </div>
  147. </div>
  148. </div>
  149. </div>
  150. </div>
  151. </body>
  152. </html>