- tmdb-helper-files included

- new design

README.md

@@ -1 +1,12 @@
-https://streamxstream.github.io/xStreamRepoWeb/
+![xStream logo](https://raw.githubusercontent.com/streamxstream/xStream-FAQ/master/Logo%20FAQ.png)
+
+
+## Willkommen bei xStream für Kodi!
+
+Bei xStream handelt es sich um ein Video-Addon für Kodi, welches das streamen von Filmen und Serien über eine intuitive und optisch ansprechende Benutzeroberfläche ermöglicht. Sowohl der Funktionsumfang von xStream als auch das Angebot an Streaming-Inhalten wird von den beteiligten Entwicklern stetig weiterentwickelt bzw. um neue Webseiten erweitert. Diese werden auch als Site-Plugins bezeichnet, welche auf die eigentlichen Quellen verweisen die für das bereitgestellte Angebot verantworlich sind! 
+
+***
+
+[![Gitter](https://badges.gitter.im/streamxstream/community.svg)](https://gitter.im/streamxstream/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
+
+### | [FAQ](https://github.com/streamxstream/xStream-FAQ/blob/master/xStream_Anleitung_FAQ.md)

backup/README.md

@@ -0,0 +1 @@
+https://streamxstream.github.io/xStreamRepoWeb/

css/loader.css

@@ -0,0 +1,92 @@
+#loader-wrapper {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1000;
+	background: #fff;
+}
+#loader {
+    display: block;
+    position: relative;
+    left: 50%;
+    top: 50%;
+    width: 150px;
+    height: 150px;
+    margin: -75px 0 0 -75px;
+    border-top-color: #3498db;
+	z-index: 1001;
+}
+	
+
+  .sk-spinner-cube-grid.sk-spinner {
+    width: 30px;
+    height: 30px;
+    margin: 0 auto; }
+  .sk-spinner-cube-grid .sk-cube {
+    width: 33%;
+    height: 33%;
+    background-color: #333;
+    float: left;
+    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
+            animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
+  .sk-spinner-cube-grid .sk-cube:nth-child(1) {
+    -webkit-animation-delay: 0.2s;
+            animation-delay: 0.2s; }
+  .sk-spinner-cube-grid .sk-cube:nth-child(2) {
+    -webkit-animation-delay: 0.3s;
+            animation-delay: 0.3s; }
+  .sk-spinner-cube-grid .sk-cube:nth-child(3) {
+    -webkit-animation-delay: 0.4s;
+            animation-delay: 0.4s; }
+  .sk-spinner-cube-grid .sk-cube:nth-child(4) {
+    -webkit-animation-delay: 0.1s;
+            animation-delay: 0.1s; }
+  .sk-spinner-cube-grid .sk-cube:nth-child(5) {
+    -webkit-animation-delay: 0.2s;
+            animation-delay: 0.2s; }
+  .sk-spinner-cube-grid .sk-cube:nth-child(6) {
+    -webkit-animation-delay: 0.3s;
+            animation-delay: 0.3s; }
+  .sk-spinner-cube-grid .sk-cube:nth-child(7) {
+    -webkit-animation-delay: 0s;
+            animation-delay: 0s; }
+  .sk-spinner-cube-grid .sk-cube:nth-child(8) {
+    -webkit-animation-delay: 0.1s;
+            animation-delay: 0.1s; }
+  .sk-spinner-cube-grid .sk-cube:nth-child(9) {
+    -webkit-animation-delay: 0.2s;
+            animation-delay: 0.2s; }
+
+@-webkit-keyframes sk-cubeGridScaleDelay {
+  0%, 70%, 100% {
+    -webkit-transform: scale3D(1, 1, 1);
+            transform: scale3D(1, 1, 1); }
+
+  35% {
+    -webkit-transform: scale3D(0, 0, 1);
+            transform: scale3D(0, 0, 1); } }
+
+@keyframes sk-cubeGridScaleDelay {
+  0%, 70%, 100% {
+    -webkit-transform: scale3D(1, 1, 1);
+            transform: scale3D(1, 1, 1); }
+
+  35% {
+    -webkit-transform: scale3D(0, 0, 1);
+            transform: scale3D(0, 0, 1); } }
+
+			
+/* Loaded */    
+    .loaded #loader {
+        opacity: 0;
+        -webkit-transition: all 1.3s ease-out;  
+                transition: all 1.3s ease-out;
+    }
+    .loaded #loader-wrapper {
+        visibility: hidden;
+		-webkit-transition: all 0.9s ease-out;  
+                transition: all 0.9s ease-out;
+    }
+    

