|
@@ -0,0 +1,94 @@
|
|
|
+<html>
|
|
|
+<body>
|
|
|
+<style>
|
|
|
+.grid {
|
|
|
+ margin: min(1vmin, 10px) min(1vmin, 10px);
|
|
|
+ padding: 10px;
|
|
|
+ font-size: min(3vmin,30px);
|
|
|
+ text-align: center;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.grid li {
|
|
|
+ border-style: solid;
|
|
|
+ border-width: 3%;
|
|
|
+ width: 40vmin;
|
|
|
+ height: 30vmin;
|
|
|
+ max-width: 350px;
|
|
|
+ max-height: 263px;
|
|
|
+ text-align: center;
|
|
|
+ list-style-type: none;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ margin: max(1.5vmin, 20px);
|
|
|
+ padding: 10px;
|
|
|
+ position: relative;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.grid li > div {
|
|
|
+ position: relative;
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ line-height: 1;
|
|
|
+}
|
|
|
+.grid li > div > h1 {
|
|
|
+ line-height: 0.5;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.grid li > div > p {
|
|
|
+ padding: max(0.5vmin, 10px);
|
|
|
+ margin: 0;
|
|
|
+ color: black;
|
|
|
+ text-align: left;
|
|
|
+ line-height: 1;
|
|
|
+}
|
|
|
+</style>
|
|
|
+<ul class="grid">
|
|
|
+ <li onclick="location.href='https://wol.shandan.one';" style="color: red;">
|
|
|
+ <div>
|
|
|
+ <h1>WoL</h1>
|
|
|
+ <p class="child">Wake a device</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li onclick="location.href='https://shandan.one/guacamole';" style="color: darkgreen;">
|
|
|
+ <div>
|
|
|
+ <h1>Gaucamole</h1>
|
|
|
+ <p class="child">Remote desktop</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li onclick="location.href='https://syncthing.shandan.one';" style="color: blue;">
|
|
|
+ <div>
|
|
|
+ <h1>Syncthing</h1>
|
|
|
+ <p>Manage syncthing</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li onclick="location.href='https://tv.shandan.one';" style="color: orange;">
|
|
|
+ <div>
|
|
|
+ <h1>TvHeadend</h1>
|
|
|
+ <p>Access PVR</p>
|
|
|
+ <p>Schedule recordings and view TV guide</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li onclick="location.href='https://shandan.one/wekan';" style="color: teal;">
|
|
|
+ <div>
|
|
|
+ <h1>Wekan</h1>
|
|
|
+ <p>Kanban board</p>
|
|
|
+ <p>Manage projects and tasks</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li onclick="location.href='https://mouse.shandan.one/#remote-mouse';" style="color: brown;">
|
|
|
+ <div>
|
|
|
+ <h1>Mouse</h1>
|
|
|
+ <p>Use device as touchpad</p>
|
|
|
+ <p>Turn your device's touchscreen into a remote touchpad</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li onclick="location.href='https://gateway.shandan.one';" style="color: lightblue;">
|
|
|
+ <div>
|
|
|
+ <h1>Gateway</h1>
|
|
|
+ <p>Access the gateway</p>
|
|
|
+ <p>Manage local LAN and internet connection settings</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+</ul>
|
|
|
+</body>
|
|
|
+</html>
|