Tradewindycc.github.io/scripts.js at master · Tradewindycc/Tradewindycc.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
51
52
53
54
55
56
57
58
59
60
61
62
63
// Function to open modal
function openModal(modalId) {
  var modal = document.getElementById(modalId);
  modal.style.opacity = 0;
  modal.style.display = "block";
  setTimeout(() => { modal.style.opacity = 1; }, 10); // Smoothly fades in
}

function closeModal(modalId) {
  var modal = document.getElementById(modalId);
  modal.style.opacity = 0;
  setTimeout(() => { modal.style.display = "none"; }, 300); // Smoothly fades out
}


  // Close modal if clicked outside of the modal content
  window.onclick = function(event) {
    var modals = document.getElementsByClassName('modal');
    for (var i = 0; i < modals.length; i++) {
      if (event.target == modals[i]) {
        modals[i].style.display = "none";
      }
    }
  }

  function openFullScreenGif() {
    const newWindow = window.open("", "_blank");

    newWindow.document.write(`
      <html>
        <head>
          <style>
            body, html {
              margin: 0;
              padding: 0;
              height: 100%;
              overflow: hidden;
              display: flex;
              justify-content: center;
              align-items: center;
              flex-direction: column;
              background-color: black;
              color: white;
              font-family: Arial, sans-serif;
            }
            img {
              max-width: 100%;
              max-height: 90%;
            }
            p {
              margin-top: 10px;
              font-size: 18px;
            }
          </style>
        </head>
        <body>
          <img src="images/cat_kiss.gif" alt="Full Screen GIF">
          <p>Well, kiss from kitty for you. Have a nice day!</p>
        </body>
      </html>
    `);
  }