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.

86 lines
3.6 KiB

6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <!-- Required meta tags -->
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7. <!-- Bootstrap CSS -->
  8. <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
  9. <link href="node_modules/cssmaterialcolors/colors.css" rel="stylesheet">
  10. <title>Launcher</title>
  11. </head>
  12. <body>
  13. <nav class="navbar navbar-light c_indigoG500to300">
  14. <a class="navbar-brand" href="#">tools-containers - Launcher</a>
  15. </nav>
  16. <br><br>
  17. <div class="container">
  18. <h1>tools-containers - Launcher</h1>
  19. <br><br>
  20. <h3>Web Apps</h3>
  21. <hr>
  22. <div class="row">
  23. <div class="col-sm-2">
  24. <a href="http://127.0.0.1:4002" target="_blank" class="btn btn-outline-info" data-toggle="tooltip" data-placement="bottom" title="etherpad">
  25. <img src="img/etherpad.png" style="max-width:100px;" alt="etherpad" title="etherpad">
  26. </a>
  27. </div>
  28. <div class="col-sm-2">
  29. <a href="http://127.0.0.1:4001" target="_blank" class="btn btn-outline-info" data-toggle="tooltip" data-placement="bottom" title="kanboard">
  30. <img src="img/kanboard.png" style="max-width:100px;" alt="kanboard" title="kanboard">
  31. </a>
  32. </div>
  33. <div class="col-sm-2">
  34. <a href="http://127.0.0.1:4000" target="_blank" class="btn btn-outline-info" data-toggle="tooltip" data-placement="bottom" title="gogs">
  35. <img src="img/gogs.png" style="max-width:100px;" alt="gogs" title="gogs">
  36. </a>
  37. </div>
  38. <div class="col-sm-2">
  39. <a href="http://127.0.0.1:4000" target="_blank" class="btn btn-outline-info" data-toggle="tooltip" data-placement="bottom" title="nextcloud">
  40. <img src="img/nextcloud.png" style="max-width:100px;" alt="nextcloud" title="nextcloud">
  41. </a>
  42. </div>
  43. <div class="col-sm-2">
  44. <a href="http://127.0.0.1:4003" target="_blank" class="btn btn-outline-info" data-toggle="tooltip" data-placement="bottom" title="dudle">
  45. <img src="img/dudle.png" style="max-width:100px;" alt="dudle" title="dudle">
  46. </a>
  47. </div>
  48. </div>
  49. <br><br>
  50. <h3>Services</h3>
  51. <hr>
  52. <div class="row">
  53. <div class="col-sm-2">
  54. <!-- <a href="http://127.0.0.1:64738" target="_blank" class="btn btn-outline-secondary">
  55. <img src="img/mumble.png" style="max-width:100px;" alt="mumble" title="mumble">
  56. </a> -->
  57. <button type="button" class="btn btn-outline-secondary" data-toggle="popover" title="Mumble (Murmur server)" data-content="Service running at port 64738" data-placement="bottom">
  58. <img src="img/mumble.png" style="max-width:100px;" alt="mumble" title="mumble">
  59. </button>
  60. </div>
  61. </div>
  62. </div>
  63. <!-- Optional JavaScript -->
  64. <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  65. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  66. <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>
  67. <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
  68. <script>
  69. $(function () {
  70. $('[data-toggle="popover"]').popover()
  71. })
  72. $(function () {
  73. $('[data-toggle="tooltip"]').tooltip()
  74. })
  75. </script>
  76. </body>
  77. </html>