css/styles.css

@@ -0,0 +1,347 @@
+/* Globale Einstellungen */
+* {
+	margin: 0px;
+	padding: 0px;
+}
+
+body {
+    background: #fff;
+    font-family: 'Roboto', sans-serif;
+    font-size: 16px;
+    font-weight: 300;
+    color: #333333;
+    line-height: 28px;
+    text-align: center;
+    overflow-x: hidden !important;
+    margin: auto !important;
+}
+
+a, a:hover, a:active, a:focus {
+    border: 0 none;
+    outline: 0 none;
+    text-decoration: none;
+}
+
+/* Schriftgrößen */
+
+h1,
+h2 {
+	font-family: 'Open Sans', sans-serif;
+    font-weight: 300;
+}
+
+h1 {
+    font-size: 42px;
+    line-height: 62px;
+}
+
+h2 {
+    font-size: 32px;
+    line-height: 42px;
+}
+
+h3 {
+    font-size: 22px;
+    line-height: 38px;
+    font-weight: 300;
+}
+
+h4 {
+    font-size: 20px;
+    line-height: 30px;
+    font-weight: 300;
+}
+
+h5 {
+    font-size: 18px;
+    font-weight: 300;
+}
+
+
+/* Form Gruppen */
+
+.form-control {
+	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
+	border-radius: 0px;
+    box-shadow: none;
+    height: 57px;
+    padding-left: 20px;
+}
+
+/* Farb Klassen */
+
+.white-text {
+	color: #FFFFFF;
+}
+
+.black-text {
+	color: #000000;
+}
+
+.colored-line-small-center {
+	background: #008ed6;
+	display: block;
+	margin: auto;
+    height: 1px;
+    width: 25%;
+    z-index: 1;
+	margin-bottom: 5px;
+}
+
+.colored-line-right {
+	background: #008ed6;
+	display: block;
+	float: right;
+    height: 1px;
+    width: 165px;
+    z-index: 1;
+}
+
+.button-leweb {
+	background: none repeat scroll 0 0 rgba(22, 182, 234, 0.5);
+    border: 1px solid #fff;
+	color: #fff;
+	border-radius: 0px;
+    box-shadow: none;
+	height: 57px;
+	padding-left: 18px;
+	padding-right: 18px;
+	
+	-webkit-transition: all 0.5s ease;
+	-moz-transition: all 0.5s ease;
+	-o-transition: all 0.5s ease;
+	transition: all 0.5s ease; 
+}
+
+
+.button-leweb:hover {
+	background: #008ed6;
+}
+
+
+/* Bereiche */
+
+section {
+	padding: 120px 0px;
+}
+/* Header */
+
+#header {
+	background: url(../images/background.jpg) no-repeat center center;
+	background-size: cover;
+	height: 100vh;
+	padding: 0px;
+}
+
+
+#header .col-md-8 {
+	top: 20%;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	position: absolute;
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+	z-index: 999;
+}
+
+#header .logo {
+	margin-bottom: 15px;
+}
+
+.animation {
+	width: 100%;
+	bottom: 0;
+	height: 50px;
+	overflow: hidden;
+	position: absolute;
+	z-index: 999;
+	text-align:center;
+	text-decoration: none;
+}
+
+#header .fa-angle-down {
+	text-align: center;
+	font-size: 48px;
+	color: #fff;
+	
+	-webkit-animation: leweb_fade_move_down 2s ease-in-out infinite;
+	-moz-animation: leweb_fade_move_down 2s ease-in-out infinite;
+	animation: leweb_fade_move_down 2s ease-in-out infinite;
+   }
+
+/* Animierter Pfeil */
+	
+@-webkit-keyframes leweb_fade_move_down {
+  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
+  50%  { opacity: 1;  }
+  100% { -webkit-transform:translate(0,20px); opacity: 0; }
+}
+@-moz-keyframes leweb_fade_move_down {
+  0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
+  50%  { opacity: 1;  }
+  100% { -moz-transform:translate(0,20px); opacity: 0; }
+}
+@keyframes leweb_fade_move_down {
+  0%   { transform:translate(0,-20px); opacity: 0;  }
+  50%  { opacity: 1;  }
+  100% { transform:translate(0,20px); opacity: 0; }
+}
+
+
+/* Übersicht */
+
+#about i {
+	color: #fff;
+	font-size: 75px;
+	background: #008ed6;
+	border-radius: 50%;
+	line-height: 175px;
+	height: 175px;
+	width: 175px;
+}
+
+/* Download */
+
+#download {
+	background: url(../images/download.jpg) no-repeat fixed center center / cover rgba(0, 0, 0, 0);
+	padding: 0px;
+	min-height: 430px;
+}
+
+#download .icontop {
+	position: absolute;
+	color: #FFFFFF;
+	margin: -30px auto;
+	right: 0;
+	left: 0;
+	font-size: 25px;
+	border-radius: 50%;
+	line-height: 65px;
+	height: 65px;
+	width: 65px;
+	background: rgba(0, 142, 214, 0.7);	
+	box-shadow: 0 0 0 1px #008ed6;
+}
+
+#download .row {
+	padding: 100px 0px 120px 0px;
+}
+
+#download h5{
+	margin-bottom: 45px;
+}
+
+
+#download .button-leweb {
+	display: inline-block;
+}
+
+
+/* Footer */
+
+#footer {
+	border-top: 1px solid #ccc;
+	padding: 25px 0px;
+}
+
+#footer p {
+	margin: 0px 0px -5px;
+}
+
+#footer .social {
+	float: right;
+}
+
+#footer .fa {
+	font-size: 24px;
+	color: rgba(22, 182, 234, 0.5);
+	-webkit-transition: all 0.5s ease;
+	-moz-transition: all 0.5s ease;
+	-o-transition: all 0.5s ease;
+	transition: all 0.5s ease;
+}
+
+#footer .fa:hover {
+	color: #008ed6;
+}
+
+
+
+
+/* Extra kleine Geräte (Tablets, 446px) */
+@media (max-width: 456px) { 
+	
+	#mc_form .form-control {
+		width: 100%;
+		margin-bottom: 15px;
+	}
+	
+	.button-leweb {
+		width: 100%;
+	}
+	
+	#header .logo {
+		width: 200px;
+	}
+	
+	#header h1 {
+		display: none;
+	}
+
+}
+/* kleine Geräte (Tablets, 768px) */
+@media (max-width: 768px) { 
+
+	body {
+		font-size: 14px;
+		line-height: 20px;
+	}
+	h1 {
+		font-size: 44px;
+		line-height: 58px;
+	}
+
+	h2 {
+		font-size: 24px;
+		line-height: 38px;
+	}
+
+	h3 {
+		font-size: 18px;
+		line-height: 30px;
+	}
+
+	h4 {
+		font-size: 16px;
+		line-height: 26px;
+	}
+
+	h5 {
+		font-size: 14px;
+		line-height: 20px;
+	}
+	
+	.clocktitle{
+		font-size: 11px;
+	}
+
+	.numbers {
+		font-size: 44px;
+	}
+	
+	#header .col-md-8 {
+		top: 5%;
+	}
+}
+
+/* Standart Geräte (Desktops, 992px und größer) */
+@media (max-width: 992px) {	
+	
+	#about .middle {
+		margin-top: 65px;
+		margin-bottom: 65px;
+	}
+}
+

