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  <link rel="icon" type="image/png" href="img/launcher.png">
 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="/">
19      <img src="img/launcher.png" width="30" height="30" alt="">
20      tools-containers - Launcher
21    </a>
22  </nav>
23  <br><br>
24  <div class="container">
25    <h1>tools-containers - Launcher</h1>
26    <br><br>
27    <h3>Web Apps</h3>
28    <hr>
29    <div class="row">
30      <div class="col-sm-2">
31        <a href="http://127.0.0.1:4002" target="_blank" class="btn c_o_indigo300" data-toggle="tooltip" data-placement="bottom" title="etherpad">
32          <img src="img/etherpad.png" style="max-width:100px;" alt="etherpad" title="etherpad">
33        </a>
34      </div>
35      <div class="col-sm-2">
36        <a href="http://127.0.0.1:4001" target="_blank" class="btn c_o_indigo300" data-toggle="tooltip" data-placement="bottom" title="kanboard">
37          <img src="img/kanboard.png" style="max-width:100px;" alt="kanboard" title="kanboard">
38        </a>
39      </div>
40      <div class="col-sm-2">
41        <a href="http://127.0.0.1:4000" target="_blank" class="btn c_o_indigo300" data-toggle="tooltip" data-placement="bottom" title="gogs">
42          <img src="img/gogs.png" style="max-width:100px;" alt="gogs" title="gogs">
43        </a>
44      </div>
45      <div class="col-sm-2">
46        <a href="http://127.0.0.1:4005" target="_blank" class="btn c_o_indigo300" data-toggle="tooltip" data-placement="bottom" title="gitea">
47          <img src="img/gitea.png" style="max-width:100px;" alt="gitea" title="gitea">
48        </a>
49      </div>
50      <div class="col-sm-2">
51        <a href="http://127.0.0.1:4000" target="_blank" class="btn c_o_indigo300" data-toggle="tooltip" data-placement="bottom" title="nextcloud">
52          <img src="img/nextcloud.png" style="max-width:100px;" alt="nextcloud" title="nextcloud">
53        </a>
54      </div>
55      <div class="col-sm-2">
56        <a href="http://127.0.0.1:4003" target="_blank" class="btn c_o_indigo300" data-toggle="tooltip" data-placement="bottom" title="dudle">
57          <img src="img/dudle.png" style="max-width:100px;" alt="dudle" title="dudle">
58        </a>
59      </div>
60      <div class="col-sm-2">
61        <a href="http://127.0.0.1:4004" target="_blank" class="btn c_o_indigo300" data-toggle="tooltip" data-placement="bottom" title="draw">
62          <img src="img/draw.png" style="max-width:100px;" alt="draw" title="draw">
63        </a>
64      </div>
65    </div>
66
67    <br><br>
68    <h3>Services</h3>
69    <hr>
70    <div class="row">
71      <div class="col-sm-2">
72        <!-- <a href="http://127.0.0.1:64738" target="_blank" class="btn btn-outline-secondary">
73          <img src="img/mumble.png" style="max-width:100px;" alt="mumble" title="mumble">
74        </a> -->
75        <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">
76          <img src="img/mumble.png" style="max-width:100px;" alt="mumble" title="mumble">
77        </button>
78
79      </div>
80    </div>
81  </div>
82
83  <!-- Optional JavaScript -->
84  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
85  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
86  <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>
87  <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
88
89  <script>
90    $(function () {
91      $('[data-toggle="popover"]').popover()
92    })
93    $(function () {
94      $('[data-toggle="tooltip"]').tooltip()
95    })
96  </script>
97</body>
98
99</html>