RetroWeb/index.html at main · DavidGlezI/RetroWeb · 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 http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <link href="https://fonts.cdnfonts.com/css/alien-2" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.6.3.js" integrity="sha256-nQLuAZGRRcILA+6dMBOvcRh5Pe310sBpanc6+QBmyVM=" crossorigin="anonymous"></script>
    <title>Retro Page</title>
</head>
<body>
    <div class="Container">
        <div class="Top">
            <h1 class="Titulo">They Are Watching Us!</h1>
            <nav class="navigation">
                <ul class="NavLinks">
                    <li class="item"><a href="./">Home</a></li>
                    <li class="item"><a href="./">Evidence</a></li>
                    <li class="item"><a href="#" target="_blank">Made Contact</a></li>
                  </ul>
            </nav>
            <div class="Gif">
                <img src="https://64.media.tumblr.com/4f76754a423fbf7fa5e08e8e396d5e0a/934e0a7e333333dc-20/s500x750/9d91ecaede9f113295136cc034a7f17fb6c7a9a9.gif" alt="">
            </div>
        </div>

        <div class="Mid">
            <div class="columna1">
                <div class="top1">
                    <div class="hid"></div>
                    <div class="divBoton">
                        <button id="botn" class="BotonFBI">In case of FBI</button>
                    </div>
                </div>
                <div class="divFotoAlien"><img class="fotoAlien" src="https://m.media-amazon.com/images/M/MV5BZGYwYmVkZWMtNWY5ZS00NjhiLWE4ZGQtYTAzMzAzYWE2OGE4XkEyXkFqcGdeQXVyNjUxMjc1OTM@._V1_.jpg" alt=""></div>
                <h2 class="textMind">Anti-Mind Reader</h2>
                <div class="divFotoMind"><img src="https://miro.medium.com/max/1181/1*AMJihiz4UZvyZVVlFSG_Ww.jpeg" alt=""></div>
            </div>

            <div class="columna2">
                <h2 class="texto">About Area 51</h2>
                <p class="textoP">
                    Located at Groom Lake in the middle of the barren desert of southern Nevada, Area 51 is a U.S Air Force installation that has become infamous for a speculated connection with unidentified flying objects (UFOs).
                    Conspiracy theories surrounding the base suggest that it is used for the testing of alien technology recovered from supposed crash sites, like the famous one in Roswell, New Mexico. This has been fueled by the fact that the base was a secret for many years and is still inaccessible to the general public.

                    As a result, this innocuous-looking military installation has become an intrinsic part of the modern mythology and urban legends of the 20th century, with a large influence on media and pop culture.
                    Lazar has claimed that the propulsion of the studied vehicle ran on an antimatter reactor and was fueled by the chemical element with atomic number 115 , which at the time was provisionally named ununpentium and had not yet been artificially created.(It was first synthesized in 2003 and later named moscovium.) He said that the propulsion system relied on a stable isotope of E115, which allegedly generates a gravity wave that allowed the vehicle to fly and to evade visual detection by bending light around it.
                </p>
                <h2 class="textoBob">Bob Lazar</h2>
                <p class="textoP">
                    Since 1989, Lazar has achieved public notoriety as an Area 51 conspiracy theorist.In May of that year, he appeared in an interview with investigative reporter George Knapp on Las Vegas TV station KLAS, under the pseudonym "Dennis" and with his face hidden, to discuss his purported employment at "S-4", a subsidiary facility he claimed exists near the Nellis Air Force Base installation known as Area 51. He claims that the said facility was adjacent to Papoose Lake, which is located south of the main Area 51 facility at Groom Lake. He claimed the site consisted of concealed aircraft hangars built into a mountainside. Lazar said that his job was to help with the reverse engineering of one of nine flying saucers, which he alleged were extraterrestrial in origin. He claims one of the flying saucers, the one he coined the "Sport Model", was manufactured out of a metallic substance similar in appearance and touch to liquid titanium. In a subsequent interview that November, Lazar appeared unmasked and under his own name, where he claimed that his job interview for work at the facility was contractor EG&G and his employer was the United States Navy. EG&G stated it had no records on him. His supposed employment at a Nellis Air Force Base subsidiary has also been discredited by skeptics, as well as by the United States Air Force.

                </p>
                <h2 class="textoAlienEv">Alien Evidence? Call us!</h2>
                <p class="textoP2">0-1-3232-3433-54</p>
            </div>
            <div class="outside">
                <div class="columna3">
                    <div class="fotoAd">
                        <img class="resize" src="https://media.wired.com/photos/5932947e58b0d64bb35d2c65/master/w_350,h_467,c_limit/They-live-2.jpg" alt="">
                    </div>
                    <div class="fotoAd"><img src="./imgs/imagen2.jpg" alt=""></div>
                    <div class="fotoAd"><img src="./imgs/imagen3.png" alt=""></div>
                </div>
            </div>
        </div>
        <div class="Bot">
            <a href="https://www.dreamlandresort.com/" target="_blank">Area 51</a>
            <a href="https://www.littlealeinn.com/" target="_blank">Little A'Le'Inn</a>
            <a href="https://www.whitehouse.gov/" target="_blank">White House</a>
            <a href="https://www.imdb.com/title/tt0106179/" target="_blank">Conspiracy Theories</a>
        </div>

    </div>
    <script>


        $(document).ready(function($){
        let hiddenBox = $( ".hid" );
        let bot = $( "#botn" );

        // Funcion usando ajax para hacer GET al HTML
        $.get("extra.html", function(data){
            $(".hid").append(data);
        })
        hiddenBox.toggle();
/*
        const changeName =(boton)=>{
            hiddenBox.toggle();
            if(bot.v)
        }
  */
        // Al hacer click, se llama a la funcion getFun() y se muestra el div
        // con la info del html que se trajo
        bot.on( "click", function(){
            hiddenBox.toggle();
            if(bot.text() === "In case of FBI"){
                bot.text("Abort!");
                bot.removeClass("BotonFBI");
                bot.addClass("abort");
            }else{
                bot.text("In case of FBI");
                bot.removeClass("abort");
                bot.addClass("BotonFBI");
            }


        //$(".BotonFBI").prop("disabled", true); // Desactivamos el boton
        });

        });


    </script>
</body>
</html>