index.html

@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="de">
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<title>xStream Web Portal</title>
+
+		<!-- Web Schriftarten -->
+		<link href='http://fonts.googleapis.com/css?family=Roboto:100,300,100italic,400,300italic' rel='stylesheet' type='text/css'>
+		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
+		<!-- Bootstrap -->
+		<link href="css/about.css" rel="stylesheet">
+		<!-- Schriftart -->
+		<link href="css/font.css" rel="stylesheet" >
+		<!-- CSS Einstellungen-->
+		<link href="css/styles.css" rel="stylesheet">
+	</head>
+	<body>
+	<!-- Header -->
+		<section id="header">
+			<div class="animation">
+			<a class="arrow-down-animation" data-scroll href="#about"><i class="fa fa-angle-down"></i></a>
+			</div>
+		</section>
+	<!-- Header Ende -->
+		
+	<!-- Übersicht -->
+		<section id="about">
+			<div class="container">
+				<div class="row text-center">
+						<h1>Willkommen auf der xStream Webseite</h1>
+						<h5>Hier findet Ihr alle Informationen rund um xStream</h5>
+					    </br></br>
+					<!-- Links -->
+					<div data-sr="enter top over 1s, wait 0.3s, move 24px, reset" class="col-md-4">
+						<img class="logo" src="images/repo.png" alt="Repository"/>
+						<h3>Repository</h3>
+						<div class="colored-line-small-center"></div>
+						<p>Hier findet Ihr unsere aktuelle Repository zum herunterladen.</p>
+						<a href="repository.xstream-1.1.9.zip">repository.xstream-1.1.9.zip</a>
+					</div>
+					<!-- Mitte -->
+					<div data-sr="enter bottom over 1s, wait 0.3s, move 24px, reset" class="col-md-4 middle">
+						<img class="logo" src="images/faq.png" alt="Faq"/>
+						<h3>Faq</h3>
+						<div class="colored-line-small-center"></div>						
+						<p>Eine ausführliche FAQ zur Installation, Einbindung als Quelle in Kodi, Übersicht und Problemlösungen</p>
+						<a href="https://github.com/streamxstream/xStream-FAQ/blob/master/xStream_Anleitung_FAQ.md">FAQ</a></p>
+					</div>
+					<!-- Rechts -->
+					<div data-sr="enter top over 1s, wait 0.3s, move 24px, reset" class="col-md-4">
+						<img class="logo" src="images/chat.png" alt="Chat"/>
+						<h3>Chat</h3>
+						<div class="colored-line-small-center"></div>
+						<p>Unser Gitter Chat für Feedback und Probleme findet Ihr hier:</p>	
+						<a href="https://gitter.im/streamxstream/community?source=orgpage">Chat on Gitter</a>
+					</div>
+				</div>
+			</div>			
+		</section>
+	<!-- Übersicht Ende -->
+	
+	<!-- Download -->
+		<section id="download">
+			<div class="container">
+				<div class="row text-center">
+					<div class="col-md-8 col-md-offset-2">
+						<h2 data-sr="enter top over 1s, wait 0.3s, move 24px, reset" class="black-text">Downloads</h2>
+						<h5 data-sr="enter bottom over 1s, wait 0.3s, move 24px, reset" class="black-text">Hier findet Ihr die aktuellen xStream Downloads</h5>
+						<p>xStream Repository</br><a href="https://github.com/streamxstream/xStreamRepo/raw/master/repository.xstream/repository.xstream-1.1.9.zip"><img class="logo" src="images/download.png" style="max-width: 20%;"  alt="xStream Repository"/></a></p>
+						<div class="colored-line-small-center"></div>
+						<p>xStream The Movie Db Helper Global</br><a href="https://github.com/streamxstream/xStreamRepo/raw/master/tmdb.helper.json/zip/xS_global.zip"><img class="logo" src="images/download.png" style="max-width: 20%;"  alt="xStream The Movie Db Helper Global"/></a></p>
+						<div class="colored-line-small-center"></div>
+						<p>xStream The Movie Db Helper SerienStream</br><a href="https://github.com/streamxstream/xStreamRepo/raw/master/tmdb.helper.json/zip/xS_Serie_SerienStream.zip"><img class="logo" src="images/download.png" style="max-width: 20%;"  alt="xStream The Movie Db Helper Filmpalast"/></a></p>
+						<div class="colored-line-small-center"></div>
+						<p>xStream The Movie Db Helper KinoGer</br><a href="https://github.com/streamxstream/xStreamRepo/raw/master/tmdb.helper.json/zip/xS_Serie_Kinoger.zip"><img class="logo" src="images/download.png" style="max-width: 20%;"  alt="xStream The Movie Db Helper KinoGer"/></a></p>
+						<div class="colored-line-small-center"></div>
+						<p>xStream The Movie Db Helper FilmPalast</br><a href="https://github.com/streamxstream/xStreamRepo/raw/master/tmdb.helper.json/zip/xS_Serie_Filmpalast.zip"><img class="logo" src="images/download.png" style="max-width: 20%;"  alt="xStream The Movie Db Helper FilmPalast"/></a></p>
+						<div class="colored-line-small-center"></div>						
+						<p>THX an @Heptamer, @Cubikon, @Barclay & @DWH für die TMDb Helper Dateien.</p>
+					</div>
+				</div>
+			</div>	
+		</section>
+	<!-- Download Ende -->
+	
+	<!-- Footer -->
+		<footer id="footer">
+			<div class="container">
+				<div class="row text-center">	
+					<p>&copy; 2022 xStream @Anis3 and Ron801 | Design by DWH</p>
+				</div>
+			</div>		
+		</footer>
+	<!-- Footer Ende -->
+	
+	<!-- Skripte -->
+		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
+		<script src="js/functions.js"></script>
+		<script src="js/smooth-scroll.min.js"></script>
+		<script src="js/scrollReveal.min.js"></script>		
+	<!-- Skripte Ende -->	
+	</body>
+</html>

