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