-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
372 lines (364 loc) · 15.5 KB
/
index.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
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
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NFOStandard</title>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin: 0;
background-color: #f4f4f4;
}
header {
background-color: #ffffff;
color: #fff;
padding: 5px 0;
text-align: left;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
position: sticky;
top: 0;
z-index: 1000;
}
.header-content {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 800px;
margin: 0 auto;
padding: 0 5px;
}
header h1 {
margin: 0;
font-size: 2em;
}
main {
padding: 40px 20px;
max-width: 800px;
margin: 0 auto;
}
section {
margin-bottom: 40px;
padding: 20px;
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.welcome-section {
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.section-header {
display: flex;
width: 100%;
}
.logo-container {
flex-shrink: 0;
margin-right: 20px; /* Adjust as needed */
display: flex;
align-items: center;
}
.logo-container img {
width: 150px; /* Adjust the size as needed */
height: auto;
}
.section-content {
width: 100%;
}
section h2 {
color: #343a40;
border-bottom: 2px solid #007bff;
padding-bottom: 10px;
}
ul {
text-align: left;
padding-left: 20px;
}
pre {
text-align: left;
background: #333;
color: #fff;
padding: 20px;
border-radius: 8px;
overflow-x: auto;
}
a.button {
display: inline-block;
padding: 10px 20px;
margin: 20px 0;
background-color: #007bff;
color: #fff;
text-decoration: none;
border-radius: 5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: background-color 0.3s ease;
}
a.button:hover {
background-color: #0056b3;
}
footer {
background-color: #343a40;
color: #fff;
padding: 10px 0;
text-align: center;
position: fixed;
width: 100%;
bottom: 0;
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1);
}
.support-list {
list-style: none;
padding: 0;
text-align: left;
}
.support-list li {
margin-bottom: 10px;
display: flex;
align-items: center;
}
.chip {
display: inline-block;
padding: 5px 10px;
font-size: 0.9em;
color: white;
border-radius: 16px;
margin-left: 10px;
flex-shrink: 0;
}
.supported {
background-color: #28a745; /* Green for supported */
}
.not-supported {
background-color: #fd7e14; /* Orange for not supported */
}
.roadmap {
text-align: left;
padding-left: 0;
margin: 0 auto;
max-width: 800px;
}
.milestone {
margin-bottom: 20px;
}
.milestone-title {
font-weight: bold;
display: block;
margin-bottom: 5px;
}
.progress {
background-color: #e9ecef;
border-radius: 5px;
overflow: hidden;
position: relative;
margin-bottom: 5px;
}
.progress-bar {
background-color: #007bff;
height: 24px;
color: white;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
transition: width 0.6s ease;
}
.milestone-description {
margin: 0;
}
@media (max-width: 768px) {
.header-content {
flex-direction: column;
align-items: center;
}
.header-content img {
width: 80%; /* Adjust for mobile */
margin-bottom: 10px;
}
.welcome-section {
flex-direction: column;
align-items: flex-start;
}
.logo-container {
display: none; /* Hide the logo on smaller screens */
}
.section-content {
width: 100%;
}
.progress-bar {
height: 20px; /* Adjust for mobile */
}
}
</style>
</head>
<body>
<header>
<div class="header-content">
<img src="nfoStandard-Logo.png" alt="NFOStandard Logo">
<a class="button" href="https://github.com/Biztactix/NFOStandard" target="_blank">Visit Our GitHub</a>
</div>
</header>
<main>
<section class="welcome-section">
<div class="section-header">
<div class="logo-container">
<img src="nfoLogo-Only.png" alt="NFOStandard Logo">
</div>
<div class="section-content">
<h2>Welcome to NFOStandard</h2>
<p>NFOStandard aims to standardize the NFO File Format for media. By doing so, we make it easier to transfer metadata and statistics between media servers like Plex and Jellyfin.</p>
<p>With our standard, you can store all media-related data in an NFO file, either inside the video file or next to it. Any new library systems that support our format can seamlessly bring over all important data.</p>
</div>
</div>
</section>
<section>
<h2>Supported Media Types</h2>
<p>The Open NFO File Standard initially supports the following types of media:</p>
<ul>
<li><strong>Movies:</strong> Comprehensive metadata for films.</li>
<li><strong>TV Shows:</strong> Detailed information for television series.</li>
<li><strong>Adult Videos:</strong> Specific schema definitions for adult content.</li>
<li><strong>Anime:</strong> Metadata tailored for anime series and movies.</li>
<li><strong>Music:</strong> Information for music tracks and albums.</li>
<li><strong>Audiobooks:</strong> Metadata for audiobooks.</li>
<li><strong>Podcasts:</strong> Details for podcast episodes and series.</li>
<li><strong>Music Videos:</strong> Information for music video content.</li>
</ul>
</section>
<section>
<h2>Plugins and Support Libraries</h2>
<p>To facilitate the adoption of the NFOStandard, we provide various plugins and support libraries for different media server platforms:</p>
<ul class="support-list">
<li><strong>Plex:</strong> <span class="chip not-supported">Not Supported</span></li>
<li><strong>Jellyfin:</strong> <span class="chip not-supported">Not Supported</span></li>
<li><strong>Emby:</strong> <span class="chip not-supported">Not Supported</span></li>
<li><strong>Kodi:</strong> <span class="chip not-supported">Not Supported</span></li>
<li><strong>Sonarr:</strong> <span class="chip not-supported">Not Supported</span></li>
<li><strong>Radarr:</strong> <span class="chip not-supported">Not Supported</span></li>
<li><strong>Whisparr:</strong> <span class="chip not-supported">Not Supported</span></li>
<li><strong>Tautulli:</strong> <span class="chip not-supported">Not Supported</span></li>
</ul>
<p>If you are a developer, we welcome contributions to expand our support for other platforms.</p>
</section>
<section>
<h2>Roadmap</h2>
<p>Our roadmap outlines the key milestones for building and improving the NFOStandard project:</p>
<div class="roadmap">
<div class="milestone">
<span class="milestone-title">Initial Data Structures</span>
<div class="progress">
<div class="progress-bar" style="width: 30%;">30%</div>
</div>
<p class="milestone-description">We are currently working on the first pass of data structures to ensure they work correctly.</p>
</div>
<div class="milestone">
<span class="milestone-title">Feedback Phase</span>
<div class="progress">
<div class="progress-bar" style="width: 10%;">10%</div>
</div>
<p class="milestone-description">After the initial data structures are in place, we will gather feedback to make improvements.</p>
</div>
<div class="milestone">
<span class="milestone-title">Plex Library Scanner</span>
<div class="progress">
<div class="progress-bar" style="width: 5%;">5%</div>
</div>
<p class="milestone-description">The next major task is to build a Plex library scanner, which we expect to take 3-6 months.</p>
</div>
<div class="milestone">
<span class="milestone-title">Future Development</span>
<div class="progress">
<div class="progress-bar" style="width: 0%;">0%</div>
</div>
<p class="milestone-description">We will continue to work on additional features and support for other platforms as we progress.</p>
</div>
</div>
</section>
<section>
<h2>Example XML File</h2>
<p>Here's an example of an NFO file for a movie, demonstrating the use of our schema:</p>
<pre>
<?xml version="1.0" encoding="UTF-8"?>
<media xmlns="TheMediaStandard" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="TheMediaStandard https://raw.githubusercontent.com/Biztactix/Standard-MediaFormat/main/main.xsd">
<movie>
<title>Inception</title>
<originaltitle>Inception</originaltitle>
<sorttitle>Inception</sorttitle>
<alternatetitle>Origem</alternatetitle>
<alternatetitle>Début</alternatetitle>
<rating name="imdb" max="10" default="true" value="8.8" votes="200000"/>
<userrating>9.0</userrating>
<outline>A thief who steals corporate secrets through the use of dream-sharing technology is given the inverse task of planting an idea into the mind of a C.E.O.</outline>
<plot>Dom Cobb is a skilled thief, the absolute best in the dangerous art of extraction: stealing valuable secrets from deep within the subconscious during the dream state when the mind is at its most vulnerable. Cobb's rare ability has made him a coveted player in this treacherous new world of corporate espionage, but it has also made him an international fugitive and cost him everything he has ever loved. Now Cobb is being offered a chance at redemption. One last job could give him his life back but only if he can accomplish the impossible, inception.</plot>
<tagline>Your mind is the scene of the crime.</tagline>
<runtime>148</runtime>
<banner type="poster" width="300" height="450" url="http://example.com/poster1.jpg"/>
<thumb type="thumbnail" width="150" height="150" url="http://example.com/thumb1.jpg"/>
<fanart type="thumbnail" width="150" height="150" url="http://example.com/fanart1.jpg"/>
<fanart type="thumbnail" width="150" height="150" url="http://example.com/fanart2.jpg"/>
<contentrating country="USA" board="MPAA" rating="PG-13" image="mpaa_pg13.png"/>
<uniqueid type="imdb" default="true">tt1375666</uniqueid>
<uniqueid type="tmdb">12345</uniqueid>
<genre>Action</genre>
<genre>Sci-Fi</genre>
<tag>Heist</tag>
<tag>Dream</tag>
<setname>Inception Series</setname>
<setoverview>Movies about dream extraction.</setoverview>
<country>USA</country>
<productioncompany>Warner Bros.</productioncompany>
<keyword>dream</keyword>
<keyword>heist</keyword>
<releasedate>2010-07-16</releasedate>
<award>Academy Award for Best Cinematography</award>
<subtitlelanguage>English</subtitlelanguage>
<soundtrack>Inception OST</soundtrack>
<parentalguide>Some material may be inappropriate for children under 13.</parentalguide>
<actor>
<name>Leonardo DiCaprio</name>
<role>Dom Cobb</role>
<order>1</order>
<thumb>leo.jpg</thumb>
<bio>Leonardo Wilhelm DiCaprio is an American actor and film producer.</bio>
<url>https://www.imdb.com/name/nm0000138/</url>
</actor>
<actor>
<name>Joseph Gordon-Levitt</name>
<role>Arthur</role>
<order>2</order>
<thumb>joseph.jpg</thumb>
<bio>Joseph Leonard Gordon-Levitt is an American actor and filmmaker.</bio>
<url>https://www.imdb.com/name/nm0330687/</url>
</actor>
<director>
<name>Christopher Nolan</name>
<thumb>nolan.jpg</thumb>
<bio>Christopher Edward Nolan is a British-American film director, screenwriter, and producer.</bio>
<url>https://www.imdb.com/name/nm0634240/</url>
</director>
<writer>
<name>Christopher Nolan</name>
<thumb>nolan.jpg</thumb>
<bio>Christopher Edward Nolan is a British-American film director, screenwriter, and producer.</bio>
<url>https://www.imdb.com/name/nm0634240/</url>
</writer>
</movie>
</media>
</pre>
</section>
<section>
<div class="header-content">
<h1>NFOStandard</h1>
<a class="button" href="https://github.com/Biztactix/NFOStandard" target="_blank">Visit Our GitHub</a>
</div>
</section>
</main>
<footer>
<p>© 2024 NFOStandard. All rights reserved.</p>
</footer>
</body>
</html>