roughwaterguy.github.io/tv.html at main · Roughwaterguy/roughwaterguy.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
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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
<!DOCTYPE html>
<html>

<head>
  <title>(CCSTV)</title>
  <style>
    body {
      background-color: darkcyan;
    }

    .header {
      background-image: url('https://thumbs.dreamstime.com/b/retro-s-seamless-pattern-background-vintage-memphis-fashion-style-illustration-ideal-fabric-design-paper-print-website-57384131.jpg');
      color: orangered;
      font-size: 80px;
    }

    .Movie {
      display: inline-block;
      padding: 5px;
    }

    #searchbar {
      padding: 5px;
    }
  </style>
</head>

<body>
  <center>
    <table class="header">
      <tr>
        <td><img src="https://media3.giphy.com/media/oQPswLDhl15PG/200w.gif?cid=6c09b9524nv2ptryy0yu8pqwsnq1cwi2lrsc9g03832hrxgp&ep=v1_gifs_search&rid=200w.gif&ct=g">
        </td>
        <td><b>CCSTV</b></td>
      </tr>
    </table>
  </center>
  <hr />
  <center>
    <input id="searchbar" onkeyup="search_video()" type="text" name="search" placeholder="Find Movies">
    <br />
    <div id="movieContainer"></div>
    <br />
    <p>Created by Trenton Stiles and Cole Caldwell</p>
    <script>
      const movies = [{
          title: "https://archive.org/download/HallwaystockFootage/Hallway2012.mp4",
          imageUrl: "https://archive.org/download/HallwaystockFootage/HallwaystockFootage.thumbs/Hallway2012_000001.jpg",
          description: "Hallway"
        },
        {
          title: "https://archive.org/download/27EG-28-EG-58_HOTRODS/27EG-28-EG-58_HOTRODS.mp4",
          imageUrl: "https://archive.org/download/27EG-28-EG-58_HOTRODS/27EG-28-EG-58_HOTRODS.thumbs/27EG-28-EG-58_HOTRODS_000147.jpg",
          description: "Hot Rods 1940s"
        },
        {
          title: "https://archive.org/download/8_20230901/8.mp4",
          imageUrl: "https://archive.org/download/Terminator_201605/Terminator_201605.thumbs/Terminator%20%281984%29_000354.jpg",
          description: "The Terminator (1984)"
        },
        {
          title: "https://archive.org/download/t-2-ultimate-edition-with-original-ending-1/T2%20Ultimate%20Edition%20With%20Original%20Ending-1.mp4",
          imageUrl: "https://archive.org/download/t-2-ultimate-edition-with-original-ending-1/t-2-ultimate-edition-with-original-ending-1.thumbs/T2%20Ultimate%20Edition%20With%20Original%20Ending-1_000236.jpg",
          description: "Terminator 2 Judgement day"
        },
        {
          title: "https://archive.org/download/terminator-3-the-coming-storm/Terminator%203%20-%20The%20Coming%20Storm.mp4",
          imageUrl: "https://archive.org/download/terminator-3-the-coming-storm/terminator-3-the-coming-storm.thumbs/Terminator%203%20-%20The%20Coming%20Storm_000123.jpg",
          description: "Terminator 3 TCS"
        },
        {
          title: "https://archive.org/download/FightClub_201408/Fight%20Club.mp4",
          imageUrl: "https://archive.org/download/FightClub_201408/FightClub_201408.thumbs/Fight%20Club_001050.jpg",
          description: "Fight Club"
        },
        {
          title: "https://archive.org/download/theApeMan1943OriginaltonMitDeutschenUntertiteln/The_Ape_Man_1943_OT_dt_UT_1407kbps.avi",
          imageUrl: "https://archive.org/download/theApeMan1943OriginaltonMitDeutschenUntertiteln/The_Ape_Man_1943_OT_dt_UT_Titelbild.JPG",
          description: "The Apeman"
        },
        {
          title: "https://archive.org/download/14.-the-terrible-chase/14.%20The%20Terrible%20Chase.m4v",
          imageUrl: "https://archive.org/download/14.-the-terrible-chase/14.-the-terrible-chase.thumbs/14.%20The%20Terrible%20Chase_000179.jpg",
          description: "The Terrible Chase"
        },
        {
          title: "https://archive.org/download/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/001%20-%20Peace%20and%20Quiet%2C%20Wanted%20Wade%2C%20Garfield%20Goes%20Hawaiian%20DVDRip%20XviD%20%5BPhZ%5D.mp4",
          imageUrl: "https://ia803108.us.archive.org/34/items/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/__ia_thumb.jpg",
          description: "1/01 garfield"
        },
        {
          title: "https://archive.org/download/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/002%20-%20Box%20O%27%20Fun%2C%20Unidentified%20Flying%20Orson%2C%20School%20Daze%20DVDRip%20XviD%20%5BPhZ%5D.mp4",
          imageUrl: "https://ia803108.us.archive.org/34/items/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/__ia_thumb.jpg",
          description: "1/02 garfield"
        },
        {
          title: "https://archive.org/download/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/003%20-%20Nighty%20Nightmare%2C%20Banana%20Nose%2C%20Ode%20to%20Odie%20DVDRip%20XviD%20%5BPhZ%5D.mp4",
          imageUrl: "https://ia803108.us.archive.org/34/items/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/__ia_thumb.jpg",
          description: "1/03 garfield"
        },
        {
          title: "https://archive.org/download/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/004%20-%20Faidy%20Cat%2C%20Shell%20Shocked%20Sheldon%2C%20Nothing%20to%20Sneeze%20At%20DVDRip%20XviD%20%5BPhZ%5D.mp4",
          imageUrl: "https://ia803108.us.archive.org/34/items/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/__ia_thumb.jpg",
          description: "1/04 garfield"
        },
        {
          title: "https://archive.org/download/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/005%20-%20Garfield%27s%20Moving%20Experience%2C%20Wade%20You%27re%20Afraid%2C%20Good%20Mousekeeping%20DVDRip%20XviD%20%5BPhZ%5D.mp4",
          imageUrl: "https://ia803108.us.archive.org/34/items/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/__ia_thumb.jpg",
          description: "1/05 garfield"
        },
        {
          title: "https://archive.org/download/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/006%20-%20Identity%20Crisis%2C%20The%20Bad%20Sport%2C%20Up%20a%20Tree%20DVDRip%20XviD%20%5BPhZ%5D.mp4",
          imageUrl: "https://ia803108.us.archive.org/34/items/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/__ia_thumb.jpg",
          description: "1/06 garfield"
        },
        {
          title: "https://archive.org/download/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/007%20-%20Weighty%20Problem%2C%20The%20Worm%20Turns%2C%20Good%20Cat%20Bad%20Cat%20DVDRip%20XviD%20%5BPhZ%5D.mp4",
          imageUrl: "https://ia803108.us.archive.org/34/items/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/__ia_thumb.jpg",
          description: "1/07 garfield"
        },
        {
          title: "https://archive.org/download/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/008%20-%20Cabin%20Fever%2C%20Return%20of%20Power%20Pig%2C%20Fair%20Exchange%20DVDRip%20XviD%20%5BPhZ%5D.mp4",
          imageUrl: "https://ia803108.us.archive.org/34/items/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/__ia_thumb.jpg",
          description: "1/08 garfield"
        },
        {
          title: "https://archive.org/download/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/009%20-%20The%20Binky%20Show%2C%20Keeping%20Cool%2C%20Don%27t%20Move%20DVDRip%20XviD%20%5BPhZ%5D.mp4",
          imageUrl: "https://ia803108.us.archive.org/34/items/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/__ia_thumb.jpg",
          description: "1/09 garfield"
        },
        {
          title: "https://archive.org/download/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/010%20-%20Magic%20Mutt%2C%20Short%20Story%2C%20Monday%20Misery%20DVDRip%20XviD%20%5BPhZ%5D.mp4",
          imageUrl: "https://ia803108.us.archive.org/34/items/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/__ia_thumb.jpg",
          description: "1/10 garfield"
        },
        {
          title: "https://archive.org/download/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/011%20-%20Best%20of%20Breed%2C%20National%20Tapioca%20Pudding%20Day%2C%20All%20About%20Odie%20DVDRip%20XviD%20%5BPhZ%5D.mp4",
          imageUrl: "https://ia803108.us.archive.org/34/items/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/__ia_thumb.jpg",
          description: "1/11 garfield"
        },
        {
          title: "https://archive.org/download/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/012%20-%20Caped%20Avenger%2C%20Shy%20Fly%20Guy%2C%20Green%20Thumbs%20Down%20DVDRip%20XviD%20%5BPhZ%5D.mp4",
          imageUrl: "https://ia803108.us.archive.org/34/items/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/__ia_thumb.jpg",
          description: "1/12 garfield"
        },
        {
          title: "https://archive.org/download/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/013%20-%20Forget%20Me%20Not%2C%20I%20Like%20Having%20You%20Around%2C%20Sales%20Resistance%20DVDRip%20XviD%20%5BPhZ%5D.mp4",
          imageUrl: "https://ia803108.us.archive.org/34/items/012capedavengershyflyguygreenthumbsdowndvdripxvidphz/__ia_thumb.jpg",
          description: "1/13 garfield"
        },
        {
          title: "https://archive.org/download/7.6-8-jeremiah-johnson-1972/7.6%20%288%29%20Jeremiah%20Johnson%20%281972%29.mp4",
          imageUrl: "https://ia802507.us.archive.org/32/items/7.6-8-jeremiah-johnson-1972/__ia_thumb.jpg",
          description: "Jeremiah Johnson 1972"
        },
      ];
      const container = document.getElementById("movieContainer");
      movies.forEach(movie => {
        const movieDiv = document.createElement("div");
        movieDiv.className = "Movie";
        const image = document.createElement("img");
        image.src = movie.imageUrl;
        image.width = "340";
        image.height = "195";
        image.onclick = function() {
          openFileInIframe(movie.title);
        };
        movieDiv.appendChild(image);
        const description = document.createElement("p");
        description.textContent = movie.description;
        movieDiv.appendChild(description);
        container.appendChild(movieDiv);
      });

      function search_video() {
        let input = document.getElementById('searchbar').value
        input = input.toLowerCase();
        let x = document.getElementsByClassName('Movie');
        for (i = 0; i < x.length; i++) {
          if (!x[i].innerHTML.toLowerCase().includes(input)) {
            x[i].style.display = "none";
          } else {
            x[i].style.display = "inline-block";
          }
        }
      }

      function openFileInIframe(filePath) {
        let tab = window.open('', '_blank');
        tab.document.write('<iframe src="' + filePath + '" width="100%" height="100%"></iframe>');
        tab.document.close();
      }
    </script>
  </center>
</body>

</html>