malang/index.html at main · MalangBvp/malang · 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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Malang | Fine Arts & Photography Club</title>
    <meta name="description"
        content="Malang BVP is Bharati Vidyapeeth College of Engineering's official Fine Arts and Photography Club, Pune. Explore our events, exhibitions, and creativity that define Malang.">
    <meta name="keywords"
        content="Malang BVP, Malang Bharati Vidyapeeth, Malang Pune, Fine Arts Club BVP, Photography Club BVP, Malang College Pune, Malang Club, Malang BVCOE Pune">
    <meta name="author" content="Malang BVP">

    <link rel="shortcut icon" href="resrc/images/icons/favicon.png" type="image/x-icon">
    <link rel="apple-touch-icon" href="/resrc/images/icons/malang.png">
    <meta name="theme-color" content="#111111">

    <meta property="og:title" content="Malang | Fine Arts & Photography Club">
    <meta property="og:description"
        content="Official Fine Arts and Photography Club of Bharati Vidyapeeth College of Engineering, Pune. Discover our work, events, and artistic spirit.">
    <meta property="og:image" content="https://www.malangbvp.in/resrc/images/misc/preview.png">
    <meta property="og:url" content="https://malangbvp.in/">
    <meta property="og:type" content="website">

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Malang | Fine Arts & Photography Club, BVP Pune">
    <meta name="twitter:description"
        content="Explore Malang BVP — the Fine Arts and Photography Club of Bharati Vidyapeeth College of Engineering.">
    <meta name="twitter:image" content="https://www.malangbvp.in/resrc/images/misc/preview.png">

    <link rel="canonical" href="https://malangbvp.in/">

    <link rel="stylesheet" href="src/styles/common.css">
    <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
    <link rel="manifest" href="/manifest.json">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

    <script type="application/ld+json">
        {
                "@context": "https://schema.org",
            "@type": "Organization",
            "name": "Malang BVP",
            "url": "https://malangbvp.in",
            "logo": "https://malangbvp.in/resrc/images/icons/malang.png",
            "sameAs": [
                "https://www.instagram.com/malangbvp",
                "https://www.linkedin.com/company/malangbvp"
            ],
            "description": "Malang BVP is the Fine Arts and Photography Club of Bharati Vidyapeeth College of Engineering, Pune."
        }
    </script>
</head>

<body>
    <div data-include="/src/components/nav.html"></div>
    <iframe style="border: none; position: fixed; top:0px; left:0; width: 100vw; height: 100vh; overflow-x: auto;"
        id="content"></iframe>
    <script src="src/scripts/common.js"></script>
    <script src="src/scripts/load.js"></script>
    <script type="module">
        import { initializeApp } from "https://www.gstatic.com/firebasejs/12.1.0/firebase-app.js";
        import { getAuth, onAuthStateChanged } from "https://www.gstatic.com/firebasejs/12.1.0/firebase-auth.js";

        const firebaseConfig = {
            apiKey: "AIzaSyD20pmHMSjDirK1CFEz1EIrUJWwqbVLev4",
            authDomain: "malang-auth.firebaseapp.com",
            projectId: "malang-auth",
            storageBucket: "malang-auth.firebasestorage.app",
            messagingSenderId: "522245850115",
            appId: "1:522245850115:web:f8a69e1e021222fa997a36",
            measurementId: "G-GHFQ1YG8WZ"
        };

        const app = initializeApp(firebaseConfig);
        const auth = getAuth(app);

        // Load allowed emails once
        let allowedEmails = [];
        fetch("/resrc/data/member-emails.json")
            .then(res => res.json())
            .then(data => allowedEmails = data);

        // Update navbar profile picture
        function updateNavbar(user) {
            if (user && allowedEmails.includes(user.email)) {
                profilePic.src = user.photoURL || "/resrc/images/icons/user.png";
                profilePic.classList.add("profile-pic");
                localStorage.setItem("loggedIn", "true");
            } else {
                profilePic.src = "/resrc/images/icons/user.png";
                profilePic.classList.remove("profile-pic");
                localStorage.setItem("loggedIn", "false");
            }
        }

        // Keep navbar always synced
        onAuthStateChanged(auth, toggleRestricted);

        // Expose auth to iframes
        window.firebaseAuth = auth;

        const iframe = document.querySelector("#content");
        iframe.addEventListener("wheel", (e) => {
            iframe.contentWindow.dispatchEvent(new WheelEvent("wheel", e));
        });
        const profilePic = document.getElementById("profilePic");
        if (profilePic) {
            updateNavbar();
        }

    </script>
    <script src="/src/scripts/search.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/fuse.js@6.6.2"></script>
</body>

</html>