-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathconfigure.html
130 lines (127 loc) · 7.43 KB
/
configure.html
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
<!doctype html>
<html lang="en">
<head>
<title>Configure Real Debrid Addon</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="application-name" content="Stremio Real Debrid Addon" />
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="icon/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="icon/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="icon/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="icon/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="icon/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="icon/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="icon/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="icon/apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="icon/favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="icon/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="icon/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="icon/favicon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="icon/favicon-128.png" sizes="128x128" />
<link href="dist/main.css" rel="stylesheet" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400..900&display=swap" rel="stylesheet" />
</head>
<body
class="sm:from-electric-violet-300 flex min-h-screen items-center justify-center bg-white font-sans sm:bg-gradient-to-b sm:from-10% sm:via-sky-300 sm:via-30% sm:to-emerald-300 sm:to-90% sm:p-6">
<div
class="mx-auto w-full max-w-3xl rounded-lg border-2 border-gray-300 bg-gradient-to-r from-gray-50 to-gray-100 p-8 sm:p-8">
<div
class="border-electric-violet-300 from-electric-violet-300 to-electric-violet-400 mb-4 flex items-center justify-center rounded-lg border-2 bg-gradient-to-r p-3">
<a href="/" class="inline-block">
<img src="icon/real-debrid-logo-white.png" class="h-20" alt="Real Debrid Icon" />
</a>
</div>
<div class="flex items-center justify-center">
<h1 class="mb-4 text-2xl font-bold text-gray-700">
Configure Real Debrid Addon
</h1>
</div>
<p class="border-pumpkin-500 bg-pumpkin-100 text-pumpkin-500 mb-4 rounded border-l-2 p-3 text-sm font-medium">
We don't save any information. Please make sure to keep track of
your settings. Once you close the window, you won't be able to
get your data back unless you set it up again.
</p>
<form method="POST" action="/install">
<div class="mb-4">
<label for="apiKey" class="mb-2 block text-base font-medium text-gray-700">
Real Debrid API Key:
</label>
<input type="text" id="apiKey" name="apiKey" required
class="border-electric-violet-300 focus:border-electric-violet-400 focus:ring-electric-violet-400 block w-full rounded border-2 px-3 py-1.5 text-base font-medium text-gray-800 shadow-sm focus:outline-none focus:ring-1" />
<p class="mt-2 text-sm text-gray-500">
You can obtain your Real Debrid API Key from
<a href="https://real-debrid.com/apitoken" target="_blank" rel="noopener noreferrer"
class="text-blue-ribbon-500 hover:text-blue-ribbon-700 font-medium">
here
</a>
.
</p>
</div>
<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
<div class="mb-4">
<label for="tmdbApiKey" class="mb-2 block text-base font-medium text-gray-700">
TMDb API Key (Optional):
</label>
<input type="text" id="tmdbApiKey" name="tmdbApiKey"
class="border-electric-violet-300 focus:border-electric-violet-400 focus:ring-electric-violet-400 block w-full rounded border-2 px-3 py-1.5 text-base font-medium text-gray-800 shadow-sm focus:outline-none focus:ring-1" />
<p class="mt-2 text-sm text-gray-500">
Get your TMDb API Key from
<a href="https://www.themoviedb.org/settings/api" target="_blank" rel="noopener noreferrer"
class="text-blue-ribbon-500 hover:text-blue-ribbon-700 font-medium">
here
</a>
.
</p>
</div>
<div class="mb-4">
<label for="omdbApiKey" class="mb-2 block text-base font-medium text-gray-700">
OMDb API Key (Optional):
</label>
<input type="text" id="omdbApiKey" name="omdbApiKey"
class="border-electric-violet-300 focus:border-electric-violet-400 focus:ring-electric-violet-400 block w-full rounded border-2 px-3 py-1.5 text-base font-medium text-gray-800 shadow-sm focus:outline-none focus:ring-1" />
<p class="mt-2 text-sm text-gray-500">
Get your OMDb API Key from
<a href="https://www.omdbapi.com/apikey.aspx" target="_blank" rel="noopener noreferrer"
class="text-blue-ribbon-500 hover:text-blue-ribbon-700 font-medium">
here
</a>
.
</p>
</div>
</div>
<div class="flex items-center justify-between">
<button type="submit"
class="bg-electric-violet-600 hover:bg-electric-violet-500 focus:ring-electric-violet-500 rounded px-4 py-2 text-lg font-medium text-white shadow-sm focus:outline-none focus:ring-2">
Configure Addon
</button>
</div>
</form>
<div class="mt-4 flex items-center justify-center">
<p class="text-pumpkin-600 text-sm font-semibold">
Disclaimer: This addon is not official and is not affiliated
with the
<a href="https://real-debrid.com/" target="_blank" rel="noopener noreferrer"
class="hover:text-pumpkin-700 underline transition duration-300">
Real Debrid
</a>
website.
</p>
</div>
<footer class="mt-4 text-center text-sm font-medium text-gray-600">
©
<span id="current-year"></span>
<a href="https://devwz.com" target="_blank"
class="text-blue-ribbon-500 hover:text-blue-ribbon-700 font-semibold">
DEV Wizard
</a>
. All rights reserved. Version {{VERSION}}
</footer>
<script>
document.getElementById("current-year").textContent =
new Date().getFullYear();
</script>
</div>
</body>
</html>