LSST-TVSSC.github.io/uploadWP.html at main · LSST-TVSSC/LSST-TVSSC.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html lang="en">
<head>
    <title>LSST-TVS</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="LSST-TVS: Tools and resources for the LSST Transients and Variable Stars Collaboration." />

    <!-- Stylesheets -->
    <link rel="stylesheet" href="assets/css/main.css" />
    <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
    <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
</head>

<body>
    <script>
        function showNotification(message, bgColor = "#ddffdd", textColor = "#060") {
            const note = document.createElement("div");
            note.textContent = message;
            note.style.position = "fixed";
            note.style.bottom = "20px";
            note.style.left = "50%";
            note.style.transform = "translateX(-50%)";
            note.style.background = bgColor;
            note.style.color = textColor;
            note.style.padding = "10px 15px";
            note.style.borderRadius = "8px";
            note.style.fontFamily = "sans-serif";
            note.style.boxShadow = "0 2px 5px rgba(0,0,0,0.2)";
            note.style.zIndex = "9999";
            document.body.appendChild(note);

            // Fade out after 5 seconds
            setTimeout(() => {
                note.style.transition = "opacity 0.5s ease";
                note.style.opacity = "0";
                setTimeout(() => note.remove(), 500);
            }, 5000);
        }

        if (window.File && window.FileReader && window.FileList && window.Blob) {
            console.log(" File API supported.");
            showNotification(" File API supported by your browser.");
        } else {
            console.warn("The File APIs are not fully supported in this browser.");
            showNotification("Your browser does not fully support file handling features. Some functionality may not work.", "#ffdddd", "#900");
        }
    </script>
</body>
</html>