ghostfiles/index.html at main · standwall5/ghostfiles · 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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatib1e" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Unsolved Mysteries</title>
        <link rel="stylesheet" href="style.css">
        <link rel="shortcut icon" href="res/images/iconInverted.png" type="image/x-icon">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
        <script>
            $(function(){
                $("#nav-placeholder").load("nav.html");
                $("#footer-placeholder").load("footer.html");
            });
        </script>
    </head>
    <body>
        <div class="disclaimer" id="disclaimer"><p>This website is a fan-made project and is not affiliated with Buzzfeed, Watcher Entertainment or Ghost Files. <span>All trademarks, media, and copyrights belong to their respective owners.</span></p><span class="btnDisclaimer" onclick="closeDisclaimer()">&#10006;</span></div>
        <div id="nav-placeholder"></div>
        <div class="home hideOnMobile">
            <img class="bgImg1" src="res/images/shaneryan2.png" style="margin: -3.5rem auto auto auto; object-fit: cover; object-position: center;">
            <div class="ghostVid">
            <iframe class="videoOverlay" width="560" height="315" src="https://www.youtube.com/embed/videoseries?si=Is9cCocwHm3WvPZN&amp;list=PL8rSRNukjnn6zZIfp8Myjk2zE9KhJSMkF" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
            <h1>GHOST<br> FILES</h1>
        </div>
        </div>
        <img class="bgImg" src="res/images/shaneryanBox.png" width="300">
        <!-- <div class="ghostVidMobile">
            <iframe class="videoOverlay" width="auto" height="auto" src="https://www.youtube.com/embed/videoseries?si=Is9cCocwHm3WvPZN&amp;list=PL8rSRNukjnn6zZIfp8Myjk2zE9KhJSMkF" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
            <h1>GHOST<br> FILES</h1>
        </div> -->
        <div class="content flex">
                <div class="descGhost">
                    <img class="icon2 invert" src="res/images/Icon.png" alt="Ghost Files logo">
                    <p>Ghost Files/Unsolved was a series hosted and created by Ryan Bergara and Shane Madej.<br>
                        <span>They covered mysteries, the supernatural, crimes, disappearances, which were never given a clear conclusion.
                        Well-beloved by many because of its humorous yet serious tone and thoroughly researched content.</span>
                    </p>
                </div>
        </div>

        <!-- Footer -->

        <div id="footer-placeholder"></div>

        <script src="script.js"></script>
        <script>
            // query selector for classes
            var menu = document.querySelector(".sidebar")
            function showMenu(){
                menu.style.display = "flex";
            }
            function hideMenu(){
                menu.style.display = "none";
            }
        </script>
    </body>
</html>