-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathindex.html
More file actions
133 lines (133 loc) · 7.4 KB
/
index.html
File metadata and controls
133 lines (133 loc) · 7.4 KB
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
<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<meta http-equiv='content-language' content="en">
<meta name="description" content="Explore live streams from Weather Ranch and our partners, including weather updates, music, and entertainment. Watch now!">
<title>Weather Ranch Streaming</title>
<meta property="og:title" content="Weather Ranch Streaming" />
<meta property="og:description" content="Explore live streams from Weather Ranch and our partners, including weather updates, music, and entertainment. Watch now!" />
<meta property="og:image" content="https://streaming.weatherranch.com/logo.png" />
<meta property="og:url" content="https://streaming.weatherranch.com" />
<meta property="og:type" content="website" />
<link rel="favicon" href="favicon.ico">
<link rel="manifest" href="/manifest/root.json"/>
<head>
<link rel="stylesheet" href="/css/root.css">
<link rel="stylesheet" href="/css/homepage.css">
<link rel="stylesheet" href="/css/cookie-prompt.css">
<style>
.main {
text-align: center;
}
</style>
</head>
<body>
<div class="cookie-prompt">
<div class="cookie-message">
<h1>This site uses cookies</h1>
<p>Weather Ranch Streaming utilizes cookies to save your recently watched channels. All cookies saved to this site are not accessible from other sites.</p>
</div>
<div class="cookie-buttons">
<button class="secondary">Reject Non-essential</button>
<button class="primary">Accept</button>
</div>
</div>
<h1 class="hidden">Weather Ranch Streaming Site</h1>
<header>
<nav class="nav-links">
<a href="/" class="nav-logo"><img class="headerlogo" alt="Weather Ranch Logo" src="/img/logo.svg"></a>
<a href="/home" class="header-link"><img class="nav-icon" alt="Home button" src="/assets/icons/home.svg"><button class="header-btn">Home</button></a>
<a href="/guide" class="header-link"><img class="nav-icon" alt="Guide Button" src="/assets/icons/guide.svg"><button class="header-btn">Guide</button></a>
<a href="/radio" class="header-link roaid"><img class="nav-icon" src="/assets/icons/radio.svg"><button class="header-btn">Radio</button></a>
<a href="/about" class="header-link"><img class="nav-icon" alt="About page" src="/assets/icons/info.svg"><button class="header-btn">About</button></a>
</header>
<div class="main">
<div class="landing-item hero">
<div class="hero-cont"><img class="hero-logo" src="/img/logo.svg" alt="Weather Ranch Logo"></div>
</div>
<div class="info-flex">
<div class="landing-item recent">
<div class="recent-details">
<h1>Jump Back In</h1>
<div class="recent-links" id="recents">
<div id="spinner">
<svg viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg" class="spinner">
<circle class="spin" cx="400" cy="400" fill="none" r="192" stroke-width="32" stroke="#ffffff" stroke-dasharray="1207 1400" stroke-linecap="butt"></circle>
</svg>
</div>
</div>
</div>
</div>
<div class="landing-item info">
<div class="info-details">
<div class="info-text">
<h1>What is Weather Ranch Streaming?</h1>
<p>WR Streaming is a streaming service for enthusiasts of The Weather Channel, Weather in general, and more.</p>
<br>
<h1>How can I join?</h1>
<p>You can join WR Streaming by joining the Weather Ranch Discord Server.</p>
<a href="https://discord.gg/weatherranch" class="info-btn">
<button class="right-btn">Join Weather Ranch</button>
</a>
</div>
</div>
</div>
<div class="landing-item partners">
<div class="partners-details">
<h1>Featured Channels</h1>
<div class="partners-links" id="featured">
<div id="spinner">
<svg viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg" class="spinner">
<circle class="spin" cx="400" cy="400" fill="none" r="192" stroke-width="32" stroke="#ffffff" stroke-dasharray="1207 1400" stroke-linecap="butt"></circle>
</svg>
</div>
</div>
<a href="/guide" class="btn-fullwidth">
<div class="fullwidth-effect"></div>
<div class="fullwidth-btn">See all channels →</div>
</a>
</div>
</div>
<div class="landing-item roku">
<div class="roku-details">
<div class="roku-text">
<h1>Get the Roku app!</h1>
<p>The WR Streaming Roku App is not yet available on the Roku App Store, but you can download it by clicking the link below.</p>
<a href="" class="">
<button class="roku-btn" onclick="alert(
'Please follow the steps here to learn how to sideload Roku apps:\n\nhttps://developer.roku.com/docs/developer-program/getting-started/developer-setup.md\n\nThen visit https://github.com/weatherranch/channels to download the WR Streaming Roku app.'
);">
Get the app!
</button>
</a>
</div>
</div>
</div>
<div class="landing-item weatherscan">
<div class="weatherscan-details">
<div class="weatherscan-text">
<h1>The weather forecast at your demand.</h1>
<p>Weatherscan.me emulates the classic weatherscan presentations of the past.</p>
<a href="https://weatherscan.me" class="">
<button class="right-btn">Visit weatherscan.me</button>
</a>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="footer-content">
<p>© <span id="currentYear"></span> Weather Ranch. All rights reserved.</p>
<p><a href="https://weatherranch.com">weatherranch.com</a> - <a href="https://weatherscan.me">weatherscan.me</a></p>
</div>
</footer>
<script>
document.getElementById("currentYear").innerText = new Date().getFullYear();
</script>
</body>
<script src="/js/featured.js"></script>
<script src="/js/recentchannels.js"></script>
<script src="/js/cookie-prompt.js"></script>
</html>