aboutsummaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'index.html')
-rw-r--r--index.html14
1 files changed, 14 insertions, 0 deletions
diff --git a/index.html b/index.html
index 6c44948..2262caa 100644
--- a/index.html
+++ b/index.html
@@ -40,6 +40,19 @@
}
}
</style>
+ <div id="notification" style="position: fixed; z-index: 9999; background: rgba(0, 0, 0, 0.5); color: white; padding: 10px; width: 256px; right: -300px; top: 20px; opacity: 0; border-radius: 10px; backdrop-filter: blur(10px); transition: right 400ms linear 0s, opacity 400ms linear 0s;">
+ <span id="notification-title" style="
+ font-weight: bold;
+ text-align: left;
+ display: block;
+ padding-bottom: 5px;
+">hello</span>
+ <span id="notification-message" style="
+ display: block;
+ max-width: 256px;
+ text-align: left;
+">goodbye</span>
+ </div>
<div id="message" style="
position: fixed;
display: none;
@@ -92,6 +105,7 @@
<script src="./views/script/core_music.js"></script>
<script src="./views/script/core_viewer.js"></script>
<script src="./views/script/core_stats.js"></script>
+ <script src="./views/script/core_notification.js"></script>
<script>info("MainWindow", "Main container up!");if (native){require('@electron/remote').getCurrentWindow().log(" * View loaded, Kartik is now up and running!");}</script>
</body>
</html>