js/functions.js

@@ -0,0 +1,22 @@
+
+$( document ).ready(function() {
+
+// PRELOADER	
+	setTimeout(function(){
+		$('body').addClass('loaded');
+	}, 3000);
+	
+// SCROLL REVEAL
+	window.sr = new scrollReveal();
+	
+// SMOOTH SCROLL
+	smoothScroll.init({
+		speed: 900, // Integer. How fast to complete the scroll in milliseconds
+		easing: 'easeInOutCubic', // Easing pattern to use
+		updateURL: true, // Boolean. Whether or not to update the URL with the anchor hash on scroll
+		offset: 0, // Integer. How far to offset the scrolling anchor location in pixels
+		callbackBefore: function ( toggle, anchor ) {}, // Function to run before scrolling
+		callbackAfter: function ( toggle, anchor ) {} // Function to run after scrolling
+	});
+	  
+});

js/smooth-scroll.min.js

@@ -0,0 +1,2 @@
+/** smooth-scroll v5.3.6, by Chris Ferdinandi | http://github.com/cferdinandi/smooth-scroll | Licensed under MIT: http://gomakethings.com/mit/ */
+!function(e,t){"function"==typeof define&&define.amd?define([],t(e)):"object"==typeof exports?module.exports=t(e):e.smoothScroll=t(e)}(this,function(e){"use strict";var t,n,o,r,a={},u=!!document.querySelector&&!!e.addEventListener,c={speed:500,easing:"easeInOutCubic",offset:0,updateURL:!0,callbackBefore:function(){},callbackAfter:function(){}},i=function(e,t,n){if("[object Object]"===Object.prototype.toString.call(e))for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.call(n,e[o],o,e);else for(var r=0,a=e.length;a>r;r++)t.call(n,e[r],r,e)},l=function(e,t){var n={};return i(e,function(t,o){n[o]=e[o]}),i(t,function(e,o){n[o]=t[o]}),n},s=function(e,t){for(var n=t.charAt(0);e&&e!==document;e=e.parentNode)if("."===n){if(e.classList.contains(t.substr(1)))return e}else if("#"===n){if(e.id===t.substr(1))return e}else if("["===n&&e.hasAttribute(t.substr(1,t.length-2)))return e;return!1},f=function(e){return Math.max(e.scrollHeight,e.offsetHeight,e.clientHeight)},d=function(e){for(var t,n=String(e),o=n.length,r=-1,a="",u=n.charCodeAt(0);++r<o;){if(t=n.charCodeAt(r),0===t)throw new InvalidCharacterError("Invalid character: the input contains U+0000.");a+=t>=1&&31>=t||127==t||0===r&&t>=48&&57>=t||1===r&&t>=48&&57>=t&&45===u?"\\"+t.toString(16)+" ":t>=128||45===t||95===t||t>=48&&57>=t||t>=65&&90>=t||t>=97&&122>=t?n.charAt(r):"\\"+n.charAt(r)}return a},h=function(e,t){var n;return"easeInQuad"===e&&(n=t*t),"easeOutQuad"===e&&(n=t*(2-t)),"easeInOutQuad"===e&&(n=.5>t?2*t*t:-1+(4-2*t)*t),"easeInCubic"===e&&(n=t*t*t),"easeOutCubic"===e&&(n=--t*t*t+1),"easeInOutCubic"===e&&(n=.5>t?4*t*t*t:(t-1)*(2*t-2)*(2*t-2)+1),"easeInQuart"===e&&(n=t*t*t*t),"easeOutQuart"===e&&(n=1- --t*t*t*t),"easeInOutQuart"===e&&(n=.5>t?8*t*t*t*t:1-8*--t*t*t*t),"easeInQuint"===e&&(n=t*t*t*t*t),"easeOutQuint"===e&&(n=1+--t*t*t*t*t),"easeInOutQuint"===e&&(n=.5>t?16*t*t*t*t*t:1+16*--t*t*t*t*t),n||t},m=function(e,t,n){var o=0;if(e.offsetParent)do o+=e.offsetTop,e=e.offsetParent;while(e);return o=o-t-n,o>=0?o:0},p=function(){return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clientHeight,document.documentElement.clientHeight)},v=function(e){return e&&"object"==typeof JSON&&"function"==typeof JSON.parse?JSON.parse(e):{}},g=function(t,n){history.pushState&&(n||"true"===n)&&history.pushState(null,null,[e.location.protocol,"//",e.location.host,e.location.pathname,e.location.search,t].join(""))},b=function(e){return null===e?0:f(e)+e.offsetTop};a.animateScroll=function(t,n,a){var u=l(u||c,a||{}),i=v(t?t.getAttribute("data-options"):null);u=l(u,i),n="#"+d(n.substr(1));var s="#"===n?document.documentElement:document.querySelector(n),f=e.pageYOffset;o||(o=document.querySelector("[data-scroll-header]")),r||(r=b(o));var O,y,I,S=m(s,r,parseInt(u.offset,10)),E=S-f,H=p(),A=0;g(n,u.updateURL);var L=function(o,r,a){var c=e.pageYOffset;(o==r||c==r||e.innerHeight+c>=H)&&(clearInterval(a),s.focus(),u.callbackAfter(t,n))},Q=function(){A+=16,y=A/parseInt(u.speed,10),y=y>1?1:y,I=f+E*h(u.easing,y),e.scrollTo(0,Math.floor(I)),L(I,S,O)},C=function(){u.callbackBefore(t,n),O=setInterval(Q,16)};0===e.pageYOffset&&e.scrollTo(0,0),C()};var O=function(e){var n=s(e.target,"[data-scroll]");n&&"a"===n.tagName.toLowerCase()&&(e.preventDefault(),a.animateScroll(n,n.hash,t))},y=function(){n||(n=setTimeout(function(){n=null,r=b(o)},66))};return a.destroy=function(){t&&(document.removeEventListener("click",O,!1),e.removeEventListener("resize",y,!1),t=null,n=null,o=null,r=null)},a.init=function(n){u&&(a.destroy(),t=l(c,n||{}),o=document.querySelector("[data-scroll-header]"),r=b(o),document.addEventListener("click",O,!1),o&&e.addEventListener("resize",y,!1))},a});