diff --git a/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/.gitignore b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/.gitignore
new file mode 100644
index 0000000..09789e5
--- /dev/null
+++ b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/.gitignore
@@ -0,0 +1,5 @@
+Password for Admin:
+
+
+
+Password for the registred User Svendolin
\ No newline at end of file
diff --git a/Swiss_JDM_Blog/admin/html/end-clean-end.php b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/admin/html/end-clean-end.php
similarity index 100%
rename from Swiss_JDM_Blog/admin/html/end-clean-end.php
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/admin/html/end-clean-end.php
diff --git a/Swiss_JDM_Blog/admin/html/end.php b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/admin/html/end.php
similarity index 100%
rename from Swiss_JDM_Blog/admin/html/end.php
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/admin/html/end.php
diff --git a/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/admin/html/start-logout.php b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/admin/html/start-logout.php
new file mode 100644
index 0000000..9c6b952
--- /dev/null
+++ b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/admin/html/start-logout.php
@@ -0,0 +1,93 @@
+
+
+
+
+
+ Admin Area - Swiss JDM Blog
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Swiss_JDM_Blog/admin/html/start.php b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/admin/html/start.php
similarity index 100%
rename from Swiss_JDM_Blog/admin/html/start.php
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/admin/html/start.php
diff --git a/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/admin/index.php b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/admin/index.php
new file mode 100644
index 0000000..5cd3dbb
--- /dev/null
+++ b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/admin/index.php
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+
+
+
+
+
Blog management
+
+
Edit and delete posts created by users
+
Go for it!
+
+
Profile management
+
+
Edit and delete user profiles
+
Go for it!
+
+
Profile management
+
+
Edit and delete user profiles
+
Go for it!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/admin/login.php b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/admin/login.php
new file mode 100644
index 0000000..43d4811
--- /dev/null
+++ b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/admin/login.php
@@ -0,0 +1,120 @@
+';
+ // print_r($adminIdExists);
+ // echo '';
+
+ $pwdHashed = $adminIdExists["admin_password"]; // usersPwd is the passwort field inside of our users table of our database
+ $checkPwd = password_verify($adminpwd, $pwdHashed); // If it matches = true, if not = false, logically
+
+ // echo '';
+ // print_r($_checkPwd);
+ // echo '';
+
+ // Check if the entered password of the user does not match (is false) to its password in the database:
+ if ($checkPwd === false) {
+ header("location: ../admin/login.php?error=wronglogin");
+ exit();
+ }
+
+ //...if it matches, the login can start with a SESSION START:
+ else if ($checkPwd === true) {
+ session_start();
+ $_SESSION["adminid"] = $adminIdExists["IDadmin"];
+ $_SESSION["adminuid"] = $adminIdExists["admin_name"];
+ $_SESSION['loginstatus'] = true; // logintsatus speichern
+ $_SESSION['lastactivity'] = time(); // timestamp in session
+ $_SESSION['login_useragent'] = $_SERVER['HTTP_USER_AGENT'];
+
+ header("location: ../admin/index.php"); // THAT's the possitive target! ✅
+ // exit();
+ }
+}
+
+// echo password_hash("adminPW1234!!", PASSWORD_DEFAULT);
+// IMPORTANT: to enter into your admin login, use: Sven Kamm OR sven0815@gmx.ch AND adminPW1234!!
+
+
+
+?>
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Swiss_JDM_Blog/admin/logout.php b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/admin/logout.php
similarity index 100%
rename from Swiss_JDM_Blog/admin/logout.php
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/admin/logout.php
diff --git a/Swiss_JDM_Blog/favicon/android-icon-144x144.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/android-icon-144x144.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/android-icon-144x144.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/android-icon-144x144.png
diff --git a/Swiss_JDM_Blog/favicon/android-icon-192x192.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/android-icon-192x192.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/android-icon-192x192.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/android-icon-192x192.png
diff --git a/Swiss_JDM_Blog/favicon/android-icon-36x36.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/android-icon-36x36.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/android-icon-36x36.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/android-icon-36x36.png
diff --git a/Swiss_JDM_Blog/favicon/android-icon-48x48.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/android-icon-48x48.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/android-icon-48x48.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/android-icon-48x48.png
diff --git a/Swiss_JDM_Blog/favicon/android-icon-72x72.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/android-icon-72x72.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/android-icon-72x72.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/android-icon-72x72.png
diff --git a/Swiss_JDM_Blog/favicon/android-icon-96x96.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/android-icon-96x96.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/android-icon-96x96.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/android-icon-96x96.png
diff --git a/Swiss_JDM_Blog/favicon/apple-icon-114x114.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/apple-icon-114x114.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/apple-icon-114x114.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/apple-icon-114x114.png
diff --git a/Swiss_JDM_Blog/favicon/apple-icon-120x120.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/apple-icon-120x120.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/apple-icon-120x120.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/apple-icon-120x120.png
diff --git a/Swiss_JDM_Blog/favicon/apple-icon-144x144.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/apple-icon-144x144.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/apple-icon-144x144.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/apple-icon-144x144.png
diff --git a/Swiss_JDM_Blog/favicon/apple-icon-152x152.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/apple-icon-152x152.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/apple-icon-152x152.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/apple-icon-152x152.png
diff --git a/Swiss_JDM_Blog/favicon/apple-icon-180x180.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/apple-icon-180x180.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/apple-icon-180x180.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/apple-icon-180x180.png
diff --git a/Swiss_JDM_Blog/favicon/apple-icon-57x57.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/apple-icon-57x57.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/apple-icon-57x57.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/apple-icon-57x57.png
diff --git a/Swiss_JDM_Blog/favicon/apple-icon-60x60.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/apple-icon-60x60.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/apple-icon-60x60.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/apple-icon-60x60.png
diff --git a/Swiss_JDM_Blog/favicon/apple-icon-72x72.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/apple-icon-72x72.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/apple-icon-72x72.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/apple-icon-72x72.png
diff --git a/Swiss_JDM_Blog/favicon/apple-icon-76x76.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/apple-icon-76x76.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/apple-icon-76x76.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/apple-icon-76x76.png
diff --git a/Swiss_JDM_Blog/favicon/apple-icon-precomposed.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/apple-icon-precomposed.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/apple-icon-precomposed.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/apple-icon-precomposed.png
diff --git a/Swiss_JDM_Blog/favicon/apple-icon.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/apple-icon.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/apple-icon.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/apple-icon.png
diff --git a/Swiss_JDM_Blog/favicon/browserconfig.xml b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/browserconfig.xml
similarity index 100%
rename from Swiss_JDM_Blog/favicon/browserconfig.xml
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/browserconfig.xml
diff --git a/Swiss_JDM_Blog/favicon/favicon-16x16.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/favicon-16x16.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/favicon-16x16.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/favicon-16x16.png
diff --git a/Swiss_JDM_Blog/favicon/favicon-32x32.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/favicon-32x32.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/favicon-32x32.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/favicon-32x32.png
diff --git a/Swiss_JDM_Blog/favicon/favicon-96x96.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/favicon-96x96.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/favicon-96x96.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/favicon-96x96.png
diff --git a/Swiss_JDM_Blog/favicon/favicon.ico b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/favicon.ico
similarity index 100%
rename from Swiss_JDM_Blog/favicon/favicon.ico
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/favicon.ico
diff --git a/Swiss_JDM_Blog/favicon/manifest.json b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/manifest.json
similarity index 100%
rename from Swiss_JDM_Blog/favicon/manifest.json
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/manifest.json
diff --git a/Swiss_JDM_Blog/favicon/ms-icon-144x144.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/ms-icon-144x144.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/ms-icon-144x144.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/ms-icon-144x144.png
diff --git a/Swiss_JDM_Blog/favicon/ms-icon-150x150.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/ms-icon-150x150.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/ms-icon-150x150.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/ms-icon-150x150.png
diff --git a/Swiss_JDM_Blog/favicon/ms-icon-310x310.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/ms-icon-310x310.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/ms-icon-310x310.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/ms-icon-310x310.png
diff --git a/Swiss_JDM_Blog/favicon/ms-icon-70x70.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/ms-icon-70x70.png
similarity index 100%
rename from Swiss_JDM_Blog/favicon/ms-icon-70x70.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/favicon/ms-icon-70x70.png
diff --git a/Swiss_JDM_Blog/images/180sx.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/180sx.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/180sx.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/180sx.jpg
diff --git a/Swiss_JDM_Blog/images/180sx3.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/180sx3.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/180sx3.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/180sx3.jpg
diff --git a/Swiss_JDM_Blog/images/blog-posts/180sx.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/blog-posts/180sx.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/blog-posts/180sx.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/blog-posts/180sx.jpg
diff --git a/Swiss_JDM_Blog/images/blog-posts/rx7.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/blog-posts/rx7.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/blog-posts/rx7.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/blog-posts/rx7.jpg
diff --git a/Swiss_JDM_Blog/images/blog-posts/supra.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/blog-posts/supra.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/blog-posts/supra.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/blog-posts/supra.jpg
diff --git a/Swiss_JDM_Blog/images/instagram/thumbcard1.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/instagram/thumbcard1.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/instagram/thumbcard1.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/instagram/thumbcard1.jpg
diff --git a/Swiss_JDM_Blog/images/instagram/thumbcard2.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/instagram/thumbcard2.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/instagram/thumbcard2.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/instagram/thumbcard2.jpg
diff --git a/Swiss_JDM_Blog/images/instagram/thumbcard3.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/instagram/thumbcard3.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/instagram/thumbcard3.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/instagram/thumbcard3.jpg
diff --git a/Swiss_JDM_Blog/images/instagram/thumbcard4.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/instagram/thumbcard4.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/instagram/thumbcard4.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/instagram/thumbcard4.jpg
diff --git a/Swiss_JDM_Blog/images/jdmr34.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/jdmr34.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/jdmr34.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/jdmr34.jpg
diff --git a/Swiss_JDM_Blog/images/jdmsupra.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/jdmsupra.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/jdmsupra.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/jdmsupra.jpg
diff --git a/Swiss_JDM_Blog/images/leaves.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/leaves.png
similarity index 100%
rename from Swiss_JDM_Blog/images/leaves.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/leaves.png
diff --git a/Swiss_JDM_Blog/images/leaves2.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/leaves2.png
similarity index 100%
rename from Swiss_JDM_Blog/images/leaves2.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/leaves2.png
diff --git a/Swiss_JDM_Blog/images/login/jdmlogin.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/login/jdmlogin.png
similarity index 100%
rename from Swiss_JDM_Blog/images/login/jdmlogin.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/login/jdmlogin.png
diff --git a/Swiss_JDM_Blog/images/login/jdmsignin.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/login/jdmsignin.png
similarity index 100%
rename from Swiss_JDM_Blog/images/login/jdmsignin.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/login/jdmsignin.png
diff --git a/Swiss_JDM_Blog/images/members/member1.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/members/member1.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/members/member1.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/members/member1.jpg
diff --git a/Swiss_JDM_Blog/images/members/member2.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/members/member2.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/members/member2.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/members/member2.jpg
diff --git a/Swiss_JDM_Blog/images/members/member3.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/members/member3.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/members/member3.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/members/member3.jpg
diff --git a/Swiss_JDM_Blog/images/members/member4.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/members/member4.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/members/member4.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/members/member4.jpg
diff --git a/Swiss_JDM_Blog/images/newsflash/JDM1.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/newsflash/JDM1.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/newsflash/JDM1.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/newsflash/JDM1.jpg
diff --git a/Swiss_JDM_Blog/images/newsflash/JDM2.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/newsflash/JDM2.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/newsflash/JDM2.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/newsflash/JDM2.jpg
diff --git a/Swiss_JDM_Blog/images/newsflash/JDM3.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/newsflash/JDM3.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/newsflash/JDM3.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/newsflash/JDM3.jpg
diff --git a/Swiss_JDM_Blog/images/newsflash/JDM4.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/newsflash/JDM4.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/newsflash/JDM4.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/newsflash/JDM4.jpg
diff --git a/Swiss_JDM_Blog/images/popular-blogposts/JDM-Meet_Ace.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/popular-blogposts/JDM-Meet_Ace.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/popular-blogposts/JDM-Meet_Ace.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/popular-blogposts/JDM-Meet_Ace.jpg
diff --git a/Swiss_JDM_Blog/images/popular-blogposts/keytosuccess.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/popular-blogposts/keytosuccess.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/popular-blogposts/keytosuccess.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/popular-blogposts/keytosuccess.jpg
diff --git a/Swiss_JDM_Blog/images/popular-blogposts/sushitime.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/popular-blogposts/sushitime.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/popular-blogposts/sushitime.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/popular-blogposts/sushitime.jpg
diff --git a/Swiss_JDM_Blog/images/q180sx2.jpg b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/q180sx2.jpg
similarity index 100%
rename from Swiss_JDM_Blog/images/q180sx2.jpg
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/q180sx2.jpg
diff --git a/Swiss_JDM_Blog/images/sakuratree.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/sakuratree.png
similarity index 100%
rename from Swiss_JDM_Blog/images/sakuratree.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/sakuratree.png
diff --git a/Swiss_JDM_Blog/images/sakuratree2.png b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/sakuratree2.png
similarity index 100%
rename from Swiss_JDM_Blog/images/sakuratree2.png
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/images/sakuratree2.png
diff --git a/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/includes/config.php b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/includes/config.php
new file mode 100644
index 0000000..15c58d6
--- /dev/null
+++ b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/includes/config.php
@@ -0,0 +1,28 @@
+
\ No newline at end of file
diff --git a/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/includes/functions.inc.php b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/includes/functions.inc.php
new file mode 100644
index 0000000..d9cf126
--- /dev/null
+++ b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/includes/functions.inc.php
@@ -0,0 +1,243 @@
+';
+ // print_r($_checkPwd);
+ // echo '';
+
+
+
+ // Check if the entered password of the user does not match (is false) to its password in the database:
+ if ($checkPwd === false) {
+ header("location: ../login.php?error=wronglogin");
+ exit();
+ }
+
+ //...if it matches, the login can start with a SESSION START:
+ else if ($checkPwd === true) {
+ session_start();
+ $_SESSION["userid"] = $uidExists["usersId"];
+ $_SESSION["useruid"] = $uidExists["usersUid"];
+ $_SESSION['loginstatus'] = true; // logintsatus speichern
+ $_SESSION['lastactivity'] = time(); // timestamp in session
+ $_SESSION['login_useragent'] = $_SERVER['HTTP_USER_AGENT'];
+
+
+ header("location: ../index.php"); // THAT's the possitive target! ✅
+ // exit();
+ }
+}
+
+function session_init(){
+ // session_name(CUSTOM_SESSIONNAME); // Changes the name of the session cookie, not active here
+ session_start();// Initialized a session_start
+ // session_regenerate_id(); // Changes the value of the session ID and cookie each time, not active here
+}
+
+
+function sessioncheck(){
+ $session_laufzeit = SESSION_EXPIRY*60; // config defined at 3*60 = 60 seconds timeout
+
+
+ // prüfen, ob der User agent noch gleich ist wie beim Login
+ if( $_SESSION['login_useragent'] !== $_SERVER['HTTP_USER_AGENT'] ){
+ $_SESSION['loginstatus'] = false;
+ }
+
+ // prüfen, wann der user das letzte mal aktiv war
+ if( $_SESSION['lastactivity'] < time()-$session_laufzeit ){
+ $_SESSION['loginstatus'] = false;
+ }
+
+ // prüfen, ob der Besucher eingeloggt ist, nur dann darf die Seite angezeigt werden
+ if( $_SESSION['loginstatus'] !== true ){
+ // wenn die Session nicht existiert oder der timestamp weiter zurückliegt als die erlaubte laufzeit (= kein Zugriff)...
+
+ // ausloggen (Session zurücksetzen)
+ setcookie (session_name(), null, -1, '/');
+ session_destroy();
+ session_write_close();
+
+ // auf das login umleiten
+ return false;
+ }
+
+ session_regenerate_id(); // neue ID für meine Session - hacker kann die alte nun nicht mehr brauchen, falls er sie hat.
+ $_SESSION['lastactivity'] = time(); // aktualisieren des Timestamp TODO: LASTACTIVITY
+ return true;
+}
+
+// --x--------------------------------- LOGIN STUFF ----------------------------------x-- //
+// ------------------------------------ ADMIN LOGIN-STUFF ------------------------------------ //
+
+/* SIDE NOTE: session_init() and session_check() from above is used for the admin login as well */
+function adminIdExists($conn, $adminname, $adminemail) {
+ $sql = "SELECT * FROM admin WHERE admin_name = ? OR admin_email = ?;"; // Prepare Statements = ?
+ $stmt = mysqli_stmt_init($conn); // Prepared statement: Iniitialize to the database = $conn
+ if (!mysqli_stmt_prepare($stmt, $sql)) { //CHECK if the prepare statement will fail before we see that it will succeed
+ header("location: ../login.php?error=stmtfailed");
+ exit();
+ }
+
+ // Passing data from the user if it does not fail:
+ mysqli_stmt_bind_param($stmt, "ss", $adminname, $adminemail);
+ mysqli_stmt_execute($stmt);
+
+ // "Get result" returns the results from a prepared statement
+ $resultData = mysqli_stmt_get_result($stmt); // $stmt = Our prepared statement / "ss" = Type of Data? Double string, username and email = basic text /
+
+ // fetching the data (if the columns are set to their names)
+ if ($row = mysqli_fetch_assoc($resultData)) {
+ return $row; // This shows "true": $row will be executed, so if its true the fetch assoc will work and the process works
+ }
+ else {
+ $result = false;
+ return $result;
+ }
+
+ mysqli_stmt_close($stmt);
+}
+
+// --x--------------------------------- ADMIN LOGIN-STUFF ---------------------------------x-- //
+
+?>
\ No newline at end of file
diff --git a/Swiss_JDM_Blog/includes/html/footer.html.php b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/includes/html/footer.html.php
similarity index 100%
rename from Swiss_JDM_Blog/includes/html/footer.html.php
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/includes/html/footer.html.php
diff --git a/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/includes/html/header.html.php b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/includes/html/header.html.php
new file mode 100644
index 0000000..f1fae87
--- /dev/null
+++ b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/includes/html/header.html.php
@@ -0,0 +1,115 @@
+
+
+
+
+
+ Swiss JDM Blog
+
+
+
+
+
+ Logout
+ '; // (Logoutbutton)
+ }
+ // Is the user NOT LOGGED IN? Show THIS INSTEAD:
+ else {
+ echo ''; // (Loginbutton)
+ }
+ ?>
+
+
+
+
\ No newline at end of file
diff --git a/Swiss_JDM_Blog/includes/login.inc.php b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/includes/login.inc.php
similarity index 100%
rename from Swiss_JDM_Blog/includes/login.inc.php
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/includes/login.inc.php
diff --git a/Swiss_JDM_Blog/includes/mysql-connect.php b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/includes/mysql-connect.php
similarity index 100%
rename from Swiss_JDM_Blog/includes/mysql-connect.php
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/includes/mysql-connect.php
diff --git a/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/includes/signup.inc.php b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/includes/signup.inc.php
new file mode 100644
index 0000000..3ac9eda
--- /dev/null
+++ b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/includes/signup.inc.php
@@ -0,0 +1,68 @@
+
+
diff --git a/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/index.php b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/index.php
new file mode 100644
index 0000000..24d57fd
--- /dev/null
+++ b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/index.php
@@ -0,0 +1,351 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Where JDM enthusiasts come together
+
Tell your story
+ Explore';
+ }
+ // Is the user NOT LOGGED IN? Show THIS INSTEAD:
+ else {
+ echo '
Explore ';
+ }
+ ?>
+
+
+
+
+
+
+
+
Newsflash
+
+
+
+
+
+
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Perferendis, sequi aliquid? Quod sapiente quibusdam blanditiis
+ omnis nesciunt ullam molestias. Eveniet!
+
return
+
+
+
+
+
+
"Godzilla has arrived!"
+ Read More
+ 9th of June 2021
+
+
+
+
+
+
+
+
"Slapsticker time!"
+ Read More
+ 17th of July 2021
+
+
+
+
+
+
+
+
"Visited his Brother!"
+ Read More
+ 30th of September 2021
+
+
+
+
+
+
+
+
"Time for some NOS ;)"
+ Read More
+ 5th of November 2021
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Featured Blog Posts
+
+
+
+
+
+
+
+
+
+
When was the last time we met each other?!?
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Laboriosam, expedita qui explicabo sit iure neque autem nulla totam adipisci
+ voluptates laudantium itaque possimus ipsam ut obcaecati rem ab debitis
+ asperiores reprehenderit. Modi error nobis nesciunt dolor aspernatur neque
+ dolores adipisci.
+
Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Would you add the Mount Fuji in the background? ;)
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Laboriosam, expedita qui explicabo sit iure neque autem nulla totam adipisci
+ voluptates laudantium itaque possimus ipsam ut obcaecati rem ab debitis
+ asperiores reprehenderit. Modi error nobis nesciunt dolor aspernatur neque
+ dolores adipisci.
+
Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Ready for 2022! What about you?
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Laboriosam, expedita qui explicabo sit iure neque autem nulla totam adipisci
+ voluptates laudantium itaque possimus ipsam ut obcaecati rem ab debitis
+ asperiores reprehenderit. Modi error nobis nesciunt dolor aspernatur neque
+ dolores adipisci.
+
Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/login.php b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/login.php
new file mode 100644
index 0000000..8c5b25d
--- /dev/null
+++ b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/login.php
@@ -0,0 +1,193 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
New here?
+
Be a part of our community, unleash your passion for JDM cars together and tell us your story!
+
Join us
+
+
+
+
+
+
+
One of us?
+
Let's share what's on your mind, you are just a few clicks away!
+
Sign in
+
+
+
+
+
+ Let's see
+
Our Members:
+
+
+0 ) { ?>
+
+
+
+
+
+
+
+
+
+
Member since:
+
That's me:
+
+
My Car:
+
+
I live in:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Member since: 09.06.2021
+
That's me:
+
Sillest
+
My Car:
+
Nissan 200sx S13
+
I live in:
+
Nidwalden
+
+
+
+
+
+
+
+
+
Member since: 11.06.2021
+
That's me:
+
Oli_Supra
+
My Car:
+
Toyota Supra MK4
+
I live in:
+
Aargau
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/post.php b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/post.php
new file mode 100644
index 0000000..c83612f
--- /dev/null
+++ b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/post.php
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
+
+
+ let's read
+
My Story
+
+
+
+
+
+
+
+
+
September 3, 2021 by: Sillest
+
When was the last time we met each other?!?
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+ Dicta quibusdam ducimus libero ut provident, tempore ullam temporibus repellendus corporis omnis.
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+ Dicta quibusdam ducimus libero ut provident, tempore ullam temporibus repellendus corporis omnis.
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+
+
+
Return
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/swiss_jdm_blog.sql b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/swiss_jdm_blog.sql
new file mode 100644
index 0000000..128266e
--- /dev/null
+++ b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/swiss_jdm_blog.sql
@@ -0,0 +1,105 @@
+-- phpMyAdmin SQL Dump
+-- version 5.1.1
+-- https://www.phpmyadmin.net/
+--
+-- Host: 127.0.0.1
+-- Erstellungszeit: 28. Dez 2021 um 12:10
+-- Server-Version: 10.4.21-MariaDB
+-- PHP-Version: 8.0.11
+
+SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
+START TRANSACTION;
+SET time_zone = "+00:00";
+
+
+/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
+/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
+/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
+/*!40101 SET NAMES utf8mb4 */;
+
+--
+-- Datenbank: `swiss_jdm_blog`
+--
+
+-- --------------------------------------------------------
+
+--
+-- Tabellenstruktur für Tabelle `admin`
+--
+
+CREATE TABLE `admin` (
+ `IDadmin` int(11) NOT NULL,
+ `admin_name` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `admin_email` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `admin_password` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `admin_usertype` tinyint(1) NOT NULL DEFAULT 1
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+--
+-- Daten für Tabelle `admin`
+--
+
+INSERT INTO `admin` (`IDadmin`, `admin_name`, `admin_email`, `admin_password`, `admin_usertype`) VALUES
+(1, 'Sven Kamm', 'sven0815@gmx.ch', '$2y$10$t9c9iyMmp.vJzaefy9RF5.Ic9Xec0globisorxwChWkrCG9bkDEXi', 1);
+
+-- --------------------------------------------------------
+
+--
+-- Tabellenstruktur für Tabelle `users`
+--
+
+CREATE TABLE `users` (
+ `usersId` int(11) NOT NULL,
+ `usersName` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersUid` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersCar` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersState` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersEmail` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersPwd` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `user_state` tinyint(1) DEFAULT 1,
+ `user_created` timestamp NOT NULL DEFAULT current_timestamp()
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+--
+-- Daten für Tabelle `users`
+--
+
+INSERT INTO `users` (`usersId`, `usersName`, `usersUid`, `usersCar`, `usersState`, `usersEmail`, `usersPwd`, `user_state`, `user_created`) VALUES
+(1, 'Sven Kamm', 'Svendolin', 'Nissan Skyline R33', 'Aargau', 'sven0815@gmx.ch', '$2y$10$iNoQRI/kyBnyqXM8UZ/7AOwKBKc8KADIAFf41./pXsDebmig8ILx6', 1, '2021-12-27 00:39:34');
+
+--
+-- Indizes der exportierten Tabellen
+--
+
+--
+-- Indizes für die Tabelle `admin`
+--
+ALTER TABLE `admin`
+ ADD PRIMARY KEY (`IDadmin`);
+
+--
+-- Indizes für die Tabelle `users`
+--
+ALTER TABLE `users`
+ ADD PRIMARY KEY (`usersId`);
+
+--
+-- AUTO_INCREMENT für exportierte Tabellen
+--
+
+--
+-- AUTO_INCREMENT für Tabelle `admin`
+--
+ALTER TABLE `admin`
+ MODIFY `IDadmin` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=2;
+
+--
+-- AUTO_INCREMENT für Tabelle `users`
+--
+ALTER TABLE `users`
+ MODIFY `usersId` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=3;
+COMMIT;
+
+/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
+/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
+/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
diff --git a/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/tellyourstory.php b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/tellyourstory.php
new file mode 100644
index 0000000..efcdf8d
--- /dev/null
+++ b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/tellyourstory.php
@@ -0,0 +1,96 @@
+
+
+
+
+
+
+
+ let's hear
+
Your Story:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Swiss_JDM_Blog/theme/css/aos.css b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/css/aos.css
similarity index 100%
rename from Swiss_JDM_Blog/theme/css/aos.css
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/css/aos.css
diff --git a/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/css/mediaqueries.css b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/css/mediaqueries.css
new file mode 100644
index 0000000..3d9bbfb
--- /dev/null
+++ b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/css/mediaqueries.css
@@ -0,0 +1,339 @@
+
+/* ======================= index.php ======================= */
+
+/* ----- Viewport less than or equal to 1270px ------ */
+
+@media only screen and (max-width: 1270px) {
+ /* Gives the pink blogpost info section more space while shrinking */
+ .site-content .post-content > .post-image .post-info {
+ left: 2rem !important;
+ bottom: 1.2rem !important;
+ border-radius: 0% !important;
+ }
+
+ /* The comment and datasection will disapper after shrinking */
+ .site-content .sidebar .popular-post .post-info {
+ display: none !important;
+ }
+
+ /* Gives the container colums more space in the footer: From 4 colums to 2 columns */
+ footer.footer .container {
+ grid-template-columns: repeat(2,1fr);
+ }
+
+}
+
+/* --x-- Viewport less than or equal to 1270px --x-- */
+
+/* ----- Viewport less than or equal to 970px ------ */
+
+@media only screen and (max-width: 970px) {
+ .nav .nav-menu, .nav .nav-items {
+ flex-direction: column; /* Menubar and login button will collapse to the next line */
+ margin: 0; /* To eliminate the 8rem margin default value */
+ }
+
+ /* Special list item which should be seen in loggedIn mode only */
+ .nav .nav-menu, .nav .tell-your-story {
+ flex-direction: column; /* Menubar and login button will collapse to the next line */
+ margin: 0; /* To eliminate the 8rem margin default value */
+ }
+
+ .nav .nav-items .nav-link {
+ display: block;
+
+ }
+
+ /* Trick: Define the full nav-link area (Home etc) of the a tag to go to the next page */
+ .nav .nav-items .nav-link a {
+ display: inline-block;
+ padding-right: 80%; /* These two moved from .nav-link to .nav-link a */
+ }
+
+ .nav .toggle-collapse {
+ display: initial; /* Defined default value of the browser */
+ }
+
+ /* main blog content and side content won't be side to side now:
+ - 1) All the post content will be at 100% width at first place
+ - 2) the side content with categories, popular posts and so on will follow up */
+ main .site-content{
+ grid-template-columns: 100%;
+ }
+
+ /* Newsletterelements (input field and button */
+ .site-content .sidebar .newsletter .input-element {
+ width: 50%;
+ }
+ .site-content .sidebar .newsletter .form-btn {
+ padding: 0.8rem 20%;
+ }
+
+ footer.footer .container{
+ grid-template-columns: repeat(1, 1fr);
+ }
+
+}
+
+/* --x-- Viewport less than or equal to 970px --x-- */
+/* ----- Viewport less than or equal to 660px ------ */
+
+@media only screen and (max-width: 660px) {
+
+ /* the pink blogpost info section should disappear entirely */
+ .site-content .post-content > .post-image .post-info {
+ display: none;
+ }
+
+ /* Removes the back to top button at 660px */
+ footer.footer > .move-up {
+ display: none;
+ }
+}
+
+/* --x-- Viewport less than or equal to 660px --x-- */
+/* ----- Viewport less than or equal to 420px ------ */
+
+@media only screen and (max-width: 420px) {
+
+ /* Moves the 4 container boxes closer to eachother */
+ footer.footer .container > div {
+ padding: 1rem 0.9rem !important;
+ }
+
+ footer.footer .container .about-us {
+ margin-top: 2rem;
+ }
+
+ footer.footer .rights {
+ margin-top: 4rem !important;
+ text-align: center;
+ }
+
+}
+
+/* --x-- Viewport less than or equal to 420px --x-- */
+
+/* ====x================== index.php ==================x==== */
+/* ======================= login.php ======================= */
+
+@media only screen and (max-width: 870px) {
+
+ /* Container the red circle */
+ .login-container:before {
+ min-height: 1500px;
+ height: 1500px;
+ left: 30%;
+ bottom: 68%;
+ transform: translateX(-50%);
+ right: initial;
+ top: initial; /* Set to their default values */
+ transition: 2s ease-in-out;
+ }
+
+ /* The whole sign-in and sign-up section (Adjust the top if its not centered enough) */
+ .login-container .signin-signup {
+ width: 100%;
+ left: 50%;
+ top: 90%;
+ transform: translate(-50%, -100%);
+ transition: 1s 0.8s ease-in-out;
+ }
+
+ /* Container with the sign-in panels */
+ .login-container .panels-container {
+ /* background: green; */
+ grid-template-columns: 1fr; /* Just ONE ROW now */
+ grid-template-rows: 1fr 2fr 1fr; /* 3-row areas: 1fr = Join, 2fr empty, 1fr= Sign */
+ }
+
+ .panels-container .panel {
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center;
+ padding: 2.5rem 8%;
+ }
+
+ .panels-container .panel h3 {
+ font-size: 1.2rem;
+ }
+
+ .panels-container .panel p {
+ font-size: 0.9rem;
+ padding: 0.5rem 0;
+ }
+
+ /* transparent button of the panel */
+ button.btn.transparent {
+ width: 100px;
+ height: 40px;
+ font-size: 1.1rem;
+ }
+
+ /* Content of the both pannels */
+ .panels-container .panel .content {
+ padding-right: 15%;
+ transition: 0.9s 0.8s ease-in-out;
+ }
+
+ .image {
+ width: 200px;
+ transition: 0.9s 0.6s ease-in-out;
+ }
+
+ .panels-container .left-panel {
+ grid-row: 1 / 2; /* From top (because of row) Line 1 to 2 (1fr), 2 to 3 (2fr) = empty */
+ }
+
+ .panels-container .right-panel {
+ grid-row: 3 / 4; /* From top (because of row) Line 1 to 2 (1fr), 2 to 3 (2fr) = empty */
+ }
+
+ /* Content and Images of sign-in an sign-up united in the center */
+ .panels-container .right-panel .content, .panels-container .right-panel .image {
+ transform: translateY(300px);
+ }
+
+ /* The pannel container (red circle) will now move up and down */
+ .login-container.sign-up-mode:before {
+ transform: translate(-50%, 100%);
+ bottom: 32%;
+ right: initial;
+ }
+
+ .login-container.sign-up-mode .left-panel .image,
+ .login-container.sign-up-mode .left-panel .content {
+ transform: translateY(-300px);
+ }
+
+ .login-container.sign-up-mode .signin-signup {
+ top: 5%;
+ transform: translate(-50%, 0);
+ left: 50%;
+ }
+
+ /* Sign-in login error messages */
+ .error-message-log-in p {
+ margin-top: 50rem;
+ }
+
+ /* Sign-up login (registration) error messages */
+ .login-container .signin-signup form {
+ justify-content: flex-end;
+ padding-bottom: 10rem;
+ }
+
+ .login-container {
+ min-height: 1200px; /* TODO: Make it bigger if you add more input fields */
+ height: 100vh;
+ }
+
+}
+
+@media only screen and (max-width: 570px) {
+ .login-container .signin-signup form {
+ padding: 0 1.5rem;
+ }
+
+ .image {
+ display: none;
+ }
+
+ .panels-container .panel .content {
+ padding: 0.5rem 1rem,
+ }
+
+ .login-container:before{
+ bottom: 72%;
+ left: 50%;
+ }
+
+ .login-container.sign-up-mode:before{
+ bottom: 28%;
+ left: 50%;
+ }
+
+ /* Sign-up login (registration) error messages */
+ .login-container .signin-signup form {
+ justify-content: center;
+ }
+
+ .error-message-sign-up {
+ display: flex;
+ justify-content: center;
+ }
+
+}
+
+/* ====x================== login.php ==================x==== */
+/* ======================= tellyourstory.php ======================= */
+
+@media only screen and (max-width: 570px) {
+
+ form.write-a-post {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+ .input-field-story, .input-field-story.textarea {
+ width: 20rem;
+ }
+
+}
+
+
+
+
+
+
+
+/* ====x================== tellyourstory.php ==================x==== */
+/* ======================= memberboard.php ======================= */
+
+@media only screen and (max-width: 1380px) {
+ #memberboard {
+ grid-template-columns: repeat(2,1fr);
+ grid-template-rows: repeat(2,1fr);
+ min-height: 85rem;
+ }
+}
+
+@media only screen and (max-width: 950px) {
+ #memberboard {
+ grid-template-columns: 1fr;
+ grid-template-rows: repeat(3,1fr);
+ min-height: 130rem;
+ }
+ .card {
+ grid-template-columns: 380px; /* 380 width */
+
+ }
+}
+
+
+/* ====x================== memberboard.php ==================x==== */
+
+/* ======================= post.php ======================= */
+
+@media only screen and (max-width: 1100px) {
+ .blog-container .blog-box, .blog-heading {
+ width: 100%;
+ }
+}
+
+
+/* ====x================== post.php ==================x==== */
+/* ======================= (admin) login.php (admin) ======================= */
+
+@media only screen and (max-width: 450px) {
+ .center {
+ width: 320px;
+ }
+ .btn-special-sign-in, .btn-special-return {
+ padding: 0.8rem 1.3rem;
+ }
+}
+
+
+/* ====x================== (admin) login.php (admin) ==================x==== */
+
diff --git a/Swiss_JDM_Blog/theme/css/owl.carousel.min.css b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/css/owl.carousel.min.css
similarity index 100%
rename from Swiss_JDM_Blog/theme/css/owl.carousel.min.css
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/css/owl.carousel.min.css
diff --git a/Swiss_JDM_Blog/theme/css/owl.theme.default.min.css b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/css/owl.theme.default.min.css
similarity index 100%
rename from Swiss_JDM_Blog/theme/css/owl.theme.default.min.css
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/css/owl.theme.default.min.css
diff --git a/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/css/style.css b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/css/style.css
new file mode 100644
index 0000000..5eec175
--- /dev/null
+++ b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/css/style.css
@@ -0,0 +1,1406 @@
+/* Over here you will find:
+
+ - CSS Styles (index.php / login.php / memberboard.php)
+
+*/
+
+
+/* ======================= index.php ======================= */
+
+/* --------- Navigation --------- */
+
+/* Navigation bar */
+.nav {
+ background: var(--white);
+ padding: 0 3rem;
+ height: 0; /* used to collapse and fold navigation menu */
+ height: 4.3rem;
+ overflow: hidden;
+ transition: height 1.2s ease-in-out;
+
+}
+.nav .nav-menu {
+ justify-content: space-between;
+}
+
+/* Burgerbar */
+.nav .toggle-collapse {
+ position: absolute;
+ top: 0%;
+ width: 90%;
+ cursor: pointer;
+ display: none;
+}
+
+.nav .toggle-collapse .toggle-icons {
+ display: flex;
+ justify-content: flex-end;
+ margin: 1.3rem 1.3rem 0 0;
+}
+
+
+/* Burgermark symbol */
+.nav .toggle-collapse .toggle-icons .menu-toggle-btn {
+ font-size: 1.7rem;
+ color: var(--text-gray);
+}
+
+/* X-symbol */
+i.menu-toggle-btn .fas .fa-bars .fa-times::before {
+ font-size: 1.9rem;
+ /* color: red; */
+}
+
+.collapse { /*Defined collapse class from main.js which will hide and open navigation */
+ height: 23rem;
+}
+
+.nav .nav-items {
+ display: flex;
+ /* margin: 0 8rem 0 0; */
+}
+
+/* Center placed nav links */
+.nav .nav-items .nav-link {
+ position: relative;
+ font-family: var(--linksnbtn);
+ font-size: 1.3rem;
+ font-weight: 500;
+ display: inline-block;
+ margin: 0 1rem;
+}
+
+/* Trick: Define the full nav-link area (Home etc) of the a tag to go to the next page */
+.nav .nav-items .nav-link a {
+ display: inline-block;
+ padding: 1.4rem 1.4rem; /* These two moved from .nav-link to .nav-link a */
+ text-align: center;
+}
+
+/* .nav .nav-items .nav-link a.home {
+ margin: 0 2rem;
+} */
+
+/* .nav .nav-items .nav-link a.member {
+ margin: 0 2rem;
+} */
+
+/* hover on nav links */
+.nav .nav-items .nav-link:hover {
+ background: var(--pink);
+ cursor: pointer;
+}
+
+.nav .nav-items .nav-link:hover a {
+ color: var(--white);
+
+}
+
+/* Logo */
+.nav .nav-brand a {
+ font-size: 1.6rem;
+ padding: 1rem 0;
+ display: block;
+ font-family: var(--logo);
+ background: var(--pink);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ /* border: solid 2px black; */
+}
+
+/* Login Button */
+.nav .login {
+ margin-top: 0.8rem;
+ height: 2.5rem;
+ width: 4rem;
+ font-family: var(--linksnbtn);
+ font-weight: 500;
+ font-size: 1.3rem;
+ border-radius: 10px;
+ border: solid 2px var(--sakura);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.nav .login a {
+ /* Move these two from div to a such as here to link the whole area */
+ display: inline-block;
+ padding: 1rem 1rem;
+}
+
+/* hover on Login*/
+.nav .login:hover {
+ background: var(--pink);
+ cursor: pointer;
+}
+
+.nav .login:hover a {
+ color: var(--white);
+}
+/* ----x---- Navigation ----x---- */
+
+
+/* --------- Main Content --------- */
+/* ----- Site title ----- */
+main .site-title {
+ background-image: url("../../images/q180sx2.jpg");
+ background-size: cover;
+ height: 90vh;
+ display: flex;
+ justify-content: center;
+
+}
+
+main .site-title .site-background {
+ padding-top: 5rem;
+ text-align: center;
+ color: var(--white);
+}
+
+main .site-title span,h1 {
+ margin: 0.3rem;
+ margin-bottom: 2rem;
+}
+
+main a.btn {
+ margin: 1rem;
+ background: var(--pink);
+ transition: all 300ms;
+}
+
+main .site-title .btn:hover {
+ background: transparent;
+ border: 1px solid var(--white);
+ transform: scale(1.1);
+}
+
+/* --x-- site title --x-- */
+/* ----- News Carousel ----- */
+main .blog {
+ background: url("../../images/sakuratree2.png");
+ background-repeat: no-repeat;
+ background-position: right;
+ /* height: 125vh; */
+ width: 100%;
+ /* background-size: 65%; */
+}
+
+main .blog .blog-post {
+ padding-top: 5rem;
+}
+
+/* Box with one blogpost */
+main .blog-post .blog-content {
+ display: flex; /* To align the content in a new line */
+ flex-direction: column;
+ text-align: center;
+ width: 80%;
+ margin: 3rem 2rem;
+ background: var(--white); /* Comment it out for transparent background */
+ box-shadow: 0 15px 20px rgba(0,0,0,0.2);
+}
+
+/* SPECIAL */
+/* Container of the informative text*/
+.blog1, .blog2, .blog3, .blog4 {
+ display: flex;
+}
+
+/* Informative text of each blog-post */
+main .blog-post .blog-content .blog-info-1, .blog-info-2, .blog-info-3, .blog-info-4 {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background: var(--text-gray);
+ display: none; /* TODO: Display Flex */
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: center;
+ z-index: 0;
+}
+
+.return1, .return2, .return3, .return4 {
+ margin: 0 auto;
+ bottom: 0;
+}
+
+main .blog-post .blog-content .blog-info-1 p {
+ font-size: 1.5rem;
+ color: white;
+ padding: 2rem 2rem;
+}
+
+/* Dismiss button of the informative text of each blog-post */
+main .blog-post .blog-content .blog-info-1 .btn {
+ margin-bottom: 2rem;
+}
+
+/* Text of one newspost */
+main .blog-content .blog-title {
+ padding: 2rem 0;
+}
+
+/* Button of one newspost */
+main .blog-content .btn {
+ padding: 0.5rem 1rem;
+ margin: 1rem 0 0.5rem 0;
+ transition: all 300ms;
+}
+
+main .blog-content .btn:hover {
+ transform: scale(1.2)
+}
+
+/* Text of one newspost */
+main .blog-content span {
+ display: block;
+ font-family: var(--textntitles);
+ font-size: 0.9rem;
+ padding-top: 0.8rem;
+}
+
+/* News Navigation Arrows (nav: true in main.js) */
+
+section .container .owl-nav {
+ position: absolute;
+ top: 0%;
+ margin: 0 auto;
+ width: 100%;
+}
+
+.owl-nav .owl-prev .owl-nav-prev,
+.owl-nav .owl-next .owl-nav-next {
+ color: var(--text-gray);
+ background: transparent;
+ font-size: 2rem;
+}
+
+.owl-theme .owl-nav [class*='owl-']:hover {
+ background: transparent;
+ color: var(--sakura);
+}
+/* ---------------x-- News Carousel --x--------------- */
+/* ---------------------- Site Blog Content ---------------------- */
+
+
+/* Blog post site content */
+main .site-content {
+ display: grid;
+ grid-template-columns: 70% 30%;
+}
+
+main .post-content {
+ width: 100%;
+}
+
+/* Blog Post title text */
+main .site-content .post-content >.post-image, .post-title {
+ padding: 1rem 2rem;
+ position: relative;
+}
+
+main .post-content .post-title a {
+ font-family: var(--textntitles);
+ font-size: 2.2rem;
+ font-weight: 800;
+}
+
+
+/* pink infobox of each post */
+main .site-content .post-content > .post-image .post-info {
+ background: var(--pink-light);
+ padding: 0.3rem 1rem;
+ position: absolute;
+ bottom: 0%;
+ left: 20vw;
+ border-radius: 1rem;
+}
+
+/* pictures of each post */
+main .site-content .post-content > .post-image > div {
+ overflow: hidden;
+}
+
+main .site-content .post-content > .post-image .img {
+ width: 100%;
+ transition: all 800ms ease;
+}
+
+main .site-content .post-content > .post-image .img:hover {
+ transform: scale(1.1);
+}
+
+/* infotext of each post (spacing of each text element */
+main .site-content .post-content > .post-image .post-info span {
+ margin: 0 0.5rem;
+}
+
+/* Special button design especially for this part */
+main .site-content .post-content .post-title a.post-btn {
+ display: block;
+ text-align: center;
+ width: 10rem;
+ font-size: 1.2rem;
+ border-radius: 0;
+ padding: 0.7rem 1rem;
+ background: var(--pink);
+ margin: 1.5rem 0 0 0;
+ transition: all 300ms;
+ font-family: var(--linksnbtn);
+ font-weight: 500;
+}
+
+main .site-content .post-content .post-title a.post-btn:hover {
+ transform: scale(1.2);
+}
+
+/* pagination (1/2/3) */
+.site-content .pagination {
+ justify-content: center;
+ color: var(--text-gray);
+ margin: 4rem 0;
+}
+
+.site-content .pagination a {
+ padding: 0.6rem 0.9rem;
+ border-radius: 50%;
+ margin: 0 0.3rem;
+ font-family: var(--linksnbtn);
+ transition: all 300ms;
+}
+
+.site-content .pagination a:hover {
+ transform: scale(1.2);
+}
+
+.site-content .pagination .pages {
+ background: var(--sakura);
+}
+/* -------------x-- Site Blog Content --x------------- */
+/* ------------------ Sidebar ------------------ */
+
+
+/* The general listboxclass above to flex */
+.site-content > .sidebar > .category {
+ display: flex;
+ justify-content: center;
+}
+
+/* The whole list box */
+.site-content > .sidebar .category-list {
+ font-family: var(--textntitles);
+}
+
+/* All the different Category Items */
+.site-content > .sidebar .category-list .list-items {
+ background: var(--pink);
+ padding: 0.4rem 4rem 0.4rem 1rem;
+ margin: 0.8rem 0.9rem;
+ border-radius: 1rem;
+ width: 100%;
+ transition: all 300ms ease;
+}
+
+.site-content > .sidebar .category-list .list-items:hover {
+ transform: translateX(1.2rem);
+ background: var(--pink-very-light);
+}
+
+.site-content > .sidebar .category-list .list-items a {
+ color: white;
+ font-size: 1.2rem;
+ font-weight: 400;
+}
+
+.site-content .sidebar .popular-post .post-content {
+ padding: 1rem 0;
+}
+
+/* Top spacing above the title "Popular Posts" */
+.site-content .sidebar .popular-post h1 {
+ padding-top: 8rem;
+}
+
+/* Popular Post overwrites */
+/* Overwrite the default property with !important for the popular posts */
+.site-content .sidebar .popular-post .post-info {
+ padding: 0.4rem 0.5rem !important;
+ bottom: 0 !important;
+ left: 1.5rem !important;
+ border-radius: 0 !important;
+ background: white !important;
+}
+
+/* a-tag overwrite the size (Title of a post) */
+.site-content .sidebar .popular-post .post-title a {
+ font-size: 1.6rem;
+}
+
+/* span-tag overwrite the size (comment and date of a post) */
+.site-content .sidebar .post-info span {
+ font-size: 1.2rem;
+}
+
+/* hr especially made for the sideline */
+.sideline {
+ width: 90%;
+ margin-left: 2rem;
+}
+
+/* ---- Newsletter section ---- */
+.site-content .sidebar .newsletter {
+ padding-top: 1rem;
+}
+
+.site-content .sidebar .newsletter .form-element {
+ padding-top: 0.5rem 2rem;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+
+}
+
+/* email input field */
+.site-content .sidebar .newsletter .input-element {
+ width: 80%;
+ height: 3rem;
+ padding: 1rem 0.5rem;
+ font-family: var(--linksnbtn);
+ font-size: 1.2rem;
+ color: var(--text-gray);
+}
+
+/* Newsletterbutton */
+.site-content .sidebar .newsletter .form-btn {
+ border-radius: 0;
+ padding: 0.8rem 29%;
+ margin: 1rem 0;
+ transition: all 300ms;
+}
+
+.site-content .sidebar .newsletter .form-btn:hover {
+ transform: scale(1.1);
+}
+
+/* Popular tags */
+.site-content .sidebar .popular-tags {
+ padding: 3rem 0;
+}
+
+.site-content .sidebar .popular-tags .tags .tag {
+ background: var(--pink-light);
+ padding: 0.4rem 1rem;
+ color: white;
+ border-radius: 1.5rem;
+ margin: 0.3rem 0.6rem;
+}
+/* ---------------x-- Sidebar --x--------------- */
+/* ----x---- Main Content ----x---- */
+
+/* ------------------ Footer ------------------ */
+
+footer.footer {
+ height: 100%;
+ background: var(--bg-color);
+ position: relative;
+}
+
+footer.footer .container {
+ display: grid; /* Various ways to define our 4 columns */
+ /* grid-template-columns: 25% 25% 25% 25%; */
+ /* grid-template-columns: 1fr 1fr 1fr 1fr; */
+ grid-template-columns: repeat(4, 1fr);
+}
+
+/* div-footer items */
+footer.footer .container > div {
+ flex-grow: 1; /* Specified how much the item will grow inside the flexible items of the container */
+ flex-basis: 0; /* Specifies initial width of the flexible items */
+ padding: 3rem 0.9rem;
+}
+
+footer.footer .container h3 {
+ color: var(--white);
+ margin-bottom: 1.3rem;
+}
+
+footer.footer .container p {
+ margin-bottom: 1.3rem;
+}
+
+footer.footer .container .admin a {
+ font-family: var(--textntitles);
+ color: var(--white);
+ display: inline-block;
+ transition: all 200ms;
+}
+
+/* Margin works perfectly well with "block" instead of the default "inline" with a,
+but to hover it right: We need inline-block to solve this problem */
+footer.footer .container .admin a:hover {
+ color: var(--cherry);
+}
+
+footer.footer .instagram div > img {
+ display: inline-block;
+ width: 40%;
+ height: 50%;
+ margin: 0.3rem 0.4rem;
+}
+
+footer.footer .follow div i{
+ color: var(--white);
+ padding: 0rem 0.4rem;
+ transition: all 200ms;
+ font-size: 1.3rem;
+}
+
+footer.footer .follow div i:hover{
+ color: var(--cherry);
+}
+
+footer.footer .rights {
+ justify-content: center;
+ font-family: var(--linksnbtn);
+ padding-bottom: 1rem;
+}
+
+/* Back to top-button */
+
+footer.footer .move-up{
+ position: absolute;
+ right: 6%;
+ top: 50%;
+}
+
+footer.footer .move-up span{
+ color: var(--cherry);
+}
+
+footer.footer .move-up span:hover{
+ color: var(--white);
+ cursor: pointer;
+}
+
+/* ---------------x-- Footer --x--------------- */
+
+/* ====x=================== index.php ===================x==== */
+/* ======================== login.php ======================== */
+
+/* Whole login-area (formerly "container" */
+.login-container {
+ position: relative;
+ width: 100%;
+ min-height: 115vh;
+ background-color: white;
+ overflow: hidden;
+}
+
+/* :before state will cover the sign up section (Red moving ball will cover) */
+.login-container:before{
+ content: '';
+ position: absolute;
+ width: 125rem;
+ height: 125rem;
+ border-radius: 50%;
+ background: var(--red);
+ top: -10%;
+ right: 48%;
+ transform: translateY(-50%);
+ z-index: 6;
+ transition: 1.8s ease-in-out;
+}
+
+/* Container for the forms */
+.login-container .forms-container {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+}
+
+/* Container with both items, sign-in and sign-up */
+.login-container .signin-signup {
+ position: absolute;
+ top: 50%; /* TODO: Change this if you got too many input fields */
+ left: 75%;
+ transform: translate(-50%, -50%);
+ width: 50%;
+ display: grid;
+ grid-template-columns: 1fr;
+ z-index: 5;
+ transition: 1s 0.7s ease-in-out;
+}
+
+.login-container .signin-signup form {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ padding: 0 0.5rem;
+ overflow: hidden;
+ grid-column: 1 / 2; /* Two column lines in total */
+ grid-row: 1 / 2; /* Two row lines in total */
+ transition: 0.3s 0.9s ease-in-out;
+}
+
+.login-container .signin-signup form.sign-in-form {
+ z-index: 2;
+}
+
+.login-container .signin-signup form.sign-up-form {
+ z-index: 1;
+ opacity: 0;
+}
+
+.signin-signup .title {
+ font-size: 3.2rem;
+ color: var(--text-gray);
+ margin-bottom: 0.6rem;
+}
+
+.input-field {
+ max-width: 23.7rem;
+ width: 100%;
+ height: 55px;
+ background-color: var(--light-grey);
+ margin: 10px 0;
+ border-radius: 55px;
+ display: grid;
+ grid-template-columns: 15% 85%;
+ padding: 0 0.4rem;
+}
+
+/* Icons of the Sign In area */
+.input-field i {
+ text-align: center;
+ line-height: 55px;
+ color: var(--text-light);
+ font-size: 1.1rem;
+}
+
+/* Icons of the Sign In area */
+.input-field input {
+ background: none;
+ outline: none;
+ border: none;
+ line-height: 1;
+ font-weight: 600;
+ font-size: 1.1rem;
+ color: var(--text-gray);
+}
+
+.input-field input::placeholder {
+ color: var(--text-light);
+ font-weight: 500;
+}
+
+.btn.solid {
+ border: none;
+ border-radius: 2rem;
+ padding: 0.8rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ border: 1px solid var(--white);
+ transition: all 300ms;
+ margin: 0.5rem 0 2rem 0;
+}
+
+.btn.solid:hover {
+ transform: scale(1.2);
+}
+
+.panels-container {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+}
+
+.panels-container .panel {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: flex-end;
+ text-align: center;
+ z-index: 7;
+}
+
+.panels-container .panel h3 {
+ font-weight: 600;
+ line-height: 1;
+ font-size: 1.5rem;
+}
+
+.panels-container .panel p {
+ font-size: 0.95rem;
+ padding: 0.7rem 0;
+ color: var(--white)
+}
+
+.panels-container .panel .content {
+ color: var(--white);
+ transition: 0.9s 0.6s ease-in-out;
+}
+
+.panels-container > .left-panel {
+ pointer-events: all; /* We can prevent all clicks ont the panel first and THEN we can click on the form */
+ padding: 3rem 39% 2rem 12%;
+}
+
+.panels-container > .right-panel {
+ pointer-events: none; /* Right-panel shouldnt be clickable */
+ padding: 3rem 12% 2rem 39%;
+}
+
+button.btn.transparent {
+ margin: 0;
+ background: none;
+ padding: 0.5rem 1rem;
+ margin-top: 1rem;
+ transition: all 300ms;
+}
+
+button.btn.transparent:hover {
+ background: var(--white);
+ color: var(--red);
+ transform: scale(1.2);
+ border: none;
+ font-weight: 800;
+}
+
+/* To keep the right image away if the left panel is working */
+.panels-container .right-panel .content, .right-panel .image {
+ transform: translateX(1200px);
+}
+
+.image {
+ width: 100%;
+ transition: 1.1s 0.4s ease-in-out;
+}
+
+/* ------------ Animation of the login-container (defined in JS) ------------ */
+
+/* The move from sign-in to sign-up */
+.login-container.sign-up-mode:before {
+ transform: translate(100%, -50%);
+ right: 52%;
+}
+
+/* After the sign-up button is going to be pushed, the content and image will move away to the left */
+.login-container.sign-up-mode .left-panel .image,
+.login-container.sign-up-mode .left-panel .content {
+ transform: translateX(-1200px);
+}
+
+.login-container.sign-up-mode .right-panel .content,
+.login-container.sign-up-mode .right-panel .image {
+ transform: translateX(0px);
+}
+
+.login-container.sign-up-mode .left-panel {
+ pointer-events: none; /* Now with the animation the left-panel shouldnt be clickable */
+}
+
+.login-container.sign-up-mode .right-panel {
+ pointer-events: all; /* We can prevent all clicks ont the panel first and THEN we can click on the form */
+}
+
+.login-container.sign-up-mode .signin-signup {
+ left: 25%;
+}
+
+.login-container.sign-up-mode form.sign-in-form {
+ z-index: 1;
+ opacity: 0;
+}
+
+.login-container.sign-up-mode form.sign-up-form {
+ z-index: 2;
+ opacity: 1;
+}
+
+/* --- Error Messages done with PHP --- */
+
+/* .error-message-log-in {
+ display: flex;
+ justify-content: flex-end;
+} */
+.error-message-log-in p {
+ position: relative;
+ display: inline;
+ background-color: red;
+ color: var(--white);
+ border-radius: 12px;
+ margin-top: 6rem;
+ padding: 0.5rem;
+}
+
+/*
+.error-message-log-in p.special {
+ color: white;
+} */
+
+.error-message-sign-up {
+ display: flex;
+ justify-content: flex-start;
+}
+.error-message-sign-up p {
+ position: relative;
+ display: inline;
+ background-color: red;
+ color: var(--white);
+ border-radius: 12px;
+ /* border-top-left-radius: 12px;
+ border-bottom-left-radius: 12px; */
+ padding: 0.5rem;
+ margin-bottom: 1rem;
+}
+
+.error-message-sign-up p.successfulsignup {
+ position: relative;
+ display: inline;
+ background-color: rgb(39, 236, 0);
+ color: var(--white);
+ border-top-left-radius: 12px;
+ border-bottom-left-radius: 12px;
+ margin-top: 10rem;
+ padding: 0.5rem 0.5rem 0.5rem 0.5rem;
+}
+
+/* --- Positive Feedback done with PHP seen at index.php after successful login --- */
+
+.index-intro {
+ display: flex;
+ justify-content: center;
+}
+.index-intro p {
+ position: absolute;
+ display: inline;
+ background-color: rgb(39, 236, 0);
+ color: var(--white);
+ border-bottom-right-radius: 12px;
+ border-bottom-left-radius: 12px;
+ padding: 0.5rem;
+}
+
+
+
+
+/* ====x=================== login.php ===================x==== */
+/* ======================== post.php ======================== */
+
+/* heading section */
+#blog {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ padding: 1.5rem;
+ border-bottom: 1px solid rgba(0,0,0,0.05)
+}
+
+.blog-heading {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+
+.blog-heading h1 {
+ font-family: var(--textntitles);
+ font-size: 3.0rem;
+ font-weight: 700;
+ color: var(--text-gray);
+}
+
+.blog-heading span {
+ color: var(--cherry);
+}
+
+
+/* blog section */
+.blog-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin: 20px 0;
+}
+
+/* Grey BOX where the blog is covered in */
+.blog-box {
+ width: 60rem;
+ background: var(--white); /* Comment it out for transparent background */
+ box-shadow: 0 15px 20px rgba(0,0,0,0.2);
+ margin: 20px;
+}
+
+.blog-img {
+ width: 100%;
+ height: auto;
+}
+
+.blog-img img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ object-position: center;
+}
+
+/* TEXT where the blog is covered in */
+#blog .blog-container .blog-text {
+ display: flex;
+ flex-direction: column;
+ padding: 10px 25px 25px 25px;
+ flex-wrap: wrap;
+}
+
+.blog-text span {
+ font-size: 1rem;
+ margin-bottom: 1rem;
+ margin: 20px 0px;
+ font-weight: 400;
+}
+
+.blog-text h2 {
+ font-size: 2rem;
+ font-weight: 800;
+ margin-bottom: 1rem;
+}
+
+.blog-text p {
+ font-size: 1rem;
+ font-weight: 600;
+ margin-bottom: 1rem;
+ color: rgb(39, 39, 39);
+}
+
+/* Return Button */
+.back {
+ display: block;
+ width: 7rem;
+ text-align: center;
+ margin: 3rem auto 2rem auto;
+ transition: all 300ms;
+}
+
+.back:hover {
+ transform: scale(1.2);
+}
+
+/* ====x=================== post.php ===================x==== */
+/* ======================== tellyourstory.php ======================== */
+
+/*TODO: If the user is LOGGED IN, THIS NAV will show up and you can write blog entry */
+.tell-your-story {
+ /* display:none; */
+ display: flex;
+}
+
+.blog-heading.special {
+ margin-top: 3rem;
+}
+
+#storytellingform {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+/*TODO: Change the names here for the STORY STYLE */
+
+.input-field-story {
+ width: 30rem;
+ height: 55px;
+ background-color: var(--light-grey);
+ margin: 10px 0;
+ border-radius: 10px;
+ display: grid;
+ grid-template-columns: 15% 85%;
+ padding: 0 0.4rem;
+}
+
+.input-field-story.textarea {
+ width: 30rem;
+ height: 25rem;
+ background-color: var(--light-grey);
+ margin: 10px 0;
+ border-radius: 10px;
+ display: grid;
+ grid-template-columns: 15% 85%;
+ padding: 0.4rem;
+}
+
+/* Icons of the Sign In area */
+.input-field-story i {
+ text-align: center;
+ line-height: 55px;
+ color: var(--text-light);
+ font-size: 1.1rem;
+}
+
+/* The image field of "Datei auswählen" */
+#fld_image {
+ align-self: center;
+}
+
+/* Icons of the Sign In area */
+.input-field-story input {
+ background: none;
+ outline: none;
+ border: none;
+ line-height: 1;
+ font-weight: 600;
+ font-size: 1.1rem;
+ color: var(--text-gray);
+}
+
+.input-field-story input::placeholder {
+ color: var(--text-light);
+ font-weight: 500;
+}
+
+.buttonsection {
+ display: flex;
+ justify-content: center;
+
+}
+
+/* Publish button */
+.btn.solid.special.publish {
+ margin-right: 7rem;
+ margin-left: 1rem;
+}
+
+/* return button */
+.btn.solid.special.return {
+ margin-right: 1rem;
+}
+
+.btn.solid {
+ border: none;
+ border-radius: 2rem;
+ padding: 0.8rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ border: 1px solid var(--white);
+ transition: all 300ms;
+ margin: 0.5rem 0 2rem 0;
+}
+
+.btn.solid:hover {
+ transform: scale(1.2);
+}
+
+
+/* ====x=================== tellyourstory.php ===================x==== */
+/* ======================== memberboard.php ======================== */
+
+#memberboard {
+ height: 45rem;
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ justify-content: center;
+ align-items: center;
+ background: var(--white);
+ overflow: hidden;
+}
+
+.card {
+ display: grid;
+ grid-template-columns: 420px; /* 420 width */
+ grid-template-rows: 320px 235px 40px;
+ grid-template-areas: "image" "text" "stats";
+ font-family: var(--textntitles);
+ border-radius: 18px;
+ background: white;
+ box-shadow: 5px 5px 15px rgba(0,0,0,0.7);
+ transition: all 300ms ease-in-out;
+ cursor: pointer;
+ margin: 0 auto;
+}
+
+.card:hover {
+ transform: scale(1.1); /*FIXME: This is broken */
+ box-shadow: 5px 5px 15px rgba(0,0,0,1.2);
+}
+
+.card-image1 {
+ grid-area: image;
+ background: url("../../images/members/member1.jpg");
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+ background-size: cover;
+}
+
+.card-image2 {
+ grid-area: image;
+ background: url("../../images/members/member2.jpg");
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+ background-size: cover;
+}
+
+.card-image3 {
+ grid-area: image;
+ background: url("../../images/members/member3.jpg");
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+ background-size: cover;
+}
+
+.card-text {
+ grid-area: text;
+}
+
+.card-text span {
+ font-size: 0.7rem;
+ text-align: center;
+ display: block;
+ margin: 0.5rem 0 1rem 0;
+ color: var(--cherry);
+}
+
+.card-text h2 {
+ font-size: 1.3rem;
+ padding-left: 2rem;
+ font-weight: 600;
+}
+
+.card-text p {
+ font-size: 0.9rem;
+ padding-left: 2.2rem;
+ margin-bottom: 1rem;
+}
+
+.card-stats {
+ grid-area: stats;
+ background: var(--pink-very-light);
+ border-bottom-left-radius: 15px;
+ border-bottom-right-radius: 15px;
+}
+
+/* Admin or Members */
+.stat h3 {
+ font-size: 0.9rem;
+ font-weight: 600;
+ text-align: center;
+ padding-top: 0.6rem;
+ color: white;
+}
+
+/* ====x=================== memberboard.php ===================x==== */
+/* ======================== (ADMIN) login.php (ADMIN) ======================== */
+
+/* Section of the Admin Login */
+#admin-login {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ width: 100%;
+ min-height: 45rem;
+ background: var(--pink-heavy);
+ overflow: hidden;
+}
+
+/* Admin Login Box */
+.center {
+ width: 400px;
+ background: white;
+ border-radius: 10px;
+ box-shadow: 10px 10px 15px rgba(0,0,0,0.2);
+}
+
+.center h1 {
+ font-family: var(--textntitles);
+ font-size: 3rem;
+ font-weight: 700;
+ color: var(--text-gray);
+ text-align: center;
+ padding: 20px 0;
+ border-bottom: 2px solid var(--sakura);
+ margin: 0 40px;
+}
+
+.center form {
+ padding: 0 40px;
+ box-sizing: border-box;
+ height: 15rem;
+}
+
+form .txt_field {
+ position: relative;
+ border-bottom: 2px solid #adadad;
+ margin: 30px 0;
+}
+
+.txt_field input{
+ width: 100%;
+ padding: 0 5px;
+ height: 40px;
+ font-size: 16px;
+ border: none;
+ background: none;
+ outline: none;
+}
+
+
+.txt_field label{
+ position: absolute;
+ top: 50%;
+ left: 5px;
+ font-family: var(--textntitles);
+ color: var(--text-light);
+ transform: translateY(-50%);
+ font-size: 16px;
+ pointer-events: none;
+ transition: .5s;
+}
+
+.txt_field span::before{
+ content: '';
+ position: absolute;
+ top: 40px;
+ left: 0;
+ width: 0%;
+ height: 2px;
+ background: var(--sakura);
+ transition: .5s;
+}
+
+/* For the "Swosh" Effect */
+.txt_field input:focus ~ label,
+.txt_field input:valid ~ label{
+ top: -5px;
+ color: var(--sakura);
+}
+
+.txt_field input:focus ~ span::before,
+.txt_field input:valid ~ span::before{
+ width: 100%;
+}
+
+/* Area of the sign in and return button */
+.buttonarea {
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
+ flex-direction: row;
+ height: 80px;
+}
+
+.btn-special-sign-in, .btn-special-return {
+ border: none;
+ border-radius: 2rem;
+ padding: 1rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ transition: all 300ms;
+}
+
+.btn-special-sign-in:hover, .btn-special-return:hover {
+ transform: scale(1.2);
+}
+
+/* ====x=================== (ADMIN) login.php (ADMIN) ===================x==== */
+/* ======================== (ADMIN) index.php (ADMIN) ======================== */
+
+#admin-control {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: space-evenly;
+ align-items: center;
+ position: relative;
+ width: 100%;
+ min-height: 60rem;
+ background: var(--pink-heavy);
+ overflow: hidden;
+}
+
+/* Admin Login Box */
+.controlbox {
+ max-width: 500px;
+ height: 350px;
+ background: white;
+ border-radius: 10px;
+ box-shadow: 10px 10px 15px rgba(0,0,0,0.2);
+ display: flex;
+ flex-direction: column;
+ justify-content: space-evenly;
+ align-items: center;
+ transition: all 300ms ease-in-out;
+}
+:hover.controlbox {
+ transform: scale(1.1);
+}
+
+.controlbox h1 {
+ font-size: 2.5rem;
+ font-weight: 600;
+ padding: 1rem 3rem 0 3rem;
+ text-align: center;
+}
+
+.controlbox .fas.fa-book,.controlbox .fas.fa-user {
+ font-size: 2.5rem;
+}
+
+.controlbox h2 {
+ font-size: 1.1rem;
+ font-weight: 300;
+ text-align: center;
+}
+
+.btn-edit {
+ border-radius: 2rem;
+ padding: 0.8rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+}
+
+:hover.btn-edit {
+ background: chartreuse;
+ color: var(--text-gray);
+}
+
+
+
+
+footer.footer .admin-rights {
+ justify-content: center;
+ font-family: var(--linksnbtn);
+ padding: 1rem;
+}
+
+
+
+
+
+/* ====x=================== (ADMIN) index.php (ADMIN) ===================x==== */
\ No newline at end of file
diff --git a/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/css/variables.css b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/css/variables.css
new file mode 100644
index 0000000..607cd88
--- /dev/null
+++ b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/css/variables.css
@@ -0,0 +1,191 @@
+/* Over here you will find:
+
+ - CSS Reset
+ - Custom Fonts
+ - Variables
+ - Global classes
+
+*/
+
+
+/* === Small CSS Reset === */
+*{
+ margin: 0;
+ padding: 0;
+}
+*, *::after, *::before{
+ box-sizing: border-box;
+}
+
+/* Custom Fonts for possible use */
+
+@font-face {
+ font-family: 'myFirstFont';
+ src: url('../theme/fonts/SF_Shai_Fontai_Extended-webfont.woff');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'mySecondFont';
+ src: url('../theme/fonts/Japan.ttf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'myThirdFont';
+ src: url('../theme/fonts/JAPANBRUSH.ttf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+/* -------- Variables --------- */
+
+:root {
+
+/* Themed colors https://coolors.co/ */
+--text-gray: #2e3338;
+--text-light: #525252da;
+--bg-color: #0f0f0f;
+--white: #ffffff;
+--cherry: #fa6ebb;
+--sakura: #f8a8c9;
+--darkcherry: #790032;
+--red: #c00000;
+--light-grey: #d8d8d8;
+
+/* Gradient color https://webgradients.com/ */
+
+--sky: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
+--pink: linear-gradient(120deg, #fd84a2 0%, #cf4585 100%);
+--pink-light: linear-gradient(120deg, #f1a3c4 0%, #dfa1ee 100%);
+--pink-very-light: linear-gradient(120deg, #fd84a2 0%, #fac0db 100%);
+--pink-heavy: linear-gradient(120deg, #a81f41 0%, #fac0db 100%);
+
+/* Themed fonts (used in this blog) */
+
+--logo: 'Permanent Marker', cursive; /* For logo */
+--linksnbtn: 'Abel', cursive; /* For Links and Buttons */
+--textntitles: 'Nunito', sans-serif; /* For Text and Titles */
+
+}
+
+/* ----x---- Variables ----x---- */
+/* --------- Global Classes --------- */
+a {
+ text-decoration: none;
+ color: var(--text-gray);
+}
+
+p {
+ font-family: var(--textntitles);
+ color: var(--text-light);
+}
+
+/* Add a flex-row in the html to flex the object... */
+.flex-row {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap; /* It can collapse perfectly if the size is shrinking */
+}
+
+ul {
+ list-style-type: none;
+}
+
+span {
+ font-family: var(--textntitles);
+ font-size: 1.3rem;
+}
+
+h1 {
+ font-family: var(--textntitles);
+ font-size: 5.5rem;
+ font-weight: 700;
+}
+
+h2 {
+ font-family: var(--textntitles);
+ font-size: 3.4rem;
+ font-weight: 500;
+ color: var(--text-gray);
+}
+
+h3 {
+ font-family: var(--textntitles);
+ font-size: 1.3rem;
+ font-weight: 500;
+}
+
+button.btn, a.btn {
+ border-radius: 2rem;
+ padding: 1rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ border: 1px solid var(--white);
+}
+
+.container {
+ margin: 0 2vw;
+}
+
+.text-gray {
+ color: var(--text-gray);
+}
+
+section .title {
+ text-align: center;
+ padding-top: 3.5rem;
+ font-family: var(--textntitles);
+ font-size: 3.5rem;
+ font-weight: 500;
+ color: var(--text-gray);
+}
+
+section .title-main {
+ font-family: var(--textntitles);
+ font-size: 3rem;
+ font-weight: 500;
+ color: var(--text-gray);
+ margin: 6rem 0 1rem 2rem;
+}
+
+section .title-sidebar {
+ font-family: var(--textntitles);
+ font-size: 3rem;
+ font-weight: 500;
+ color: var(--text-gray);
+ text-align: center;
+ padding-top: 6rem;
+ margin-bottom: 1.5rem;
+}
+
+body {
+ width: 100%;
+ /* To eliminate horizontal scrollbar */
+ overflow-y: scroll;
+ overflow-x: hidden;
+}
+
+input {
+ font-family: var(--textntitles);
+}
+
+textarea {
+ font-family: var(--textntitles);
+ font-size: 1rem;
+ font-weight: 500;
+ padding: 0.4rem;
+}
+
+hr {
+ border: 1px solid;
+ color: var(--text-light);
+}
+
+/* ----x---- Global Classes ----x---- */
\ No newline at end of file
diff --git a/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf
similarity index 100%
rename from Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf
diff --git a/Swiss_JDM_Blog/theme/fonts/Japan.ttf b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/fonts/Japan.ttf
similarity index 100%
rename from Swiss_JDM_Blog/theme/fonts/Japan.ttf
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/fonts/Japan.ttf
diff --git a/Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff
similarity index 100%
rename from Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff
diff --git a/Swiss_JDM_Blog/theme/javascript/aos.js b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/javascript/aos.js
similarity index 100%
rename from Swiss_JDM_Blog/theme/javascript/aos.js
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/javascript/aos.js
diff --git a/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/javascript/main.js b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/javascript/main.js
new file mode 100644
index 0000000..c7bd8b6
--- /dev/null
+++ b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/javascript/main.js
@@ -0,0 +1,127 @@
+/* ======================== index.php ======================== */
+
+// Live Server autoscroll bug
+// $(window).scroll (function(){
+// sessionStorage.scrollTop = $(this).scrollTop();
+// });
+
+// Variables:
+const responsive = {
+ 0: {
+ items: 1 // Bugfix (Avoid to see all 4 items in just 320px)
+ },
+ 400: {
+ items: 1 // At 320px vw we only see one carousel item
+ },
+ 700: {
+ items: 2 // At 700px vw we see two carousel items
+ },
+ 1100: {
+ items: 3 // At 1000px vw we see three carousel items
+ }
+}
+
+
+
+
+
+$(document).ready(function(){
+
+ /* CSS Scrollbug */
+// $(window).on('unload', function() {
+// $(window).scrollTop(0); });
+// window.onunload = function(){
+// window.scrollTo(0,0); };
+// if ('scrollRestoration' in history)
+// { history.scrollRestoration = 'manual'; };
+
+ /* CSS Scrollbug */
+ // if (sessionStorage.scrollTop != "undefined") {
+ // $(window).scrollTop(sessionStorage.scrollTop);
+ // }
+
+
+ /* --- definition of variables --- */
+ $nav = $('.nav');
+ $toggleCollapse = $('.toggle-collapse');
+ $menuToggleBtn = $('.menu-toggle-btn')
+
+ /* --- click event to toggle the nav menu --- */
+ $toggleCollapse.click(function(){
+ $nav.toggleClass('collapse', 1000); /* we get a new collapse class especially made for toggeling */
+ })
+
+ /* --- click event to exchange the burgersymbol with the x of fa-times --- */
+ $menuToggleBtn.click(function() {
+ $(this).toggleClass('fa-times');
+ })
+
+ /* Attempt to hover out to remove the collapse*/
+ // $("main").hover(
+ // function(){
+ // $('.collapse').fadeOut('slow', function(){
+ // console.log('Faded Out')
+ // });
+ // });
+
+
+ // -- owl-crousel for blog -- //
+ $('.owl-carousel').owlCarousel({
+ loop: true,
+ autoplay: false, // false to stop
+ autoplayTimeout: 5000,
+ dots: false,
+ nav: true,
+ navText: [$('.owl-navigation .owl-nav-prev'), $('.owl-navigation .owl-nav-next')],
+ responsive: responsive // This defined variable (above) got a function
+
+ });
+
+ // -- click to scroll to top -- //
+ $('.move-up span').click(function(){
+ $('html, body').animate({
+ scrollTop: 0
+ }, 1000); // 1 Second duration to scroll up
+ })
+
+ // -- AOS Animation on scroll Instance -- //
+ AOS.init()
+
+
+
+ // -- SHOW and HIDE of the collapse infos -- //
+ $(".btn1").click(function(){
+ $(".blog1").show(900);
+ });
+
+ $(".return1").click(function(){
+ $(".blog1").hide(900);
+ });
+
+
+ // -- ERROR-MESSAGES login and signup -- //
+ // $('btn solid sign-in').click(function(){
+ // $('error-message').show(900);
+
+ // })
+
+
+ });
+
+ /* ====x=================== index.php ===================x==== */
+ /* ======================== login.php ======================== */
+
+ const sign_in_btn = document.querySelector("#sign-in-btn");
+ const sign_up_btn = document.querySelector("#sign-up-btn");
+ const login_container = document.querySelector(".login-container");
+
+ sign_up_btn.addEventListener('click', () => {
+ login_container.classList.add("sign-up-mode");
+ });
+
+ sign_in_btn.addEventListener('click', () => {
+ login_container.classList.remove("sign-up-mode");
+ });
+
+
+ /* ====x=================== login.php ===================x==== */
\ No newline at end of file
diff --git a/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js b/Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js
similarity index 100%
rename from Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js
rename to Version_16_AdminLoginUndMemberboard/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/.gitignore b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/.gitignore
new file mode 100644
index 0000000..09789e5
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/.gitignore
@@ -0,0 +1,5 @@
+Password for Admin:
+
+
+
+Password for the registred User Svendolin
\ No newline at end of file
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/Readme.md b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/Readme.md
new file mode 100644
index 0000000..4e2b4f9
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/Readme.md
@@ -0,0 +1,99 @@
+***
+# 🌸 JDM-BLOG Website🌸
+---
+
+
+    
+***
+This JDM Blogging Page should contain:
+
+* Responsive layout using HTML/CSS and implemented design principles from the previous lessons
+* A database that contains all relevant data (e.g. user data, articles, page content, etc.).
+* Two seperate Layouts for unregistred as well as registred users
+* A login form that registered users can use to log in. Once a user is logged in, they should be able to edit data in the database.
+* A registration form that unregistered users can use to log in. This form should require at least four fields to be filled in and validated correctly (e.g. username, password,
+E- mail address, last name, first name, etc.).
+
+
+
+ (Tasks and requirements are based on the SAE Institute Zurich)
+
+Admin Area - Swiss JDM Blog
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/admin/html/start.php b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/admin/html/start.php
new file mode 100644
index 0000000..dfb8118
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/admin/html/start.php
@@ -0,0 +1,93 @@
+
+
+
+
+
+ Swiss JDM Blog
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/admin/index.php b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/admin/index.php
new file mode 100644
index 0000000..5cd3dbb
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/admin/index.php
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+
+
+
+
+
Blog management
+
+
Edit and delete posts created by users
+
Go for it!
+
+
Profile management
+
+
Edit and delete user profiles
+
Go for it!
+
+
Profile management
+
+
Edit and delete user profiles
+
Go for it!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/admin/login.php b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/admin/login.php
new file mode 100644
index 0000000..43d4811
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/admin/login.php
@@ -0,0 +1,120 @@
+';
+ // print_r($adminIdExists);
+ // echo '';
+
+ $pwdHashed = $adminIdExists["admin_password"]; // usersPwd is the passwort field inside of our users table of our database
+ $checkPwd = password_verify($adminpwd, $pwdHashed); // If it matches = true, if not = false, logically
+
+ // echo '';
+ // print_r($_checkPwd);
+ // echo '';
+
+ // Check if the entered password of the user does not match (is false) to its password in the database:
+ if ($checkPwd === false) {
+ header("location: ../admin/login.php?error=wronglogin");
+ exit();
+ }
+
+ //...if it matches, the login can start with a SESSION START:
+ else if ($checkPwd === true) {
+ session_start();
+ $_SESSION["adminid"] = $adminIdExists["IDadmin"];
+ $_SESSION["adminuid"] = $adminIdExists["admin_name"];
+ $_SESSION['loginstatus'] = true; // logintsatus speichern
+ $_SESSION['lastactivity'] = time(); // timestamp in session
+ $_SESSION['login_useragent'] = $_SERVER['HTTP_USER_AGENT'];
+
+ header("location: ../admin/index.php"); // THAT's the possitive target! ✅
+ // exit();
+ }
+}
+
+// echo password_hash("adminPW1234!!", PASSWORD_DEFAULT);
+// IMPORTANT: to enter into your admin login, use: Sven Kamm OR sven0815@gmx.ch AND adminPW1234!!
+
+
+
+?>
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/admin/logout.php b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/admin/logout.php
new file mode 100644
index 0000000..00417a1
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/admin/logout.php
@@ -0,0 +1,14 @@
+
\ No newline at end of file
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/android-icon-144x144.png b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/android-icon-144x144.png
new file mode 100644
index 0000000..4d6dd5c
Binary files /dev/null and b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/android-icon-144x144.png differ
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/android-icon-192x192.png b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/android-icon-192x192.png
new file mode 100644
index 0000000..241d446
Binary files /dev/null and b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/android-icon-192x192.png differ
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/android-icon-36x36.png b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/android-icon-36x36.png
new file mode 100644
index 0000000..528d10e
Binary files /dev/null and b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/android-icon-36x36.png differ
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/android-icon-48x48.png b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/android-icon-48x48.png
new file mode 100644
index 0000000..e807132
Binary files /dev/null and b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/android-icon-48x48.png differ
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/android-icon-72x72.png b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/android-icon-72x72.png
new file mode 100644
index 0000000..fc98cb6
Binary files /dev/null and b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/android-icon-72x72.png differ
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/android-icon-96x96.png b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/android-icon-96x96.png
new file mode 100644
index 0000000..73d41c8
Binary files /dev/null and b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/android-icon-96x96.png differ
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-114x114.png b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-114x114.png
new file mode 100644
index 0000000..19f1891
Binary files /dev/null and b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-114x114.png differ
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-120x120.png b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-120x120.png
new file mode 100644
index 0000000..adb4c66
Binary files /dev/null and b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-120x120.png differ
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-144x144.png b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-144x144.png
new file mode 100644
index 0000000..c4b163c
Binary files /dev/null and b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-144x144.png differ
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-152x152.png b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-152x152.png
new file mode 100644
index 0000000..03b09ca
Binary files /dev/null and b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-152x152.png differ
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-180x180.png b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-180x180.png
new file mode 100644
index 0000000..e54e920
Binary files /dev/null and b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-180x180.png differ
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-57x57.png b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-57x57.png
new file mode 100644
index 0000000..6a27eac
Binary files /dev/null and b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-57x57.png differ
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-60x60.png b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-60x60.png
new file mode 100644
index 0000000..80b2122
Binary files /dev/null and b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-60x60.png differ
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-72x72.png b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-72x72.png
new file mode 100644
index 0000000..7fbf539
Binary files /dev/null and b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-72x72.png differ
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-76x76.png b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-76x76.png
new file mode 100644
index 0000000..85fffbd
Binary files /dev/null and b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-76x76.png differ
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-precomposed.png b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-precomposed.png
new file mode 100644
index 0000000..e320a65
Binary files /dev/null and b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon-precomposed.png differ
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon.png b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon.png
new file mode 100644
index 0000000..e320a65
Binary files /dev/null and b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/apple-icon.png differ
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/browserconfig.xml b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/browserconfig.xml
new file mode 100644
index 0000000..c554148
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/favicon/browserconfig.xml
@@ -0,0 +1,2 @@
+
+#ffffff ';
+
+
+
+ // Check if the entered password of the user does not match (is false) to its password in the database:
+ if ($checkPwd === false) {
+ header("location: ../login.php?error=wronglogin");
+ exit();
+ }
+
+ //...if it matches, the login can start with a SESSION START:
+ else if ($checkPwd === true) {
+ session_start();
+ $_SESSION["userid"] = $uidExists["usersId"];
+ $_SESSION["useruid"] = $uidExists["usersUid"];
+ $_SESSION['loginstatus'] = true; // logintsatus speichern
+ $_SESSION['lastactivity'] = time(); // timestamp in session
+ $_SESSION['login_useragent'] = $_SERVER['HTTP_USER_AGENT'];
+
+
+ header("location: ../index.php"); // THAT's the possitive target! ✅
+ // exit();
+ }
+}
+
+function session_init(){
+ // session_name(CUSTOM_SESSIONNAME); // Changes the name of the session cookie, not active here
+ session_start();// Initialized a session_start
+ // session_regenerate_id(); // Changes the value of the session ID and cookie each time, not active here
+}
+
+
+function sessioncheck(){
+ $session_laufzeit = SESSION_EXPIRY*60; // config defined at 3*60 = 60 seconds timeout
+
+
+ // prüfen, ob der User agent noch gleich ist wie beim Login
+ if( $_SESSION['login_useragent'] !== $_SERVER['HTTP_USER_AGENT'] ){
+ $_SESSION['loginstatus'] = false;
+ }
+
+ // prüfen, wann der user das letzte mal aktiv war
+ if( $_SESSION['lastactivity'] < time()-$session_laufzeit ){
+ $_SESSION['loginstatus'] = false;
+ }
+
+ // prüfen, ob der Besucher eingeloggt ist, nur dann darf die Seite angezeigt werden
+ if( $_SESSION['loginstatus'] !== true ){
+ // wenn die Session nicht existiert oder der timestamp weiter zurückliegt als die erlaubte laufzeit (= kein Zugriff)...
+
+ // ausloggen (Session zurücksetzen)
+ setcookie (session_name(), null, -1, '/');
+ session_destroy();
+ session_write_close();
+
+ // auf das login umleiten
+ return false;
+ }
+
+ session_regenerate_id(); // neue ID für meine Session - hacker kann die alte nun nicht mehr brauchen, falls er sie hat.
+ $_SESSION['lastactivity'] = time(); // aktualisieren des Timestamp TODO: LASTACTIVITY
+ return true;
+}
+
+// --x--------------------------------- LOGIN STUFF ----------------------------------x-- //
+// ------------------------------------ ADMIN LOGIN-STUFF ------------------------------------ //
+
+/* SIDE NOTE: session_init() and session_check() from above is used for the admin login as well */
+function adminIdExists($conn, $adminname, $adminemail) {
+ $sql = "SELECT * FROM admin WHERE admin_name = ? OR admin_email = ?;"; // Prepare Statements = ?
+ $stmt = mysqli_stmt_init($conn); // Prepared statement: Iniitialize to the database = $conn
+ if (!mysqli_stmt_prepare($stmt, $sql)) { //CHECK if the prepare statement will fail before we see that it will succeed
+ header("location: ../login.php?error=stmtfailed");
+ exit();
+ }
+
+ // Passing data from the user if it does not fail:
+ mysqli_stmt_bind_param($stmt, "ss", $adminname, $adminemail);
+ mysqli_stmt_execute($stmt);
+
+ // "Get result" returns the results from a prepared statement
+ $resultData = mysqli_stmt_get_result($stmt); // $stmt = Our prepared statement / "ss" = Type of Data? Double string, username and email = basic text /
+
+ // fetching the data (if the columns are set to their names)
+ if ($row = mysqli_fetch_assoc($resultData)) {
+ return $row; // This shows "true": $row will be executed, so if its true the fetch assoc will work and the process works
+ }
+ else {
+ $result = false;
+ return $result;
+ }
+
+ mysqli_stmt_close($stmt);
+}
+
+// --x--------------------------------- ADMIN LOGIN-STUFF ---------------------------------x-- //
+
+?>
\ No newline at end of file
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/includes/html/footer.html.php b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/includes/html/footer.html.php
new file mode 100644
index 0000000..053fc1b
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/includes/html/footer.html.php
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/includes/html/header.html.php b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/includes/html/header.html.php
new file mode 100644
index 0000000..008ca1c
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/includes/html/header.html.php
@@ -0,0 +1,110 @@
+
+
+
+ Swiss JDM Blog
+
+
+
+
+
+ Logout
+ '; // (Logoutbutton)
+ }
+ // Is the user NOT LOGGED IN? Show THIS INSTEAD:
+ else {
+ echo ''; // (Loginbutton)
+ }
+ ?>
+
+
+
+
\ No newline at end of file
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/includes/login.inc.php b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/includes/login.inc.php
new file mode 100644
index 0000000..99827ff
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/includes/login.inc.php
@@ -0,0 +1,60 @@
+';
+ // print_r($username);
+ // echo '';
+
+ // echo '';
+ // print_r($pwd);
+ // echo '';
+
+
+ // Then we run a bunch of error handlers to catch any user mistakes we can (you can add more than I did)
+ // These functions can be found in functions.inc.php
+
+ require_once('config.php'); // Formerly "dbh.inc.php"
+ require_once('mysql-connect.php');
+ require_once('functions.inc.php');
+
+ // Such as the one from functions.inc.php, but simpler with "emptyInputLogin" instead of "emptyInputSignup"
+ if (emptyInputLogin($username, $pwd) === true) {
+ header("location: ../login.php?error=emptyinputlogin");
+ exit();
+ }
+
+ // If we get to here, it means there are no user errors
+
+ // Now we insert the user into the database
+ loginUser($conn, $username, $pwd);
+
+
+} else {
+ header("location: ../login.php");
+ // exit();
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+?>
\ No newline at end of file
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/includes/mysql-connect.php b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/includes/mysql-connect.php
new file mode 100644
index 0000000..2c0e022
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/includes/mysql-connect.php
@@ -0,0 +1,18 @@
+
\ No newline at end of file
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/includes/signup.inc.php b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/includes/signup.inc.php
new file mode 100644
index 0000000..70aa070
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/includes/signup.inc.php
@@ -0,0 +1,69 @@
+
+
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/index.php b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/index.php
new file mode 100644
index 0000000..24d57fd
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/index.php
@@ -0,0 +1,351 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Where JDM enthusiasts come together
+
Tell your story
+ Explore';
+ }
+ // Is the user NOT LOGGED IN? Show THIS INSTEAD:
+ else {
+ echo '
Explore ';
+ }
+ ?>
+
+
+
+
+
+
+
+
Newsflash
+
+
+
+
+
+
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Perferendis, sequi aliquid? Quod sapiente quibusdam blanditiis
+ omnis nesciunt ullam molestias. Eveniet!
+
return
+
+
+
+
+
+
"Godzilla has arrived!"
+ Read More
+ 9th of June 2021
+
+
+
+
+
+
+
+
"Slapsticker time!"
+ Read More
+ 17th of July 2021
+
+
+
+
+
+
+
+
"Visited his Brother!"
+ Read More
+ 30th of September 2021
+
+
+
+
+
+
+
+
"Time for some NOS ;)"
+ Read More
+ 5th of November 2021
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Featured Blog Posts
+
+
+
+
+
+
+
+
+
+
When was the last time we met each other?!?
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Laboriosam, expedita qui explicabo sit iure neque autem nulla totam adipisci
+ voluptates laudantium itaque possimus ipsam ut obcaecati rem ab debitis
+ asperiores reprehenderit. Modi error nobis nesciunt dolor aspernatur neque
+ dolores adipisci.
+
Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Would you add the Mount Fuji in the background? ;)
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Laboriosam, expedita qui explicabo sit iure neque autem nulla totam adipisci
+ voluptates laudantium itaque possimus ipsam ut obcaecati rem ab debitis
+ asperiores reprehenderit. Modi error nobis nesciunt dolor aspernatur neque
+ dolores adipisci.
+
Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Ready for 2022! What about you?
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Laboriosam, expedita qui explicabo sit iure neque autem nulla totam adipisci
+ voluptates laudantium itaque possimus ipsam ut obcaecati rem ab debitis
+ asperiores reprehenderit. Modi error nobis nesciunt dolor aspernatur neque
+ dolores adipisci.
+
Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/login.php b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/login.php
new file mode 100644
index 0000000..5f8e7ba
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/login.php
@@ -0,0 +1,211 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
New here?
+
Be a part of our community, unleash your passion for JDM cars together and tell us your story!
+
Join us
+
+
+
+
+
+
+
One of us?
+
Let's share what's on your mind, you are just a few clicks away!
+
Sign in
+
+
+
+
+
+ Let's see
+
Our Members:
+
+
+0 ) { ?>
+
+
+
+
+
+
+
+
+
+
Member since:
+
That's me:
+
+
My Car:
+
+
I live in:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Member since: 09.06.2021
+
That's me:
+
Sillest
+
My Car:
+
Nissan 200sx S13
+
I live in:
+
Nidwalden
+
+
+
+
+
+
+
+
+
Member since: 11.06.2021
+
That's me:
+
Oli_Supra
+
My Car:
+
Toyota Supra MK4
+
I live in:
+
Aargau
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/post.php b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/post.php
new file mode 100644
index 0000000..c83612f
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/post.php
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
+
+
+ let's read
+
My Story
+
+
+
+
+
+
+
+
+
September 3, 2021 by: Sillest
+
When was the last time we met each other?!?
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+ Dicta quibusdam ducimus libero ut provident, tempore ullam temporibus repellendus corporis omnis.
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+ Dicta quibusdam ducimus libero ut provident, tempore ullam temporibus repellendus corporis omnis.
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+
+
+
Return
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/swiss_jdm_blog.sql b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/swiss_jdm_blog.sql
new file mode 100644
index 0000000..128266e
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/swiss_jdm_blog.sql
@@ -0,0 +1,105 @@
+-- phpMyAdmin SQL Dump
+-- version 5.1.1
+-- https://www.phpmyadmin.net/
+--
+-- Host: 127.0.0.1
+-- Erstellungszeit: 28. Dez 2021 um 12:10
+-- Server-Version: 10.4.21-MariaDB
+-- PHP-Version: 8.0.11
+
+SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
+START TRANSACTION;
+SET time_zone = "+00:00";
+
+
+/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
+/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
+/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
+/*!40101 SET NAMES utf8mb4 */;
+
+--
+-- Datenbank: `swiss_jdm_blog`
+--
+
+-- --------------------------------------------------------
+
+--
+-- Tabellenstruktur für Tabelle `admin`
+--
+
+CREATE TABLE `admin` (
+ `IDadmin` int(11) NOT NULL,
+ `admin_name` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `admin_email` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `admin_password` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `admin_usertype` tinyint(1) NOT NULL DEFAULT 1
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+--
+-- Daten für Tabelle `admin`
+--
+
+INSERT INTO `admin` (`IDadmin`, `admin_name`, `admin_email`, `admin_password`, `admin_usertype`) VALUES
+(1, 'Sven Kamm', 'sven0815@gmx.ch', '$2y$10$t9c9iyMmp.vJzaefy9RF5.Ic9Xec0globisorxwChWkrCG9bkDEXi', 1);
+
+-- --------------------------------------------------------
+
+--
+-- Tabellenstruktur für Tabelle `users`
+--
+
+CREATE TABLE `users` (
+ `usersId` int(11) NOT NULL,
+ `usersName` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersUid` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersCar` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersState` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersEmail` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersPwd` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `user_state` tinyint(1) DEFAULT 1,
+ `user_created` timestamp NOT NULL DEFAULT current_timestamp()
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+--
+-- Daten für Tabelle `users`
+--
+
+INSERT INTO `users` (`usersId`, `usersName`, `usersUid`, `usersCar`, `usersState`, `usersEmail`, `usersPwd`, `user_state`, `user_created`) VALUES
+(1, 'Sven Kamm', 'Svendolin', 'Nissan Skyline R33', 'Aargau', 'sven0815@gmx.ch', '$2y$10$iNoQRI/kyBnyqXM8UZ/7AOwKBKc8KADIAFf41./pXsDebmig8ILx6', 1, '2021-12-27 00:39:34');
+
+--
+-- Indizes der exportierten Tabellen
+--
+
+--
+-- Indizes für die Tabelle `admin`
+--
+ALTER TABLE `admin`
+ ADD PRIMARY KEY (`IDadmin`);
+
+--
+-- Indizes für die Tabelle `users`
+--
+ALTER TABLE `users`
+ ADD PRIMARY KEY (`usersId`);
+
+--
+-- AUTO_INCREMENT für exportierte Tabellen
+--
+
+--
+-- AUTO_INCREMENT für Tabelle `admin`
+--
+ALTER TABLE `admin`
+ MODIFY `IDadmin` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=2;
+
+--
+-- AUTO_INCREMENT für Tabelle `users`
+--
+ALTER TABLE `users`
+ MODIFY `usersId` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=3;
+COMMIT;
+
+/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
+/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
+/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/tellyourstory.php b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/tellyourstory.php
new file mode 100644
index 0000000..efcdf8d
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/tellyourstory.php
@@ -0,0 +1,96 @@
+
+
+
+
+
+
+
+ let's hear
+
Your Story:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/css/aos.css b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/css/aos.css
new file mode 100644
index 0000000..66923fe
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/css/aos.css
@@ -0,0 +1 @@
+[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
\ No newline at end of file
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/css/mediaqueries.css b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/css/mediaqueries.css
new file mode 100644
index 0000000..07f3078
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/css/mediaqueries.css
@@ -0,0 +1,339 @@
+
+/* ======================= index.php ======================= */
+
+/* ----- Viewport less than or equal to 1270px ------ */
+
+@media only screen and (max-width: 1270px) {
+ /* Gives the pink blogpost info section more space while shrinking */
+ .site-content .post-content > .post-image .post-info {
+ left: 2rem !important;
+ bottom: 1.2rem !important;
+ border-radius: 0% !important;
+ }
+
+ /* The comment and datasection will disapper after shrinking */
+ .site-content .sidebar .popular-post .post-info {
+ display: none !important;
+ }
+
+ /* Gives the container colums more space in the footer: From 4 colums to 2 columns */
+ footer.footer .container {
+ grid-template-columns: repeat(2,1fr);
+ }
+
+}
+
+/* --x-- Viewport less than or equal to 1270px --x-- */
+
+/* ----- Viewport less than or equal to 970px ------ */
+
+@media only screen and (max-width: 970px) {
+ .nav .nav-menu, .nav .nav-items {
+ flex-direction: column; /* Menubar and login button will collapse to the next line */
+ margin: 0; /* To eliminate the 8rem margin default value */
+ }
+
+ /* Special list item which should be seen in loggedIn mode only */
+ .nav .nav-menu, .nav .tell-your-story {
+ flex-direction: column; /* Menubar and login button will collapse to the next line */
+ margin: 0; /* To eliminate the 8rem margin default value */
+ }
+
+ .nav .nav-items .nav-link {
+ display: block;
+
+ }
+
+ /* Trick: Define the full nav-link area (Home etc) of the a tag to go to the next page */
+ .nav .nav-items .nav-link a {
+ display: inline-block;
+ padding-right: 80%; /* These two moved from .nav-link to .nav-link a */
+ }
+
+ .nav .toggle-collapse {
+ display: initial; /* Defined default value of the browser */
+ }
+
+ /* main blog content and side content won't be side to side now:
+ - 1) All the post content will be at 100% width at first place
+ - 2) the side content with categories, popular posts and so on will follow up */
+ main .site-content{
+ grid-template-columns: 100%;
+ }
+
+ /* Newsletterelements (input field and button */
+ .site-content .sidebar .newsletter .input-element {
+ width: 50%;
+ }
+ .site-content .sidebar .newsletter .form-btn {
+ padding: 0.8rem 20%;
+ }
+
+ footer.footer .container{
+ grid-template-columns: repeat(1, 1fr);
+ }
+
+}
+
+/* --x-- Viewport less than or equal to 970px --x-- */
+/* ----- Viewport less than or equal to 660px ------ */
+
+@media only screen and (max-width: 660px) {
+
+ /* the pink blogpost info section should disappear entirely */
+ .site-content .post-content > .post-image .post-info {
+ display: none;
+ }
+
+ /* Removes the back to top button at 660px */
+ footer.footer > .move-up {
+ display: none;
+ }
+}
+
+/* --x-- Viewport less than or equal to 660px --x-- */
+/* ----- Viewport less than or equal to 420px ------ */
+
+@media only screen and (max-width: 420px) {
+
+ /* Moves the 4 container boxes closer to eachother */
+ footer.footer .container > div {
+ padding: 1rem 0.9rem !important;
+ }
+
+ footer.footer .container .about-us {
+ margin-top: 2rem;
+ }
+
+ footer.footer .rights {
+ margin-top: 4rem !important;
+ text-align: center;
+ }
+
+}
+
+/* --x-- Viewport less than or equal to 420px --x-- */
+
+/* ====x================== index.php ==================x==== */
+/* ======================= login.php ======================= */
+
+@media only screen and (max-width: 870px) {
+
+ /* Container the red circle */
+ .login-container:before {
+ min-height: 1500px;
+ height: 1500px;
+ left: 25%;
+ bottom: 80%;
+ transform: translateX(-50%);
+ right: initial;
+ top: initial; /* Set to their default values */
+ transition: 2s ease-in-out;
+ }
+
+ /* The whole sign-in and sign-up section (Adjust the top if its not centered enough) */
+ .login-container .signin-signup {
+ width: 100%;
+ left: 50%;
+ top: 90%;
+ transform: translate(-50%, -100%);
+ transition: 1s 0.8s ease-in-out;
+ }
+
+ /* Container with the sign-in panels */
+ .login-container .panels-container {
+ /* background: green; */
+ grid-template-columns: 1fr; /* Just ONE ROW now */
+ grid-template-rows: 1fr 2fr 1fr; /* 3-row areas: 1fr = Join, 2fr empty, 1fr= Sign */
+ }
+
+ .panels-container .panel {
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center;
+ padding: 2.5rem 8%;
+ }
+
+ .panels-container .panel h3 {
+ font-size: 1.2rem;
+ }
+
+ .panels-container .panel p {
+ font-size: 0.9rem;
+ padding: 0.5rem 0;
+ }
+
+ /* transparent button of the panel */
+ button.btn.transparent {
+ width: 100px;
+ height: 40px;
+ font-size: 1.1rem;
+ }
+
+ /* Content of the both pannels */
+ .panels-container .panel .content {
+ padding-right: 15%;
+ transition: 0.9s 0.8s ease-in-out;
+ }
+
+ .image {
+ width: 200px;
+ transition: 0.9s 0.6s ease-in-out;
+ }
+
+ .panels-container .left-panel {
+ grid-row: 1 / 2; /* From top (because of row) Line 1 to 2 (1fr), 2 to 3 (2fr) = empty */
+ }
+
+ .panels-container .right-panel {
+ grid-row: 3 / 4; /* From top (because of row) Line 1 to 2 (1fr), 2 to 3 (2fr) = empty */
+ }
+
+ /* Content and Images of sign-in an sign-up united in the center */
+ .panels-container .right-panel .content, .panels-container .right-panel .image {
+ transform: translateY(300px);
+ }
+
+ /* The pannel container (red circle) will now move up and down */
+ .login-container.sign-up-mode:before {
+ transform: translate(-50%, 100%);
+ bottom: 32%;
+ right: initial;
+ }
+
+ .login-container.sign-up-mode .left-panel .image,
+ .login-container.sign-up-mode .left-panel .content {
+ transform: translateY(-300px);
+ }
+
+ .login-container.sign-up-mode .signin-signup {
+ top: 5%;
+ transform: translate(-50%, 0);
+ left: 50%;
+ }
+
+ /* Sign-in login error messages */
+ .error-message-log-in p {
+ margin-top: 50rem;
+ }
+
+ /* Sign-up login (registration) error messages */
+ .login-container .signin-signup form {
+ justify-content: flex-end;
+ padding-bottom: 10rem;
+ }
+
+ .login-container {
+ min-height: 1200px; /* TODO: Make it bigger if you add more input fields */
+ height: 100vh;
+ }
+
+}
+
+@media only screen and (max-width: 570px) {
+ .login-container .signin-signup form {
+ padding: 0 1.5rem;
+ }
+
+ .image {
+ display: none;
+ }
+
+ .panels-container .panel .content {
+ padding: 0.5rem 1rem,
+ }
+
+ .login-container:before{
+ bottom: 72%;
+ left: 50%;
+ }
+
+ .login-container.sign-up-mode:before{
+ bottom: 28%;
+ left: 50%;
+ }
+
+ /* Sign-up login (registration) error messages */
+ .login-container .signin-signup form {
+ justify-content: center;
+ }
+
+ .error-message-sign-up {
+ display: flex;
+ justify-content: center;
+ }
+
+}
+
+/* ====x================== login.php ==================x==== */
+/* ======================= tellyourstory.php ======================= */
+
+@media only screen and (max-width: 570px) {
+
+ form.write-a-post {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+ .input-field-story, .input-field-story.textarea {
+ width: 20rem;
+ }
+
+}
+
+
+
+
+
+
+
+/* ====x================== tellyourstory.php ==================x==== */
+/* ======================= memberboard.php ======================= */
+
+@media only screen and (max-width: 1380px) {
+ #memberboard {
+ grid-template-columns: repeat(2,1fr);
+ grid-template-rows: repeat(2,1fr);
+ min-height: 85rem;
+ }
+}
+
+@media only screen and (max-width: 950px) {
+ #memberboard {
+ grid-template-columns: 1fr;
+ grid-template-rows: repeat(3,1fr);
+ min-height: 130rem;
+ }
+ .card {
+ grid-template-columns: 380px; /* 380 width */
+
+ }
+}
+
+
+/* ====x================== memberboard.php ==================x==== */
+
+/* ======================= post.php ======================= */
+
+@media only screen and (max-width: 1100px) {
+ .blog-container .blog-box, .blog-heading {
+ width: 100%;
+ }
+}
+
+
+/* ====x================== post.php ==================x==== */
+/* ======================= (admin) login.php (admin) ======================= */
+
+@media only screen and (max-width: 450px) {
+ .center {
+ width: 320px;
+ }
+ .btn-special-sign-in, .btn-special-return {
+ padding: 0.8rem 1.3rem;
+ }
+}
+
+
+/* ====x================== (admin) login.php (admin) ==================x==== */
+
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/css/owl.carousel.min.css b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/css/owl.carousel.min.css
new file mode 100644
index 0000000..a71df11
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/css/owl.carousel.min.css
@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
\ No newline at end of file
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/css/owl.theme.default.min.css b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/css/owl.theme.default.min.css
new file mode 100644
index 0000000..487088d
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/css/owl.theme.default.min.css
@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
\ No newline at end of file
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/css/style.css b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/css/style.css
new file mode 100644
index 0000000..59297aa
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/css/style.css
@@ -0,0 +1,1409 @@
+/* Over here you will find:
+
+ - CSS Styles (index.php / login.php / memberboard.php)
+
+*/
+
+
+/* ======================= index.php ======================= */
+
+/* --------- Navigation --------- */
+
+/* Navigation bar */
+.nav {
+ background: var(--white);
+ padding: 0 3rem;
+ height: 0; /* used to collapse and fold navigation menu */
+ height: 4.3rem;
+ overflow: hidden;
+ transition: height 1.2s ease-in-out;
+
+}
+.nav .nav-menu {
+ justify-content: space-between;
+}
+
+/* Burgerbar */
+.nav .toggle-collapse {
+ position: absolute;
+ top: 0%;
+ width: 90%;
+ cursor: pointer;
+ display: none;
+}
+
+.nav .toggle-collapse .toggle-icons {
+ display: flex;
+ justify-content: flex-end;
+ margin: 1.3rem 1.3rem 0 0;
+}
+
+
+/* Burgermark symbol */
+.nav .toggle-collapse .toggle-icons .menu-toggle-btn {
+ font-size: 1.7rem;
+ color: var(--text-gray);
+}
+
+/* X-symbol */
+i.menu-toggle-btn .fas .fa-bars .fa-times::before {
+ font-size: 1.9rem;
+ /* color: red; */
+}
+
+.collapse { /*Defined collapse class from main.js which will hide and open navigation */
+ height: 23rem;
+}
+
+.nav .nav-items {
+ display: flex;
+ /* margin: 0 8rem 0 0; */
+}
+
+/* Center placed nav links */
+.nav .nav-items .nav-link {
+ position: relative;
+ font-family: var(--linksnbtn);
+ font-size: 1.3rem;
+ font-weight: 500;
+ display: inline-block;
+ margin: 0 1rem;
+}
+
+/* Trick: Define the full nav-link area (Home etc) of the a tag to go to the next page */
+.nav .nav-items .nav-link a {
+ display: inline-block;
+ padding: 1.4rem 1.4rem; /* These two moved from .nav-link to .nav-link a */
+ text-align: center;
+}
+
+/* .nav .nav-items .nav-link a.home {
+ margin: 0 2rem;
+} */
+
+/* .nav .nav-items .nav-link a.member {
+ margin: 0 2rem;
+} */
+
+/* hover on nav links */
+.nav .nav-items .nav-link:hover {
+ background: var(--pink);
+ cursor: pointer;
+}
+
+.nav .nav-items .nav-link:hover a {
+ color: var(--white);
+
+}
+
+/* Logo */
+.nav .nav-brand a {
+ font-size: 1.6rem;
+ padding: 1rem 0;
+ display: block;
+ font-family: var(--logo);
+ background: var(--pink);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ /* border: solid 2px black; */
+}
+
+/* Login Button */
+.nav .login {
+ margin-top: 0.8rem;
+ height: 2.5rem;
+ width: 4rem;
+ font-family: var(--linksnbtn);
+ font-weight: 500;
+ font-size: 1.3rem;
+ border-radius: 10px;
+ border: solid 2px var(--sakura);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.nav .login a {
+ /* Move these two from div to a such as here to link the whole area */
+ display: inline-block;
+ padding: 1rem 1rem;
+}
+
+/* hover on Login*/
+.nav .login:hover {
+ background: var(--pink);
+ cursor: pointer;
+}
+
+.nav .login:hover a {
+ color: var(--white);
+}
+/* ----x---- Navigation ----x---- */
+
+
+/* --------- Main Content --------- */
+/* ----- Site title ----- */
+main .site-title {
+ background-image: url("../../images/q180sx2.jpg");
+ background-size: cover;
+ height: 90vh;
+ display: flex;
+ justify-content: center;
+
+}
+
+main .site-title .site-background {
+ padding-top: 5rem;
+ text-align: center;
+ color: var(--white);
+}
+
+main .site-title span,h1 {
+ margin: 0.3rem;
+ margin-bottom: 2rem;
+}
+
+main a.btn {
+ margin: 1rem;
+ background: var(--pink);
+ transition: all 300ms;
+}
+
+main .site-title .btn:hover {
+ background: transparent;
+ border: 1px solid var(--white);
+ transform: scale(1.1);
+}
+
+/* --x-- site title --x-- */
+/* ----- News Carousel ----- */
+main .blog {
+ background: url("../../images/sakuratree2.png");
+ background-repeat: no-repeat;
+ background-position: right;
+ /* height: 125vh; */
+ width: 100%;
+ /* background-size: 65%; */
+}
+
+main .blog .blog-post {
+ padding-top: 5rem;
+}
+
+/* Box with one blogpost */
+main .blog-post .blog-content {
+ display: flex; /* To align the content in a new line */
+ flex-direction: column;
+ text-align: center;
+ width: 80%;
+ margin: 3rem 2rem;
+ background: var(--white); /* Comment it out for transparent background */
+ box-shadow: 0 15px 20px rgba(0,0,0,0.2);
+}
+
+/* SPECIAL */
+/* Container of the informative text*/
+.blog1, .blog2, .blog3, .blog4 {
+ display: flex;
+}
+
+/* Informative text of each blog-post */
+main .blog-post .blog-content .blog-info-1, .blog-info-2, .blog-info-3, .blog-info-4 {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background: var(--text-gray);
+ display: none; /* TODO: Display Flex */
+ flex-direction: column;
+ justify-content: space-between;
+ align-items: center;
+ z-index: 0;
+}
+
+.return1, .return2, .return3, .return4 {
+ margin: 0 auto;
+ bottom: 0;
+}
+
+main .blog-post .blog-content .blog-info-1 p {
+ font-size: 1.5rem;
+ color: white;
+ padding: 2rem 2rem;
+}
+
+/* Dismiss button of the informative text of each blog-post */
+main .blog-post .blog-content .blog-info-1 .btn {
+ margin-bottom: 2rem;
+}
+
+/* Text of one newspost */
+main .blog-content .blog-title {
+ padding: 2rem 0;
+}
+
+/* Button of one newspost */
+main .blog-content .btn {
+ padding: 0.5rem 1rem;
+ margin: 1rem 0 0.5rem 0;
+ transition: all 300ms;
+}
+
+main .blog-content .btn:hover {
+ transform: scale(1.2)
+}
+
+/* Text of one newspost */
+main .blog-content span {
+ display: block;
+ font-family: var(--textntitles);
+ font-size: 0.9rem;
+ padding-top: 0.8rem;
+}
+
+/* News Navigation Arrows (nav: true in main.js) */
+
+section .container .owl-nav {
+ position: absolute;
+ top: 0%;
+ margin: 0 auto;
+ width: 100%;
+}
+
+.owl-nav .owl-prev .owl-nav-prev,
+.owl-nav .owl-next .owl-nav-next {
+ color: var(--text-gray);
+ background: transparent;
+ font-size: 2rem;
+}
+
+.owl-theme .owl-nav [class*='owl-']:hover {
+ background: transparent;
+ color: var(--sakura);
+}
+/* ---------------x-- News Carousel --x--------------- */
+/* ---------------------- Site Blog Content ---------------------- */
+
+
+/* Blog post site content */
+main .site-content {
+ display: grid;
+ grid-template-columns: 70% 30%;
+}
+
+main .post-content {
+ width: 100%;
+}
+
+/* Blog Post title text */
+main .site-content .post-content >.post-image, .post-title {
+ padding: 1rem 2rem;
+ position: relative;
+}
+
+main .post-content .post-title a {
+ font-family: var(--textntitles);
+ font-size: 2.2rem;
+ font-weight: 800;
+}
+
+
+/* pink infobox of each post */
+main .site-content .post-content > .post-image .post-info {
+ background: var(--pink-light);
+ padding: 0.3rem 1rem;
+ position: absolute;
+ bottom: 0%;
+ left: 20vw;
+ border-radius: 1rem;
+}
+
+/* pictures of each post */
+main .site-content .post-content > .post-image > div {
+ overflow: hidden;
+}
+
+main .site-content .post-content > .post-image .img {
+ width: 100%;
+ transition: all 800ms ease;
+}
+
+main .site-content .post-content > .post-image .img:hover {
+ transform: scale(1.1);
+}
+
+/* infotext of each post (spacing of each text element */
+main .site-content .post-content > .post-image .post-info span {
+ margin: 0 0.5rem;
+}
+
+/* Special button design especially for this part */
+main .site-content .post-content .post-title a.post-btn {
+ display: block;
+ text-align: center;
+ width: 10rem;
+ font-size: 1.2rem;
+ border-radius: 0;
+ padding: 0.7rem 1rem;
+ background: var(--pink);
+ margin: 1.5rem 0 0 0;
+ transition: all 300ms;
+ font-family: var(--linksnbtn);
+ font-weight: 500;
+}
+
+main .site-content .post-content .post-title a.post-btn:hover {
+ transform: scale(1.2);
+}
+
+/* pagination (1/2/3) */
+.site-content .pagination {
+ justify-content: center;
+ color: var(--text-gray);
+ margin: 4rem 0;
+}
+
+.site-content .pagination a {
+ padding: 0.6rem 0.9rem;
+ border-radius: 50%;
+ margin: 0 0.3rem;
+ font-family: var(--linksnbtn);
+ transition: all 300ms;
+}
+
+.site-content .pagination a:hover {
+ transform: scale(1.2);
+}
+
+.site-content .pagination .pages {
+ background: var(--sakura);
+}
+/* -------------x-- Site Blog Content --x------------- */
+/* ------------------ Sidebar ------------------ */
+
+
+/* The general listboxclass above to flex */
+.site-content > .sidebar > .category {
+ display: flex;
+ justify-content: center;
+}
+
+/* The whole list box */
+.site-content > .sidebar .category-list {
+ font-family: var(--textntitles);
+}
+
+/* All the different Category Items */
+.site-content > .sidebar .category-list .list-items {
+ background: var(--pink);
+ padding: 0.4rem 4rem 0.4rem 1rem;
+ margin: 0.8rem 0.9rem;
+ border-radius: 1rem;
+ width: 100%;
+ transition: all 300ms ease;
+}
+
+.site-content > .sidebar .category-list .list-items:hover {
+ transform: translateX(1.2rem);
+ background: var(--pink-very-light);
+}
+
+.site-content > .sidebar .category-list .list-items a {
+ color: white;
+ font-size: 1.2rem;
+ font-weight: 400;
+}
+
+.site-content .sidebar .popular-post .post-content {
+ padding: 1rem 0;
+}
+
+/* Top spacing above the title "Popular Posts" */
+.site-content .sidebar .popular-post h1 {
+ padding-top: 8rem;
+}
+
+/* Popular Post overwrites */
+/* Overwrite the default property with !important for the popular posts */
+.site-content .sidebar .popular-post .post-info {
+ padding: 0.4rem 0.5rem !important;
+ bottom: 0 !important;
+ left: 1.5rem !important;
+ border-radius: 0 !important;
+ background: white !important;
+}
+
+/* a-tag overwrite the size (Title of a post) */
+.site-content .sidebar .popular-post .post-title a {
+ font-size: 1.6rem;
+}
+
+/* span-tag overwrite the size (comment and date of a post) */
+.site-content .sidebar .post-info span {
+ font-size: 1.2rem;
+}
+
+/* hr especially made for the sideline */
+.sideline {
+ width: 90%;
+ margin-left: 2rem;
+}
+
+/* ---- Newsletter section ---- */
+.site-content .sidebar .newsletter {
+ padding-top: 1rem;
+}
+
+.site-content .sidebar .newsletter .form-element {
+ padding-top: 0.5rem 2rem;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+
+}
+
+/* email input field */
+.site-content .sidebar .newsletter .input-element {
+ width: 80%;
+ height: 3rem;
+ padding: 1rem 0.5rem;
+ font-family: var(--linksnbtn);
+ font-size: 1.2rem;
+ color: var(--text-gray);
+}
+
+/* Newsletterbutton */
+.site-content .sidebar .newsletter .form-btn {
+ border-radius: 0;
+ padding: 0.8rem 29%;
+ margin: 1rem 0;
+ transition: all 300ms;
+}
+
+.site-content .sidebar .newsletter .form-btn:hover {
+ transform: scale(1.1);
+}
+
+/* Popular tags */
+.site-content .sidebar .popular-tags {
+ padding: 3rem 0;
+}
+
+.site-content .sidebar .popular-tags .tags .tag {
+ background: var(--pink-light);
+ padding: 0.4rem 1rem;
+ color: white;
+ border-radius: 1.5rem;
+ margin: 0.3rem 0.6rem;
+}
+/* ---------------x-- Sidebar --x--------------- */
+/* ----x---- Main Content ----x---- */
+
+/* ------------------ Footer ------------------ */
+
+footer.footer {
+ height: 100%;
+ background: var(--bg-color);
+ position: relative;
+}
+
+footer.footer .container {
+ display: grid; /* Various ways to define our 4 columns */
+ /* grid-template-columns: 25% 25% 25% 25%; */
+ /* grid-template-columns: 1fr 1fr 1fr 1fr; */
+ grid-template-columns: repeat(4, 1fr);
+}
+
+/* div-footer items */
+footer.footer .container > div {
+ flex-grow: 1; /* Specified how much the item will grow inside the flexible items of the container */
+ flex-basis: 0; /* Specifies initial width of the flexible items */
+ padding: 3rem 0.9rem;
+}
+
+footer.footer .container h3 {
+ color: var(--white);
+ margin-bottom: 1.3rem;
+}
+
+footer.footer .container p {
+ margin-bottom: 1.3rem;
+}
+
+footer.footer .container .admin a {
+ font-family: var(--textntitles);
+ color: var(--white);
+ display: inline-block;
+ transition: all 200ms;
+}
+
+/* Margin works perfectly well with "block" instead of the default "inline" with a,
+but to hover it right: We need inline-block to solve this problem */
+footer.footer .container .admin a:hover {
+ color: var(--cherry);
+}
+
+footer.footer .instagram div > img {
+ display: inline-block;
+ width: 40%;
+ height: 50%;
+ margin: 0.3rem 0.4rem;
+}
+
+footer.footer .follow div i{
+ color: var(--white);
+ padding: 0rem 0.4rem;
+ transition: all 200ms;
+ font-size: 1.3rem;
+}
+
+footer.footer .follow div i:hover{
+ color: var(--cherry);
+}
+
+footer.footer .rights {
+ justify-content: center;
+ font-family: var(--linksnbtn);
+ padding-bottom: 1rem;
+}
+
+/* Back to top-button */
+
+footer.footer .move-up{
+ position: absolute;
+ right: 6%;
+ top: 50%;
+}
+
+footer.footer .move-up span{
+ color: var(--cherry);
+}
+
+footer.footer .move-up span:hover{
+ color: var(--white);
+ cursor: pointer;
+}
+
+/* ---------------x-- Footer --x--------------- */
+
+/* ====x=================== index.php ===================x==== */
+/* ======================== login.php ======================== */
+
+/* Whole login-area (formerly "container" */
+.login-container {
+ position: relative;
+ width: 100%;
+ min-height: 115vh;
+ background-color: white;
+ overflow: hidden;
+}
+
+/* :before state will cover the sign up section (Red moving ball will cover) */
+.login-container:before{
+ content: '';
+ position: absolute;
+ width: 125rem;
+ height: 125rem;
+ border-radius: 50%;
+ background: var(--red);
+ top: -10%;
+ right: 48%;
+ transform: translateY(-50%);
+ z-index: 6;
+ transition: 1.8s ease-in-out;
+}
+
+/* Container for the forms */
+.login-container .forms-container {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+}
+
+/* Container with both items, sign-in and sign-up */
+.login-container .signin-signup {
+ position: absolute;
+ top: 45%; /* TODO: Change this if you got too many input fields */
+ left: 75%;
+ transform: translate(-50%, -50%);
+ width: 50%;
+ display: grid;
+ grid-template-columns: 1fr;
+ z-index: 5;
+ transition: 1s 0.7s ease-in-out;
+}
+
+.login-container .signin-signup form {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ padding: 0 0.5rem;
+ overflow: hidden;
+ grid-column: 1 / 2; /* Two column lines in total */
+ grid-row: 1 / 2; /* Two row lines in total */
+ transition: 0.3s 0.9s ease-in-out;
+}
+
+.login-container .signin-signup form.sign-in-form {
+ z-index: 2;
+}
+
+.login-container .signin-signup form.sign-up-form {
+ z-index: 1;
+ opacity: 0;
+}
+
+.signin-signup .title {
+ font-size: 3.2rem;
+ color: var(--text-gray);
+ margin-bottom: 0.6rem;
+}
+
+.input-field {
+ max-width: 23.7rem;
+ width: 100%;
+ height: 55px;
+ background-color: var(--light-grey);
+ margin: 10px 0;
+ border-radius: 55px;
+ display: grid;
+ grid-template-columns: 15% 85%;
+ padding: 0 0.4rem;
+}
+
+/* Icons of the Sign In area */
+.input-field i {
+ text-align: center;
+ line-height: 55px;
+ color: var(--text-light);
+ font-size: 1.1rem;
+}
+
+/* Icons of the Sign In area */
+.input-field input {
+ background: none;
+ outline: none;
+ border: none;
+ line-height: 1;
+ font-weight: 600;
+ font-size: 1.1rem;
+ color: var(--text-gray);
+}
+
+.input-field input::placeholder {
+ color: var(--text-light);
+ font-weight: 500;
+}
+
+.btn.solid {
+ border: none;
+ border-radius: 2rem;
+ padding: 0.8rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ border: 1px solid var(--white);
+ transition: all 300ms;
+ margin: 0.5rem 0 2rem 0;
+}
+
+.btn.solid:hover {
+ transform: scale(1.2);
+}
+
+.panels-container {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+}
+
+.panels-container .panel {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: flex-end;
+ text-align: center;
+ z-index: 7;
+}
+
+.panels-container .panel h3 {
+ font-weight: 600;
+ line-height: 1;
+ font-size: 1.5rem;
+}
+
+.panels-container .panel p {
+ font-size: 0.95rem;
+ padding: 0.7rem 0;
+ color: var(--white)
+}
+
+.panels-container .panel .content {
+ color: var(--white);
+ transition: 0.9s 0.6s ease-in-out;
+}
+
+.panels-container > .left-panel {
+ pointer-events: all; /* We can prevent all clicks ont the panel first and THEN we can click on the form */
+ padding: 3rem 39% 2rem 12%;
+}
+
+.panels-container > .right-panel {
+ pointer-events: none; /* Right-panel shouldnt be clickable */
+ padding: 3rem 12% 2rem 39%;
+}
+
+button.btn.transparent {
+ margin: 0;
+ background: none;
+ padding: 0.5rem 1rem;
+ margin-top: 1rem;
+ transition: all 300ms;
+}
+
+button.btn.transparent:hover {
+ background: var(--white);
+ color: var(--red);
+ transform: scale(1.2);
+ border: none;
+ font-weight: 800;
+}
+
+/* To keep the right image away if the left panel is working */
+.panels-container .right-panel .content, .right-panel .image {
+ transform: translateX(1200px);
+}
+
+.image {
+ width: 100%;
+ transition: 1.1s 0.4s ease-in-out;
+}
+
+/* ------------ Animation of the login-container (defined in JS) ------------ */
+
+/* The move from sign-in to sign-up */
+.login-container.sign-up-mode:before {
+ transform: translate(100%, -50%);
+ right: 52%;
+}
+
+/* After the sign-up button is going to be pushed, the content and image will move away to the left */
+.login-container.sign-up-mode .left-panel .image,
+.login-container.sign-up-mode .left-panel .content {
+ transform: translateX(-1200px);
+}
+
+.login-container.sign-up-mode .right-panel .content,
+.login-container.sign-up-mode .right-panel .image {
+ transform: translateX(0px);
+}
+
+.login-container.sign-up-mode .left-panel {
+ pointer-events: none; /* Now with the animation the left-panel shouldnt be clickable */
+}
+
+.login-container.sign-up-mode .right-panel {
+ pointer-events: all; /* We can prevent all clicks ont the panel first and THEN we can click on the form */
+}
+
+.login-container.sign-up-mode .signin-signup {
+ left: 25%;
+}
+
+.login-container.sign-up-mode form.sign-in-form {
+ z-index: 1;
+ opacity: 0;
+}
+
+.login-container.sign-up-mode form.sign-up-form {
+ z-index: 2;
+ opacity: 1;
+}
+
+/* --- Error Messages done with PHP --- */
+
+/* .error-message-log-in {
+ display: flex;
+ justify-content: flex-end;
+} */
+.error-message-log-in p {
+ position: relative;
+ display: inline;
+ background-color: red;
+ color: var(--white);
+ border-radius: 12px;
+ margin-top: 6rem;
+ padding: 0.5rem;
+}
+
+/*
+.error-message-log-in p.special {
+ color: white;
+} */
+
+.error-message-sign-up {
+ display: flex;
+ justify-content: flex-start;
+}
+.error-message-sign-up p {
+ position: relative;
+ display: inline;
+ background-color: red;
+ color: var(--white);
+ border-radius: 12px;
+ /* border-top-left-radius: 12px;
+ border-bottom-left-radius: 12px; */
+ padding: 0.5rem;
+ margin-bottom: 1rem;
+}
+
+.error-message-sign-up p.successfulsignup {
+ position: relative;
+ display: inline;
+ background-color: rgb(39, 236, 0);
+ color: var(--white);
+ border-top-left-radius: 12px;
+ border-bottom-left-radius: 12px;
+ margin-top: 10rem;
+ padding: 0.5rem 0.5rem 0.5rem 0.5rem;
+}
+
+/* --- Positive Feedback done with PHP seen at index.php after successful login --- */
+
+.index-intro {
+ display: flex;
+ justify-content: center;
+}
+.index-intro p {
+ position: absolute;
+ display: inline;
+ background-color: rgb(39, 236, 0);
+ color: var(--white);
+ border-bottom-right-radius: 12px;
+ border-bottom-left-radius: 12px;
+ padding: 0.5rem;
+}
+
+
+
+
+/* ====x=================== login.php ===================x==== */
+/* ======================== post.php ======================== */
+
+/* heading section */
+#blog {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ padding: 1.5rem;
+ border-bottom: 1px solid rgba(0,0,0,0.05)
+}
+
+.blog-heading {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+
+.blog-heading h1 {
+ font-family: var(--textntitles);
+ font-size: 3.0rem;
+ font-weight: 700;
+ color: var(--text-gray);
+}
+
+.blog-heading span {
+ color: var(--cherry);
+}
+
+
+/* blog section */
+.blog-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin: 20px 0;
+}
+
+/* Grey BOX where the blog is covered in */
+.blog-box {
+ width: 60rem;
+ background: var(--white); /* Comment it out for transparent background */
+ box-shadow: 0 15px 20px rgba(0,0,0,0.2);
+ margin: 20px;
+}
+
+.blog-img {
+ width: 100%;
+ height: auto;
+}
+
+.blog-img img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ object-position: center;
+}
+
+/* TEXT where the blog is covered in */
+#blog .blog-container .blog-text {
+ display: flex;
+ flex-direction: column;
+ padding: 10px 25px 25px 25px;
+ flex-wrap: wrap;
+}
+
+.blog-text span {
+ font-size: 1rem;
+ margin-bottom: 1rem;
+ margin: 20px 0px;
+ font-weight: 400;
+}
+
+.blog-text h2 {
+ font-size: 2rem;
+ font-weight: 800;
+ margin-bottom: 1rem;
+}
+
+.blog-text p {
+ font-size: 1rem;
+ font-weight: 600;
+ margin-bottom: 1rem;
+ color: rgb(39, 39, 39);
+}
+
+/* Return Button */
+.back {
+ display: block;
+ width: 7rem;
+ text-align: center;
+ margin: 3rem auto 2rem auto;
+ transition: all 300ms;
+}
+
+.back:hover {
+ transform: scale(1.2);
+}
+
+/* ====x=================== post.php ===================x==== */
+/* ======================== tellyourstory.php ======================== */
+
+/*TODO: If the user is LOGGED IN, THIS NAV will show up and you can write blog entry */
+.tell-your-story {
+ /* display:none; */
+ display: flex;
+}
+
+.blog-heading.special {
+ margin-top: 3rem;
+}
+
+#storytellingform {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+/*TODO: Change the names here for the STORY STYLE */
+
+.input-field-story {
+ width: 30rem;
+ height: 55px;
+ background-color: var(--light-grey);
+ margin: 10px 0;
+ border-radius: 10px;
+ display: grid;
+ grid-template-columns: 15% 85%;
+ padding: 0 0.4rem;
+}
+
+.input-field-story.textarea {
+ width: 30rem;
+ height: 25rem;
+ background-color: var(--light-grey);
+ margin: 10px 0;
+ border-radius: 10px;
+ display: grid;
+ grid-template-columns: 15% 85%;
+ padding: 0.4rem;
+}
+
+/* Icons of the Sign In area */
+.input-field-story i {
+ text-align: center;
+ line-height: 55px;
+ color: var(--text-light);
+ font-size: 1.1rem;
+}
+
+/* The image field of "Datei auswählen" */
+#fld_image {
+ align-self: center;
+}
+
+/* Icons of the Sign In area */
+.input-field-story input {
+ background: none;
+ outline: none;
+ border: none;
+ line-height: 1;
+ font-weight: 600;
+ font-size: 1.1rem;
+ color: var(--text-gray);
+}
+
+.input-field-story input::placeholder {
+ color: var(--text-light);
+ font-weight: 500;
+}
+
+.buttonsection {
+ display: flex;
+ justify-content: center;
+
+}
+
+/* Publish button */
+.btn.solid.special.publish {
+ margin-right: 7rem;
+ margin-left: 1rem;
+}
+
+/* return button */
+.btn.solid.special.return {
+ margin-right: 1rem;
+}
+
+.btn.solid {
+ border: none;
+ border-radius: 2rem;
+ padding: 0.8rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ border: 1px solid var(--white);
+ transition: all 300ms;
+ margin: 0.5rem 0 2rem 0;
+}
+
+.btn.solid:hover {
+ transform: scale(1.2);
+}
+
+
+/* ====x=================== tellyourstory.php ===================x==== */
+/* ======================== memberboard.php ======================== */
+
+#memberboard {
+ height: 45rem;
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ justify-content: center;
+ align-items: center;
+ background: var(--white);
+ overflow: hidden;
+}
+
+
+
+
+.card {
+ display: grid;
+ grid-template-columns: 420px; /* 420 width */
+ grid-template-rows: 320px 235px 40px;
+ grid-template-areas: "image" "text" "stats";
+ font-family: var(--textntitles);
+ border-radius: 18px;
+ background: white;
+ box-shadow: 5px 5px 15px rgba(0,0,0,0.7);
+ transition: all 300ms ease-in-out;
+ cursor: pointer;
+ margin: 0 auto;
+}
+
+.card:hover {
+ transform: scale(1.5); /*FIXME: This is broken */
+ box-shadow: 5px 5px 15px rgba(0,0,0,1.2);
+}
+
+.card-image1 {
+ grid-area: image;
+ background: url("../../images/members/member1.jpg");
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+ background-size: cover;
+}
+
+.card-image2 {
+ grid-area: image;
+ background: url("../../images/members/member2.jpg");
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+ background-size: cover;
+}
+
+.card-image3 {
+ grid-area: image;
+ background: url("../../images/members/member3.jpg");
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+ background-size: cover;
+}
+
+.card-text {
+ grid-area: text;
+}
+
+.card-text span {
+ font-size: 0.7rem;
+ text-align: center;
+ display: block;
+ margin: 0.5rem 0 1rem 0;
+ color: var(--cherry);
+}
+
+.card-text h2 {
+ font-size: 1.3rem;
+ padding-left: 2rem;
+ font-weight: 600;
+}
+
+.card-text p {
+ font-size: 0.9rem;
+ padding-left: 2.2rem;
+ margin-bottom: 1rem;
+}
+
+.card-stats {
+ grid-area: stats;
+ background: var(--pink-very-light);
+ border-bottom-left-radius: 15px;
+ border-bottom-right-radius: 15px;
+}
+
+/* Admin or Members */
+.stat h3 {
+ font-size: 0.9rem;
+ font-weight: 600;
+ text-align: center;
+ padding-top: 0.6rem;
+ color: white;
+}
+
+/* ====x=================== memberboard.php ===================x==== */
+/* ======================== (ADMIN) login.php (ADMIN) ======================== */
+
+/* Section of the Admin Login */
+#admin-login {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ width: 100%;
+ min-height: 45rem;
+ background: var(--pink-heavy);
+ overflow: hidden;
+}
+
+/* Admin Login Box */
+.center {
+ width: 400px;
+ background: white;
+ border-radius: 10px;
+ box-shadow: 10px 10px 15px rgba(0,0,0,0.2);
+}
+
+.center h1 {
+ font-family: var(--textntitles);
+ font-size: 3rem;
+ font-weight: 700;
+ color: var(--text-gray);
+ text-align: center;
+ padding: 20px 0;
+ border-bottom: 2px solid var(--sakura);
+ margin: 0 40px;
+}
+
+.center form {
+ padding: 0 40px;
+ box-sizing: border-box;
+ height: 15rem;
+}
+
+form .txt_field {
+ position: relative;
+ border-bottom: 2px solid #adadad;
+ margin: 30px 0;
+}
+
+.txt_field input{
+ width: 100%;
+ padding: 0 5px;
+ height: 40px;
+ font-size: 16px;
+ border: none;
+ background: none;
+ outline: none;
+}
+
+
+.txt_field label{
+ position: absolute;
+ top: 50%;
+ left: 5px;
+ font-family: var(--textntitles);
+ color: var(--text-light);
+ transform: translateY(-50%);
+ font-size: 16px;
+ pointer-events: none;
+ transition: .5s;
+}
+
+.txt_field span::before{
+ content: '';
+ position: absolute;
+ top: 40px;
+ left: 0;
+ width: 0%;
+ height: 2px;
+ background: var(--sakura);
+ transition: .5s;
+}
+
+/* For the "Swosh" Effect */
+.txt_field input:focus ~ label,
+.txt_field input:valid ~ label{
+ top: -5px;
+ color: var(--sakura);
+}
+
+.txt_field input:focus ~ span::before,
+.txt_field input:valid ~ span::before{
+ width: 100%;
+}
+
+/* Area of the sign in and return button */
+.buttonarea {
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
+ flex-direction: row;
+ height: 80px;
+}
+
+.btn-special-sign-in, .btn-special-return {
+ border: none;
+ border-radius: 2rem;
+ padding: 1rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ transition: all 300ms;
+}
+
+.btn-special-sign-in:hover, .btn-special-return:hover {
+ transform: scale(1.2);
+}
+
+/* ====x=================== (ADMIN) login.php (ADMIN) ===================x==== */
+/* ======================== (ADMIN) index.php (ADMIN) ======================== */
+
+#admin-control {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: space-evenly;
+ align-items: center;
+ position: relative;
+ width: 100%;
+ min-height: 60rem;
+ background: var(--pink-heavy);
+ overflow: hidden;
+}
+
+/* Admin Login Box */
+.controlbox {
+ max-width: 500px;
+ height: 350px;
+ background: white;
+ border-radius: 10px;
+ box-shadow: 10px 10px 15px rgba(0,0,0,0.2);
+ display: flex;
+ flex-direction: column;
+ justify-content: space-evenly;
+ align-items: center;
+ transition: all 300ms ease-in-out;
+}
+:hover.controlbox {
+ transform: scale(1.1);
+}
+
+.controlbox h1 {
+ font-size: 2.5rem;
+ font-weight: 600;
+ padding: 1rem 3rem 0 3rem;
+ text-align: center;
+}
+
+.controlbox .fas.fa-book,.controlbox .fas.fa-user {
+ font-size: 2.5rem;
+}
+
+.controlbox h2 {
+ font-size: 1.1rem;
+ font-weight: 300;
+ text-align: center;
+}
+
+.btn-edit {
+ border-radius: 2rem;
+ padding: 0.8rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+}
+
+:hover.btn-edit {
+ background: chartreuse;
+ color: var(--text-gray);
+}
+
+
+
+
+footer.footer .admin-rights {
+ justify-content: center;
+ font-family: var(--linksnbtn);
+ padding: 1rem;
+}
+
+
+
+
+
+/* ====x=================== (ADMIN) index.php (ADMIN) ===================x==== */
\ No newline at end of file
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/css/variables.css b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/css/variables.css
new file mode 100644
index 0000000..05f9b98
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/css/variables.css
@@ -0,0 +1,196 @@
+/* Over here you will find:
+
+ - CSS Reset
+ - Custom Fonts
+ - Variables
+ - Global classes
+
+*/
+
+
+/* === Small CSS Reset === */
+*{
+ margin: 0;
+ padding: 0;
+}
+*, *::after, *::before{
+ box-sizing: border-box;
+}
+
+/* Custom Fonts for possible use */
+
+@font-face {
+ font-family: 'myFirstFont';
+ src: url('../theme/fonts/SF_Shai_Fontai_Extended-webfont.woff');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'mySecondFont';
+ src: url('../theme/fonts/Japan.ttf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'myThirdFont';
+ src: url('../theme/fonts/JAPANBRUSH.ttf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+/* -------- Variables --------- */
+
+:root {
+
+/* Themed colors https://coolors.co/ */
+--text-gray: #2e3338;
+--text-light: #525252da;
+--bg-color: #0f0f0f;
+--white: #ffffff;
+--cherry: #fa6ebb;
+--sakura: #f8a8c9;
+--darkcherry: #790032;
+--red: #c00000;
+--light-grey: #d8d8d8;
+
+/* Gradient color https://webgradients.com/ */
+
+--sky: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
+--pink: linear-gradient(120deg, #fd84a2 0%, #cf4585 100%);
+--pink-light: linear-gradient(120deg, #f1a3c4 0%, #dfa1ee 100%);
+--pink-very-light: linear-gradient(120deg, #fd84a2 0%, #fac0db 100%);
+--pink-heavy: linear-gradient(120deg, #a81f41 0%, #fac0db 100%);
+
+/* Themed fonts (used in this blog) */
+
+--logo: 'Permanent Marker', cursive; /* For logo */
+--linksnbtn: 'Abel', cursive; /* For Links and Buttons */
+--textntitles: 'Nunito', sans-serif; /* For Text and Titles */
+
+}
+
+/* ----x---- Variables ----x---- */
+/* --------- Global Classes --------- */
+a {
+ text-decoration: none;
+ color: var(--text-gray);
+}
+
+p {
+ font-family: var(--textntitles);
+ color: var(--text-light);
+}
+
+/* Add a flex-row in the html to flex the object... */
+.flex-row {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap; /* It can collapse perfectly if the size is shrinking */
+}
+
+ul {
+ list-style-type: none;
+}
+
+span {
+ font-family: var(--textntitles);
+ font-size: 1.3rem;
+}
+
+h1 {
+ font-family: var(--textntitles);
+ font-size: 5.5rem;
+ font-weight: 700;
+}
+
+h2 {
+ font-family: var(--textntitles);
+ font-size: 3.4rem;
+ font-weight: 500;
+ color: var(--text-gray);
+}
+
+h3 {
+ font-family: var(--textntitles);
+ font-size: 1.3rem;
+ font-weight: 500;
+}
+
+button.btn, a.btn {
+ border-radius: 2rem;
+ padding: 1rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ border: 1px solid var(--white);
+}
+
+.container {
+ margin: 0 2vw;
+}
+
+.text-gray {
+ color: var(--text-gray);
+}
+
+section .title {
+ text-align: center;
+ padding-top: 3.5rem;
+ font-family: var(--textntitles);
+ font-size: 3.5rem;
+ font-weight: 500;
+ color: var(--text-gray);
+}
+
+section .title-main {
+ font-family: var(--textntitles);
+ font-size: 3rem;
+ font-weight: 500;
+ color: var(--text-gray);
+ margin: 6rem 0 1rem 2rem;
+}
+
+section .title-sidebar {
+ font-family: var(--textntitles);
+ font-size: 3rem;
+ font-weight: 500;
+ color: var(--text-gray);
+ text-align: center;
+ padding-top: 6rem;
+ margin-bottom: 1.5rem;
+}
+
+body {
+ width: 100%;
+ /* To eliminate horizontal scrollbar */
+ overflow-y: scroll;
+ overflow-x: hidden;
+}
+
+input {
+ font-family: var(--textntitles);
+}
+
+label {
+ font-family: var(--textntitles);
+ color: var(--text-gray);
+}
+
+textarea {
+ font-family: var(--textntitles);
+ font-size: 1rem;
+ font-weight: 500;
+ padding: 0.4rem;
+}
+
+hr {
+ border: 1px solid;
+ color: var(--text-light);
+}
+
+/* ----x---- Global Classes ----x---- */
\ No newline at end of file
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf
new file mode 100644
index 0000000..bff3b0d
Binary files /dev/null and b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf differ
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/fonts/Japan.ttf b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/fonts/Japan.ttf
new file mode 100644
index 0000000..85ead95
Binary files /dev/null and b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/fonts/Japan.ttf differ
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff
new file mode 100644
index 0000000..5fd5fba
Binary files /dev/null and b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff differ
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/javascript/aos.js b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/javascript/aos.js
new file mode 100644
index 0000000..0ba1c7b
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/javascript/aos.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AOS=t():e.AOS=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return e[o].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="dist/",t(0)}([function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}var i=Object.assign||function(e){for(var t=1;t0&&void 0!==arguments[0]&&arguments[0];if(e&&(k=!0),k)return w=(0,y.default)(w,x),(0,b.default)(w,x.once),w},O=function(){w=(0,h.default)(),j()},_=function(){w.forEach(function(e,t){e.node.removeAttribute("data-aos"),e.node.removeAttribute("data-aos-easing"),e.node.removeAttribute("data-aos-duration"),e.node.removeAttribute("data-aos-delay")})},S=function(e){return e===!0||"mobile"===e&&p.default.mobile()||"phone"===e&&p.default.phone()||"tablet"===e&&p.default.tablet()||"function"==typeof e&&e()===!0},z=function(e){x=i(x,e),w=(0,h.default)();var t=document.all&&!window.atob;return S(x.disable)||t?_():(document.querySelector("body").setAttribute("data-aos-easing",x.easing),document.querySelector("body").setAttribute("data-aos-duration",x.duration),document.querySelector("body").setAttribute("data-aos-delay",x.delay),"DOMContentLoaded"===x.startEvent&&["complete","interactive"].indexOf(document.readyState)>-1?j(!0):"load"===x.startEvent?window.addEventListener(x.startEvent,function(){j(!0)}):document.addEventListener(x.startEvent,function(){j(!0)}),window.addEventListener("resize",(0,f.default)(j,x.debounceDelay,!0)),window.addEventListener("orientationchange",(0,f.default)(j,x.debounceDelay,!0)),window.addEventListener("scroll",(0,u.default)(function(){(0,b.default)(w,x.once)},x.throttleDelay)),x.disableMutationObserver||(0,d.default)("[data-aos]",O),w)};e.exports={init:z,refresh:j,refreshHard:O}},function(e,t){},,,,,function(e,t){(function(t){"use strict";function n(e,t,n){function o(t){var n=b,o=v;return b=v=void 0,k=t,g=e.apply(o,n)}function r(e){return k=e,h=setTimeout(s,t),_?o(e):g}function a(e){var n=e-w,o=e-k,i=t-n;return S?j(i,y-o):i}function c(e){var n=e-w,o=e-k;return void 0===w||n>=t||n<0||S&&o>=y}function s(){var e=O();return c(e)?d(e):void(h=setTimeout(s,a(e)))}function d(e){return h=void 0,z&&b?o(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),k=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(O())}function m(){var e=O(),n=c(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(s,t),o(w)}return void 0===h&&(h=setTimeout(s,t)),g}var b,v,y,g,h,w,k=0,_=!1,S=!1,z=!0;if("function"!=typeof e)throw new TypeError(f);return t=u(t)||0,i(n)&&(_=!!n.leading,S="maxWait"in n,y=S?x(u(n.maxWait)||0,t):y,z="trailing"in n?!!n.trailing:z),m.cancel=l,m.flush=p,m}function o(e,t,o){var r=!0,a=!0;if("function"!=typeof e)throw new TypeError(f);return i(o)&&(r="leading"in o?!!o.leading:r,a="trailing"in o?!!o.trailing:a),n(e,t,{leading:r,maxWait:t,trailing:a})}function i(e){var t="undefined"==typeof e?"undefined":c(e);return!!e&&("object"==t||"function"==t)}function r(e){return!!e&&"object"==("undefined"==typeof e?"undefined":c(e))}function a(e){return"symbol"==("undefined"==typeof e?"undefined":c(e))||r(e)&&k.call(e)==d}function u(e){if("number"==typeof e)return e;if(a(e))return s;if(i(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=i(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(l,"");var n=m.test(e);return n||b.test(e)?v(e.slice(2),n?2:8):p.test(e)?s:+e}var c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f="Expected a function",s=NaN,d="[object Symbol]",l=/^\s+|\s+$/g,p=/^[-+]0x[0-9a-f]+$/i,m=/^0b[01]+$/i,b=/^0o[0-7]+$/i,v=parseInt,y="object"==("undefined"==typeof t?"undefined":c(t))&&t&&t.Object===Object&&t,g="object"==("undefined"==typeof self?"undefined":c(self))&&self&&self.Object===Object&&self,h=y||g||Function("return this")(),w=Object.prototype,k=w.toString,x=Math.max,j=Math.min,O=function(){return h.Date.now()};e.exports=o}).call(t,function(){return this}())},function(e,t){(function(t){"use strict";function n(e,t,n){function i(t){var n=b,o=v;return b=v=void 0,O=t,g=e.apply(o,n)}function r(e){return O=e,h=setTimeout(s,t),_?i(e):g}function u(e){var n=e-w,o=e-O,i=t-n;return S?x(i,y-o):i}function f(e){var n=e-w,o=e-O;return void 0===w||n>=t||n<0||S&&o>=y}function s(){var e=j();return f(e)?d(e):void(h=setTimeout(s,u(e)))}function d(e){return h=void 0,z&&b?i(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),O=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(j())}function m(){var e=j(),n=f(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(s,t),i(w)}return void 0===h&&(h=setTimeout(s,t)),g}var b,v,y,g,h,w,O=0,_=!1,S=!1,z=!0;if("function"!=typeof e)throw new TypeError(c);return t=a(t)||0,o(n)&&(_=!!n.leading,S="maxWait"in n,y=S?k(a(n.maxWait)||0,t):y,z="trailing"in n?!!n.trailing:z),m.cancel=l,m.flush=p,m}function o(e){var t="undefined"==typeof e?"undefined":u(e);return!!e&&("object"==t||"function"==t)}function i(e){return!!e&&"object"==("undefined"==typeof e?"undefined":u(e))}function r(e){return"symbol"==("undefined"==typeof e?"undefined":u(e))||i(e)&&w.call(e)==s}function a(e){if("number"==typeof e)return e;if(r(e))return f;if(o(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=o(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(d,"");var n=p.test(e);return n||m.test(e)?b(e.slice(2),n?2:8):l.test(e)?f:+e}var u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c="Expected a function",f=NaN,s="[object Symbol]",d=/^\s+|\s+$/g,l=/^[-+]0x[0-9a-f]+$/i,p=/^0b[01]+$/i,m=/^0o[0-7]+$/i,b=parseInt,v="object"==("undefined"==typeof t?"undefined":u(t))&&t&&t.Object===Object&&t,y="object"==("undefined"==typeof self?"undefined":u(self))&&self&&self.Object===Object&&self,g=v||y||Function("return this")(),h=Object.prototype,w=h.toString,k=Math.max,x=Math.min,j=function(){return g.Date.now()};e.exports=n}).call(t,function(){return this}())},function(e,t){"use strict";function n(e,t){var n=window.document,r=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver,a=new r(o);i=t,a.observe(n.documentElement,{childList:!0,subtree:!0,removedNodes:!0})}function o(e){e&&e.forEach(function(e){var t=Array.prototype.slice.call(e.addedNodes),n=Array.prototype.slice.call(e.removedNodes),o=t.concat(n).filter(function(e){return e.hasAttribute&&e.hasAttribute("data-aos")}).length;o&&i()})}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){};t.default=n},function(e,t){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(){return navigator.userAgent||navigator.vendor||window.opera||""}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;ne.position?e.node.classList.add("aos-animate"):"undefined"!=typeof o&&("false"===o||!n&&"true"!==o)&&e.node.classList.remove("aos-animate")},o=function(e,t){var o=window.pageYOffset,i=window.innerHeight;e.forEach(function(e,r){n(e,i+o,t)})};t.default=o},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(12),r=o(i),a=function(e,t){return e.forEach(function(e,n){e.node.classList.add("aos-init"),e.position=(0,r.default)(e.node,t.offset)}),e};t.default=a},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(13),r=o(i),a=function(e,t){var n=0,o=0,i=window.innerHeight,a={offset:e.getAttribute("data-aos-offset"),anchor:e.getAttribute("data-aos-anchor"),anchorPlacement:e.getAttribute("data-aos-anchor-placement")};switch(a.offset&&!isNaN(a.offset)&&(o=parseInt(a.offset)),a.anchor&&document.querySelectorAll(a.anchor)&&(e=document.querySelectorAll(a.anchor)[0]),n=(0,r.default)(e).top,a.anchorPlacement){case"top-bottom":break;case"center-bottom":n+=e.offsetHeight/2;break;case"bottom-bottom":n+=e.offsetHeight;break;case"top-center":n+=i/2;break;case"bottom-center":n+=i/2+e.offsetHeight;break;case"center-center":n+=i/2+e.offsetHeight/2;break;case"top-top":n+=i;break;case"bottom-top":n+=e.offsetHeight+i;break;case"center-top":n+=e.offsetHeight/2+i}return a.anchorPlacement||a.offset||isNaN(t)||(o=t),n+o};t.default=a},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){for(var t=0,n=0;e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop);)t+=e.offsetLeft-("BODY"!=e.tagName?e.scrollLeft:0),n+=e.offsetTop-("BODY"!=e.tagName?e.scrollTop:0),e=e.offsetParent;return{top:n,left:t}};t.default=n},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){return e=e||document.querySelectorAll("[data-aos]"),Array.prototype.map.call(e,function(e){return{node:e}})};t.default=n}])});
\ No newline at end of file
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/javascript/main.js b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/javascript/main.js
new file mode 100644
index 0000000..c7bd8b6
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/javascript/main.js
@@ -0,0 +1,127 @@
+/* ======================== index.php ======================== */
+
+// Live Server autoscroll bug
+// $(window).scroll (function(){
+// sessionStorage.scrollTop = $(this).scrollTop();
+// });
+
+// Variables:
+const responsive = {
+ 0: {
+ items: 1 // Bugfix (Avoid to see all 4 items in just 320px)
+ },
+ 400: {
+ items: 1 // At 320px vw we only see one carousel item
+ },
+ 700: {
+ items: 2 // At 700px vw we see two carousel items
+ },
+ 1100: {
+ items: 3 // At 1000px vw we see three carousel items
+ }
+}
+
+
+
+
+
+$(document).ready(function(){
+
+ /* CSS Scrollbug */
+// $(window).on('unload', function() {
+// $(window).scrollTop(0); });
+// window.onunload = function(){
+// window.scrollTo(0,0); };
+// if ('scrollRestoration' in history)
+// { history.scrollRestoration = 'manual'; };
+
+ /* CSS Scrollbug */
+ // if (sessionStorage.scrollTop != "undefined") {
+ // $(window).scrollTop(sessionStorage.scrollTop);
+ // }
+
+
+ /* --- definition of variables --- */
+ $nav = $('.nav');
+ $toggleCollapse = $('.toggle-collapse');
+ $menuToggleBtn = $('.menu-toggle-btn')
+
+ /* --- click event to toggle the nav menu --- */
+ $toggleCollapse.click(function(){
+ $nav.toggleClass('collapse', 1000); /* we get a new collapse class especially made for toggeling */
+ })
+
+ /* --- click event to exchange the burgersymbol with the x of fa-times --- */
+ $menuToggleBtn.click(function() {
+ $(this).toggleClass('fa-times');
+ })
+
+ /* Attempt to hover out to remove the collapse*/
+ // $("main").hover(
+ // function(){
+ // $('.collapse').fadeOut('slow', function(){
+ // console.log('Faded Out')
+ // });
+ // });
+
+
+ // -- owl-crousel for blog -- //
+ $('.owl-carousel').owlCarousel({
+ loop: true,
+ autoplay: false, // false to stop
+ autoplayTimeout: 5000,
+ dots: false,
+ nav: true,
+ navText: [$('.owl-navigation .owl-nav-prev'), $('.owl-navigation .owl-nav-next')],
+ responsive: responsive // This defined variable (above) got a function
+
+ });
+
+ // -- click to scroll to top -- //
+ $('.move-up span').click(function(){
+ $('html, body').animate({
+ scrollTop: 0
+ }, 1000); // 1 Second duration to scroll up
+ })
+
+ // -- AOS Animation on scroll Instance -- //
+ AOS.init()
+
+
+
+ // -- SHOW and HIDE of the collapse infos -- //
+ $(".btn1").click(function(){
+ $(".blog1").show(900);
+ });
+
+ $(".return1").click(function(){
+ $(".blog1").hide(900);
+ });
+
+
+ // -- ERROR-MESSAGES login and signup -- //
+ // $('btn solid sign-in').click(function(){
+ // $('error-message').show(900);
+
+ // })
+
+
+ });
+
+ /* ====x=================== index.php ===================x==== */
+ /* ======================== login.php ======================== */
+
+ const sign_in_btn = document.querySelector("#sign-in-btn");
+ const sign_up_btn = document.querySelector("#sign-up-btn");
+ const login_container = document.querySelector(".login-container");
+
+ sign_up_btn.addEventListener('click', () => {
+ login_container.classList.add("sign-up-mode");
+ });
+
+ sign_in_btn.addEventListener('click', () => {
+ login_container.classList.remove("sign-up-mode");
+ });
+
+
+ /* ====x=================== login.php ===================x==== */
\ No newline at end of file
diff --git a/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js
new file mode 100644
index 0000000..fbbffc5
--- /dev/null
+++ b/Version_17_MemberboardWeiterentwickelt/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js
@@ -0,0 +1,7 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+!function(a,b,c,d){function e(b,c){this.settings=null,this.options=a.extend({},e.Defaults,c),this.$element=a(b),this._handlers={},this._plugins={},this._supress={},this._current=null,this._speed=null,this._coordinates=[],this._breakpoint=null,this._width=null,this._items=[],this._clones=[],this._mergers=[],this._widths=[],this._invalidated={},this._pipe=[],this._drag={time:null,target:null,pointer:null,stage:{start:null,current:null},direction:null},this._states={current:{},tags:{initializing:["busy"],animating:["busy"],dragging:["interacting"]}},a.each(["onResize","onThrottledResize"],a.proxy(function(b,c){this._handlers[c]=a.proxy(this[c],this)},this)),a.each(e.Plugins,a.proxy(function(a,b){this._plugins[a.charAt(0).toLowerCase()+a.slice(1)]=new b(this)},this)),a.each(e.Workers,a.proxy(function(b,c){this._pipe.push({filter:c.filter,run:a.proxy(c.run,this)})},this)),this.setup(),this.initialize()}e.Defaults={items:3,loop:!1,center:!1,rewind:!1,checkVisibility:!0,mouseDrag:!0,touchDrag:!0,pullDrag:!0,freeDrag:!1,margin:0,stagePadding:0,merge:!1,mergeFit:!0,autoWidth:!1,startPosition:0,rtl:!1,smartSpeed:250,fluidSpeed:!1,dragEndSpeed:!1,responsive:{},responsiveRefreshRate:200,responsiveBaseElement:b,fallbackEasing:"swing",slideTransition:"",info:!1,nestedItemSelector:!1,itemElement:"div",stageElement:"div",refreshClass:"owl-refresh",loadedClass:"owl-loaded",loadingClass:"owl-loading",rtlClass:"owl-rtl",responsiveClass:"owl-responsive",dragClass:"owl-drag",itemClass:"owl-item",stageClass:"owl-stage",stageOuterClass:"owl-stage-outer",grabClass:"owl-grab"},e.Width={Default:"default",Inner:"inner",Outer:"outer"},e.Type={Event:"event",State:"state"},e.Plugins={},e.Workers=[{filter:["width","settings"],run:function(){this._width=this.$element.width()}},{filter:["width","items","settings"],run:function(a){a.current=this._items&&this._items[this.relative(this._current)]}},{filter:["items","settings"],run:function(){this.$stage.children(".cloned").remove()}},{filter:["width","items","settings"],run:function(a){var b=this.settings.margin||"",c=!this.settings.autoWidth,d=this.settings.rtl,e={width:"auto","margin-left":d?b:"","margin-right":d?"":b};!c&&this.$stage.children().css(e),a.css=e}},{filter:["width","items","settings"],run:function(a){var b=(this.width()/this.settings.items).toFixed(3)-this.settings.margin,c=null,d=this._items.length,e=!this.settings.autoWidth,f=[];for(a.items={merge:!1,width:b};d--;)c=this._mergers[d],c=this.settings.mergeFit&&Math.min(c,this.settings.items)||c,a.items.merge=c>1||a.items.merge,f[d]=e?b*c:this._items[d].width();this._widths=f}},{filter:["items","settings"],run:function(){var b=[],c=this._items,d=this.settings,e=Math.max(2*d.items,4),f=2*Math.ceil(c.length/2),g=d.loop&&c.length?d.rewind?e:Math.max(e,f):0,h="",i="";for(g/=2;g>0;)b.push(this.normalize(b.length/2,!0)),h+=c[b[b.length-1]][0].outerHTML,b.push(this.normalize(c.length-1-(b.length-1)/2,!0)),i=c[b[b.length-1]][0].outerHTML+i,g-=1;this._clones=b,a(h).addClass("cloned").appendTo(this.$stage),a(i).addClass("cloned").prependTo(this.$stage)}},{filter:["width","items","settings"],run:function(){for(var a=this.settings.rtl?1:-1,b=this._clones.length+this._items.length,c=-1,d=0,e=0,f=[];++c",h)||this.op(b,"<",g)&&this.op(b,">",h))&&i.push(c);this.$stage.children(".active").removeClass("active"),this.$stage.children(":eq("+i.join("), :eq(")+")").addClass("active"),this.$stage.children(".center").removeClass("center"),this.settings.center&&this.$stage.children().eq(this.current()).addClass("center")}}],e.prototype.initializeStage=function(){this.$stage=this.$element.find("."+this.settings.stageClass),this.$stage.length||(this.$element.addClass(this.options.loadingClass),this.$stage=a("<"+this.settings.stageElement+">",{class:this.settings.stageClass}).wrap(a("
",{class:this.settings.stageOuterClass})),this.$element.append(this.$stage.parent()))},e.prototype.initializeItems=function(){var b=this.$element.find(".owl-item");if(b.length)return this._items=b.get().map(function(b){return a(b)}),this._mergers=this._items.map(function(){return 1}),void this.refresh();this.replace(this.$element.children().not(this.$stage.parent())),this.isVisible()?this.refresh():this.invalidate("width"),this.$element.removeClass(this.options.loadingClass).addClass(this.options.loadedClass)},e.prototype.initialize=function(){if(this.enter("initializing"),this.trigger("initialize"),this.$element.toggleClass(this.settings.rtlClass,this.settings.rtl),this.settings.autoWidth&&!this.is("pre-loading")){var a,b,c;a=this.$element.find("img"),b=this.settings.nestedItemSelector?"."+this.settings.nestedItemSelector:d,c=this.$element.children(b).width(),a.length&&c<=0&&this.preloadAutoWidthImages(a)}this.initializeStage(),this.initializeItems(),this.registerEventHandlers(),this.leave("initializing"),this.trigger("initialized")},e.prototype.isVisible=function(){return!this.settings.checkVisibility||this.$element.is(":visible")},e.prototype.setup=function(){var b=this.viewport(),c=this.options.responsive,d=-1,e=null;c?(a.each(c,function(a){a<=b&&a>d&&(d=Number(a))}),e=a.extend({},this.options,c[d]),"function"==typeof e.stagePadding&&(e.stagePadding=e.stagePadding()),delete e.responsive,e.responsiveClass&&this.$element.attr("class",this.$element.attr("class").replace(new RegExp("("+this.options.responsiveClass+"-)\\S+\\s","g"),"$1"+d))):e=a.extend({},this.options),this.trigger("change",{property:{name:"settings",value:e}}),this._breakpoint=d,this.settings=e,this.invalidate("settings"),this.trigger("changed",{property:{name:"settings",value:this.settings}})},e.prototype.optionsLogic=function(){this.settings.autoWidth&&(this.settings.stagePadding=!1,this.settings.merge=!1)},e.prototype.prepare=function(b){var c=this.trigger("prepare",{content:b});return c.data||(c.data=a("<"+this.settings.itemElement+"/>").addClass(this.options.itemClass).append(b)),this.trigger("prepared",{content:c.data}),c.data},e.prototype.update=function(){for(var b=0,c=this._pipe.length,d=a.proxy(function(a){return this[a]},this._invalidated),e={};b0)&&this._pipe[b].run(e),b++;this._invalidated={},!this.is("valid")&&this.enter("valid")},e.prototype.width=function(a){switch(a=a||e.Width.Default){case e.Width.Inner:case e.Width.Outer:return this._width;default:return this._width-2*this.settings.stagePadding+this.settings.margin}},e.prototype.refresh=function(){this.enter("refreshing"),this.trigger("refresh"),this.setup(),this.optionsLogic(),this.$element.addClass(this.options.refreshClass),this.update(),this.$element.removeClass(this.options.refreshClass),this.leave("refreshing"),this.trigger("refreshed")},e.prototype.onThrottledResize=function(){b.clearTimeout(this.resizeTimer),this.resizeTimer=b.setTimeout(this._handlers.onResize,this.settings.responsiveRefreshRate)},e.prototype.onResize=function(){return!!this._items.length&&(this._width!==this.$element.width()&&(!!this.isVisible()&&(this.enter("resizing"),this.trigger("resize").isDefaultPrevented()?(this.leave("resizing"),!1):(this.invalidate("width"),this.refresh(),this.leave("resizing"),void this.trigger("resized")))))},e.prototype.registerEventHandlers=function(){a.support.transition&&this.$stage.on(a.support.transition.end+".owl.core",a.proxy(this.onTransitionEnd,this)),!1!==this.settings.responsive&&this.on(b,"resize",this._handlers.onThrottledResize),this.settings.mouseDrag&&(this.$element.addClass(this.options.dragClass),this.$stage.on("mousedown.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("dragstart.owl.core selectstart.owl.core",function(){return!1})),this.settings.touchDrag&&(this.$stage.on("touchstart.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("touchcancel.owl.core",a.proxy(this.onDragEnd,this)))},e.prototype.onDragStart=function(b){var d=null;3!==b.which&&(a.support.transform?(d=this.$stage.css("transform").replace(/.*\(|\)| /g,"").split(","),d={x:d[16===d.length?12:4],y:d[16===d.length?13:5]}):(d=this.$stage.position(),d={x:this.settings.rtl?d.left+this.$stage.width()-this.width()+this.settings.margin:d.left,y:d.top}),this.is("animating")&&(a.support.transform?this.animate(d.x):this.$stage.stop(),this.invalidate("position")),this.$element.toggleClass(this.options.grabClass,"mousedown"===b.type),this.speed(0),this._drag.time=(new Date).getTime(),this._drag.target=a(b.target),this._drag.stage.start=d,this._drag.stage.current=d,this._drag.pointer=this.pointer(b),a(c).on("mouseup.owl.core touchend.owl.core",a.proxy(this.onDragEnd,this)),a(c).one("mousemove.owl.core touchmove.owl.core",a.proxy(function(b){var d=this.difference(this._drag.pointer,this.pointer(b));a(c).on("mousemove.owl.core touchmove.owl.core",a.proxy(this.onDragMove,this)),Math.abs(d.x)0^this.settings.rtl?"left":"right";a(c).off(".owl.core"),this.$element.removeClass(this.options.grabClass),(0!==d.x&&this.is("dragging")||!this.is("valid"))&&(this.speed(this.settings.dragEndSpeed||this.settings.smartSpeed),this.current(this.closest(e.x,0!==d.x?f:this._drag.direction)),this.invalidate("position"),this.update(),this._drag.direction=f,(Math.abs(d.x)>3||(new Date).getTime()-this._drag.time>300)&&this._drag.target.one("click.owl.core",function(){return!1})),this.is("dragging")&&(this.leave("dragging"),this.trigger("dragged"))},e.prototype.closest=function(b,c){var e=-1,f=30,g=this.width(),h=this.coordinates();return this.settings.freeDrag||a.each(h,a.proxy(function(a,i){return"left"===c&&b>i-f&&bi-g-f&&b",h[a+1]!==d?h[a+1]:i-g)&&(e="left"===c?a+1:a),-1===e},this)),this.settings.loop||(this.op(b,">",h[this.minimum()])?e=b=this.minimum():this.op(b,"<",h[this.maximum()])&&(e=b=this.maximum())),e},e.prototype.animate=function(b){var c=this.speed()>0;this.is("animating")&&this.onTransitionEnd(),c&&(this.enter("animating"),this.trigger("translate")),a.support.transform3d&&a.support.transition?this.$stage.css({transform:"translate3d("+b+"px,0px,0px)",transition:this.speed()/1e3+"s"+(this.settings.slideTransition?" "+this.settings.slideTransition:"")}):c?this.$stage.animate({left:b+"px"},this.speed(),this.settings.fallbackEasing,a.proxy(this.onTransitionEnd,this)):this.$stage.css({left:b+"px"})},e.prototype.is=function(a){return this._states.current[a]&&this._states.current[a]>0},e.prototype.current=function(a){if(a===d)return this._current;if(0===this._items.length)return d;if(a=this.normalize(a),this._current!==a){var b=this.trigger("change",{property:{name:"position",value:a}});b.data!==d&&(a=this.normalize(b.data)),this._current=a,this.invalidate("position"),this.trigger("changed",{property:{name:"position",value:this._current}})}return this._current},e.prototype.invalidate=function(b){return"string"===a.type(b)&&(this._invalidated[b]=!0,this.is("valid")&&this.leave("valid")),a.map(this._invalidated,function(a,b){return b})},e.prototype.reset=function(a){(a=this.normalize(a))!==d&&(this._speed=0,this._current=a,this.suppress(["translate","translated"]),this.animate(this.coordinates(a)),this.release(["translate","translated"]))},e.prototype.normalize=function(a,b){var c=this._items.length,e=b?0:this._clones.length;return!this.isNumeric(a)||c<1?a=d:(a<0||a>=c+e)&&(a=((a-e/2)%c+c)%c+e/2),a},e.prototype.relative=function(a){return a-=this._clones.length/2,this.normalize(a,!0)},e.prototype.maximum=function(a){var b,c,d,e=this.settings,f=this._coordinates.length;if(e.loop)f=this._clones.length/2+this._items.length-1;else if(e.autoWidth||e.merge){if(b=this._items.length)for(c=this._items[--b].width(),d=this.$element.width();b--&&!((c+=this._items[b].width()+this.settings.margin)>d););f=b+1}else f=e.center?this._items.length-1:this._items.length-e.items;return a&&(f-=this._clones.length/2),Math.max(f,0)},e.prototype.minimum=function(a){return a?0:this._clones.length/2},e.prototype.items=function(a){return a===d?this._items.slice():(a=this.normalize(a,!0),this._items[a])},e.prototype.mergers=function(a){return a===d?this._mergers.slice():(a=this.normalize(a,!0),this._mergers[a])},e.prototype.clones=function(b){var c=this._clones.length/2,e=c+this._items.length,f=function(a){return a%2==0?e+a/2:c-(a+1)/2};return b===d?a.map(this._clones,function(a,b){return f(b)}):a.map(this._clones,function(a,c){return a===b?f(c):null})},e.prototype.speed=function(a){return a!==d&&(this._speed=a),this._speed},e.prototype.coordinates=function(b){var c,e=1,f=b-1;return b===d?a.map(this._coordinates,a.proxy(function(a,b){return this.coordinates(b)},this)):(this.settings.center?(this.settings.rtl&&(e=-1,f=b+1),c=this._coordinates[b],c+=(this.width()-c+(this._coordinates[f]||0))/2*e):c=this._coordinates[f]||0,c=Math.ceil(c))},e.prototype.duration=function(a,b,c){return 0===c?0:Math.min(Math.max(Math.abs(b-a),1),6)*Math.abs(c||this.settings.smartSpeed)},e.prototype.to=function(a,b){var c=this.current(),d=null,e=a-this.relative(c),f=(e>0)-(e<0),g=this._items.length,h=this.minimum(),i=this.maximum();this.settings.loop?(!this.settings.rewind&&Math.abs(e)>g/2&&(e+=-1*f*g),a=c+e,(d=((a-h)%g+g)%g+h)!==a&&d-e<=i&&d-e>0&&(c=d-e,a=d,this.reset(c))):this.settings.rewind?(i+=1,a=(a%i+i)%i):a=Math.max(h,Math.min(i,a)),this.speed(this.duration(c,a,b)),this.current(a),this.isVisible()&&this.update()},e.prototype.next=function(a){a=a||!1,this.to(this.relative(this.current())+1,a)},e.prototype.prev=function(a){a=a||!1,this.to(this.relative(this.current())-1,a)},e.prototype.onTransitionEnd=function(a){if(a!==d&&(a.stopPropagation(),(a.target||a.srcElement||a.originalTarget)!==this.$stage.get(0)))return!1;this.leave("animating"),this.trigger("translated")},e.prototype.viewport=function(){var d;return this.options.responsiveBaseElement!==b?d=a(this.options.responsiveBaseElement).width():b.innerWidth?d=b.innerWidth:c.documentElement&&c.documentElement.clientWidth?d=c.documentElement.clientWidth:console.warn("Can not detect viewport width."),d},e.prototype.replace=function(b){this.$stage.empty(),this._items=[],b&&(b=b instanceof jQuery?b:a(b)),this.settings.nestedItemSelector&&(b=b.find("."+this.settings.nestedItemSelector)),b.filter(function(){return 1===this.nodeType}).each(a.proxy(function(a,b){b=this.prepare(b),this.$stage.append(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)},this)),this.reset(this.isNumeric(this.settings.startPosition)?this.settings.startPosition:0),this.invalidate("items")},e.prototype.add=function(b,c){var e=this.relative(this._current);c=c===d?this._items.length:this.normalize(c,!0),b=b instanceof jQuery?b:a(b),this.trigger("add",{content:b,position:c}),b=this.prepare(b),0===this._items.length||c===this._items.length?(0===this._items.length&&this.$stage.append(b),0!==this._items.length&&this._items[c-1].after(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)):(this._items[c].before(b),this._items.splice(c,0,b),this._mergers.splice(c,0,1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)),this._items[e]&&this.reset(this._items[e].index()),this.invalidate("items"),this.trigger("added",{content:b,position:c})},e.prototype.remove=function(a){(a=this.normalize(a,!0))!==d&&(this.trigger("remove",{content:this._items[a],position:a}),this._items[a].remove(),this._items.splice(a,1),this._mergers.splice(a,1),this.invalidate("items"),this.trigger("removed",{content:null,position:a}))},e.prototype.preloadAutoWidthImages=function(b){b.each(a.proxy(function(b,c){this.enter("pre-loading"),c=a(c),a(new Image).one("load",a.proxy(function(a){c.attr("src",a.target.src),c.css("opacity",1),this.leave("pre-loading"),!this.is("pre-loading")&&!this.is("initializing")&&this.refresh()},this)).attr("src",c.attr("src")||c.attr("data-src")||c.attr("data-src-retina"))},this))},e.prototype.destroy=function(){this.$element.off(".owl.core"),this.$stage.off(".owl.core"),a(c).off(".owl.core"),!1!==this.settings.responsive&&(b.clearTimeout(this.resizeTimer),this.off(b,"resize",this._handlers.onThrottledResize));for(var d in this._plugins)this._plugins[d].destroy();this.$stage.children(".cloned").remove(),this.$stage.unwrap(),this.$stage.children().contents().unwrap(),this.$stage.children().unwrap(),this.$stage.remove(),this.$element.removeClass(this.options.refreshClass).removeClass(this.options.loadingClass).removeClass(this.options.loadedClass).removeClass(this.options.rtlClass).removeClass(this.options.dragClass).removeClass(this.options.grabClass).attr("class",this.$element.attr("class").replace(new RegExp(this.options.responsiveClass+"-\\S+\\s","g"),"")).removeData("owl.carousel")},e.prototype.op=function(a,b,c){var d=this.settings.rtl;switch(b){case"<":return d?a>c:a":return d?ac;case">=":return d?a<=c:a>=c;case"<=":return d?a>=c:a<=c}},e.prototype.on=function(a,b,c,d){a.addEventListener?a.addEventListener(b,c,d):a.attachEvent&&a.attachEvent("on"+b,c)},e.prototype.off=function(a,b,c,d){a.removeEventListener?a.removeEventListener(b,c,d):a.detachEvent&&a.detachEvent("on"+b,c)},e.prototype.trigger=function(b,c,d,f,g){var h={item:{count:this._items.length,index:this.current()}},i=a.camelCase(a.grep(["on",b,d],function(a){return a}).join("-").toLowerCase()),j=a.Event([b,"owl",d||"carousel"].join(".").toLowerCase(),a.extend({relatedTarget:this},h,c));return this._supress[b]||(a.each(this._plugins,function(a,b){b.onTrigger&&b.onTrigger(j)}),this.register({type:e.Type.Event,name:b}),this.$element.trigger(j),this.settings&&"function"==typeof this.settings[i]&&this.settings[i].call(this,j)),j},e.prototype.enter=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]===d&&(this._states.current[b]=0),this._states.current[b]++},this))},e.prototype.leave=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]--},this))},e.prototype.register=function(b){if(b.type===e.Type.Event){if(a.event.special[b.name]||(a.event.special[b.name]={}),!a.event.special[b.name].owl){var c=a.event.special[b.name]._default;a.event.special[b.name]._default=function(a){return!c||!c.apply||a.namespace&&-1!==a.namespace.indexOf("owl")?a.namespace&&a.namespace.indexOf("owl")>-1:c.apply(this,arguments)},a.event.special[b.name].owl=!0}}else b.type===e.Type.State&&(this._states.tags[b.name]?this._states.tags[b.name]=this._states.tags[b.name].concat(b.tags):this._states.tags[b.name]=b.tags,this._states.tags[b.name]=a.grep(this._states.tags[b.name],a.proxy(function(c,d){return a.inArray(c,this._states.tags[b.name])===d},this)))},e.prototype.suppress=function(b){a.each(b,a.proxy(function(a,b){this._supress[b]=!0},this))},e.prototype.release=function(b){a.each(b,a.proxy(function(a,b){delete this._supress[b]},this))},e.prototype.pointer=function(a){var c={x:null,y:null};return a=a.originalEvent||a||b.event,a=a.touches&&a.touches.length?a.touches[0]:a.changedTouches&&a.changedTouches.length?a.changedTouches[0]:a,a.pageX?(c.x=a.pageX,c.y=a.pageY):(c.x=a.clientX,c.y=a.clientY),c},e.prototype.isNumeric=function(a){return!isNaN(parseFloat(a))},e.prototype.difference=function(a,b){return{x:a.x-b.x,y:a.y-b.y}},a.fn.owlCarousel=function(b){var c=Array.prototype.slice.call(arguments,1);return this.each(function(){var d=a(this),f=d.data("owl.carousel");f||(f=new e(this,"object"==typeof b&&b),d.data("owl.carousel",f),a.each(["next","prev","to","destroy","refresh","replace","add","remove"],function(b,c){f.register({type:e.Type.Event,name:c}),f.$element.on(c+".owl.carousel.core",a.proxy(function(a){a.namespace&&a.relatedTarget!==this&&(this.suppress([c]),f[c].apply(this,[].slice.call(arguments,1)),this.release([c]))},f))})),"string"==typeof b&&"_"!==b.charAt(0)&&f[b].apply(f,c)})},a.fn.owlCarousel.Constructor=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._interval=null,this._visible=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoRefresh&&this.watch()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers)};e.Defaults={autoRefresh:!0,autoRefreshInterval:500},e.prototype.watch=function(){this._interval||(this._visible=this._core.isVisible(),this._interval=b.setInterval(a.proxy(this.refresh,this),this._core.settings.autoRefreshInterval))},e.prototype.refresh=function(){this._core.isVisible()!==this._visible&&(this._visible=!this._visible,this._core.$element.toggleClass("owl-hidden",!this._visible),this._visible&&this._core.invalidate("width")&&this._core.refresh())},e.prototype.destroy=function(){var a,c;b.clearInterval(this._interval);for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoRefresh=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._loaded=[],this._handlers={"initialized.owl.carousel change.owl.carousel resized.owl.carousel":a.proxy(function(b){if(b.namespace&&this._core.settings&&this._core.settings.lazyLoad&&(b.property&&"position"==b.property.name||"initialized"==b.type)){var c=this._core.settings,e=c.center&&Math.ceil(c.items/2)||c.items,f=c.center&&-1*e||0,g=(b.property&&b.property.value!==d?b.property.value:this._core.current())+f,h=this._core.clones().length,i=a.proxy(function(a,b){this.load(b)},this);for(c.lazyLoadEager>0&&(e+=c.lazyLoadEager,c.loop&&(g-=c.lazyLoadEager,e++));f++-1||(e.each(a.proxy(function(c,d){var e,f=a(d),g=b.devicePixelRatio>1&&f.attr("data-src-retina")||f.attr("data-src")||f.attr("data-srcset");this._core.trigger("load",{element:f,url:g},"lazy"),f.is("img")?f.one("load.owl.lazy",a.proxy(function(){f.css("opacity",1),this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("src",g):f.is("source")?f.one("load.owl.lazy",a.proxy(function(){this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("srcset",g):(e=new Image,e.onload=a.proxy(function(){f.css({"background-image":'url("'+g+'")',opacity:"1"}),this._core.trigger("loaded",{element:f,url:g},"lazy")},this),e.src=g)},this)),this._loaded.push(d.get(0)))},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this._core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Lazy=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(c){this._core=c,this._previousHeight=null,this._handlers={"initialized.owl.carousel refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&this.update()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&"position"===a.property.name&&this.update()},this),"loaded.owl.lazy":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&a.element.closest("."+this._core.settings.itemClass).index()===this._core.current()&&this.update()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._intervalId=null;var d=this;a(b).on("load",function(){d._core.settings.autoHeight&&d.update()}),a(b).resize(function(){d._core.settings.autoHeight&&(null!=d._intervalId&&clearTimeout(d._intervalId),d._intervalId=setTimeout(function(){d.update()},250))})};e.Defaults={autoHeight:!1,autoHeightClass:"owl-height"},e.prototype.update=function(){var b=this._core._current,c=b+this._core.settings.items,d=this._core.settings.lazyLoad,e=this._core.$stage.children().toArray().slice(b,c),f=[],g=0;a.each(e,function(b,c){f.push(a(c).height())}),g=Math.max.apply(null,f),g<=1&&d&&this._previousHeight&&(g=this._previousHeight),this._previousHeight=g,this._core.$stage.parent().height(g).addClass(this._core.settings.autoHeightClass)},e.prototype.destroy=function(){var a,b;for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoHeight=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._videos={},this._playing=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.register({type:"state",name:"playing",tags:["interacting"]})},this),"resize.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.video&&this.isInFullScreen()&&a.preventDefault()},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.is("resizing")&&this._core.$stage.find(".cloned .owl-video-frame").remove()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"===a.property.name&&this._playing&&this.stop()},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find(".owl-video");c.length&&(c.css("display","none"),this.fetch(c,a(b.content)))}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._core.$element.on("click.owl.video",".owl-video-play-icon",a.proxy(function(a){this.play(a)},this))};e.Defaults={video:!1,videoHeight:!1,videoWidth:!1},e.prototype.fetch=function(a,b){var c=function(){return a.attr("data-vimeo-id")?"vimeo":a.attr("data-vzaar-id")?"vzaar":"youtube"}(),d=a.attr("data-vimeo-id")||a.attr("data-youtube-id")||a.attr("data-vzaar-id"),e=a.attr("data-width")||this._core.settings.videoWidth,f=a.attr("data-height")||this._core.settings.videoHeight,g=a.attr("href");if(!g)throw new Error("Missing video URL.");if(d=g.match(/(http:|https:|)\/\/(player.|www.|app.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com|be\-nocookie\.com)|vzaar\.com)\/(video\/|videos\/|embed\/|channels\/.+\/|groups\/.+\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/),d[3].indexOf("youtu")>-1)c="youtube";else if(d[3].indexOf("vimeo")>-1)c="vimeo";else{if(!(d[3].indexOf("vzaar")>-1))throw new Error("Video URL not supported.");c="vzaar"}d=d[6],this._videos[g]={type:c,id:d,width:e,height:f},b.attr("data-video",g),this.thumbnail(a,this._videos[g])},e.prototype.thumbnail=function(b,c){var d,e,f,g=c.width&&c.height?"width:"+c.width+"px;height:"+c.height+"px;":"",h=b.find("img"),i="src",j="",k=this._core.settings,l=function(c){e='
',d=k.lazyLoad?a("
",{class:"owl-video-tn "+j,srcType:c}):a("
",{class:"owl-video-tn",style:"opacity:1;background-image:url("+c+")"}),b.after(d),b.after(e)};if(b.wrap(a("
",{class:"owl-video-wrapper",style:g})),this._core.settings.lazyLoad&&(i="data-src",j="owl-lazy"),h.length)return l(h.attr(i)),h.remove(),!1;"youtube"===c.type?(f="//img.youtube.com/vi/"+c.id+"/hqdefault.jpg",l(f)):"vimeo"===c.type?a.ajax({type:"GET",url:"//vimeo.com/api/v2/video/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a[0].thumbnail_large,l(f)}}):"vzaar"===c.type&&a.ajax({type:"GET",url:"//vzaar.com/api/videos/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a.framegrab_url,l(f)}})},e.prototype.stop=function(){this._core.trigger("stop",null,"video"),this._playing.find(".owl-video-frame").remove(),this._playing.removeClass("owl-video-playing"),this._playing=null,this._core.leave("playing"),this._core.trigger("stopped",null,"video")},e.prototype.play=function(b){var c,d=a(b.target),e=d.closest("."+this._core.settings.itemClass),f=this._videos[e.attr("data-video")],g=f.width||"100%",h=f.height||this._core.$stage.height();this._playing||(this._core.enter("playing"),this._core.trigger("play",null,"video"),e=this._core.items(this._core.relative(e.index())),this._core.reset(e.index()),c=a(''),c.attr("height",h),c.attr("width",g),"youtube"===f.type?c.attr("src","//www.youtube.com/embed/"+f.id+"?autoplay=1&rel=0&v="+f.id):"vimeo"===f.type?c.attr("src","//player.vimeo.com/video/"+f.id+"?autoplay=1"):"vzaar"===f.type&&c.attr("src","//view.vzaar.com/"+f.id+"/player?autoplay=true"),a(c).wrap('
').insertAfter(e.find(".owl-video")),this._playing=e.addClass("owl-video-playing"))},e.prototype.isInFullScreen=function(){var b=c.fullscreenElement||c.mozFullScreenElement||c.webkitFullscreenElement;return b&&a(b).parent().hasClass("owl-video-frame")},e.prototype.destroy=function(){var a,b;this._core.$element.off("click.owl.video");for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Video=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this.core=b,this.core.options=a.extend({},e.Defaults,this.core.options),this.swapping=!0,this.previous=d,this.next=d,this.handlers={"change.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&(this.previous=this.core.current(),this.next=a.property.value)},this),"drag.owl.carousel dragged.owl.carousel translated.owl.carousel":a.proxy(function(a){a.namespace&&(this.swapping="translated"==a.type)},this),"translate.owl.carousel":a.proxy(function(a){a.namespace&&this.swapping&&(this.core.options.animateOut||this.core.options.animateIn)&&this.swap()},this)},this.core.$element.on(this.handlers)};e.Defaults={animateOut:!1,
+animateIn:!1},e.prototype.swap=function(){if(1===this.core.settings.items&&a.support.animation&&a.support.transition){this.core.speed(0);var b,c=a.proxy(this.clear,this),d=this.core.$stage.children().eq(this.previous),e=this.core.$stage.children().eq(this.next),f=this.core.settings.animateIn,g=this.core.settings.animateOut;this.core.current()!==this.previous&&(g&&(b=this.core.coordinates(this.previous)-this.core.coordinates(this.next),d.one(a.support.animation.end,c).css({left:b+"px"}).addClass("animated owl-animated-out").addClass(g)),f&&e.one(a.support.animation.end,c).addClass("animated owl-animated-in").addClass(f))}},e.prototype.clear=function(b){a(b.target).css({left:""}).removeClass("animated owl-animated-out owl-animated-in").removeClass(this.core.settings.animateIn).removeClass(this.core.settings.animateOut),this.core.onTransitionEnd()},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this.core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Animate=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._call=null,this._time=0,this._timeout=0,this._paused=!0,this._handlers={"changed.owl.carousel":a.proxy(function(a){a.namespace&&"settings"===a.property.name?this._core.settings.autoplay?this.play():this.stop():a.namespace&&"position"===a.property.name&&this._paused&&(this._time=0)},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoplay&&this.play()},this),"play.owl.autoplay":a.proxy(function(a,b,c){a.namespace&&this.play(b,c)},this),"stop.owl.autoplay":a.proxy(function(a){a.namespace&&this.stop()},this),"mouseover.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"mouseleave.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.play()},this),"touchstart.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"touchend.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this.play()},this)},this._core.$element.on(this._handlers),this._core.options=a.extend({},e.Defaults,this._core.options)};e.Defaults={autoplay:!1,autoplayTimeout:5e3,autoplayHoverPause:!1,autoplaySpeed:!1},e.prototype._next=function(d){this._call=b.setTimeout(a.proxy(this._next,this,d),this._timeout*(Math.round(this.read()/this._timeout)+1)-this.read()),this._core.is("interacting")||c.hidden||this._core.next(d||this._core.settings.autoplaySpeed)},e.prototype.read=function(){return(new Date).getTime()-this._time},e.prototype.play=function(c,d){var e;this._core.is("rotating")||this._core.enter("rotating"),c=c||this._core.settings.autoplayTimeout,e=Math.min(this._time%(this._timeout||c),c),this._paused?(this._time=this.read(),this._paused=!1):b.clearTimeout(this._call),this._time+=this.read()%c-e,this._timeout=c,this._call=b.setTimeout(a.proxy(this._next,this,d),c-e)},e.prototype.stop=function(){this._core.is("rotating")&&(this._time=0,this._paused=!0,b.clearTimeout(this._call),this._core.leave("rotating"))},e.prototype.pause=function(){this._core.is("rotating")&&!this._paused&&(this._time=this.read(),this._paused=!0,b.clearTimeout(this._call))},e.prototype.destroy=function(){var a,b;this.stop();for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.autoplay=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(b){this._core=b,this._initialized=!1,this._pages=[],this._controls={},this._templates=[],this.$element=this._core.$element,this._overrides={next:this._core.next,prev:this._core.prev,to:this._core.to},this._handlers={"prepared.owl.carousel":a.proxy(function(b){b.namespace&&this._core.settings.dotsData&&this._templates.push(''+a(b.content).find("[data-dot]").addBack("[data-dot]").attr("data-dot")+"
")},this),"added.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,0,this._templates.pop())},this),"remove.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,1)},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&this.draw()},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&!this._initialized&&(this._core.trigger("initialize",null,"navigation"),this.initialize(),this.update(),this.draw(),this._initialized=!0,this._core.trigger("initialized",null,"navigation"))},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._initialized&&(this._core.trigger("refresh",null,"navigation"),this.update(),this.draw(),this._core.trigger("refreshed",null,"navigation"))},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers)};e.Defaults={nav:!1,navText:['‹ ','› '],navSpeed:!1,navElement:'button type="button" role="presentation"',navContainer:!1,navContainerClass:"owl-nav",navClass:["owl-prev","owl-next"],slideBy:1,dotClass:"owl-dot",dotsClass:"owl-dots",dots:!0,dotsEach:!1,dotsData:!1,dotsSpeed:!1,dotsContainer:!1},e.prototype.initialize=function(){var b,c=this._core.settings;this._controls.$relative=(c.navContainer?a(c.navContainer):a("").addClass(c.navContainerClass).appendTo(this.$element)).addClass("disabled"),this._controls.$previous=a("<"+c.navElement+">").addClass(c.navClass[0]).html(c.navText[0]).prependTo(this._controls.$relative).on("click",a.proxy(function(a){this.prev(c.navSpeed)},this)),this._controls.$next=a("<"+c.navElement+">").addClass(c.navClass[1]).html(c.navText[1]).appendTo(this._controls.$relative).on("click",a.proxy(function(a){this.next(c.navSpeed)},this)),c.dotsData||(this._templates=[a('
').addClass(c.dotClass).append(a("")).prop("outerHTML")]),this._controls.$absolute=(c.dotsContainer?a(c.dotsContainer):a("").addClass(c.dotsClass).appendTo(this.$element)).addClass("disabled"),this._controls.$absolute.on("click","button",a.proxy(function(b){var d=a(b.target).parent().is(this._controls.$absolute)?a(b.target).index():a(b.target).parent().index();b.preventDefault(),this.to(d,c.dotsSpeed)},this));for(b in this._overrides)this._core[b]=a.proxy(this[b],this)},e.prototype.destroy=function(){var a,b,c,d,e;e=this._core.settings;for(a in this._handlers)this.$element.off(a,this._handlers[a]);for(b in this._controls)"$relative"===b&&e.navContainer?this._controls[b].html(""):this._controls[b].remove();for(d in this.overides)this._core[d]=this._overrides[d];for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},e.prototype.update=function(){var a,b,c,d=this._core.clones().length/2,e=d+this._core.items().length,f=this._core.maximum(!0),g=this._core.settings,h=g.center||g.autoWidth||g.dotsData?1:g.dotsEach||g.items;if("page"!==g.slideBy&&(g.slideBy=Math.min(g.slideBy,g.items)),g.dots||"page"==g.slideBy)for(this._pages=[],a=d,b=0,c=0;a
=h||0===b){if(this._pages.push({start:Math.min(f,a-d),end:a-d+h-1}),Math.min(f,a-d)===f)break;b=0,++c}b+=this._core.mergers(this._core.relative(a))}},e.prototype.draw=function(){var b,c=this._core.settings,d=this._core.items().length<=c.items,e=this._core.relative(this._core.current()),f=c.loop||c.rewind;this._controls.$relative.toggleClass("disabled",!c.nav||d),c.nav&&(this._controls.$previous.toggleClass("disabled",!f&&e<=this._core.minimum(!0)),this._controls.$next.toggleClass("disabled",!f&&e>=this._core.maximum(!0))),this._controls.$absolute.toggleClass("disabled",!c.dots||d),c.dots&&(b=this._pages.length-this._controls.$absolute.children().length,c.dotsData&&0!==b?this._controls.$absolute.html(this._templates.join("")):b>0?this._controls.$absolute.append(new Array(b+1).join(this._templates[0])):b<0&&this._controls.$absolute.children().slice(b).remove(),this._controls.$absolute.find(".active").removeClass("active"),this._controls.$absolute.children().eq(a.inArray(this.current(),this._pages)).addClass("active"))},e.prototype.onTrigger=function(b){var c=this._core.settings;b.page={index:a.inArray(this.current(),this._pages),count:this._pages.length,size:c&&(c.center||c.autoWidth||c.dotsData?1:c.dotsEach||c.items)}},e.prototype.current=function(){var b=this._core.relative(this._core.current());return a.grep(this._pages,a.proxy(function(a,c){return a.start<=b&&a.end>=b},this)).pop()},e.prototype.getPosition=function(b){var c,d,e=this._core.settings;return"page"==e.slideBy?(c=a.inArray(this.current(),this._pages),d=this._pages.length,b?++c:--c,c=this._pages[(c%d+d)%d].start):(c=this._core.relative(this._core.current()),d=this._core.items().length,b?c+=e.slideBy:c-=e.slideBy),c},e.prototype.next=function(b){a.proxy(this._overrides.to,this._core)(this.getPosition(!0),b)},e.prototype.prev=function(b){a.proxy(this._overrides.to,this._core)(this.getPosition(!1),b)},e.prototype.to=function(b,c,d){var e;!d&&this._pages.length?(e=this._pages.length,a.proxy(this._overrides.to,this._core)(this._pages[(b%e+e)%e].start,c)):a.proxy(this._overrides.to,this._core)(b,c)},a.fn.owlCarousel.Constructor.Plugins.Navigation=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(c){this._core=c,this._hashes={},this.$element=this._core.$element,this._handlers={"initialized.owl.carousel":a.proxy(function(c){c.namespace&&"URLHash"===this._core.settings.startPosition&&a(b).trigger("hashchange.owl.navigation")},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find("[data-hash]").addBack("[data-hash]").attr("data-hash");if(!c)return;this._hashes[c]=b.content}},this),"changed.owl.carousel":a.proxy(function(c){if(c.namespace&&"position"===c.property.name){var d=this._core.items(this._core.relative(this._core.current())),e=a.map(this._hashes,function(a,b){return a===d?b:null}).join();if(!e||b.location.hash.slice(1)===e)return;b.location.hash=e}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers),a(b).on("hashchange.owl.navigation",a.proxy(function(a){var c=b.location.hash.substring(1),e=this._core.$stage.children(),f=this._hashes[c]&&e.index(this._hashes[c]);f!==d&&f!==this._core.current()&&this._core.to(this._core.relative(f),!1,!0)},this))};e.Defaults={URLhashListener:!1},e.prototype.destroy=function(){var c,d;a(b).off("hashchange.owl.navigation");for(c in this._handlers)this._core.$element.off(c,this._handlers[c]);for(d in Object.getOwnPropertyNames(this))"function"!=typeof this[d]&&(this[d]=null)},a.fn.owlCarousel.Constructor.Plugins.Hash=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){function e(b,c){var e=!1,f=b.charAt(0).toUpperCase()+b.slice(1);return a.each((b+" "+h.join(f+" ")+f).split(" "),function(a,b){if(g[b]!==d)return e=!c||b,!1}),e}function f(a){return e(a,!0)}var g=a("").get(0).style,h="Webkit Moz O ms".split(" "),i={transition:{end:{WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd",transition:"transitionend"}},animation:{end:{WebkitAnimation:"webkitAnimationEnd",MozAnimation:"animationend",OAnimation:"oAnimationEnd",animation:"animationend"}}},j={csstransforms:function(){return!!e("transform")},csstransforms3d:function(){return!!e("perspective")},csstransitions:function(){return!!e("transition")},cssanimations:function(){return!!e("animation")}};j.csstransitions()&&(a.support.transition=new String(f("transition")),a.support.transition.end=i.transition.end[a.support.transition]),j.cssanimations()&&(a.support.animation=new String(f("animation")),a.support.animation.end=i.animation.end[a.support.animation]),j.csstransforms()&&(a.support.transform=new String(f("transform")),a.support.transform3d=j.csstransforms3d())}(window.Zepto||window.jQuery,window,document);
\ No newline at end of file
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/.gitignore b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/.gitignore
new file mode 100644
index 0000000..09789e5
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/.gitignore
@@ -0,0 +1,5 @@
+Password for Admin:
+
+
+
+Password for the registred User Svendolin
\ No newline at end of file
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/admin/html/end-clean-end.php b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/admin/html/end-clean-end.php
new file mode 100644
index 0000000..383f244
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/admin/html/end-clean-end.php
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/admin/html/end.php b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/admin/html/end.php
new file mode 100644
index 0000000..0dd456d
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/admin/html/end.php
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/admin/html/start-logout.php b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/admin/html/start-logout.php
new file mode 100644
index 0000000..9c6b952
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/admin/html/start-logout.php
@@ -0,0 +1,93 @@
+
+
+
+
+
+ Admin Area - Swiss JDM Blog
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/admin/html/start.php b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/admin/html/start.php
new file mode 100644
index 0000000..dfb8118
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/admin/html/start.php
@@ -0,0 +1,93 @@
+
+
+
+
+
+ Swiss JDM Blog
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/admin/index.php b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/admin/index.php
new file mode 100644
index 0000000..5cd3dbb
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/admin/index.php
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+
+
+
+
+
Blog management
+
+
Edit and delete posts created by users
+
Go for it!
+
+
Profile management
+
+
Edit and delete user profiles
+
Go for it!
+
+
Profile management
+
+
Edit and delete user profiles
+
Go for it!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/admin/login.php b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/admin/login.php
new file mode 100644
index 0000000..43d4811
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/admin/login.php
@@ -0,0 +1,120 @@
+';
+ // print_r($adminIdExists);
+ // echo '';
+
+ $pwdHashed = $adminIdExists["admin_password"]; // usersPwd is the passwort field inside of our users table of our database
+ $checkPwd = password_verify($adminpwd, $pwdHashed); // If it matches = true, if not = false, logically
+
+ // echo '';
+ // print_r($_checkPwd);
+ // echo '';
+
+ // Check if the entered password of the user does not match (is false) to its password in the database:
+ if ($checkPwd === false) {
+ header("location: ../admin/login.php?error=wronglogin");
+ exit();
+ }
+
+ //...if it matches, the login can start with a SESSION START:
+ else if ($checkPwd === true) {
+ session_start();
+ $_SESSION["adminid"] = $adminIdExists["IDadmin"];
+ $_SESSION["adminuid"] = $adminIdExists["admin_name"];
+ $_SESSION['loginstatus'] = true; // logintsatus speichern
+ $_SESSION['lastactivity'] = time(); // timestamp in session
+ $_SESSION['login_useragent'] = $_SERVER['HTTP_USER_AGENT'];
+
+ header("location: ../admin/index.php"); // THAT's the possitive target! ✅
+ // exit();
+ }
+}
+
+// echo password_hash("adminPW1234!!", PASSWORD_DEFAULT);
+// IMPORTANT: to enter into your admin login, use: Sven Kamm OR sven0815@gmx.ch AND adminPW1234!!
+
+
+
+?>
+
+
+
+
+
+
+ #ffffff ';
+
+
+
+ // Check if the entered password of the user does not match (is false) to its password in the database:
+ if ($checkPwd === false) {
+ header("location: ../login.php?error=wronglogin");
+ exit();
+ }
+
+ //...if it matches, the login can start with a SESSION START:
+ else if ($checkPwd === true) {
+ session_start();
+ $_SESSION["userid"] = $uidExists["usersId"];
+ $_SESSION["useruid"] = $uidExists["usersUid"];
+ $_SESSION['loginstatus'] = true; // logintsatus speichern
+ $_SESSION['lastactivity'] = time(); // timestamp in session
+ $_SESSION['login_useragent'] = $_SERVER['HTTP_USER_AGENT'];
+
+
+ header("location: ../index.php"); // THAT's the possitive target! ✅
+ // exit();
+ }
+}
+
+function session_init(){
+ // session_name(CUSTOM_SESSIONNAME); // Changes the name of the session cookie, not active here
+ session_start();// Initialized a session_start
+ // session_regenerate_id(); // Changes the value of the session ID and cookie each time, not active here
+}
+
+
+function sessioncheck(){
+ $session_laufzeit = SESSION_EXPIRY*60; // config defined at 3*60 = 60 seconds timeout
+
+
+ // prüfen, ob der User agent noch gleich ist wie beim Login
+ if( $_SESSION['login_useragent'] !== $_SERVER['HTTP_USER_AGENT'] ){
+ $_SESSION['loginstatus'] = false;
+ }
+
+ // prüfen, wann der user das letzte mal aktiv war
+ if( $_SESSION['lastactivity'] < time()-$session_laufzeit ){
+ $_SESSION['loginstatus'] = false;
+ }
+
+ // prüfen, ob der Besucher eingeloggt ist, nur dann darf die Seite angezeigt werden
+ if( $_SESSION['loginstatus'] !== true ){
+ // wenn die Session nicht existiert oder der timestamp weiter zurückliegt als die erlaubte laufzeit (= kein Zugriff)...
+
+ // ausloggen (Session zurücksetzen)
+ setcookie (session_name(), null, -1, '/');
+ session_destroy();
+ session_write_close();
+
+ // auf das login umleiten
+ return false;
+ }
+
+ session_regenerate_id(); // neue ID für meine Session - hacker kann die alte nun nicht mehr brauchen, falls er sie hat.
+ $_SESSION['lastactivity'] = time(); // aktualisieren des Timestamp TODO: LASTACTIVITY
+ return true;
+}
+
+// --x--------------------------------- LOGIN STUFF ----------------------------------x-- //
+// ------------------------------------ ADMIN LOGIN-STUFF ------------------------------------ //
+
+/* SIDE NOTE: session_init() and session_check() from above is used for the admin login as well */
+function adminIdExists($conn, $adminname, $adminemail) {
+ $sql = "SELECT * FROM admin WHERE admin_name = ? OR admin_email = ?;"; // Prepare Statements = ?
+ $stmt = mysqli_stmt_init($conn); // Prepared statement: Iniitialize to the database = $conn
+ if (!mysqli_stmt_prepare($stmt, $sql)) { //CHECK if the prepare statement will fail before we see that it will succeed
+ header("location: ../login.php?error=stmtfailed");
+ exit();
+ }
+
+ // Passing data from the user if it does not fail:
+ mysqli_stmt_bind_param($stmt, "ss", $adminname, $adminemail);
+ mysqli_stmt_execute($stmt);
+
+ // "Get result" returns the results from a prepared statement
+ $resultData = mysqli_stmt_get_result($stmt); // $stmt = Our prepared statement / "ss" = Type of Data? Double string, username and email = basic text /
+
+ // fetching the data (if the columns are set to their names)
+ if ($row = mysqli_fetch_assoc($resultData)) {
+ return $row; // This shows "true": $row will be executed, so if its true the fetch assoc will work and the process works
+ }
+ else {
+ $result = false;
+ return $result;
+ }
+
+ mysqli_stmt_close($stmt);
+}
+
+// --x--------------------------------- ADMIN LOGIN-STUFF ---------------------------------x-- //
+
+?>
\ No newline at end of file
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/includes/html/footer.html.php b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/includes/html/footer.html.php
new file mode 100644
index 0000000..053fc1b
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/includes/html/footer.html.php
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/includes/html/header.html.php b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/includes/html/header.html.php
new file mode 100644
index 0000000..008ca1c
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/includes/html/header.html.php
@@ -0,0 +1,110 @@
+
+
+
+ Swiss JDM Blog
+
+
+
+
+
+ Logout
+ ';
+
+ // echo '';
+ // print_r($pwd);
+ // echo '';
+
+
+ // Then we run a bunch of error handlers to catch any user mistakes we can (you can add more than I did)
+ // These functions can be found in functions.inc.php
+
+ require_once('config.php'); // Formerly "dbh.inc.php"
+ require_once('mysql-connect.php');
+ require_once('functions.inc.php');
+
+ // Such as the one from functions.inc.php, but simpler with "emptyInputLogin" instead of "emptyInputSignup"
+ if (emptyInputLogin($username, $pwd) === true) {
+ header("location: ../login.php?error=emptyinputlogin");
+ exit();
+ }
+
+ // If we get to here, it means there are no user errors
+
+ // Now we insert the user into the database
+ loginUser($conn, $username, $pwd);
+
+
+} else {
+ header("location: ../login.php");
+ // exit();
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+?>
\ No newline at end of file
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/includes/mysql-connect.php b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/includes/mysql-connect.php
new file mode 100644
index 0000000..2c0e022
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/includes/mysql-connect.php
@@ -0,0 +1,18 @@
+
\ No newline at end of file
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/includes/signup.inc.php b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/includes/signup.inc.php
new file mode 100644
index 0000000..70aa070
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/includes/signup.inc.php
@@ -0,0 +1,69 @@
+
+
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/index.php b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/index.php
new file mode 100644
index 0000000..8995b79
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/index.php
@@ -0,0 +1,426 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Where JDM enthusiasts come together
+
Tell your story
+ Explore';
+ }
+ // Is the user NOT LOGGED IN? Show THIS INSTEAD:
+ else {
+ echo '
Explore ';
+ }
+ ?>
+
+
+
+
+
+
+
+
+
Newsflash
+
+
+
+
+
+
+
+
+
+
"Godzilla has arrived!"
+ Hover to read more
+ 9th of June 2021
+
+
+
It took almost half an eternity, but finally it's here!
+ Now it just needs to get on the road legally... *Sigh*
+
+
+
+
+
+
+
"Slapsticker time!"
+ Hover to read more
+ 17th of July 2021
+
+
+
Hurray, the Slapstickers from Saitoworks.com arrived!
+
+
+
+
+
+
+
+
+
"Visited his Brother!"
+ Hover to read more
+ 30th of September 2021
+
+
+
In order to adapt the car to Swiss standards, a conversion is necessary.
+
+
+
+
+
+
+
+
+
"Time for some NOS ;)"
+ Hover to read more
+ 5th of November 2021
+
+
+
Since nitromethane gas cylinders (NOS) are of course illegal in Switzerland
+ for road traffic, the somewhat cuddlier plush version will have to do! ;)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Featured Blog Posts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
When was the last time we met each other?!?
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Laboriosam, expedita qui explicabo sit iure neque autem nulla totam adipisci
+ voluptates laudantium itaque possimus ipsam ut obcaecati rem ab debitis
+ asperiores reprehenderit. Modi error nobis nesciunt dolor aspernatur neque
+ dolores adipisci.
+
Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Would you add the Mount Fuji in the background? ;)
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Laboriosam, expedita qui explicabo sit iure neque autem nulla totam adipisci
+ voluptates laudantium itaque possimus ipsam ut obcaecati rem ab debitis
+ asperiores reprehenderit. Modi error nobis nesciunt dolor aspernatur neque
+ dolores adipisci.
+
Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Ready for 2022! What about you?
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Laboriosam, expedita qui explicabo sit iure neque autem nulla totam adipisci
+ voluptates laudantium itaque possimus ipsam ut obcaecati rem ab debitis
+ asperiores reprehenderit. Modi error nobis nesciunt dolor aspernatur neque
+ dolores adipisci.
+
Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/login.php b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/login.php
new file mode 100644
index 0000000..5f8e7ba
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/login.php
@@ -0,0 +1,211 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
New here?
+
Be a part of our community, unleash your passion for JDM cars together and tell us your story!
+
Join us
+
+
+
+
+
+
+
One of us?
+
Let's share what's on your mind, you are just a few clicks away!
+
Sign in
+
+
+
+
+
+ Let's see
+
Our Members:
+
+
+0 ) { ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Member since:
+
That's me:
+
+
My Car:
+
+
I live in:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Member since: 09.06.2021
+
That's me:
+
Sillest
+
My Car:
+
Nissan 200sx S13
+
I live in:
+
Nidwalden
+
+
+
+
+
+
+
+
+
Member since: 11.06.2021
+
That's me:
+
Oli_Supra
+
My Car:
+
Toyota Supra MK4
+
I live in:
+
Aargau
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/post.php b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/post.php
new file mode 100644
index 0000000..5dd84b5
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/post.php
@@ -0,0 +1,74 @@
+
+
+
+
+
+
+
+
+
+
+ let's read
+
My Story
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Return
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/swiss_jdm_blog.sql b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/swiss_jdm_blog.sql
new file mode 100644
index 0000000..128266e
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/swiss_jdm_blog.sql
@@ -0,0 +1,105 @@
+-- phpMyAdmin SQL Dump
+-- version 5.1.1
+-- https://www.phpmyadmin.net/
+--
+-- Host: 127.0.0.1
+-- Erstellungszeit: 28. Dez 2021 um 12:10
+-- Server-Version: 10.4.21-MariaDB
+-- PHP-Version: 8.0.11
+
+SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
+START TRANSACTION;
+SET time_zone = "+00:00";
+
+
+/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
+/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
+/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
+/*!40101 SET NAMES utf8mb4 */;
+
+--
+-- Datenbank: `swiss_jdm_blog`
+--
+
+-- --------------------------------------------------------
+
+--
+-- Tabellenstruktur für Tabelle `admin`
+--
+
+CREATE TABLE `admin` (
+ `IDadmin` int(11) NOT NULL,
+ `admin_name` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `admin_email` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `admin_password` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `admin_usertype` tinyint(1) NOT NULL DEFAULT 1
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+--
+-- Daten für Tabelle `admin`
+--
+
+INSERT INTO `admin` (`IDadmin`, `admin_name`, `admin_email`, `admin_password`, `admin_usertype`) VALUES
+(1, 'Sven Kamm', 'sven0815@gmx.ch', '$2y$10$t9c9iyMmp.vJzaefy9RF5.Ic9Xec0globisorxwChWkrCG9bkDEXi', 1);
+
+-- --------------------------------------------------------
+
+--
+-- Tabellenstruktur für Tabelle `users`
+--
+
+CREATE TABLE `users` (
+ `usersId` int(11) NOT NULL,
+ `usersName` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersUid` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersCar` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersState` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersEmail` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersPwd` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `user_state` tinyint(1) DEFAULT 1,
+ `user_created` timestamp NOT NULL DEFAULT current_timestamp()
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+--
+-- Daten für Tabelle `users`
+--
+
+INSERT INTO `users` (`usersId`, `usersName`, `usersUid`, `usersCar`, `usersState`, `usersEmail`, `usersPwd`, `user_state`, `user_created`) VALUES
+(1, 'Sven Kamm', 'Svendolin', 'Nissan Skyline R33', 'Aargau', 'sven0815@gmx.ch', '$2y$10$iNoQRI/kyBnyqXM8UZ/7AOwKBKc8KADIAFf41./pXsDebmig8ILx6', 1, '2021-12-27 00:39:34');
+
+--
+-- Indizes der exportierten Tabellen
+--
+
+--
+-- Indizes für die Tabelle `admin`
+--
+ALTER TABLE `admin`
+ ADD PRIMARY KEY (`IDadmin`);
+
+--
+-- Indizes für die Tabelle `users`
+--
+ALTER TABLE `users`
+ ADD PRIMARY KEY (`usersId`);
+
+--
+-- AUTO_INCREMENT für exportierte Tabellen
+--
+
+--
+-- AUTO_INCREMENT für Tabelle `admin`
+--
+ALTER TABLE `admin`
+ MODIFY `IDadmin` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=2;
+
+--
+-- AUTO_INCREMENT für Tabelle `users`
+--
+ALTER TABLE `users`
+ MODIFY `usersId` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=3;
+COMMIT;
+
+/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
+/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
+/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/tellyourstory.php b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/tellyourstory.php
new file mode 100644
index 0000000..2596dd1
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/tellyourstory.php
@@ -0,0 +1,276 @@
+
+
+
+
+
+
+
+ let's hear
+
Your Story:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/css/aos.css b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/css/aos.css
new file mode 100644
index 0000000..66923fe
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/css/aos.css
@@ -0,0 +1 @@
+[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
\ No newline at end of file
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/css/mediaqueries.css b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/css/mediaqueries.css
new file mode 100644
index 0000000..07f3078
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/css/mediaqueries.css
@@ -0,0 +1,339 @@
+
+/* ======================= index.php ======================= */
+
+/* ----- Viewport less than or equal to 1270px ------ */
+
+@media only screen and (max-width: 1270px) {
+ /* Gives the pink blogpost info section more space while shrinking */
+ .site-content .post-content > .post-image .post-info {
+ left: 2rem !important;
+ bottom: 1.2rem !important;
+ border-radius: 0% !important;
+ }
+
+ /* The comment and datasection will disapper after shrinking */
+ .site-content .sidebar .popular-post .post-info {
+ display: none !important;
+ }
+
+ /* Gives the container colums more space in the footer: From 4 colums to 2 columns */
+ footer.footer .container {
+ grid-template-columns: repeat(2,1fr);
+ }
+
+}
+
+/* --x-- Viewport less than or equal to 1270px --x-- */
+
+/* ----- Viewport less than or equal to 970px ------ */
+
+@media only screen and (max-width: 970px) {
+ .nav .nav-menu, .nav .nav-items {
+ flex-direction: column; /* Menubar and login button will collapse to the next line */
+ margin: 0; /* To eliminate the 8rem margin default value */
+ }
+
+ /* Special list item which should be seen in loggedIn mode only */
+ .nav .nav-menu, .nav .tell-your-story {
+ flex-direction: column; /* Menubar and login button will collapse to the next line */
+ margin: 0; /* To eliminate the 8rem margin default value */
+ }
+
+ .nav .nav-items .nav-link {
+ display: block;
+
+ }
+
+ /* Trick: Define the full nav-link area (Home etc) of the a tag to go to the next page */
+ .nav .nav-items .nav-link a {
+ display: inline-block;
+ padding-right: 80%; /* These two moved from .nav-link to .nav-link a */
+ }
+
+ .nav .toggle-collapse {
+ display: initial; /* Defined default value of the browser */
+ }
+
+ /* main blog content and side content won't be side to side now:
+ - 1) All the post content will be at 100% width at first place
+ - 2) the side content with categories, popular posts and so on will follow up */
+ main .site-content{
+ grid-template-columns: 100%;
+ }
+
+ /* Newsletterelements (input field and button */
+ .site-content .sidebar .newsletter .input-element {
+ width: 50%;
+ }
+ .site-content .sidebar .newsletter .form-btn {
+ padding: 0.8rem 20%;
+ }
+
+ footer.footer .container{
+ grid-template-columns: repeat(1, 1fr);
+ }
+
+}
+
+/* --x-- Viewport less than or equal to 970px --x-- */
+/* ----- Viewport less than or equal to 660px ------ */
+
+@media only screen and (max-width: 660px) {
+
+ /* the pink blogpost info section should disappear entirely */
+ .site-content .post-content > .post-image .post-info {
+ display: none;
+ }
+
+ /* Removes the back to top button at 660px */
+ footer.footer > .move-up {
+ display: none;
+ }
+}
+
+/* --x-- Viewport less than or equal to 660px --x-- */
+/* ----- Viewport less than or equal to 420px ------ */
+
+@media only screen and (max-width: 420px) {
+
+ /* Moves the 4 container boxes closer to eachother */
+ footer.footer .container > div {
+ padding: 1rem 0.9rem !important;
+ }
+
+ footer.footer .container .about-us {
+ margin-top: 2rem;
+ }
+
+ footer.footer .rights {
+ margin-top: 4rem !important;
+ text-align: center;
+ }
+
+}
+
+/* --x-- Viewport less than or equal to 420px --x-- */
+
+/* ====x================== index.php ==================x==== */
+/* ======================= login.php ======================= */
+
+@media only screen and (max-width: 870px) {
+
+ /* Container the red circle */
+ .login-container:before {
+ min-height: 1500px;
+ height: 1500px;
+ left: 25%;
+ bottom: 80%;
+ transform: translateX(-50%);
+ right: initial;
+ top: initial; /* Set to their default values */
+ transition: 2s ease-in-out;
+ }
+
+ /* The whole sign-in and sign-up section (Adjust the top if its not centered enough) */
+ .login-container .signin-signup {
+ width: 100%;
+ left: 50%;
+ top: 90%;
+ transform: translate(-50%, -100%);
+ transition: 1s 0.8s ease-in-out;
+ }
+
+ /* Container with the sign-in panels */
+ .login-container .panels-container {
+ /* background: green; */
+ grid-template-columns: 1fr; /* Just ONE ROW now */
+ grid-template-rows: 1fr 2fr 1fr; /* 3-row areas: 1fr = Join, 2fr empty, 1fr= Sign */
+ }
+
+ .panels-container .panel {
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center;
+ padding: 2.5rem 8%;
+ }
+
+ .panels-container .panel h3 {
+ font-size: 1.2rem;
+ }
+
+ .panels-container .panel p {
+ font-size: 0.9rem;
+ padding: 0.5rem 0;
+ }
+
+ /* transparent button of the panel */
+ button.btn.transparent {
+ width: 100px;
+ height: 40px;
+ font-size: 1.1rem;
+ }
+
+ /* Content of the both pannels */
+ .panels-container .panel .content {
+ padding-right: 15%;
+ transition: 0.9s 0.8s ease-in-out;
+ }
+
+ .image {
+ width: 200px;
+ transition: 0.9s 0.6s ease-in-out;
+ }
+
+ .panels-container .left-panel {
+ grid-row: 1 / 2; /* From top (because of row) Line 1 to 2 (1fr), 2 to 3 (2fr) = empty */
+ }
+
+ .panels-container .right-panel {
+ grid-row: 3 / 4; /* From top (because of row) Line 1 to 2 (1fr), 2 to 3 (2fr) = empty */
+ }
+
+ /* Content and Images of sign-in an sign-up united in the center */
+ .panels-container .right-panel .content, .panels-container .right-panel .image {
+ transform: translateY(300px);
+ }
+
+ /* The pannel container (red circle) will now move up and down */
+ .login-container.sign-up-mode:before {
+ transform: translate(-50%, 100%);
+ bottom: 32%;
+ right: initial;
+ }
+
+ .login-container.sign-up-mode .left-panel .image,
+ .login-container.sign-up-mode .left-panel .content {
+ transform: translateY(-300px);
+ }
+
+ .login-container.sign-up-mode .signin-signup {
+ top: 5%;
+ transform: translate(-50%, 0);
+ left: 50%;
+ }
+
+ /* Sign-in login error messages */
+ .error-message-log-in p {
+ margin-top: 50rem;
+ }
+
+ /* Sign-up login (registration) error messages */
+ .login-container .signin-signup form {
+ justify-content: flex-end;
+ padding-bottom: 10rem;
+ }
+
+ .login-container {
+ min-height: 1200px; /* TODO: Make it bigger if you add more input fields */
+ height: 100vh;
+ }
+
+}
+
+@media only screen and (max-width: 570px) {
+ .login-container .signin-signup form {
+ padding: 0 1.5rem;
+ }
+
+ .image {
+ display: none;
+ }
+
+ .panels-container .panel .content {
+ padding: 0.5rem 1rem,
+ }
+
+ .login-container:before{
+ bottom: 72%;
+ left: 50%;
+ }
+
+ .login-container.sign-up-mode:before{
+ bottom: 28%;
+ left: 50%;
+ }
+
+ /* Sign-up login (registration) error messages */
+ .login-container .signin-signup form {
+ justify-content: center;
+ }
+
+ .error-message-sign-up {
+ display: flex;
+ justify-content: center;
+ }
+
+}
+
+/* ====x================== login.php ==================x==== */
+/* ======================= tellyourstory.php ======================= */
+
+@media only screen and (max-width: 570px) {
+
+ form.write-a-post {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+ .input-field-story, .input-field-story.textarea {
+ width: 20rem;
+ }
+
+}
+
+
+
+
+
+
+
+/* ====x================== tellyourstory.php ==================x==== */
+/* ======================= memberboard.php ======================= */
+
+@media only screen and (max-width: 1380px) {
+ #memberboard {
+ grid-template-columns: repeat(2,1fr);
+ grid-template-rows: repeat(2,1fr);
+ min-height: 85rem;
+ }
+}
+
+@media only screen and (max-width: 950px) {
+ #memberboard {
+ grid-template-columns: 1fr;
+ grid-template-rows: repeat(3,1fr);
+ min-height: 130rem;
+ }
+ .card {
+ grid-template-columns: 380px; /* 380 width */
+
+ }
+}
+
+
+/* ====x================== memberboard.php ==================x==== */
+
+/* ======================= post.php ======================= */
+
+@media only screen and (max-width: 1100px) {
+ .blog-container .blog-box, .blog-heading {
+ width: 100%;
+ }
+}
+
+
+/* ====x================== post.php ==================x==== */
+/* ======================= (admin) login.php (admin) ======================= */
+
+@media only screen and (max-width: 450px) {
+ .center {
+ width: 320px;
+ }
+ .btn-special-sign-in, .btn-special-return {
+ padding: 0.8rem 1.3rem;
+ }
+}
+
+
+/* ====x================== (admin) login.php (admin) ==================x==== */
+
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/css/owl.carousel.min.css b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/css/owl.carousel.min.css
new file mode 100644
index 0000000..a71df11
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/css/owl.carousel.min.css
@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
\ No newline at end of file
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/css/owl.theme.default.min.css b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/css/owl.theme.default.min.css
new file mode 100644
index 0000000..487088d
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/css/owl.theme.default.min.css
@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
\ No newline at end of file
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/css/style.css b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/css/style.css
new file mode 100644
index 0000000..8dfb703
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/css/style.css
@@ -0,0 +1,1461 @@
+/* Over here you will find:
+
+ - CSS Styles (index.php / login.php / memberboard.php)
+
+*/
+
+
+
+/* ======================= index.php ======================= */
+
+/* --------- Navigation --------- */
+
+/* Navigation bar */
+.nav {
+ background: var(--white);
+ padding: 0 3rem;
+ height: 0; /* used to collapse and fold navigation menu */
+ height: 4.3rem;
+ overflow: hidden;
+ transition: height 1.2s ease-in-out;
+
+}
+.nav .nav-menu {
+ justify-content: space-between;
+}
+
+/* Burgerbar */
+.nav .toggle-collapse {
+ position: absolute;
+ top: 0%;
+ width: 90%;
+ cursor: pointer;
+ display: none;
+}
+
+.nav .toggle-collapse .toggle-icons {
+ display: flex;
+ justify-content: flex-end;
+ margin: 1.3rem 1.3rem 0 0;
+}
+
+
+/* Burgermark symbol */
+.nav .toggle-collapse .toggle-icons .menu-toggle-btn {
+ font-size: 1.7rem;
+ color: var(--text-gray);
+}
+
+/* X-symbol */
+i.menu-toggle-btn .fas .fa-bars .fa-times::before {
+ font-size: 1.9rem;
+ /* color: red; */
+}
+
+.collapse { /*Defined collapse class from main.js which will hide and open navigation */
+ height: 23rem;
+}
+
+.nav .nav-items {
+ display: flex;
+ /* margin: 0 8rem 0 0; */
+}
+
+/* Center placed nav links */
+.nav .nav-items .nav-link {
+ position: relative;
+ font-family: var(--linksnbtn);
+ font-size: 1.3rem;
+ font-weight: 500;
+ display: inline-block;
+ margin: 0 1rem;
+}
+
+/* Trick: Define the full nav-link area (Home etc) of the a tag to go to the next page */
+.nav .nav-items .nav-link a {
+ display: inline-block;
+ padding: 1.4rem 1.4rem; /* These two moved from .nav-link to .nav-link a */
+ text-align: center;
+}
+
+/* .nav .nav-items .nav-link a.home {
+ margin: 0 2rem;
+} */
+
+/* .nav .nav-items .nav-link a.member {
+ margin: 0 2rem;
+} */
+
+/* hover on nav links */
+.nav .nav-items .nav-link:hover {
+ background: var(--pink);
+ cursor: pointer;
+}
+
+.nav .nav-items .nav-link:hover a {
+ color: var(--white);
+
+}
+
+/* Logo */
+.nav .nav-brand a {
+ font-size: 1.6rem;
+ padding: 1rem 0;
+ display: block;
+ font-family: var(--logo);
+ background: var(--pink);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ /* border: solid 2px black; */
+}
+
+/* Login Button */
+.nav .login {
+ margin-top: 0.8rem;
+ height: 2.5rem;
+ width: 4rem;
+ font-family: var(--linksnbtn);
+ font-weight: 500;
+ font-size: 1.3rem;
+ border-radius: 10px;
+ border: solid 2px var(--sakura);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.nav .login a {
+ /* Move these two from div to a such as here to link the whole area */
+ display: inline-block;
+ padding: 1rem 1rem;
+}
+
+/* hover on Login*/
+.nav .login:hover {
+ background: var(--pink);
+ cursor: pointer;
+}
+
+.nav .login:hover a {
+ color: var(--white);
+}
+/* ----x---- Navigation ----x---- */
+
+
+/* --------- Main Content --------- */
+/* ----- Site title ----- */
+main .site-title {
+ background-image: url("../../images/q180sx2.jpg");
+ background-size: cover;
+ height: 90vh;
+ display: flex;
+ justify-content: center;
+
+}
+
+main .site-title .site-background {
+ padding-top: 5rem;
+ text-align: center;
+ color: var(--white);
+}
+
+main .site-title span,h1 {
+ margin: 0.3rem;
+ margin-bottom: 2rem;
+}
+
+main a.btn {
+ margin: 1rem;
+ background: var(--pink);
+ transition: all 300ms;
+}
+
+main .site-title .btn:hover {
+ background: transparent;
+ border: 1px solid var(--white);
+ transform: scale(1.1);
+}
+
+/* --x-- site title --x-- */
+/* ----- News Carousel ----- */
+main .blog {
+ background: url("../../images/sakuratree2.png");
+ background-repeat: no-repeat;
+ background-position: right;
+ /* height: 125vh; */
+ width: 100%;
+ /* background-size: 65%; */
+}
+
+main .blog .blog-post {
+ padding-top: 5rem;
+}
+
+/* Box with one blogpost */
+main .blog-post .blog-content {
+ display: flex; /* To align the content in a new line */
+ flex-direction: column;
+ text-align: center;
+ width: 80%;
+ margin: 3rem 2rem;
+ background: var(--white); /* Comment it out for transparent background */
+ box-shadow: 0 15px 20px rgba(0,0,0,0.2);
+}
+
+/* SPECIAL */
+/* Container of the informative text (overlay) */
+.overlay {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 100%;
+ width: 100%;
+ opacity: 0;
+ transition: .5s ease;
+ background-color: white;
+}
+
+.blog-content:hover .overlay {
+ opacity: 0.95;
+}
+
+.text {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ padding: 1rem;
+ width: 300px;
+}
+.text h3 {
+ display: block;
+ color: var(--text-gray);
+ font-size: 20px;
+}
+
+/* Text of one newspost */
+main .blog-content .blog-title {
+ padding: 2rem 0;
+}
+
+/* Button of one newspost */
+main .blog-content .btn {
+ padding: 0.5rem 1rem;
+ margin: 1rem 0 0.5rem 0;
+ transition: all 300ms;
+}
+
+main .blog-content .btn:hover {
+ transform: scale(1.2)
+}
+
+/* Text of one newspost */
+main .blog-content span {
+ display: block;
+ font-family: var(--textntitles);
+ font-size: 0.9rem;
+ padding-top: 0.8rem;
+}
+
+/* News Navigation Arrows (nav: true in main.js) */
+
+section .container .owl-nav {
+ position: absolute;
+ top: 0%;
+ margin: 0 auto;
+ width: 100%;
+}
+
+.owl-nav .owl-prev .owl-nav-prev,
+.owl-nav .owl-next .owl-nav-next {
+ color: var(--text-gray);
+ background: transparent;
+ font-size: 2rem;
+}
+
+.owl-theme .owl-nav [class*='owl-']:hover {
+ background: transparent;
+ color: var(--sakura);
+}
+/* ---------------x-- News Carousel --x--------------- */
+/* ---------------------- Site Blog Content ---------------------- */
+
+
+/* Blog post site content */
+main .site-content {
+ display: grid;
+ grid-template-columns: 70% 30%;
+}
+
+/*FIXME: Check if this still cause ERRORS */
+main .post-content {
+ width: 100%;
+}
+
+/* Blog Post title text */
+main .site-content .post-content >.post-image, .post-title {
+ padding: 1rem 2rem;
+ position: relative;
+}
+
+main .post-content .post-title a {
+ font-family: var(--textntitles);
+ font-size: 2.2rem;
+ font-weight: 800;
+}
+
+
+/* pink infobox of each post */
+.imagecontainer {
+ overflow: hidden;
+ max-height: 800px;
+}
+
+/* .cover {
+ object-fit: cover;
+ width: 50px;
+ height: 100px;
+} */
+
+.imagecontainer img {
+ width: 100%;
+ transition: all 800ms ease;
+ object-fit: cover;
+}
+
+
+main .site-content .post-content > .post-image .post-info {
+ background: var(--pink-light);
+ padding: 0.3rem 1rem;
+ position: absolute;
+ bottom: 0%;
+ left: 20vw;
+ border-radius: 1rem;
+}
+
+/* pictures of each post */
+main .site-content .post-content > .post-image > div {
+ overflow: hidden;
+}
+
+main .site-content .post-content > .post-image .img {
+ width: 100%;
+ transition: all 800ms ease;
+}
+
+main .site-content .post-content > .post-image .img:hover {
+ transform: scale(1.1);
+}
+
+/* infotext of each post (spacing of each text element */
+main .site-content .post-content > .post-image .post-info span {
+ margin: 0 0.5rem;
+}
+
+/* Special button design especially for this part */
+main .site-content .post-content .post-title a.post-btn {
+ display: block;
+ text-align: center;
+ width: 10rem;
+ font-size: 1.2rem;
+ border-radius: 0;
+ padding: 0.7rem 1rem;
+ background: var(--pink);
+ margin: 1.5rem 0 0 0;
+ transition: all 300ms;
+ font-family: var(--linksnbtn);
+ font-weight: 500;
+}
+
+main .site-content .post-content .post-title a.post-btn:hover {
+ transform: scale(1.2);
+}
+
+/* pagination (1/2/3) */
+.site-content .pagination {
+ justify-content: center;
+ color: var(--text-gray);
+ margin: 4rem 0;
+}
+
+.site-content .pagination a {
+ padding: 0.6rem 0.9rem;
+ border-radius: 50%;
+ margin: 0 0.3rem;
+ font-family: var(--linksnbtn);
+ transition: all 300ms;
+}
+
+.site-content .pagination a:hover {
+ transform: scale(1.2);
+}
+
+.site-content .pagination .pages {
+ background: var(--sakura);
+}
+/* -------------x-- Site Blog Content --x------------- */
+/* ------------------ Sidebar ------------------ */
+
+
+/* The general listboxclass above to flex */
+.site-content > .sidebar > .category {
+ display: flex;
+ justify-content: center;
+}
+
+/* The whole list box */
+.site-content > .sidebar .category-list {
+ font-family: var(--textntitles);
+}
+
+/* All the different Category Items */
+.site-content > .sidebar .category-list .list-items {
+ background: var(--pink);
+ padding: 0.4rem 4rem 0.4rem 1rem;
+ margin: 0.8rem 0.9rem;
+ border-radius: 1rem;
+ width: 100%;
+ transition: all 300ms ease;
+}
+
+.site-content > .sidebar .category-list .list-items:hover {
+ transform: translateX(1.2rem);
+ background: var(--pink-very-light);
+}
+
+.site-content > .sidebar .category-list .list-items a {
+ color: white;
+ font-size: 1.2rem;
+ font-weight: 400;
+}
+
+.site-content .sidebar .popular-post .post-content {
+ padding: 1rem 0;
+}
+
+/* Top spacing above the title "Popular Posts" */
+.site-content .sidebar .popular-post h1 {
+ padding-top: 8rem;
+}
+
+/* Popular Post overwrites */
+/* Overwrite the default property with !important for the popular posts */
+.site-content .sidebar .popular-post .post-info {
+ padding: 0.4rem 0.5rem !important;
+ bottom: 0 !important;
+ left: 1.5rem !important;
+ border-radius: 0 !important;
+ background: white !important;
+}
+
+/* a-tag overwrite the size (Title of a post) */
+.site-content .sidebar .popular-post .post-title a {
+ font-size: 1.6rem;
+}
+
+/* span-tag overwrite the size (comment and date of a post) */
+.site-content .sidebar .post-info span {
+ font-size: 1.2rem;
+}
+
+/* hr especially made for the sideline */
+.sideline {
+ width: 90%;
+ margin-left: 2rem;
+}
+
+/* ---- Newsletter section ---- */
+.site-content .sidebar .newsletter {
+ padding-top: 1rem;
+}
+
+.site-content .sidebar .newsletter .form-element {
+ padding-top: 0.5rem 2rem;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+
+}
+
+/* email input field */
+.site-content .sidebar .newsletter .input-element {
+ width: 80%;
+ height: 3rem;
+ padding: 1rem 0.5rem;
+ font-family: var(--linksnbtn);
+ font-size: 1.2rem;
+ color: var(--text-gray);
+}
+
+/* Newsletterbutton */
+.site-content .sidebar .newsletter .form-btn {
+ border-radius: 0;
+ padding: 0.8rem 29%;
+ margin: 1rem 0;
+ transition: all 300ms;
+}
+
+.site-content .sidebar .newsletter .form-btn:hover {
+ transform: scale(1.1);
+}
+
+/* Popular tags */
+.site-content .sidebar .popular-tags {
+ padding: 3rem 0;
+}
+
+.site-content .sidebar .popular-tags .tags .tag {
+ background: var(--pink-light);
+ padding: 0.4rem 1rem;
+ color: white;
+ border-radius: 1.5rem;
+ margin: 0.3rem 0.6rem;
+}
+/* ---------------x-- Sidebar --x--------------- */
+/* ----x---- Main Content ----x---- */
+
+/* ------------------ Footer ------------------ */
+
+footer.footer {
+ height: 100%;
+ background: var(--bg-color);
+ position: relative;
+}
+
+footer.footer .container {
+ display: grid; /* Various ways to define our 4 columns */
+ /* grid-template-columns: 25% 25% 25% 25%; */
+ /* grid-template-columns: 1fr 1fr 1fr 1fr; */
+ grid-template-columns: repeat(4, 1fr);
+}
+
+/* div-footer items */
+footer.footer .container > div {
+ flex-grow: 1; /* Specified how much the item will grow inside the flexible items of the container */
+ flex-basis: 0; /* Specifies initial width of the flexible items */
+ padding: 3rem 0.9rem;
+}
+
+footer.footer .container h3 {
+ color: var(--white);
+ margin-bottom: 1.3rem;
+}
+
+footer.footer .container p {
+ margin-bottom: 1.3rem;
+}
+
+footer.footer .container .admin a {
+ font-family: var(--textntitles);
+ color: var(--white);
+ display: inline-block;
+ transition: all 200ms;
+}
+
+/* Margin works perfectly well with "block" instead of the default "inline" with a,
+but to hover it right: We need inline-block to solve this problem */
+footer.footer .container .admin a:hover {
+ color: var(--cherry);
+}
+
+footer.footer .instagram div > img {
+ display: inline-block;
+ width: 40%;
+ height: 50%;
+ margin: 0.3rem 0.4rem;
+}
+
+footer.footer .follow div i{
+ color: var(--white);
+ padding: 0rem 0.4rem;
+ transition: all 200ms;
+ font-size: 1.3rem;
+}
+
+footer.footer .follow div i:hover{
+ color: var(--cherry);
+}
+
+footer.footer .rights {
+ justify-content: center;
+ font-family: var(--linksnbtn);
+ padding-bottom: 1rem;
+}
+
+/* Back to top-button */
+
+footer.footer .move-up{
+ position: absolute;
+ right: 6%;
+ top: 50%;
+}
+
+footer.footer .move-up span{
+ color: var(--cherry);
+}
+
+footer.footer .move-up span:hover{
+ color: var(--white);
+ cursor: pointer;
+}
+
+/* ---------------x-- Footer --x--------------- */
+
+/* ====x=================== index.php ===================x==== */
+/* ======================== login.php ======================== */
+
+/* Whole login-area (formerly "container" */
+.login-container {
+ position: relative;
+ width: 100%;
+ min-height: 115vh;
+ background-color: white;
+ overflow: hidden;
+}
+
+/* :before state will cover the sign up section (Red moving ball will cover) */
+.login-container:before{
+ content: '';
+ position: absolute;
+ width: 125rem;
+ height: 125rem;
+ border-radius: 50%;
+ background: var(--red);
+ top: -10%;
+ right: 48%;
+ transform: translateY(-50%);
+ z-index: 6;
+ transition: 1.8s ease-in-out;
+}
+
+/* Container for the forms */
+.login-container .forms-container {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+}
+
+/* Container with both items, sign-in and sign-up */
+.login-container .signin-signup {
+ position: absolute;
+ top: 45%; /* TODO: Change this if you got too many input fields */
+ left: 75%;
+ transform: translate(-50%, -50%);
+ width: 50%;
+ display: grid;
+ grid-template-columns: 1fr;
+ z-index: 5;
+ transition: 1s 0.7s ease-in-out;
+}
+
+.login-container .signin-signup form {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ padding: 0 0.5rem;
+ overflow: hidden;
+ grid-column: 1 / 2; /* Two column lines in total */
+ grid-row: 1 / 2; /* Two row lines in total */
+ transition: 0.3s 0.9s ease-in-out;
+}
+
+.login-container .signin-signup form.sign-in-form {
+ z-index: 2;
+}
+
+.login-container .signin-signup form.sign-up-form {
+ z-index: 1;
+ opacity: 0;
+}
+
+.signin-signup .title {
+ font-size: 3.2rem;
+ color: var(--text-gray);
+ margin-bottom: 0.6rem;
+}
+
+.input-field {
+ max-width: 23.7rem;
+ width: 100%;
+ height: 55px;
+ background-color: var(--light-grey);
+ margin: 10px 0;
+ border-radius: 55px;
+ display: grid;
+ grid-template-columns: 15% 85%;
+ padding: 0 0.4rem;
+}
+
+/* Icons of the Sign In area */
+.input-field i {
+ text-align: center;
+ line-height: 55px;
+ color: var(--text-light);
+ font-size: 1.1rem;
+}
+
+/* Icons of the Sign In area */
+.input-field input {
+ background: none;
+ outline: none;
+ border: none;
+ line-height: 1;
+ font-weight: 600;
+ font-size: 1.1rem;
+ color: var(--text-gray);
+}
+
+.input-field input::placeholder {
+ color: var(--text-light);
+ font-weight: 500;
+}
+
+.btn.solid {
+ border: none;
+ border-radius: 2rem;
+ padding: 0.8rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ border: 1px solid var(--white);
+ transition: all 300ms;
+ margin: 0.5rem 0 2rem 0;
+}
+
+.btn.solid:hover {
+ transform: scale(1.2);
+}
+
+.panels-container {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+}
+
+.panels-container .panel {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: flex-end;
+ text-align: center;
+ z-index: 7;
+}
+
+.panels-container .panel h3 {
+ font-weight: 600;
+ line-height: 1;
+ font-size: 1.5rem;
+}
+
+.panels-container .panel p {
+ font-size: 0.95rem;
+ padding: 0.7rem 0;
+ color: var(--white)
+}
+
+.panels-container .panel .content {
+ color: var(--white);
+ transition: 0.9s 0.6s ease-in-out;
+}
+
+.panels-container > .left-panel {
+ pointer-events: all; /* We can prevent all clicks ont the panel first and THEN we can click on the form */
+ padding: 3rem 39% 2rem 12%;
+}
+
+.panels-container > .right-panel {
+ pointer-events: none; /* Right-panel shouldnt be clickable */
+ padding: 3rem 12% 2rem 39%;
+}
+
+button.btn.transparent {
+ margin: 0;
+ background: none;
+ padding: 0.5rem 1rem;
+ margin-top: 1rem;
+ transition: all 300ms;
+}
+
+button.btn.transparent:hover {
+ background: var(--white);
+ color: var(--red);
+ transform: scale(1.2);
+ border: none;
+ font-weight: 800;
+}
+
+/* To keep the right image away if the left panel is working */
+.panels-container .right-panel .content, .right-panel .image {
+ transform: translateX(1200px);
+}
+
+.image {
+ width: 100%;
+ transition: 1.1s 0.4s ease-in-out;
+}
+
+/* ------------ Animation of the login-container (defined in JS) ------------ */
+
+/* The move from sign-in to sign-up */
+.login-container.sign-up-mode:before {
+ transform: translate(100%, -50%);
+ right: 52%;
+}
+
+/* After the sign-up button is going to be pushed, the content and image will move away to the left */
+.login-container.sign-up-mode .left-panel .image,
+.login-container.sign-up-mode .left-panel .content {
+ transform: translateX(-1200px);
+}
+
+.login-container.sign-up-mode .right-panel .content,
+.login-container.sign-up-mode .right-panel .image {
+ transform: translateX(0px);
+}
+
+.login-container.sign-up-mode .left-panel {
+ pointer-events: none; /* Now with the animation the left-panel shouldnt be clickable */
+}
+
+.login-container.sign-up-mode .right-panel {
+ pointer-events: all; /* We can prevent all clicks ont the panel first and THEN we can click on the form */
+}
+
+.login-container.sign-up-mode .signin-signup {
+ left: 25%;
+}
+
+.login-container.sign-up-mode form.sign-in-form {
+ z-index: 1;
+ opacity: 0;
+}
+
+.login-container.sign-up-mode form.sign-up-form {
+ z-index: 2;
+ opacity: 1;
+}
+
+/* --- Error Messages done with PHP --- */
+
+/* .error-message-log-in {
+ display: flex;
+ justify-content: flex-end;
+} */
+.error-message-log-in p {
+ position: relative;
+ display: inline;
+ background-color: red;
+ color: var(--white);
+ border-radius: 12px;
+ margin-top: 6rem;
+ padding: 0.5rem;
+}
+
+/*
+.error-message-log-in p.special {
+ color: white;
+} */
+
+.error-message-sign-up {
+ display: flex;
+ justify-content: flex-start;
+}
+.error-message-sign-up p {
+ position: relative;
+ display: inline;
+ background-color: red;
+ color: var(--white);
+ border-radius: 12px;
+ /* border-top-left-radius: 12px;
+ border-bottom-left-radius: 12px; */
+ padding: 0.5rem;
+ margin-bottom: 1rem;
+}
+
+.error-message-sign-up p.successfulsignup {
+ position: relative;
+ display: inline;
+ background-color: rgb(39, 236, 0);
+ color: var(--white);
+ border-top-left-radius: 12px;
+ border-bottom-left-radius: 12px;
+ margin-top: 10rem;
+ padding: 0.5rem 0.5rem 0.5rem 0.5rem;
+}
+
+/* --- Positive Feedback done with PHP seen at index.php after successful login --- */
+
+.index-intro {
+ display: flex;
+ justify-content: center;
+}
+.index-intro p {
+ position: absolute;
+ display: inline;
+ background-color: rgb(39, 236, 0);
+ color: var(--white);
+ border-bottom-right-radius: 12px;
+ border-bottom-left-radius: 12px;
+ padding: 0.5rem;
+}
+
+
+
+
+/* ====x=================== login.php ===================x==== */
+/* ======================== post.php ======================== */
+
+/* heading section */
+#blog {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ padding: 1.5rem;
+ border-bottom: 1px solid rgba(0,0,0,0.05)
+}
+
+.blog-heading {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+
+.blog-heading h1 {
+ font-family: var(--textntitles);
+ font-size: 3rem;
+ font-weight: 700;
+ color: var(--text-gray);
+}
+
+.blog-heading span {
+ color: var(--cherry);
+ font-size: 2rem;
+}
+
+
+/* blog section */
+.blog-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin: 20px 0;
+}
+
+/* Grey BOX where the blog is covered in */
+.blog-box {
+ width: 60rem;
+ background: var(--white); /* Comment it out for transparent background */
+ box-shadow: 0 15px 20px rgba(0,0,0,0.2);
+ margin: 20px;
+}
+
+.blog-img {
+ width: 100%;
+ height: auto;
+}
+
+.blog-img img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ object-position: center;
+}
+
+/* TEXT where the blog is covered in */
+#blog .blog-container .blog-text {
+ display: flex;
+ flex-direction: column;
+ padding: 10px 25px 25px 25px;
+ flex-wrap: wrap;
+}
+
+.blog-text span {
+ font-size: 1rem;
+ margin-bottom: 1rem;
+ margin: 20px 0px;
+ font-weight: 400;
+}
+
+.blog-text h2 {
+ font-size: 2rem;
+ font-weight: 800;
+ margin-bottom: 1rem;
+}
+
+.blog-text p {
+ font-size: 1rem;
+ font-weight: 600;
+ margin-bottom: 1rem;
+ color: rgb(39, 39, 39);
+}
+
+/* Return Button */
+.back {
+ display: block;
+ width: 7rem;
+ text-align: center;
+ margin: 3rem auto 2rem auto;
+ transition: all 300ms;
+}
+
+.back:hover {
+ transform: scale(1.2);
+}
+
+/* ====x=================== post.php ===================x==== */
+/* ======================== tellyourstory.php ======================== */
+
+/*TODO: If the user is LOGGED IN, THIS NAV will show up and you can write blog entry */
+.tell-your-story {
+ /* display:none; */
+ display: flex;
+}
+
+.blog-heading.special {
+ margin-top: 3rem;
+}
+
+#storytellingform {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+/*TODO: Change the names here for the STORY STYLE */
+
+.input-field-story {
+ width: 30rem;
+ height: 55px;
+ background-color: var(--light-grey);
+ margin: 10px 0;
+ border-radius: 10px;
+ display: grid;
+ grid-template-columns: 15% 85%;
+ padding: 0 0.4rem;
+}
+
+.input-field-story.textarea {
+ width: 30rem;
+ height: 25rem;
+ background-color: var(--light-grey);
+ margin: 10px 0;
+ border-radius: 10px;
+ display: grid;
+ grid-template-columns: 15% 85%;
+ padding: 0.4rem;
+}
+
+/* Icons of the Sign In area */
+.input-field-story i {
+ text-align: center;
+ line-height: 55px;
+ color: var(--text-light);
+ font-size: 1.1rem;
+}
+
+/* The image field of "Datei auswählen" */
+#fld_image {
+ align-self: center;
+}
+
+/* Icons of the Sign In area */
+.input-field-story input {
+ background: none;
+ outline: none;
+ border: none;
+ line-height: 1;
+ font-weight: 600;
+ font-size: 1.1rem;
+ color: var(--text-gray);
+}
+
+.input-field-story input::placeholder {
+ color: var(--text-light);
+ font-weight: 500;
+}
+
+.buttonsection {
+ display: flex;
+ justify-content: center;
+
+}
+
+/* Publish button */
+.btn.solid.special.publish {
+ margin-right: 7rem;
+ margin-left: 1rem;
+}
+
+/* return button */
+.btn.solid.special.return {
+ margin-right: 1rem;
+}
+
+.btn.solid {
+ border: none;
+ border-radius: 2rem;
+ padding: 0.8rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ border: 1px solid var(--white);
+ transition: all 300ms;
+ margin: 0.5rem 0 2rem 0;
+}
+
+.btn.solid:hover {
+ transform: scale(1.2);
+}
+
+/* Errormessages for the story publishing */
+
+.error-message-publish {
+ display: flex;
+ justify-content: center;
+ margin: 1rem 0;
+}
+
+.error-message-publish p {
+ position: relative;
+ display: inline-block;
+ background-color: red;
+ color: var(--white);
+ border-radius: 12px;
+ /* border-top-left-radius: 12px;
+ border-bottom-left-radius: 12px; */
+ padding: 0.5rem;
+}
+
+.successfulpublish {
+ display: flex;
+ justify-content: center;
+ margin: 1rem 0;
+}
+
+.successfulpublish p {
+ position: relative;
+ display: inline-block;
+ background-color: rgb(39, 236, 0);
+ color: var(--white);
+ border-radius: 12px;
+ padding: 0.5rem;
+}
+
+
+/* ====x=================== tellyourstory.php ===================x==== */
+/* ======================== memberboard.php ======================== */
+
+#memberboard {
+ height: 45rem;
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ justify-content: center;
+ align-items: center;
+ background: var(--white);
+ overflow: hidden;
+}
+
+
+
+
+.card {
+ display: grid;
+ grid-template-columns: 420px; /* 420 width */
+ grid-template-rows: 320px 235px 40px;
+ grid-template-areas: "image" "text" "stats";
+ font-family: var(--textntitles);
+ border-radius: 18px;
+ background: white;
+ box-shadow: 5px 5px 15px rgba(0,0,0,0.7);
+ transition: all 300ms ease-in-out;
+ cursor: pointer;
+ margin: 0 auto;
+}
+
+.card:hover {
+ transform: scale(1.5); /*FIXME: This is broken */
+ box-shadow: 5px 5px 15px rgba(0,0,0,1.2);
+}
+
+.card-image {
+ grid-area: image;
+ /* background: url("../../images/members/member1.jpg"); */
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+ background-size: cover;
+}
+
+/* .card-image2 {
+ grid-area: image;
+ background: url("../../images/members/member2.jpg");
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+ background-size: cover;
+} */
+
+/* .card-image3 {
+ grid-area: image;
+ background: url("../../images/members/member3.jpg");
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+ background-size: cover;
+} */
+
+.card-text {
+ grid-area: text;
+}
+
+.card-text span {
+ font-size: 0.7rem;
+ text-align: center;
+ display: block;
+ margin: 0.5rem 0 1rem 0;
+ color: var(--cherry);
+}
+
+.card-text h2 {
+ font-size: 1.3rem;
+ padding-left: 2rem;
+ font-weight: 600;
+}
+
+.card-text p {
+ font-size: 0.9rem;
+ padding-left: 2.2rem;
+ margin-bottom: 1rem;
+}
+
+.card-stats {
+ grid-area: stats;
+ background: var(--pink-very-light);
+ border-bottom-left-radius: 15px;
+ border-bottom-right-radius: 15px;
+}
+
+/* Admin or Members */
+.stat h3 {
+ font-size: 0.9rem;
+ font-weight: 600;
+ text-align: center;
+ padding-top: 0.6rem;
+ color: white;
+}
+
+/* ====x=================== memberboard.php ===================x==== */
+/* ======================== (ADMIN) login.php (ADMIN) ======================== */
+
+/* Section of the Admin Login */
+#admin-login {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ width: 100%;
+ min-height: 45rem;
+ background: var(--pink-heavy);
+ overflow: hidden;
+}
+
+/* Admin Login Box */
+.center {
+ width: 400px;
+ background: white;
+ border-radius: 10px;
+ box-shadow: 10px 10px 15px rgba(0,0,0,0.2);
+}
+
+.center h1 {
+ font-family: var(--textntitles);
+ font-size: 3rem;
+ font-weight: 700;
+ color: var(--text-gray);
+ text-align: center;
+ padding: 20px 0;
+ border-bottom: 2px solid var(--sakura);
+ margin: 0 40px;
+}
+
+.center form {
+ padding: 0 40px;
+ box-sizing: border-box;
+ height: 15rem;
+}
+
+form .txt_field {
+ position: relative;
+ border-bottom: 2px solid #adadad;
+ margin: 30px 0;
+}
+
+.txt_field input{
+ width: 100%;
+ padding: 0 5px;
+ height: 40px;
+ font-size: 16px;
+ border: none;
+ background: none;
+ outline: none;
+}
+
+
+.txt_field label{
+ position: absolute;
+ top: 50%;
+ left: 5px;
+ font-family: var(--textntitles);
+ color: var(--text-light);
+ transform: translateY(-50%);
+ font-size: 16px;
+ pointer-events: none;
+ transition: .5s;
+}
+
+.txt_field span::before{
+ content: '';
+ position: absolute;
+ top: 40px;
+ left: 0;
+ width: 0%;
+ height: 2px;
+ background: var(--sakura);
+ transition: .5s;
+}
+
+/* For the "Swosh" Effect */
+.txt_field input:focus ~ label,
+.txt_field input:valid ~ label{
+ top: -5px;
+ color: var(--sakura);
+}
+
+.txt_field input:focus ~ span::before,
+.txt_field input:valid ~ span::before{
+ width: 100%;
+}
+
+/* Area of the sign in and return button */
+.buttonarea {
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
+ flex-direction: row;
+ height: 80px;
+}
+
+.btn-special-sign-in, .btn-special-return {
+ border: none;
+ border-radius: 2rem;
+ padding: 1rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ transition: all 300ms;
+}
+
+.btn-special-sign-in:hover, .btn-special-return:hover {
+ transform: scale(1.2);
+}
+
+/* ====x=================== (ADMIN) login.php (ADMIN) ===================x==== */
+/* ======================== (ADMIN) index.php (ADMIN) ======================== */
+
+#admin-control {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: space-evenly;
+ align-items: center;
+ position: relative;
+ width: 100%;
+ min-height: 60rem;
+ background: var(--pink-heavy);
+ overflow: hidden;
+}
+
+/* Admin Login Box */
+.controlbox {
+ max-width: 500px;
+ height: 350px;
+ background: white;
+ border-radius: 10px;
+ box-shadow: 10px 10px 15px rgba(0,0,0,0.2);
+ display: flex;
+ flex-direction: column;
+ justify-content: space-evenly;
+ align-items: center;
+ transition: all 300ms ease-in-out;
+}
+:hover.controlbox {
+ transform: scale(1.1);
+}
+
+.controlbox h1 {
+ font-size: 2.5rem;
+ font-weight: 600;
+ padding: 1rem 3rem 0 3rem;
+ text-align: center;
+}
+
+.controlbox .fas.fa-book,.controlbox .fas.fa-user {
+ font-size: 2.5rem;
+}
+
+.controlbox h2 {
+ font-size: 1.1rem;
+ font-weight: 300;
+ text-align: center;
+}
+
+.btn-edit {
+ border-radius: 2rem;
+ padding: 0.8rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+}
+
+:hover.btn-edit {
+ background: chartreuse;
+ color: var(--text-gray);
+}
+
+
+
+
+footer.footer .admin-rights {
+ justify-content: center;
+ font-family: var(--linksnbtn);
+ padding: 1rem;
+}
+
+
+
+
+
+/* ====x=================== (ADMIN) index.php (ADMIN) ===================x==== */
\ No newline at end of file
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/css/variables.css b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/css/variables.css
new file mode 100644
index 0000000..f4a636f
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/css/variables.css
@@ -0,0 +1,213 @@
+/* Over here you will find:
+
+ - CSS Reset
+ - Custom Fonts
+ - Variables
+ - Global classes
+
+*/
+
+
+/* === Small CSS Reset === */
+*{
+ margin: 0;
+ padding: 0;
+}
+*, *::after, *::before{
+ box-sizing: border-box;
+}
+
+/* Custom Fonts for possible use */
+
+@font-face {
+ font-family: 'myFirstFont';
+ src: url('../theme/fonts/SF_Shai_Fontai_Extended-webfont.woff');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'mySecondFont';
+ src: url('../theme/fonts/Japan.ttf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'myThirdFont';
+ src: url('../theme/fonts/JAPANBRUSH.ttf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+/* -------- Variables --------- */
+
+:root {
+
+/* Themed colors https://coolors.co/ */
+--text-gray: #2e3338;
+--text-light: #525252da;
+--bg-color: #0f0f0f;
+--white: #ffffff;
+--cherry: #fa6ebb;
+--sakura: #f8a8c9;
+--darkcherry: #790032;
+--red: #c00000;
+--light-grey: #d8d8d8;
+
+/* Gradient color https://webgradients.com/ */
+
+--sky: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
+--pink: linear-gradient(120deg, #fd84a2 0%, #cf4585 100%);
+--pink-light: linear-gradient(120deg, #f1a3c4 0%, #dfa1ee 100%);
+--pink-very-light: linear-gradient(120deg, #fd84a2 0%, #fac0db 100%);
+--pink-heavy: linear-gradient(120deg, #a81f41 0%, #fac0db 100%);
+
+/* Themed fonts (used in this blog) */
+
+--logo: 'Permanent Marker', cursive; /* For logo */
+--linksnbtn: 'Abel', cursive; /* For Links and Buttons */
+--textntitles: 'Nunito', sans-serif; /* For Text and Titles */
+
+}
+
+/* ----x---- Variables ----x---- */
+/* --------- Global Classes --------- */
+a {
+ text-decoration: none;
+ color: var(--text-gray);
+}
+
+p {
+ font-family: var(--textntitles);
+ color: var(--text-light);
+}
+
+/* Add a flex-row in the html to flex the object... */
+.flex-row {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap; /* It can collapse perfectly if the size is shrinking */
+}
+
+ul {
+ list-style-type: none;
+}
+
+span {
+ font-family: var(--textntitles);
+ font-size: 1.3rem;
+}
+
+h1 {
+ font-family: var(--textntitles);
+ font-size: 5.5rem;
+ font-weight: 700;
+}
+
+h2 {
+ font-family: var(--textntitles);
+ font-size: 3.4rem;
+ font-weight: 500;
+ color: var(--text-gray);
+}
+
+h3 {
+ font-family: var(--textntitles);
+ font-size: 1.3rem;
+ font-weight: 500;
+}
+
+button.btn, a.btn {
+ border-radius: 2rem;
+ padding: 1rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ border: 1px solid var(--white);
+}
+
+.container {
+ margin: 0 2vw;
+}
+
+.text-gray {
+ color: var(--text-gray);
+}
+
+section .title {
+ text-align: center;
+ padding-top: 3.5rem;
+ font-family: var(--textntitles);
+ font-size: 3.5rem;
+ font-weight: 500;
+ color: var(--text-gray);
+}
+
+section .title-main {
+ font-family: var(--textntitles);
+ font-size: 3rem;
+ font-weight: 500;
+ color: var(--text-gray);
+ margin: 6rem 0 1rem 2rem;
+}
+
+section .title-sidebar {
+ font-family: var(--textntitles);
+ font-size: 3rem;
+ font-weight: 500;
+ color: var(--text-gray);
+ text-align: center;
+ padding-top: 6rem;
+ margin-bottom: 1.5rem;
+}
+
+body {
+ width: 100%;
+ /* To eliminate horizontal scrollbar */
+ overflow-y: scroll;
+ overflow-x: hidden;
+}
+
+input {
+ font-family: var(--textntitles);
+}
+
+label {
+ font-family: var(--textntitles);
+ color: var(--text-gray);
+ text-align: center;
+}
+
+.label-story {
+ display: inline-block;
+ font-family: var(--textntitles);
+ color: var(--cherry);
+ padding-left: 2%;
+ margin-top: 1rem;
+}
+
+.label-mandatory {
+ display: inline-block;
+ font-family: var(--textntitles);
+ color: grey;
+ padding-left: 2%;
+ margin-bottom: 2rem;
+}
+
+textarea {
+ font-family: var(--textntitles);
+ font-size: 1rem;
+ font-weight: 500;
+ padding: 0.4rem;
+}
+
+hr {
+ border: 1px solid;
+ color: var(--text-light);
+}
+
+/* ----x---- Global Classes ----x---- */
\ No newline at end of file
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf
new file mode 100644
index 0000000..bff3b0d
Binary files /dev/null and b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf differ
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/fonts/Japan.ttf b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/fonts/Japan.ttf
new file mode 100644
index 0000000..85ead95
Binary files /dev/null and b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/fonts/Japan.ttf differ
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff
new file mode 100644
index 0000000..5fd5fba
Binary files /dev/null and b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff differ
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/javascript/aos.js b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/javascript/aos.js
new file mode 100644
index 0000000..0ba1c7b
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/javascript/aos.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AOS=t():e.AOS=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return e[o].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="dist/",t(0)}([function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}var i=Object.assign||function(e){for(var t=1;t0&&void 0!==arguments[0]&&arguments[0];if(e&&(k=!0),k)return w=(0,y.default)(w,x),(0,b.default)(w,x.once),w},O=function(){w=(0,h.default)(),j()},_=function(){w.forEach(function(e,t){e.node.removeAttribute("data-aos"),e.node.removeAttribute("data-aos-easing"),e.node.removeAttribute("data-aos-duration"),e.node.removeAttribute("data-aos-delay")})},S=function(e){return e===!0||"mobile"===e&&p.default.mobile()||"phone"===e&&p.default.phone()||"tablet"===e&&p.default.tablet()||"function"==typeof e&&e()===!0},z=function(e){x=i(x,e),w=(0,h.default)();var t=document.all&&!window.atob;return S(x.disable)||t?_():(document.querySelector("body").setAttribute("data-aos-easing",x.easing),document.querySelector("body").setAttribute("data-aos-duration",x.duration),document.querySelector("body").setAttribute("data-aos-delay",x.delay),"DOMContentLoaded"===x.startEvent&&["complete","interactive"].indexOf(document.readyState)>-1?j(!0):"load"===x.startEvent?window.addEventListener(x.startEvent,function(){j(!0)}):document.addEventListener(x.startEvent,function(){j(!0)}),window.addEventListener("resize",(0,f.default)(j,x.debounceDelay,!0)),window.addEventListener("orientationchange",(0,f.default)(j,x.debounceDelay,!0)),window.addEventListener("scroll",(0,u.default)(function(){(0,b.default)(w,x.once)},x.throttleDelay)),x.disableMutationObserver||(0,d.default)("[data-aos]",O),w)};e.exports={init:z,refresh:j,refreshHard:O}},function(e,t){},,,,,function(e,t){(function(t){"use strict";function n(e,t,n){function o(t){var n=b,o=v;return b=v=void 0,k=t,g=e.apply(o,n)}function r(e){return k=e,h=setTimeout(s,t),_?o(e):g}function a(e){var n=e-w,o=e-k,i=t-n;return S?j(i,y-o):i}function c(e){var n=e-w,o=e-k;return void 0===w||n>=t||n<0||S&&o>=y}function s(){var e=O();return c(e)?d(e):void(h=setTimeout(s,a(e)))}function d(e){return h=void 0,z&&b?o(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),k=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(O())}function m(){var e=O(),n=c(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(s,t),o(w)}return void 0===h&&(h=setTimeout(s,t)),g}var b,v,y,g,h,w,k=0,_=!1,S=!1,z=!0;if("function"!=typeof e)throw new TypeError(f);return t=u(t)||0,i(n)&&(_=!!n.leading,S="maxWait"in n,y=S?x(u(n.maxWait)||0,t):y,z="trailing"in n?!!n.trailing:z),m.cancel=l,m.flush=p,m}function o(e,t,o){var r=!0,a=!0;if("function"!=typeof e)throw new TypeError(f);return i(o)&&(r="leading"in o?!!o.leading:r,a="trailing"in o?!!o.trailing:a),n(e,t,{leading:r,maxWait:t,trailing:a})}function i(e){var t="undefined"==typeof e?"undefined":c(e);return!!e&&("object"==t||"function"==t)}function r(e){return!!e&&"object"==("undefined"==typeof e?"undefined":c(e))}function a(e){return"symbol"==("undefined"==typeof e?"undefined":c(e))||r(e)&&k.call(e)==d}function u(e){if("number"==typeof e)return e;if(a(e))return s;if(i(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=i(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(l,"");var n=m.test(e);return n||b.test(e)?v(e.slice(2),n?2:8):p.test(e)?s:+e}var c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f="Expected a function",s=NaN,d="[object Symbol]",l=/^\s+|\s+$/g,p=/^[-+]0x[0-9a-f]+$/i,m=/^0b[01]+$/i,b=/^0o[0-7]+$/i,v=parseInt,y="object"==("undefined"==typeof t?"undefined":c(t))&&t&&t.Object===Object&&t,g="object"==("undefined"==typeof self?"undefined":c(self))&&self&&self.Object===Object&&self,h=y||g||Function("return this")(),w=Object.prototype,k=w.toString,x=Math.max,j=Math.min,O=function(){return h.Date.now()};e.exports=o}).call(t,function(){return this}())},function(e,t){(function(t){"use strict";function n(e,t,n){function i(t){var n=b,o=v;return b=v=void 0,O=t,g=e.apply(o,n)}function r(e){return O=e,h=setTimeout(s,t),_?i(e):g}function u(e){var n=e-w,o=e-O,i=t-n;return S?x(i,y-o):i}function f(e){var n=e-w,o=e-O;return void 0===w||n>=t||n<0||S&&o>=y}function s(){var e=j();return f(e)?d(e):void(h=setTimeout(s,u(e)))}function d(e){return h=void 0,z&&b?i(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),O=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(j())}function m(){var e=j(),n=f(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(s,t),i(w)}return void 0===h&&(h=setTimeout(s,t)),g}var b,v,y,g,h,w,O=0,_=!1,S=!1,z=!0;if("function"!=typeof e)throw new TypeError(c);return t=a(t)||0,o(n)&&(_=!!n.leading,S="maxWait"in n,y=S?k(a(n.maxWait)||0,t):y,z="trailing"in n?!!n.trailing:z),m.cancel=l,m.flush=p,m}function o(e){var t="undefined"==typeof e?"undefined":u(e);return!!e&&("object"==t||"function"==t)}function i(e){return!!e&&"object"==("undefined"==typeof e?"undefined":u(e))}function r(e){return"symbol"==("undefined"==typeof e?"undefined":u(e))||i(e)&&w.call(e)==s}function a(e){if("number"==typeof e)return e;if(r(e))return f;if(o(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=o(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(d,"");var n=p.test(e);return n||m.test(e)?b(e.slice(2),n?2:8):l.test(e)?f:+e}var u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c="Expected a function",f=NaN,s="[object Symbol]",d=/^\s+|\s+$/g,l=/^[-+]0x[0-9a-f]+$/i,p=/^0b[01]+$/i,m=/^0o[0-7]+$/i,b=parseInt,v="object"==("undefined"==typeof t?"undefined":u(t))&&t&&t.Object===Object&&t,y="object"==("undefined"==typeof self?"undefined":u(self))&&self&&self.Object===Object&&self,g=v||y||Function("return this")(),h=Object.prototype,w=h.toString,k=Math.max,x=Math.min,j=function(){return g.Date.now()};e.exports=n}).call(t,function(){return this}())},function(e,t){"use strict";function n(e,t){var n=window.document,r=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver,a=new r(o);i=t,a.observe(n.documentElement,{childList:!0,subtree:!0,removedNodes:!0})}function o(e){e&&e.forEach(function(e){var t=Array.prototype.slice.call(e.addedNodes),n=Array.prototype.slice.call(e.removedNodes),o=t.concat(n).filter(function(e){return e.hasAttribute&&e.hasAttribute("data-aos")}).length;o&&i()})}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){};t.default=n},function(e,t){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(){return navigator.userAgent||navigator.vendor||window.opera||""}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;ne.position?e.node.classList.add("aos-animate"):"undefined"!=typeof o&&("false"===o||!n&&"true"!==o)&&e.node.classList.remove("aos-animate")},o=function(e,t){var o=window.pageYOffset,i=window.innerHeight;e.forEach(function(e,r){n(e,i+o,t)})};t.default=o},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(12),r=o(i),a=function(e,t){return e.forEach(function(e,n){e.node.classList.add("aos-init"),e.position=(0,r.default)(e.node,t.offset)}),e};t.default=a},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(13),r=o(i),a=function(e,t){var n=0,o=0,i=window.innerHeight,a={offset:e.getAttribute("data-aos-offset"),anchor:e.getAttribute("data-aos-anchor"),anchorPlacement:e.getAttribute("data-aos-anchor-placement")};switch(a.offset&&!isNaN(a.offset)&&(o=parseInt(a.offset)),a.anchor&&document.querySelectorAll(a.anchor)&&(e=document.querySelectorAll(a.anchor)[0]),n=(0,r.default)(e).top,a.anchorPlacement){case"top-bottom":break;case"center-bottom":n+=e.offsetHeight/2;break;case"bottom-bottom":n+=e.offsetHeight;break;case"top-center":n+=i/2;break;case"bottom-center":n+=i/2+e.offsetHeight;break;case"center-center":n+=i/2+e.offsetHeight/2;break;case"top-top":n+=i;break;case"bottom-top":n+=e.offsetHeight+i;break;case"center-top":n+=e.offsetHeight/2+i}return a.anchorPlacement||a.offset||isNaN(t)||(o=t),n+o};t.default=a},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){for(var t=0,n=0;e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop);)t+=e.offsetLeft-("BODY"!=e.tagName?e.scrollLeft:0),n+=e.offsetTop-("BODY"!=e.tagName?e.scrollTop:0),e=e.offsetParent;return{top:n,left:t}};t.default=n},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){return e=e||document.querySelectorAll("[data-aos]"),Array.prototype.map.call(e,function(e){return{node:e}})};t.default=n}])});
\ No newline at end of file
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/javascript/main.js b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/javascript/main.js
new file mode 100644
index 0000000..f0d1bdb
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/javascript/main.js
@@ -0,0 +1,116 @@
+/* ======================== index.php ======================== */
+
+// Live Server autoscroll bug
+// $(window).scroll (function(){
+// sessionStorage.scrollTop = $(this).scrollTop();
+// });
+
+// Variables:
+const responsive = {
+ 0: {
+ items: 1 // Bugfix (Avoid to see all 4 items in just 320px)
+ },
+ 400: {
+ items: 1 // At 320px vw we only see one carousel item
+ },
+ 700: {
+ items: 2 // At 700px vw we see two carousel items
+ },
+ 1100: {
+ items: 3 // At 1000px vw we see three carousel items
+ }
+}
+
+
+
+
+
+$(document).ready(function(){
+
+ /* CSS Scrollbug */
+// $(window).on('unload', function() {
+// $(window).scrollTop(0); });
+// window.onunload = function(){
+// window.scrollTo(0,0); };
+// if ('scrollRestoration' in history)
+// { history.scrollRestoration = 'manual'; };
+
+ /* CSS Scrollbug */
+ // if (sessionStorage.scrollTop != "undefined") {
+ // $(window).scrollTop(sessionStorage.scrollTop);
+ // }
+
+
+ /* --- definition of variables --- */
+ $nav = $('.nav');
+ $toggleCollapse = $('.toggle-collapse');
+ $menuToggleBtn = $('.menu-toggle-btn')
+
+ /* --- click event to toggle the nav menu --- */
+ $toggleCollapse.click(function(){
+ $nav.toggleClass('collapse', 1000); /* we get a new collapse class especially made for toggeling */
+ })
+
+ /* --- click event to exchange the burgersymbol with the x of fa-times --- */
+ $menuToggleBtn.click(function() {
+ $(this).toggleClass('fa-times');
+ })
+
+ /* Attempt to hover out to remove the collapse*/
+ // $("main").hover(
+ // function(){
+ // $('.collapse').fadeOut('slow', function(){
+ // console.log('Faded Out')
+ // });
+ // });
+
+
+ // -- owl-crousel for blog -- //
+ $('.owl-carousel').owlCarousel({
+ loop: true,
+ autoplay: false, // false to stop
+ autoplayTimeout: 5000,
+ dots: false,
+ nav: true,
+ navText: [$('.owl-navigation .owl-nav-prev'), $('.owl-navigation .owl-nav-next')],
+ responsive: responsive // This defined variable (above) got a function
+
+ });
+
+ // -- click to scroll to top -- //
+ $('.move-up span').click(function(){
+ $('html, body').animate({
+ scrollTop: 0
+ }, 1000); // 1 Second duration to scroll up
+ })
+
+ // -- AOS Animation on scroll Instance -- //
+ AOS.init()
+
+
+ // -- ERROR-MESSAGES login and signup -- //
+ // $('btn solid sign-in').click(function(){
+ // $('error-message').show(900);
+
+ // })
+
+
+ });
+
+ /* ====x=================== index.php ===================x==== */
+ /* ======================== login.php ======================== */
+
+ const sign_in_btn = document.querySelector("#sign-in-btn");
+ const sign_up_btn = document.querySelector("#sign-up-btn");
+ const login_container = document.querySelector(".login-container");
+
+ sign_up_btn.addEventListener('click', () => {
+ login_container.classList.add("sign-up-mode");
+ });
+
+ sign_in_btn.addEventListener('click', () => {
+ login_container.classList.remove("sign-up-mode");
+ });
+
+
+ /* ====x=================== login.php ===================x==== */
\ No newline at end of file
diff --git a/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js
new file mode 100644
index 0000000..fbbffc5
--- /dev/null
+++ b/Version_18_BlogpostFunktioniert/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js
@@ -0,0 +1,7 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+!function(a,b,c,d){function e(b,c){this.settings=null,this.options=a.extend({},e.Defaults,c),this.$element=a(b),this._handlers={},this._plugins={},this._supress={},this._current=null,this._speed=null,this._coordinates=[],this._breakpoint=null,this._width=null,this._items=[],this._clones=[],this._mergers=[],this._widths=[],this._invalidated={},this._pipe=[],this._drag={time:null,target:null,pointer:null,stage:{start:null,current:null},direction:null},this._states={current:{},tags:{initializing:["busy"],animating:["busy"],dragging:["interacting"]}},a.each(["onResize","onThrottledResize"],a.proxy(function(b,c){this._handlers[c]=a.proxy(this[c],this)},this)),a.each(e.Plugins,a.proxy(function(a,b){this._plugins[a.charAt(0).toLowerCase()+a.slice(1)]=new b(this)},this)),a.each(e.Workers,a.proxy(function(b,c){this._pipe.push({filter:c.filter,run:a.proxy(c.run,this)})},this)),this.setup(),this.initialize()}e.Defaults={items:3,loop:!1,center:!1,rewind:!1,checkVisibility:!0,mouseDrag:!0,touchDrag:!0,pullDrag:!0,freeDrag:!1,margin:0,stagePadding:0,merge:!1,mergeFit:!0,autoWidth:!1,startPosition:0,rtl:!1,smartSpeed:250,fluidSpeed:!1,dragEndSpeed:!1,responsive:{},responsiveRefreshRate:200,responsiveBaseElement:b,fallbackEasing:"swing",slideTransition:"",info:!1,nestedItemSelector:!1,itemElement:"div",stageElement:"div",refreshClass:"owl-refresh",loadedClass:"owl-loaded",loadingClass:"owl-loading",rtlClass:"owl-rtl",responsiveClass:"owl-responsive",dragClass:"owl-drag",itemClass:"owl-item",stageClass:"owl-stage",stageOuterClass:"owl-stage-outer",grabClass:"owl-grab"},e.Width={Default:"default",Inner:"inner",Outer:"outer"},e.Type={Event:"event",State:"state"},e.Plugins={},e.Workers=[{filter:["width","settings"],run:function(){this._width=this.$element.width()}},{filter:["width","items","settings"],run:function(a){a.current=this._items&&this._items[this.relative(this._current)]}},{filter:["items","settings"],run:function(){this.$stage.children(".cloned").remove()}},{filter:["width","items","settings"],run:function(a){var b=this.settings.margin||"",c=!this.settings.autoWidth,d=this.settings.rtl,e={width:"auto","margin-left":d?b:"","margin-right":d?"":b};!c&&this.$stage.children().css(e),a.css=e}},{filter:["width","items","settings"],run:function(a){var b=(this.width()/this.settings.items).toFixed(3)-this.settings.margin,c=null,d=this._items.length,e=!this.settings.autoWidth,f=[];for(a.items={merge:!1,width:b};d--;)c=this._mergers[d],c=this.settings.mergeFit&&Math.min(c,this.settings.items)||c,a.items.merge=c>1||a.items.merge,f[d]=e?b*c:this._items[d].width();this._widths=f}},{filter:["items","settings"],run:function(){var b=[],c=this._items,d=this.settings,e=Math.max(2*d.items,4),f=2*Math.ceil(c.length/2),g=d.loop&&c.length?d.rewind?e:Math.max(e,f):0,h="",i="";for(g/=2;g>0;)b.push(this.normalize(b.length/2,!0)),h+=c[b[b.length-1]][0].outerHTML,b.push(this.normalize(c.length-1-(b.length-1)/2,!0)),i=c[b[b.length-1]][0].outerHTML+i,g-=1;this._clones=b,a(h).addClass("cloned").appendTo(this.$stage),a(i).addClass("cloned").prependTo(this.$stage)}},{filter:["width","items","settings"],run:function(){for(var a=this.settings.rtl?1:-1,b=this._clones.length+this._items.length,c=-1,d=0,e=0,f=[];++c",h)||this.op(b,"<",g)&&this.op(b,">",h))&&i.push(c);this.$stage.children(".active").removeClass("active"),this.$stage.children(":eq("+i.join("), :eq(")+")").addClass("active"),this.$stage.children(".center").removeClass("center"),this.settings.center&&this.$stage.children().eq(this.current()).addClass("center")}}],e.prototype.initializeStage=function(){this.$stage=this.$element.find("."+this.settings.stageClass),this.$stage.length||(this.$element.addClass(this.options.loadingClass),this.$stage=a("<"+this.settings.stageElement+">",{class:this.settings.stageClass}).wrap(a("
",{class:this.settings.stageOuterClass})),this.$element.append(this.$stage.parent()))},e.prototype.initializeItems=function(){var b=this.$element.find(".owl-item");if(b.length)return this._items=b.get().map(function(b){return a(b)}),this._mergers=this._items.map(function(){return 1}),void this.refresh();this.replace(this.$element.children().not(this.$stage.parent())),this.isVisible()?this.refresh():this.invalidate("width"),this.$element.removeClass(this.options.loadingClass).addClass(this.options.loadedClass)},e.prototype.initialize=function(){if(this.enter("initializing"),this.trigger("initialize"),this.$element.toggleClass(this.settings.rtlClass,this.settings.rtl),this.settings.autoWidth&&!this.is("pre-loading")){var a,b,c;a=this.$element.find("img"),b=this.settings.nestedItemSelector?"."+this.settings.nestedItemSelector:d,c=this.$element.children(b).width(),a.length&&c<=0&&this.preloadAutoWidthImages(a)}this.initializeStage(),this.initializeItems(),this.registerEventHandlers(),this.leave("initializing"),this.trigger("initialized")},e.prototype.isVisible=function(){return!this.settings.checkVisibility||this.$element.is(":visible")},e.prototype.setup=function(){var b=this.viewport(),c=this.options.responsive,d=-1,e=null;c?(a.each(c,function(a){a<=b&&a>d&&(d=Number(a))}),e=a.extend({},this.options,c[d]),"function"==typeof e.stagePadding&&(e.stagePadding=e.stagePadding()),delete e.responsive,e.responsiveClass&&this.$element.attr("class",this.$element.attr("class").replace(new RegExp("("+this.options.responsiveClass+"-)\\S+\\s","g"),"$1"+d))):e=a.extend({},this.options),this.trigger("change",{property:{name:"settings",value:e}}),this._breakpoint=d,this.settings=e,this.invalidate("settings"),this.trigger("changed",{property:{name:"settings",value:this.settings}})},e.prototype.optionsLogic=function(){this.settings.autoWidth&&(this.settings.stagePadding=!1,this.settings.merge=!1)},e.prototype.prepare=function(b){var c=this.trigger("prepare",{content:b});return c.data||(c.data=a("<"+this.settings.itemElement+"/>").addClass(this.options.itemClass).append(b)),this.trigger("prepared",{content:c.data}),c.data},e.prototype.update=function(){for(var b=0,c=this._pipe.length,d=a.proxy(function(a){return this[a]},this._invalidated),e={};b0)&&this._pipe[b].run(e),b++;this._invalidated={},!this.is("valid")&&this.enter("valid")},e.prototype.width=function(a){switch(a=a||e.Width.Default){case e.Width.Inner:case e.Width.Outer:return this._width;default:return this._width-2*this.settings.stagePadding+this.settings.margin}},e.prototype.refresh=function(){this.enter("refreshing"),this.trigger("refresh"),this.setup(),this.optionsLogic(),this.$element.addClass(this.options.refreshClass),this.update(),this.$element.removeClass(this.options.refreshClass),this.leave("refreshing"),this.trigger("refreshed")},e.prototype.onThrottledResize=function(){b.clearTimeout(this.resizeTimer),this.resizeTimer=b.setTimeout(this._handlers.onResize,this.settings.responsiveRefreshRate)},e.prototype.onResize=function(){return!!this._items.length&&(this._width!==this.$element.width()&&(!!this.isVisible()&&(this.enter("resizing"),this.trigger("resize").isDefaultPrevented()?(this.leave("resizing"),!1):(this.invalidate("width"),this.refresh(),this.leave("resizing"),void this.trigger("resized")))))},e.prototype.registerEventHandlers=function(){a.support.transition&&this.$stage.on(a.support.transition.end+".owl.core",a.proxy(this.onTransitionEnd,this)),!1!==this.settings.responsive&&this.on(b,"resize",this._handlers.onThrottledResize),this.settings.mouseDrag&&(this.$element.addClass(this.options.dragClass),this.$stage.on("mousedown.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("dragstart.owl.core selectstart.owl.core",function(){return!1})),this.settings.touchDrag&&(this.$stage.on("touchstart.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("touchcancel.owl.core",a.proxy(this.onDragEnd,this)))},e.prototype.onDragStart=function(b){var d=null;3!==b.which&&(a.support.transform?(d=this.$stage.css("transform").replace(/.*\(|\)| /g,"").split(","),d={x:d[16===d.length?12:4],y:d[16===d.length?13:5]}):(d=this.$stage.position(),d={x:this.settings.rtl?d.left+this.$stage.width()-this.width()+this.settings.margin:d.left,y:d.top}),this.is("animating")&&(a.support.transform?this.animate(d.x):this.$stage.stop(),this.invalidate("position")),this.$element.toggleClass(this.options.grabClass,"mousedown"===b.type),this.speed(0),this._drag.time=(new Date).getTime(),this._drag.target=a(b.target),this._drag.stage.start=d,this._drag.stage.current=d,this._drag.pointer=this.pointer(b),a(c).on("mouseup.owl.core touchend.owl.core",a.proxy(this.onDragEnd,this)),a(c).one("mousemove.owl.core touchmove.owl.core",a.proxy(function(b){var d=this.difference(this._drag.pointer,this.pointer(b));a(c).on("mousemove.owl.core touchmove.owl.core",a.proxy(this.onDragMove,this)),Math.abs(d.x)0^this.settings.rtl?"left":"right";a(c).off(".owl.core"),this.$element.removeClass(this.options.grabClass),(0!==d.x&&this.is("dragging")||!this.is("valid"))&&(this.speed(this.settings.dragEndSpeed||this.settings.smartSpeed),this.current(this.closest(e.x,0!==d.x?f:this._drag.direction)),this.invalidate("position"),this.update(),this._drag.direction=f,(Math.abs(d.x)>3||(new Date).getTime()-this._drag.time>300)&&this._drag.target.one("click.owl.core",function(){return!1})),this.is("dragging")&&(this.leave("dragging"),this.trigger("dragged"))},e.prototype.closest=function(b,c){var e=-1,f=30,g=this.width(),h=this.coordinates();return this.settings.freeDrag||a.each(h,a.proxy(function(a,i){return"left"===c&&b>i-f&&bi-g-f&&b",h[a+1]!==d?h[a+1]:i-g)&&(e="left"===c?a+1:a),-1===e},this)),this.settings.loop||(this.op(b,">",h[this.minimum()])?e=b=this.minimum():this.op(b,"<",h[this.maximum()])&&(e=b=this.maximum())),e},e.prototype.animate=function(b){var c=this.speed()>0;this.is("animating")&&this.onTransitionEnd(),c&&(this.enter("animating"),this.trigger("translate")),a.support.transform3d&&a.support.transition?this.$stage.css({transform:"translate3d("+b+"px,0px,0px)",transition:this.speed()/1e3+"s"+(this.settings.slideTransition?" "+this.settings.slideTransition:"")}):c?this.$stage.animate({left:b+"px"},this.speed(),this.settings.fallbackEasing,a.proxy(this.onTransitionEnd,this)):this.$stage.css({left:b+"px"})},e.prototype.is=function(a){return this._states.current[a]&&this._states.current[a]>0},e.prototype.current=function(a){if(a===d)return this._current;if(0===this._items.length)return d;if(a=this.normalize(a),this._current!==a){var b=this.trigger("change",{property:{name:"position",value:a}});b.data!==d&&(a=this.normalize(b.data)),this._current=a,this.invalidate("position"),this.trigger("changed",{property:{name:"position",value:this._current}})}return this._current},e.prototype.invalidate=function(b){return"string"===a.type(b)&&(this._invalidated[b]=!0,this.is("valid")&&this.leave("valid")),a.map(this._invalidated,function(a,b){return b})},e.prototype.reset=function(a){(a=this.normalize(a))!==d&&(this._speed=0,this._current=a,this.suppress(["translate","translated"]),this.animate(this.coordinates(a)),this.release(["translate","translated"]))},e.prototype.normalize=function(a,b){var c=this._items.length,e=b?0:this._clones.length;return!this.isNumeric(a)||c<1?a=d:(a<0||a>=c+e)&&(a=((a-e/2)%c+c)%c+e/2),a},e.prototype.relative=function(a){return a-=this._clones.length/2,this.normalize(a,!0)},e.prototype.maximum=function(a){var b,c,d,e=this.settings,f=this._coordinates.length;if(e.loop)f=this._clones.length/2+this._items.length-1;else if(e.autoWidth||e.merge){if(b=this._items.length)for(c=this._items[--b].width(),d=this.$element.width();b--&&!((c+=this._items[b].width()+this.settings.margin)>d););f=b+1}else f=e.center?this._items.length-1:this._items.length-e.items;return a&&(f-=this._clones.length/2),Math.max(f,0)},e.prototype.minimum=function(a){return a?0:this._clones.length/2},e.prototype.items=function(a){return a===d?this._items.slice():(a=this.normalize(a,!0),this._items[a])},e.prototype.mergers=function(a){return a===d?this._mergers.slice():(a=this.normalize(a,!0),this._mergers[a])},e.prototype.clones=function(b){var c=this._clones.length/2,e=c+this._items.length,f=function(a){return a%2==0?e+a/2:c-(a+1)/2};return b===d?a.map(this._clones,function(a,b){return f(b)}):a.map(this._clones,function(a,c){return a===b?f(c):null})},e.prototype.speed=function(a){return a!==d&&(this._speed=a),this._speed},e.prototype.coordinates=function(b){var c,e=1,f=b-1;return b===d?a.map(this._coordinates,a.proxy(function(a,b){return this.coordinates(b)},this)):(this.settings.center?(this.settings.rtl&&(e=-1,f=b+1),c=this._coordinates[b],c+=(this.width()-c+(this._coordinates[f]||0))/2*e):c=this._coordinates[f]||0,c=Math.ceil(c))},e.prototype.duration=function(a,b,c){return 0===c?0:Math.min(Math.max(Math.abs(b-a),1),6)*Math.abs(c||this.settings.smartSpeed)},e.prototype.to=function(a,b){var c=this.current(),d=null,e=a-this.relative(c),f=(e>0)-(e<0),g=this._items.length,h=this.minimum(),i=this.maximum();this.settings.loop?(!this.settings.rewind&&Math.abs(e)>g/2&&(e+=-1*f*g),a=c+e,(d=((a-h)%g+g)%g+h)!==a&&d-e<=i&&d-e>0&&(c=d-e,a=d,this.reset(c))):this.settings.rewind?(i+=1,a=(a%i+i)%i):a=Math.max(h,Math.min(i,a)),this.speed(this.duration(c,a,b)),this.current(a),this.isVisible()&&this.update()},e.prototype.next=function(a){a=a||!1,this.to(this.relative(this.current())+1,a)},e.prototype.prev=function(a){a=a||!1,this.to(this.relative(this.current())-1,a)},e.prototype.onTransitionEnd=function(a){if(a!==d&&(a.stopPropagation(),(a.target||a.srcElement||a.originalTarget)!==this.$stage.get(0)))return!1;this.leave("animating"),this.trigger("translated")},e.prototype.viewport=function(){var d;return this.options.responsiveBaseElement!==b?d=a(this.options.responsiveBaseElement).width():b.innerWidth?d=b.innerWidth:c.documentElement&&c.documentElement.clientWidth?d=c.documentElement.clientWidth:console.warn("Can not detect viewport width."),d},e.prototype.replace=function(b){this.$stage.empty(),this._items=[],b&&(b=b instanceof jQuery?b:a(b)),this.settings.nestedItemSelector&&(b=b.find("."+this.settings.nestedItemSelector)),b.filter(function(){return 1===this.nodeType}).each(a.proxy(function(a,b){b=this.prepare(b),this.$stage.append(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)},this)),this.reset(this.isNumeric(this.settings.startPosition)?this.settings.startPosition:0),this.invalidate("items")},e.prototype.add=function(b,c){var e=this.relative(this._current);c=c===d?this._items.length:this.normalize(c,!0),b=b instanceof jQuery?b:a(b),this.trigger("add",{content:b,position:c}),b=this.prepare(b),0===this._items.length||c===this._items.length?(0===this._items.length&&this.$stage.append(b),0!==this._items.length&&this._items[c-1].after(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)):(this._items[c].before(b),this._items.splice(c,0,b),this._mergers.splice(c,0,1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)),this._items[e]&&this.reset(this._items[e].index()),this.invalidate("items"),this.trigger("added",{content:b,position:c})},e.prototype.remove=function(a){(a=this.normalize(a,!0))!==d&&(this.trigger("remove",{content:this._items[a],position:a}),this._items[a].remove(),this._items.splice(a,1),this._mergers.splice(a,1),this.invalidate("items"),this.trigger("removed",{content:null,position:a}))},e.prototype.preloadAutoWidthImages=function(b){b.each(a.proxy(function(b,c){this.enter("pre-loading"),c=a(c),a(new Image).one("load",a.proxy(function(a){c.attr("src",a.target.src),c.css("opacity",1),this.leave("pre-loading"),!this.is("pre-loading")&&!this.is("initializing")&&this.refresh()},this)).attr("src",c.attr("src")||c.attr("data-src")||c.attr("data-src-retina"))},this))},e.prototype.destroy=function(){this.$element.off(".owl.core"),this.$stage.off(".owl.core"),a(c).off(".owl.core"),!1!==this.settings.responsive&&(b.clearTimeout(this.resizeTimer),this.off(b,"resize",this._handlers.onThrottledResize));for(var d in this._plugins)this._plugins[d].destroy();this.$stage.children(".cloned").remove(),this.$stage.unwrap(),this.$stage.children().contents().unwrap(),this.$stage.children().unwrap(),this.$stage.remove(),this.$element.removeClass(this.options.refreshClass).removeClass(this.options.loadingClass).removeClass(this.options.loadedClass).removeClass(this.options.rtlClass).removeClass(this.options.dragClass).removeClass(this.options.grabClass).attr("class",this.$element.attr("class").replace(new RegExp(this.options.responsiveClass+"-\\S+\\s","g"),"")).removeData("owl.carousel")},e.prototype.op=function(a,b,c){var d=this.settings.rtl;switch(b){case"<":return d?a>c:a":return d?ac;case">=":return d?a<=c:a>=c;case"<=":return d?a>=c:a<=c}},e.prototype.on=function(a,b,c,d){a.addEventListener?a.addEventListener(b,c,d):a.attachEvent&&a.attachEvent("on"+b,c)},e.prototype.off=function(a,b,c,d){a.removeEventListener?a.removeEventListener(b,c,d):a.detachEvent&&a.detachEvent("on"+b,c)},e.prototype.trigger=function(b,c,d,f,g){var h={item:{count:this._items.length,index:this.current()}},i=a.camelCase(a.grep(["on",b,d],function(a){return a}).join("-").toLowerCase()),j=a.Event([b,"owl",d||"carousel"].join(".").toLowerCase(),a.extend({relatedTarget:this},h,c));return this._supress[b]||(a.each(this._plugins,function(a,b){b.onTrigger&&b.onTrigger(j)}),this.register({type:e.Type.Event,name:b}),this.$element.trigger(j),this.settings&&"function"==typeof this.settings[i]&&this.settings[i].call(this,j)),j},e.prototype.enter=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]===d&&(this._states.current[b]=0),this._states.current[b]++},this))},e.prototype.leave=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]--},this))},e.prototype.register=function(b){if(b.type===e.Type.Event){if(a.event.special[b.name]||(a.event.special[b.name]={}),!a.event.special[b.name].owl){var c=a.event.special[b.name]._default;a.event.special[b.name]._default=function(a){return!c||!c.apply||a.namespace&&-1!==a.namespace.indexOf("owl")?a.namespace&&a.namespace.indexOf("owl")>-1:c.apply(this,arguments)},a.event.special[b.name].owl=!0}}else b.type===e.Type.State&&(this._states.tags[b.name]?this._states.tags[b.name]=this._states.tags[b.name].concat(b.tags):this._states.tags[b.name]=b.tags,this._states.tags[b.name]=a.grep(this._states.tags[b.name],a.proxy(function(c,d){return a.inArray(c,this._states.tags[b.name])===d},this)))},e.prototype.suppress=function(b){a.each(b,a.proxy(function(a,b){this._supress[b]=!0},this))},e.prototype.release=function(b){a.each(b,a.proxy(function(a,b){delete this._supress[b]},this))},e.prototype.pointer=function(a){var c={x:null,y:null};return a=a.originalEvent||a||b.event,a=a.touches&&a.touches.length?a.touches[0]:a.changedTouches&&a.changedTouches.length?a.changedTouches[0]:a,a.pageX?(c.x=a.pageX,c.y=a.pageY):(c.x=a.clientX,c.y=a.clientY),c},e.prototype.isNumeric=function(a){return!isNaN(parseFloat(a))},e.prototype.difference=function(a,b){return{x:a.x-b.x,y:a.y-b.y}},a.fn.owlCarousel=function(b){var c=Array.prototype.slice.call(arguments,1);return this.each(function(){var d=a(this),f=d.data("owl.carousel");f||(f=new e(this,"object"==typeof b&&b),d.data("owl.carousel",f),a.each(["next","prev","to","destroy","refresh","replace","add","remove"],function(b,c){f.register({type:e.Type.Event,name:c}),f.$element.on(c+".owl.carousel.core",a.proxy(function(a){a.namespace&&a.relatedTarget!==this&&(this.suppress([c]),f[c].apply(this,[].slice.call(arguments,1)),this.release([c]))},f))})),"string"==typeof b&&"_"!==b.charAt(0)&&f[b].apply(f,c)})},a.fn.owlCarousel.Constructor=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._interval=null,this._visible=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoRefresh&&this.watch()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers)};e.Defaults={autoRefresh:!0,autoRefreshInterval:500},e.prototype.watch=function(){this._interval||(this._visible=this._core.isVisible(),this._interval=b.setInterval(a.proxy(this.refresh,this),this._core.settings.autoRefreshInterval))},e.prototype.refresh=function(){this._core.isVisible()!==this._visible&&(this._visible=!this._visible,this._core.$element.toggleClass("owl-hidden",!this._visible),this._visible&&this._core.invalidate("width")&&this._core.refresh())},e.prototype.destroy=function(){var a,c;b.clearInterval(this._interval);for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoRefresh=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._loaded=[],this._handlers={"initialized.owl.carousel change.owl.carousel resized.owl.carousel":a.proxy(function(b){if(b.namespace&&this._core.settings&&this._core.settings.lazyLoad&&(b.property&&"position"==b.property.name||"initialized"==b.type)){var c=this._core.settings,e=c.center&&Math.ceil(c.items/2)||c.items,f=c.center&&-1*e||0,g=(b.property&&b.property.value!==d?b.property.value:this._core.current())+f,h=this._core.clones().length,i=a.proxy(function(a,b){this.load(b)},this);for(c.lazyLoadEager>0&&(e+=c.lazyLoadEager,c.loop&&(g-=c.lazyLoadEager,e++));f++-1||(e.each(a.proxy(function(c,d){var e,f=a(d),g=b.devicePixelRatio>1&&f.attr("data-src-retina")||f.attr("data-src")||f.attr("data-srcset");this._core.trigger("load",{element:f,url:g},"lazy"),f.is("img")?f.one("load.owl.lazy",a.proxy(function(){f.css("opacity",1),this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("src",g):f.is("source")?f.one("load.owl.lazy",a.proxy(function(){this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("srcset",g):(e=new Image,e.onload=a.proxy(function(){f.css({"background-image":'url("'+g+'")',opacity:"1"}),this._core.trigger("loaded",{element:f,url:g},"lazy")},this),e.src=g)},this)),this._loaded.push(d.get(0)))},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this._core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Lazy=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(c){this._core=c,this._previousHeight=null,this._handlers={"initialized.owl.carousel refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&this.update()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&"position"===a.property.name&&this.update()},this),"loaded.owl.lazy":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&a.element.closest("."+this._core.settings.itemClass).index()===this._core.current()&&this.update()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._intervalId=null;var d=this;a(b).on("load",function(){d._core.settings.autoHeight&&d.update()}),a(b).resize(function(){d._core.settings.autoHeight&&(null!=d._intervalId&&clearTimeout(d._intervalId),d._intervalId=setTimeout(function(){d.update()},250))})};e.Defaults={autoHeight:!1,autoHeightClass:"owl-height"},e.prototype.update=function(){var b=this._core._current,c=b+this._core.settings.items,d=this._core.settings.lazyLoad,e=this._core.$stage.children().toArray().slice(b,c),f=[],g=0;a.each(e,function(b,c){f.push(a(c).height())}),g=Math.max.apply(null,f),g<=1&&d&&this._previousHeight&&(g=this._previousHeight),this._previousHeight=g,this._core.$stage.parent().height(g).addClass(this._core.settings.autoHeightClass)},e.prototype.destroy=function(){var a,b;for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoHeight=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._videos={},this._playing=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.register({type:"state",name:"playing",tags:["interacting"]})},this),"resize.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.video&&this.isInFullScreen()&&a.preventDefault()},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.is("resizing")&&this._core.$stage.find(".cloned .owl-video-frame").remove()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"===a.property.name&&this._playing&&this.stop()},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find(".owl-video");c.length&&(c.css("display","none"),this.fetch(c,a(b.content)))}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._core.$element.on("click.owl.video",".owl-video-play-icon",a.proxy(function(a){this.play(a)},this))};e.Defaults={video:!1,videoHeight:!1,videoWidth:!1},e.prototype.fetch=function(a,b){var c=function(){return a.attr("data-vimeo-id")?"vimeo":a.attr("data-vzaar-id")?"vzaar":"youtube"}(),d=a.attr("data-vimeo-id")||a.attr("data-youtube-id")||a.attr("data-vzaar-id"),e=a.attr("data-width")||this._core.settings.videoWidth,f=a.attr("data-height")||this._core.settings.videoHeight,g=a.attr("href");if(!g)throw new Error("Missing video URL.");if(d=g.match(/(http:|https:|)\/\/(player.|www.|app.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com|be\-nocookie\.com)|vzaar\.com)\/(video\/|videos\/|embed\/|channels\/.+\/|groups\/.+\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/),d[3].indexOf("youtu")>-1)c="youtube";else if(d[3].indexOf("vimeo")>-1)c="vimeo";else{if(!(d[3].indexOf("vzaar")>-1))throw new Error("Video URL not supported.");c="vzaar"}d=d[6],this._videos[g]={type:c,id:d,width:e,height:f},b.attr("data-video",g),this.thumbnail(a,this._videos[g])},e.prototype.thumbnail=function(b,c){var d,e,f,g=c.width&&c.height?"width:"+c.width+"px;height:"+c.height+"px;":"",h=b.find("img"),i="src",j="",k=this._core.settings,l=function(c){e='
',d=k.lazyLoad?a("
",{class:"owl-video-tn "+j,srcType:c}):a("
",{class:"owl-video-tn",style:"opacity:1;background-image:url("+c+")"}),b.after(d),b.after(e)};if(b.wrap(a("
",{class:"owl-video-wrapper",style:g})),this._core.settings.lazyLoad&&(i="data-src",j="owl-lazy"),h.length)return l(h.attr(i)),h.remove(),!1;"youtube"===c.type?(f="//img.youtube.com/vi/"+c.id+"/hqdefault.jpg",l(f)):"vimeo"===c.type?a.ajax({type:"GET",url:"//vimeo.com/api/v2/video/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a[0].thumbnail_large,l(f)}}):"vzaar"===c.type&&a.ajax({type:"GET",url:"//vzaar.com/api/videos/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a.framegrab_url,l(f)}})},e.prototype.stop=function(){this._core.trigger("stop",null,"video"),this._playing.find(".owl-video-frame").remove(),this._playing.removeClass("owl-video-playing"),this._playing=null,this._core.leave("playing"),this._core.trigger("stopped",null,"video")},e.prototype.play=function(b){var c,d=a(b.target),e=d.closest("."+this._core.settings.itemClass),f=this._videos[e.attr("data-video")],g=f.width||"100%",h=f.height||this._core.$stage.height();this._playing||(this._core.enter("playing"),this._core.trigger("play",null,"video"),e=this._core.items(this._core.relative(e.index())),this._core.reset(e.index()),c=a(''),c.attr("height",h),c.attr("width",g),"youtube"===f.type?c.attr("src","//www.youtube.com/embed/"+f.id+"?autoplay=1&rel=0&v="+f.id):"vimeo"===f.type?c.attr("src","//player.vimeo.com/video/"+f.id+"?autoplay=1"):"vzaar"===f.type&&c.attr("src","//view.vzaar.com/"+f.id+"/player?autoplay=true"),a(c).wrap('
').insertAfter(e.find(".owl-video")),this._playing=e.addClass("owl-video-playing"))},e.prototype.isInFullScreen=function(){var b=c.fullscreenElement||c.mozFullScreenElement||c.webkitFullscreenElement;return b&&a(b).parent().hasClass("owl-video-frame")},e.prototype.destroy=function(){var a,b;this._core.$element.off("click.owl.video");for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Video=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this.core=b,this.core.options=a.extend({},e.Defaults,this.core.options),this.swapping=!0,this.previous=d,this.next=d,this.handlers={"change.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&(this.previous=this.core.current(),this.next=a.property.value)},this),"drag.owl.carousel dragged.owl.carousel translated.owl.carousel":a.proxy(function(a){a.namespace&&(this.swapping="translated"==a.type)},this),"translate.owl.carousel":a.proxy(function(a){a.namespace&&this.swapping&&(this.core.options.animateOut||this.core.options.animateIn)&&this.swap()},this)},this.core.$element.on(this.handlers)};e.Defaults={animateOut:!1,
+animateIn:!1},e.prototype.swap=function(){if(1===this.core.settings.items&&a.support.animation&&a.support.transition){this.core.speed(0);var b,c=a.proxy(this.clear,this),d=this.core.$stage.children().eq(this.previous),e=this.core.$stage.children().eq(this.next),f=this.core.settings.animateIn,g=this.core.settings.animateOut;this.core.current()!==this.previous&&(g&&(b=this.core.coordinates(this.previous)-this.core.coordinates(this.next),d.one(a.support.animation.end,c).css({left:b+"px"}).addClass("animated owl-animated-out").addClass(g)),f&&e.one(a.support.animation.end,c).addClass("animated owl-animated-in").addClass(f))}},e.prototype.clear=function(b){a(b.target).css({left:""}).removeClass("animated owl-animated-out owl-animated-in").removeClass(this.core.settings.animateIn).removeClass(this.core.settings.animateOut),this.core.onTransitionEnd()},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this.core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Animate=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._call=null,this._time=0,this._timeout=0,this._paused=!0,this._handlers={"changed.owl.carousel":a.proxy(function(a){a.namespace&&"settings"===a.property.name?this._core.settings.autoplay?this.play():this.stop():a.namespace&&"position"===a.property.name&&this._paused&&(this._time=0)},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoplay&&this.play()},this),"play.owl.autoplay":a.proxy(function(a,b,c){a.namespace&&this.play(b,c)},this),"stop.owl.autoplay":a.proxy(function(a){a.namespace&&this.stop()},this),"mouseover.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"mouseleave.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.play()},this),"touchstart.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"touchend.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this.play()},this)},this._core.$element.on(this._handlers),this._core.options=a.extend({},e.Defaults,this._core.options)};e.Defaults={autoplay:!1,autoplayTimeout:5e3,autoplayHoverPause:!1,autoplaySpeed:!1},e.prototype._next=function(d){this._call=b.setTimeout(a.proxy(this._next,this,d),this._timeout*(Math.round(this.read()/this._timeout)+1)-this.read()),this._core.is("interacting")||c.hidden||this._core.next(d||this._core.settings.autoplaySpeed)},e.prototype.read=function(){return(new Date).getTime()-this._time},e.prototype.play=function(c,d){var e;this._core.is("rotating")||this._core.enter("rotating"),c=c||this._core.settings.autoplayTimeout,e=Math.min(this._time%(this._timeout||c),c),this._paused?(this._time=this.read(),this._paused=!1):b.clearTimeout(this._call),this._time+=this.read()%c-e,this._timeout=c,this._call=b.setTimeout(a.proxy(this._next,this,d),c-e)},e.prototype.stop=function(){this._core.is("rotating")&&(this._time=0,this._paused=!0,b.clearTimeout(this._call),this._core.leave("rotating"))},e.prototype.pause=function(){this._core.is("rotating")&&!this._paused&&(this._time=this.read(),this._paused=!0,b.clearTimeout(this._call))},e.prototype.destroy=function(){var a,b;this.stop();for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.autoplay=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(b){this._core=b,this._initialized=!1,this._pages=[],this._controls={},this._templates=[],this.$element=this._core.$element,this._overrides={next:this._core.next,prev:this._core.prev,to:this._core.to},this._handlers={"prepared.owl.carousel":a.proxy(function(b){b.namespace&&this._core.settings.dotsData&&this._templates.push(''+a(b.content).find("[data-dot]").addBack("[data-dot]").attr("data-dot")+"
")},this),"added.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,0,this._templates.pop())},this),"remove.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,1)},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&this.draw()},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&!this._initialized&&(this._core.trigger("initialize",null,"navigation"),this.initialize(),this.update(),this.draw(),this._initialized=!0,this._core.trigger("initialized",null,"navigation"))},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._initialized&&(this._core.trigger("refresh",null,"navigation"),this.update(),this.draw(),this._core.trigger("refreshed",null,"navigation"))},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers)};e.Defaults={nav:!1,navText:['‹ ','› '],navSpeed:!1,navElement:'button type="button" role="presentation"',navContainer:!1,navContainerClass:"owl-nav",navClass:["owl-prev","owl-next"],slideBy:1,dotClass:"owl-dot",dotsClass:"owl-dots",dots:!0,dotsEach:!1,dotsData:!1,dotsSpeed:!1,dotsContainer:!1},e.prototype.initialize=function(){var b,c=this._core.settings;this._controls.$relative=(c.navContainer?a(c.navContainer):a("").addClass(c.navContainerClass).appendTo(this.$element)).addClass("disabled"),this._controls.$previous=a("<"+c.navElement+">").addClass(c.navClass[0]).html(c.navText[0]).prependTo(this._controls.$relative).on("click",a.proxy(function(a){this.prev(c.navSpeed)},this)),this._controls.$next=a("<"+c.navElement+">").addClass(c.navClass[1]).html(c.navText[1]).appendTo(this._controls.$relative).on("click",a.proxy(function(a){this.next(c.navSpeed)},this)),c.dotsData||(this._templates=[a('
').addClass(c.dotClass).append(a("")).prop("outerHTML")]),this._controls.$absolute=(c.dotsContainer?a(c.dotsContainer):a("").addClass(c.dotsClass).appendTo(this.$element)).addClass("disabled"),this._controls.$absolute.on("click","button",a.proxy(function(b){var d=a(b.target).parent().is(this._controls.$absolute)?a(b.target).index():a(b.target).parent().index();b.preventDefault(),this.to(d,c.dotsSpeed)},this));for(b in this._overrides)this._core[b]=a.proxy(this[b],this)},e.prototype.destroy=function(){var a,b,c,d,e;e=this._core.settings;for(a in this._handlers)this.$element.off(a,this._handlers[a]);for(b in this._controls)"$relative"===b&&e.navContainer?this._controls[b].html(""):this._controls[b].remove();for(d in this.overides)this._core[d]=this._overrides[d];for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},e.prototype.update=function(){var a,b,c,d=this._core.clones().length/2,e=d+this._core.items().length,f=this._core.maximum(!0),g=this._core.settings,h=g.center||g.autoWidth||g.dotsData?1:g.dotsEach||g.items;if("page"!==g.slideBy&&(g.slideBy=Math.min(g.slideBy,g.items)),g.dots||"page"==g.slideBy)for(this._pages=[],a=d,b=0,c=0;a
=h||0===b){if(this._pages.push({start:Math.min(f,a-d),end:a-d+h-1}),Math.min(f,a-d)===f)break;b=0,++c}b+=this._core.mergers(this._core.relative(a))}},e.prototype.draw=function(){var b,c=this._core.settings,d=this._core.items().length<=c.items,e=this._core.relative(this._core.current()),f=c.loop||c.rewind;this._controls.$relative.toggleClass("disabled",!c.nav||d),c.nav&&(this._controls.$previous.toggleClass("disabled",!f&&e<=this._core.minimum(!0)),this._controls.$next.toggleClass("disabled",!f&&e>=this._core.maximum(!0))),this._controls.$absolute.toggleClass("disabled",!c.dots||d),c.dots&&(b=this._pages.length-this._controls.$absolute.children().length,c.dotsData&&0!==b?this._controls.$absolute.html(this._templates.join("")):b>0?this._controls.$absolute.append(new Array(b+1).join(this._templates[0])):b<0&&this._controls.$absolute.children().slice(b).remove(),this._controls.$absolute.find(".active").removeClass("active"),this._controls.$absolute.children().eq(a.inArray(this.current(),this._pages)).addClass("active"))},e.prototype.onTrigger=function(b){var c=this._core.settings;b.page={index:a.inArray(this.current(),this._pages),count:this._pages.length,size:c&&(c.center||c.autoWidth||c.dotsData?1:c.dotsEach||c.items)}},e.prototype.current=function(){var b=this._core.relative(this._core.current());return a.grep(this._pages,a.proxy(function(a,c){return a.start<=b&&a.end>=b},this)).pop()},e.prototype.getPosition=function(b){var c,d,e=this._core.settings;return"page"==e.slideBy?(c=a.inArray(this.current(),this._pages),d=this._pages.length,b?++c:--c,c=this._pages[(c%d+d)%d].start):(c=this._core.relative(this._core.current()),d=this._core.items().length,b?c+=e.slideBy:c-=e.slideBy),c},e.prototype.next=function(b){a.proxy(this._overrides.to,this._core)(this.getPosition(!0),b)},e.prototype.prev=function(b){a.proxy(this._overrides.to,this._core)(this.getPosition(!1),b)},e.prototype.to=function(b,c,d){var e;!d&&this._pages.length?(e=this._pages.length,a.proxy(this._overrides.to,this._core)(this._pages[(b%e+e)%e].start,c)):a.proxy(this._overrides.to,this._core)(b,c)},a.fn.owlCarousel.Constructor.Plugins.Navigation=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(c){this._core=c,this._hashes={},this.$element=this._core.$element,this._handlers={"initialized.owl.carousel":a.proxy(function(c){c.namespace&&"URLHash"===this._core.settings.startPosition&&a(b).trigger("hashchange.owl.navigation")},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find("[data-hash]").addBack("[data-hash]").attr("data-hash");if(!c)return;this._hashes[c]=b.content}},this),"changed.owl.carousel":a.proxy(function(c){if(c.namespace&&"position"===c.property.name){var d=this._core.items(this._core.relative(this._core.current())),e=a.map(this._hashes,function(a,b){return a===d?b:null}).join();if(!e||b.location.hash.slice(1)===e)return;b.location.hash=e}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers),a(b).on("hashchange.owl.navigation",a.proxy(function(a){var c=b.location.hash.substring(1),e=this._core.$stage.children(),f=this._hashes[c]&&e.index(this._hashes[c]);f!==d&&f!==this._core.current()&&this._core.to(this._core.relative(f),!1,!0)},this))};e.Defaults={URLhashListener:!1},e.prototype.destroy=function(){var c,d;a(b).off("hashchange.owl.navigation");for(c in this._handlers)this._core.$element.off(c,this._handlers[c]);for(d in Object.getOwnPropertyNames(this))"function"!=typeof this[d]&&(this[d]=null)},a.fn.owlCarousel.Constructor.Plugins.Hash=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){function e(b,c){var e=!1,f=b.charAt(0).toUpperCase()+b.slice(1);return a.each((b+" "+h.join(f+" ")+f).split(" "),function(a,b){if(g[b]!==d)return e=!c||b,!1}),e}function f(a){return e(a,!0)}var g=a("").get(0).style,h="Webkit Moz O ms".split(" "),i={transition:{end:{WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd",transition:"transitionend"}},animation:{end:{WebkitAnimation:"webkitAnimationEnd",MozAnimation:"animationend",OAnimation:"oAnimationEnd",animation:"animationend"}}},j={csstransforms:function(){return!!e("transform")},csstransforms3d:function(){return!!e("perspective")},csstransitions:function(){return!!e("transition")},cssanimations:function(){return!!e("animation")}};j.csstransitions()&&(a.support.transition=new String(f("transition")),a.support.transition.end=i.transition.end[a.support.transition]),j.cssanimations()&&(a.support.animation=new String(f("animation")),a.support.animation.end=i.animation.end[a.support.animation]),j.csstransforms()&&(a.support.transform=new String(f("transform")),a.support.transform3d=j.csstransforms3d())}(window.Zepto||window.jQuery,window,document);
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/.gitignore b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/.gitignore
new file mode 100644
index 0000000..09789e5
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/.gitignore
@@ -0,0 +1,5 @@
+Password for Admin:
+
+
+
+Password for the registred User Svendolin
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/admin/html/end-clean-end.php b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/admin/html/end-clean-end.php
new file mode 100644
index 0000000..383f244
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/admin/html/end-clean-end.php
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/admin/html/end.php b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/admin/html/end.php
new file mode 100644
index 0000000..0dd456d
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/admin/html/end.php
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/admin/html/start-logout.php b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/admin/html/start-logout.php
new file mode 100644
index 0000000..9c6b952
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/admin/html/start-logout.php
@@ -0,0 +1,93 @@
+
+
+
+
+
+ Admin Area - Swiss JDM Blog
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/admin/html/start.php b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/admin/html/start.php
new file mode 100644
index 0000000..dfb8118
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/admin/html/start.php
@@ -0,0 +1,93 @@
+
+
+
+
+
+ Swiss JDM Blog
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/admin/index.php b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/admin/index.php
new file mode 100644
index 0000000..5cd3dbb
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/admin/index.php
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+
+
+
+
+
Blog management
+
+
Edit and delete posts created by users
+
Go for it!
+
+
Profile management
+
+
Edit and delete user profiles
+
Go for it!
+
+
Profile management
+
+
Edit and delete user profiles
+
Go for it!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/admin/login.php b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/admin/login.php
new file mode 100644
index 0000000..43d4811
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/admin/login.php
@@ -0,0 +1,120 @@
+';
+ // print_r($adminIdExists);
+ // echo '';
+
+ $pwdHashed = $adminIdExists["admin_password"]; // usersPwd is the passwort field inside of our users table of our database
+ $checkPwd = password_verify($adminpwd, $pwdHashed); // If it matches = true, if not = false, logically
+
+ // echo '';
+ // print_r($_checkPwd);
+ // echo '';
+
+ // Check if the entered password of the user does not match (is false) to its password in the database:
+ if ($checkPwd === false) {
+ header("location: ../admin/login.php?error=wronglogin");
+ exit();
+ }
+
+ //...if it matches, the login can start with a SESSION START:
+ else if ($checkPwd === true) {
+ session_start();
+ $_SESSION["adminid"] = $adminIdExists["IDadmin"];
+ $_SESSION["adminuid"] = $adminIdExists["admin_name"];
+ $_SESSION['loginstatus'] = true; // logintsatus speichern
+ $_SESSION['lastactivity'] = time(); // timestamp in session
+ $_SESSION['login_useragent'] = $_SERVER['HTTP_USER_AGENT'];
+
+ header("location: ../admin/index.php"); // THAT's the possitive target! ✅
+ // exit();
+ }
+}
+
+// echo password_hash("adminPW1234!!", PASSWORD_DEFAULT);
+// IMPORTANT: to enter into your admin login, use: Sven Kamm OR sven0815@gmx.ch AND adminPW1234!!
+
+
+
+?>
+
+
+
+
+
+
+ #ffffff ';
+
+
+
+ // Check if the entered password of the user does not match (is false) to its password in the database:
+ if ($checkPwd === false) {
+ header("location: ../login.php?error=wronglogin");
+ exit();
+ }
+
+ //...if it matches, the login can start with a SESSION START:
+ else if ($checkPwd === true) {
+ session_start();
+ $_SESSION["userid"] = $uidExists["usersId"];
+ $_SESSION["useruid"] = $uidExists["usersUid"];
+ $_SESSION['loginstatus'] = true; // logintsatus speichern
+ $_SESSION['lastactivity'] = time(); // timestamp in session
+ $_SESSION['login_useragent'] = $_SERVER['HTTP_USER_AGENT'];
+
+
+ header("location: ../index.php"); // THAT's the possitive target! ✅
+ // exit();
+ }
+}
+
+function session_init(){
+ // session_name(CUSTOM_SESSIONNAME); // Changes the name of the session cookie, not active here
+ session_start();// Initialized a session_start
+ // session_regenerate_id(); // Changes the value of the session ID and cookie each time, not active here
+}
+
+
+function sessioncheck(){
+ $session_laufzeit = SESSION_EXPIRY*60; // config defined at 3*60 = 60 seconds timeout
+
+
+ // prüfen, ob der User agent noch gleich ist wie beim Login
+ if( $_SESSION['login_useragent'] !== $_SERVER['HTTP_USER_AGENT'] ){
+ $_SESSION['loginstatus'] = false;
+ }
+
+ // prüfen, wann der user das letzte mal aktiv war
+ if( $_SESSION['lastactivity'] < time()-$session_laufzeit ){
+ $_SESSION['loginstatus'] = false;
+ }
+
+ // prüfen, ob der Besucher eingeloggt ist, nur dann darf die Seite angezeigt werden
+ if( $_SESSION['loginstatus'] !== true ){
+ // wenn die Session nicht existiert oder der timestamp weiter zurückliegt als die erlaubte laufzeit (= kein Zugriff)...
+
+ // ausloggen (Session zurücksetzen)
+ setcookie (session_name(), null, -1, '/');
+ session_destroy();
+ session_write_close();
+
+ // auf das login umleiten
+ return false;
+ }
+
+ session_regenerate_id(); // neue ID für meine Session - hacker kann die alte nun nicht mehr brauchen, falls er sie hat.
+ $_SESSION['lastactivity'] = time(); // aktualisieren des Timestamp TODO: LASTACTIVITY
+ return true;
+}
+
+// --x--------------------------------- LOGIN STUFF ----------------------------------x-- //
+// ------------------------------------ ADMIN LOGIN-STUFF ------------------------------------ //
+
+/* SIDE NOTE: session_init() and session_check() from above is used for the admin login as well */
+function adminIdExists($conn, $adminname, $adminemail) {
+ $sql = "SELECT * FROM admin WHERE admin_name = ? OR admin_email = ?;"; // Prepare Statements = ?
+ $stmt = mysqli_stmt_init($conn); // Prepared statement: Iniitialize to the database = $conn
+ if (!mysqli_stmt_prepare($stmt, $sql)) { //CHECK if the prepare statement will fail before we see that it will succeed
+ header("location: ../login.php?error=stmtfailed");
+ exit();
+ }
+
+ // Passing data from the user if it does not fail:
+ mysqli_stmt_bind_param($stmt, "ss", $adminname, $adminemail);
+ mysqli_stmt_execute($stmt);
+
+ // "Get result" returns the results from a prepared statement
+ $resultData = mysqli_stmt_get_result($stmt); // $stmt = Our prepared statement / "ss" = Type of Data? Double string, username and email = basic text /
+
+ // fetching the data (if the columns are set to their names)
+ if ($row = mysqli_fetch_assoc($resultData)) {
+ return $row; // This shows "true": $row will be executed, so if its true the fetch assoc will work and the process works
+ }
+ else {
+ $result = false;
+ return $result;
+ }
+
+ mysqli_stmt_close($stmt);
+}
+
+// --x--------------------------------- ADMIN LOGIN-STUFF ---------------------------------x-- //
+
+?>
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/includes/html/footer.html.php b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/includes/html/footer.html.php
new file mode 100644
index 0000000..053fc1b
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/includes/html/footer.html.php
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/includes/html/header.html.php b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/includes/html/header.html.php
new file mode 100644
index 0000000..008ca1c
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/includes/html/header.html.php
@@ -0,0 +1,110 @@
+
+
+
+ Swiss JDM Blog
+
+
+
+
+
+ Logout
+ ';
+
+ // echo '';
+ // print_r($pwd);
+ // echo '';
+
+
+ // Then we run a bunch of error handlers to catch any user mistakes we can (you can add more than I did)
+ // These functions can be found in functions.inc.php
+
+ require_once('config.php'); // Formerly "dbh.inc.php"
+ require_once('mysql-connect.php');
+ require_once('functions.inc.php');
+
+ // Such as the one from functions.inc.php, but simpler with "emptyInputLogin" instead of "emptyInputSignup"
+ if (emptyInputLogin($username, $pwd) === true) {
+ header("location: ../login.php?error=emptyinputlogin");
+ exit();
+ }
+
+ // If we get to here, it means there are no user errors
+
+ // Now we insert the user into the database
+ loginUser($conn, $username, $pwd);
+
+
+} else {
+ header("location: ../login.php");
+ // exit();
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+?>
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/includes/mysql-connect.php b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/includes/mysql-connect.php
new file mode 100644
index 0000000..2c0e022
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/includes/mysql-connect.php
@@ -0,0 +1,18 @@
+
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/includes/signup.inc.php b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/includes/signup.inc.php
new file mode 100644
index 0000000..eaffe8c
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/includes/signup.inc.php
@@ -0,0 +1,70 @@
+
+
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/index.php b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/index.php
new file mode 100644
index 0000000..8995b79
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/index.php
@@ -0,0 +1,426 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Where JDM enthusiasts come together
+
Tell your story
+ Explore';
+ }
+ // Is the user NOT LOGGED IN? Show THIS INSTEAD:
+ else {
+ echo '
Explore ';
+ }
+ ?>
+
+
+
+
+
+
+
+
+
Newsflash
+
+
+
+
+
+
+
+
+
+
"Godzilla has arrived!"
+ Hover to read more
+ 9th of June 2021
+
+
+
It took almost half an eternity, but finally it's here!
+ Now it just needs to get on the road legally... *Sigh*
+
+
+
+
+
+
+
"Slapsticker time!"
+ Hover to read more
+ 17th of July 2021
+
+
+
Hurray, the Slapstickers from Saitoworks.com arrived!
+
+
+
+
+
+
+
+
+
"Visited his Brother!"
+ Hover to read more
+ 30th of September 2021
+
+
+
In order to adapt the car to Swiss standards, a conversion is necessary.
+
+
+
+
+
+
+
+
+
"Time for some NOS ;)"
+ Hover to read more
+ 5th of November 2021
+
+
+
Since nitromethane gas cylinders (NOS) are of course illegal in Switzerland
+ for road traffic, the somewhat cuddlier plush version will have to do! ;)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Featured Blog Posts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
When was the last time we met each other?!?
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Laboriosam, expedita qui explicabo sit iure neque autem nulla totam adipisci
+ voluptates laudantium itaque possimus ipsam ut obcaecati rem ab debitis
+ asperiores reprehenderit. Modi error nobis nesciunt dolor aspernatur neque
+ dolores adipisci.
+
Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Would you add the Mount Fuji in the background? ;)
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Laboriosam, expedita qui explicabo sit iure neque autem nulla totam adipisci
+ voluptates laudantium itaque possimus ipsam ut obcaecati rem ab debitis
+ asperiores reprehenderit. Modi error nobis nesciunt dolor aspernatur neque
+ dolores adipisci.
+
Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Ready for 2022! What about you?
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Laboriosam, expedita qui explicabo sit iure neque autem nulla totam adipisci
+ voluptates laudantium itaque possimus ipsam ut obcaecati rem ab debitis
+ asperiores reprehenderit. Modi error nobis nesciunt dolor aspernatur neque
+ dolores adipisci.
+
Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/login.php b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/login.php
new file mode 100644
index 0000000..4730288
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/login.php
@@ -0,0 +1,211 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
New here?
+
Be a part of our community, unleash your passion for JDM cars together and tell us your story!
+
Join us
+
+
+
+
+
+
+
One of us?
+
Let's share what's on your mind, you are just a few clicks away!
+
Sign in
+
+
+
+
+
+ Let's see
+
Our Members:
+
+
+0 ) { ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Member since:
+
That's me:
+
+
My Car:
+
+
I live in:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Member since: 09.06.2021
+
That's me:
+
Sillest
+
My Car:
+
Nissan 200sx S13
+
I live in:
+
Nidwalden
+
+
+
+
+
+
+
+
+
Member since: 11.06.2021
+
That's me:
+
Oli_Supra
+
My Car:
+
Toyota Supra MK4
+
I live in:
+
Aargau
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/post.php b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/post.php
new file mode 100644
index 0000000..5dd84b5
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/post.php
@@ -0,0 +1,74 @@
+
+
+
+
+
+
+
+
+
+
+ let's read
+
My Story
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Return
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/swiss_jdm_blog.sql b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/swiss_jdm_blog.sql
new file mode 100644
index 0000000..128266e
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/swiss_jdm_blog.sql
@@ -0,0 +1,105 @@
+-- phpMyAdmin SQL Dump
+-- version 5.1.1
+-- https://www.phpmyadmin.net/
+--
+-- Host: 127.0.0.1
+-- Erstellungszeit: 28. Dez 2021 um 12:10
+-- Server-Version: 10.4.21-MariaDB
+-- PHP-Version: 8.0.11
+
+SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
+START TRANSACTION;
+SET time_zone = "+00:00";
+
+
+/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
+/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
+/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
+/*!40101 SET NAMES utf8mb4 */;
+
+--
+-- Datenbank: `swiss_jdm_blog`
+--
+
+-- --------------------------------------------------------
+
+--
+-- Tabellenstruktur für Tabelle `admin`
+--
+
+CREATE TABLE `admin` (
+ `IDadmin` int(11) NOT NULL,
+ `admin_name` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `admin_email` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `admin_password` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `admin_usertype` tinyint(1) NOT NULL DEFAULT 1
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+--
+-- Daten für Tabelle `admin`
+--
+
+INSERT INTO `admin` (`IDadmin`, `admin_name`, `admin_email`, `admin_password`, `admin_usertype`) VALUES
+(1, 'Sven Kamm', 'sven0815@gmx.ch', '$2y$10$t9c9iyMmp.vJzaefy9RF5.Ic9Xec0globisorxwChWkrCG9bkDEXi', 1);
+
+-- --------------------------------------------------------
+
+--
+-- Tabellenstruktur für Tabelle `users`
+--
+
+CREATE TABLE `users` (
+ `usersId` int(11) NOT NULL,
+ `usersName` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersUid` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersCar` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersState` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersEmail` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersPwd` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `user_state` tinyint(1) DEFAULT 1,
+ `user_created` timestamp NOT NULL DEFAULT current_timestamp()
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+--
+-- Daten für Tabelle `users`
+--
+
+INSERT INTO `users` (`usersId`, `usersName`, `usersUid`, `usersCar`, `usersState`, `usersEmail`, `usersPwd`, `user_state`, `user_created`) VALUES
+(1, 'Sven Kamm', 'Svendolin', 'Nissan Skyline R33', 'Aargau', 'sven0815@gmx.ch', '$2y$10$iNoQRI/kyBnyqXM8UZ/7AOwKBKc8KADIAFf41./pXsDebmig8ILx6', 1, '2021-12-27 00:39:34');
+
+--
+-- Indizes der exportierten Tabellen
+--
+
+--
+-- Indizes für die Tabelle `admin`
+--
+ALTER TABLE `admin`
+ ADD PRIMARY KEY (`IDadmin`);
+
+--
+-- Indizes für die Tabelle `users`
+--
+ALTER TABLE `users`
+ ADD PRIMARY KEY (`usersId`);
+
+--
+-- AUTO_INCREMENT für exportierte Tabellen
+--
+
+--
+-- AUTO_INCREMENT für Tabelle `admin`
+--
+ALTER TABLE `admin`
+ MODIFY `IDadmin` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=2;
+
+--
+-- AUTO_INCREMENT für Tabelle `users`
+--
+ALTER TABLE `users`
+ MODIFY `usersId` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=3;
+COMMIT;
+
+/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
+/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
+/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/tellyourstory.php b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/tellyourstory.php
new file mode 100644
index 0000000..2596dd1
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/tellyourstory.php
@@ -0,0 +1,276 @@
+
+
+
+
+
+
+
+ let's hear
+
Your Story:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/css/aos.css b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/css/aos.css
new file mode 100644
index 0000000..66923fe
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/css/aos.css
@@ -0,0 +1 @@
+[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/css/mediaqueries.css b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/css/mediaqueries.css
new file mode 100644
index 0000000..07f3078
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/css/mediaqueries.css
@@ -0,0 +1,339 @@
+
+/* ======================= index.php ======================= */
+
+/* ----- Viewport less than or equal to 1270px ------ */
+
+@media only screen and (max-width: 1270px) {
+ /* Gives the pink blogpost info section more space while shrinking */
+ .site-content .post-content > .post-image .post-info {
+ left: 2rem !important;
+ bottom: 1.2rem !important;
+ border-radius: 0% !important;
+ }
+
+ /* The comment and datasection will disapper after shrinking */
+ .site-content .sidebar .popular-post .post-info {
+ display: none !important;
+ }
+
+ /* Gives the container colums more space in the footer: From 4 colums to 2 columns */
+ footer.footer .container {
+ grid-template-columns: repeat(2,1fr);
+ }
+
+}
+
+/* --x-- Viewport less than or equal to 1270px --x-- */
+
+/* ----- Viewport less than or equal to 970px ------ */
+
+@media only screen and (max-width: 970px) {
+ .nav .nav-menu, .nav .nav-items {
+ flex-direction: column; /* Menubar and login button will collapse to the next line */
+ margin: 0; /* To eliminate the 8rem margin default value */
+ }
+
+ /* Special list item which should be seen in loggedIn mode only */
+ .nav .nav-menu, .nav .tell-your-story {
+ flex-direction: column; /* Menubar and login button will collapse to the next line */
+ margin: 0; /* To eliminate the 8rem margin default value */
+ }
+
+ .nav .nav-items .nav-link {
+ display: block;
+
+ }
+
+ /* Trick: Define the full nav-link area (Home etc) of the a tag to go to the next page */
+ .nav .nav-items .nav-link a {
+ display: inline-block;
+ padding-right: 80%; /* These two moved from .nav-link to .nav-link a */
+ }
+
+ .nav .toggle-collapse {
+ display: initial; /* Defined default value of the browser */
+ }
+
+ /* main blog content and side content won't be side to side now:
+ - 1) All the post content will be at 100% width at first place
+ - 2) the side content with categories, popular posts and so on will follow up */
+ main .site-content{
+ grid-template-columns: 100%;
+ }
+
+ /* Newsletterelements (input field and button */
+ .site-content .sidebar .newsletter .input-element {
+ width: 50%;
+ }
+ .site-content .sidebar .newsletter .form-btn {
+ padding: 0.8rem 20%;
+ }
+
+ footer.footer .container{
+ grid-template-columns: repeat(1, 1fr);
+ }
+
+}
+
+/* --x-- Viewport less than or equal to 970px --x-- */
+/* ----- Viewport less than or equal to 660px ------ */
+
+@media only screen and (max-width: 660px) {
+
+ /* the pink blogpost info section should disappear entirely */
+ .site-content .post-content > .post-image .post-info {
+ display: none;
+ }
+
+ /* Removes the back to top button at 660px */
+ footer.footer > .move-up {
+ display: none;
+ }
+}
+
+/* --x-- Viewport less than or equal to 660px --x-- */
+/* ----- Viewport less than or equal to 420px ------ */
+
+@media only screen and (max-width: 420px) {
+
+ /* Moves the 4 container boxes closer to eachother */
+ footer.footer .container > div {
+ padding: 1rem 0.9rem !important;
+ }
+
+ footer.footer .container .about-us {
+ margin-top: 2rem;
+ }
+
+ footer.footer .rights {
+ margin-top: 4rem !important;
+ text-align: center;
+ }
+
+}
+
+/* --x-- Viewport less than or equal to 420px --x-- */
+
+/* ====x================== index.php ==================x==== */
+/* ======================= login.php ======================= */
+
+@media only screen and (max-width: 870px) {
+
+ /* Container the red circle */
+ .login-container:before {
+ min-height: 1500px;
+ height: 1500px;
+ left: 25%;
+ bottom: 80%;
+ transform: translateX(-50%);
+ right: initial;
+ top: initial; /* Set to their default values */
+ transition: 2s ease-in-out;
+ }
+
+ /* The whole sign-in and sign-up section (Adjust the top if its not centered enough) */
+ .login-container .signin-signup {
+ width: 100%;
+ left: 50%;
+ top: 90%;
+ transform: translate(-50%, -100%);
+ transition: 1s 0.8s ease-in-out;
+ }
+
+ /* Container with the sign-in panels */
+ .login-container .panels-container {
+ /* background: green; */
+ grid-template-columns: 1fr; /* Just ONE ROW now */
+ grid-template-rows: 1fr 2fr 1fr; /* 3-row areas: 1fr = Join, 2fr empty, 1fr= Sign */
+ }
+
+ .panels-container .panel {
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center;
+ padding: 2.5rem 8%;
+ }
+
+ .panels-container .panel h3 {
+ font-size: 1.2rem;
+ }
+
+ .panels-container .panel p {
+ font-size: 0.9rem;
+ padding: 0.5rem 0;
+ }
+
+ /* transparent button of the panel */
+ button.btn.transparent {
+ width: 100px;
+ height: 40px;
+ font-size: 1.1rem;
+ }
+
+ /* Content of the both pannels */
+ .panels-container .panel .content {
+ padding-right: 15%;
+ transition: 0.9s 0.8s ease-in-out;
+ }
+
+ .image {
+ width: 200px;
+ transition: 0.9s 0.6s ease-in-out;
+ }
+
+ .panels-container .left-panel {
+ grid-row: 1 / 2; /* From top (because of row) Line 1 to 2 (1fr), 2 to 3 (2fr) = empty */
+ }
+
+ .panels-container .right-panel {
+ grid-row: 3 / 4; /* From top (because of row) Line 1 to 2 (1fr), 2 to 3 (2fr) = empty */
+ }
+
+ /* Content and Images of sign-in an sign-up united in the center */
+ .panels-container .right-panel .content, .panels-container .right-panel .image {
+ transform: translateY(300px);
+ }
+
+ /* The pannel container (red circle) will now move up and down */
+ .login-container.sign-up-mode:before {
+ transform: translate(-50%, 100%);
+ bottom: 32%;
+ right: initial;
+ }
+
+ .login-container.sign-up-mode .left-panel .image,
+ .login-container.sign-up-mode .left-panel .content {
+ transform: translateY(-300px);
+ }
+
+ .login-container.sign-up-mode .signin-signup {
+ top: 5%;
+ transform: translate(-50%, 0);
+ left: 50%;
+ }
+
+ /* Sign-in login error messages */
+ .error-message-log-in p {
+ margin-top: 50rem;
+ }
+
+ /* Sign-up login (registration) error messages */
+ .login-container .signin-signup form {
+ justify-content: flex-end;
+ padding-bottom: 10rem;
+ }
+
+ .login-container {
+ min-height: 1200px; /* TODO: Make it bigger if you add more input fields */
+ height: 100vh;
+ }
+
+}
+
+@media only screen and (max-width: 570px) {
+ .login-container .signin-signup form {
+ padding: 0 1.5rem;
+ }
+
+ .image {
+ display: none;
+ }
+
+ .panels-container .panel .content {
+ padding: 0.5rem 1rem,
+ }
+
+ .login-container:before{
+ bottom: 72%;
+ left: 50%;
+ }
+
+ .login-container.sign-up-mode:before{
+ bottom: 28%;
+ left: 50%;
+ }
+
+ /* Sign-up login (registration) error messages */
+ .login-container .signin-signup form {
+ justify-content: center;
+ }
+
+ .error-message-sign-up {
+ display: flex;
+ justify-content: center;
+ }
+
+}
+
+/* ====x================== login.php ==================x==== */
+/* ======================= tellyourstory.php ======================= */
+
+@media only screen and (max-width: 570px) {
+
+ form.write-a-post {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+ .input-field-story, .input-field-story.textarea {
+ width: 20rem;
+ }
+
+}
+
+
+
+
+
+
+
+/* ====x================== tellyourstory.php ==================x==== */
+/* ======================= memberboard.php ======================= */
+
+@media only screen and (max-width: 1380px) {
+ #memberboard {
+ grid-template-columns: repeat(2,1fr);
+ grid-template-rows: repeat(2,1fr);
+ min-height: 85rem;
+ }
+}
+
+@media only screen and (max-width: 950px) {
+ #memberboard {
+ grid-template-columns: 1fr;
+ grid-template-rows: repeat(3,1fr);
+ min-height: 130rem;
+ }
+ .card {
+ grid-template-columns: 380px; /* 380 width */
+
+ }
+}
+
+
+/* ====x================== memberboard.php ==================x==== */
+
+/* ======================= post.php ======================= */
+
+@media only screen and (max-width: 1100px) {
+ .blog-container .blog-box, .blog-heading {
+ width: 100%;
+ }
+}
+
+
+/* ====x================== post.php ==================x==== */
+/* ======================= (admin) login.php (admin) ======================= */
+
+@media only screen and (max-width: 450px) {
+ .center {
+ width: 320px;
+ }
+ .btn-special-sign-in, .btn-special-return {
+ padding: 0.8rem 1.3rem;
+ }
+}
+
+
+/* ====x================== (admin) login.php (admin) ==================x==== */
+
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/css/owl.carousel.min.css b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/css/owl.carousel.min.css
new file mode 100644
index 0000000..a71df11
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/css/owl.carousel.min.css
@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/css/owl.theme.default.min.css b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/css/owl.theme.default.min.css
new file mode 100644
index 0000000..487088d
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/css/owl.theme.default.min.css
@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/css/style.css b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/css/style.css
new file mode 100644
index 0000000..8dfb703
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/css/style.css
@@ -0,0 +1,1461 @@
+/* Over here you will find:
+
+ - CSS Styles (index.php / login.php / memberboard.php)
+
+*/
+
+
+
+/* ======================= index.php ======================= */
+
+/* --------- Navigation --------- */
+
+/* Navigation bar */
+.nav {
+ background: var(--white);
+ padding: 0 3rem;
+ height: 0; /* used to collapse and fold navigation menu */
+ height: 4.3rem;
+ overflow: hidden;
+ transition: height 1.2s ease-in-out;
+
+}
+.nav .nav-menu {
+ justify-content: space-between;
+}
+
+/* Burgerbar */
+.nav .toggle-collapse {
+ position: absolute;
+ top: 0%;
+ width: 90%;
+ cursor: pointer;
+ display: none;
+}
+
+.nav .toggle-collapse .toggle-icons {
+ display: flex;
+ justify-content: flex-end;
+ margin: 1.3rem 1.3rem 0 0;
+}
+
+
+/* Burgermark symbol */
+.nav .toggle-collapse .toggle-icons .menu-toggle-btn {
+ font-size: 1.7rem;
+ color: var(--text-gray);
+}
+
+/* X-symbol */
+i.menu-toggle-btn .fas .fa-bars .fa-times::before {
+ font-size: 1.9rem;
+ /* color: red; */
+}
+
+.collapse { /*Defined collapse class from main.js which will hide and open navigation */
+ height: 23rem;
+}
+
+.nav .nav-items {
+ display: flex;
+ /* margin: 0 8rem 0 0; */
+}
+
+/* Center placed nav links */
+.nav .nav-items .nav-link {
+ position: relative;
+ font-family: var(--linksnbtn);
+ font-size: 1.3rem;
+ font-weight: 500;
+ display: inline-block;
+ margin: 0 1rem;
+}
+
+/* Trick: Define the full nav-link area (Home etc) of the a tag to go to the next page */
+.nav .nav-items .nav-link a {
+ display: inline-block;
+ padding: 1.4rem 1.4rem; /* These two moved from .nav-link to .nav-link a */
+ text-align: center;
+}
+
+/* .nav .nav-items .nav-link a.home {
+ margin: 0 2rem;
+} */
+
+/* .nav .nav-items .nav-link a.member {
+ margin: 0 2rem;
+} */
+
+/* hover on nav links */
+.nav .nav-items .nav-link:hover {
+ background: var(--pink);
+ cursor: pointer;
+}
+
+.nav .nav-items .nav-link:hover a {
+ color: var(--white);
+
+}
+
+/* Logo */
+.nav .nav-brand a {
+ font-size: 1.6rem;
+ padding: 1rem 0;
+ display: block;
+ font-family: var(--logo);
+ background: var(--pink);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ /* border: solid 2px black; */
+}
+
+/* Login Button */
+.nav .login {
+ margin-top: 0.8rem;
+ height: 2.5rem;
+ width: 4rem;
+ font-family: var(--linksnbtn);
+ font-weight: 500;
+ font-size: 1.3rem;
+ border-radius: 10px;
+ border: solid 2px var(--sakura);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.nav .login a {
+ /* Move these two from div to a such as here to link the whole area */
+ display: inline-block;
+ padding: 1rem 1rem;
+}
+
+/* hover on Login*/
+.nav .login:hover {
+ background: var(--pink);
+ cursor: pointer;
+}
+
+.nav .login:hover a {
+ color: var(--white);
+}
+/* ----x---- Navigation ----x---- */
+
+
+/* --------- Main Content --------- */
+/* ----- Site title ----- */
+main .site-title {
+ background-image: url("../../images/q180sx2.jpg");
+ background-size: cover;
+ height: 90vh;
+ display: flex;
+ justify-content: center;
+
+}
+
+main .site-title .site-background {
+ padding-top: 5rem;
+ text-align: center;
+ color: var(--white);
+}
+
+main .site-title span,h1 {
+ margin: 0.3rem;
+ margin-bottom: 2rem;
+}
+
+main a.btn {
+ margin: 1rem;
+ background: var(--pink);
+ transition: all 300ms;
+}
+
+main .site-title .btn:hover {
+ background: transparent;
+ border: 1px solid var(--white);
+ transform: scale(1.1);
+}
+
+/* --x-- site title --x-- */
+/* ----- News Carousel ----- */
+main .blog {
+ background: url("../../images/sakuratree2.png");
+ background-repeat: no-repeat;
+ background-position: right;
+ /* height: 125vh; */
+ width: 100%;
+ /* background-size: 65%; */
+}
+
+main .blog .blog-post {
+ padding-top: 5rem;
+}
+
+/* Box with one blogpost */
+main .blog-post .blog-content {
+ display: flex; /* To align the content in a new line */
+ flex-direction: column;
+ text-align: center;
+ width: 80%;
+ margin: 3rem 2rem;
+ background: var(--white); /* Comment it out for transparent background */
+ box-shadow: 0 15px 20px rgba(0,0,0,0.2);
+}
+
+/* SPECIAL */
+/* Container of the informative text (overlay) */
+.overlay {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 100%;
+ width: 100%;
+ opacity: 0;
+ transition: .5s ease;
+ background-color: white;
+}
+
+.blog-content:hover .overlay {
+ opacity: 0.95;
+}
+
+.text {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ padding: 1rem;
+ width: 300px;
+}
+.text h3 {
+ display: block;
+ color: var(--text-gray);
+ font-size: 20px;
+}
+
+/* Text of one newspost */
+main .blog-content .blog-title {
+ padding: 2rem 0;
+}
+
+/* Button of one newspost */
+main .blog-content .btn {
+ padding: 0.5rem 1rem;
+ margin: 1rem 0 0.5rem 0;
+ transition: all 300ms;
+}
+
+main .blog-content .btn:hover {
+ transform: scale(1.2)
+}
+
+/* Text of one newspost */
+main .blog-content span {
+ display: block;
+ font-family: var(--textntitles);
+ font-size: 0.9rem;
+ padding-top: 0.8rem;
+}
+
+/* News Navigation Arrows (nav: true in main.js) */
+
+section .container .owl-nav {
+ position: absolute;
+ top: 0%;
+ margin: 0 auto;
+ width: 100%;
+}
+
+.owl-nav .owl-prev .owl-nav-prev,
+.owl-nav .owl-next .owl-nav-next {
+ color: var(--text-gray);
+ background: transparent;
+ font-size: 2rem;
+}
+
+.owl-theme .owl-nav [class*='owl-']:hover {
+ background: transparent;
+ color: var(--sakura);
+}
+/* ---------------x-- News Carousel --x--------------- */
+/* ---------------------- Site Blog Content ---------------------- */
+
+
+/* Blog post site content */
+main .site-content {
+ display: grid;
+ grid-template-columns: 70% 30%;
+}
+
+/*FIXME: Check if this still cause ERRORS */
+main .post-content {
+ width: 100%;
+}
+
+/* Blog Post title text */
+main .site-content .post-content >.post-image, .post-title {
+ padding: 1rem 2rem;
+ position: relative;
+}
+
+main .post-content .post-title a {
+ font-family: var(--textntitles);
+ font-size: 2.2rem;
+ font-weight: 800;
+}
+
+
+/* pink infobox of each post */
+.imagecontainer {
+ overflow: hidden;
+ max-height: 800px;
+}
+
+/* .cover {
+ object-fit: cover;
+ width: 50px;
+ height: 100px;
+} */
+
+.imagecontainer img {
+ width: 100%;
+ transition: all 800ms ease;
+ object-fit: cover;
+}
+
+
+main .site-content .post-content > .post-image .post-info {
+ background: var(--pink-light);
+ padding: 0.3rem 1rem;
+ position: absolute;
+ bottom: 0%;
+ left: 20vw;
+ border-radius: 1rem;
+}
+
+/* pictures of each post */
+main .site-content .post-content > .post-image > div {
+ overflow: hidden;
+}
+
+main .site-content .post-content > .post-image .img {
+ width: 100%;
+ transition: all 800ms ease;
+}
+
+main .site-content .post-content > .post-image .img:hover {
+ transform: scale(1.1);
+}
+
+/* infotext of each post (spacing of each text element */
+main .site-content .post-content > .post-image .post-info span {
+ margin: 0 0.5rem;
+}
+
+/* Special button design especially for this part */
+main .site-content .post-content .post-title a.post-btn {
+ display: block;
+ text-align: center;
+ width: 10rem;
+ font-size: 1.2rem;
+ border-radius: 0;
+ padding: 0.7rem 1rem;
+ background: var(--pink);
+ margin: 1.5rem 0 0 0;
+ transition: all 300ms;
+ font-family: var(--linksnbtn);
+ font-weight: 500;
+}
+
+main .site-content .post-content .post-title a.post-btn:hover {
+ transform: scale(1.2);
+}
+
+/* pagination (1/2/3) */
+.site-content .pagination {
+ justify-content: center;
+ color: var(--text-gray);
+ margin: 4rem 0;
+}
+
+.site-content .pagination a {
+ padding: 0.6rem 0.9rem;
+ border-radius: 50%;
+ margin: 0 0.3rem;
+ font-family: var(--linksnbtn);
+ transition: all 300ms;
+}
+
+.site-content .pagination a:hover {
+ transform: scale(1.2);
+}
+
+.site-content .pagination .pages {
+ background: var(--sakura);
+}
+/* -------------x-- Site Blog Content --x------------- */
+/* ------------------ Sidebar ------------------ */
+
+
+/* The general listboxclass above to flex */
+.site-content > .sidebar > .category {
+ display: flex;
+ justify-content: center;
+}
+
+/* The whole list box */
+.site-content > .sidebar .category-list {
+ font-family: var(--textntitles);
+}
+
+/* All the different Category Items */
+.site-content > .sidebar .category-list .list-items {
+ background: var(--pink);
+ padding: 0.4rem 4rem 0.4rem 1rem;
+ margin: 0.8rem 0.9rem;
+ border-radius: 1rem;
+ width: 100%;
+ transition: all 300ms ease;
+}
+
+.site-content > .sidebar .category-list .list-items:hover {
+ transform: translateX(1.2rem);
+ background: var(--pink-very-light);
+}
+
+.site-content > .sidebar .category-list .list-items a {
+ color: white;
+ font-size: 1.2rem;
+ font-weight: 400;
+}
+
+.site-content .sidebar .popular-post .post-content {
+ padding: 1rem 0;
+}
+
+/* Top spacing above the title "Popular Posts" */
+.site-content .sidebar .popular-post h1 {
+ padding-top: 8rem;
+}
+
+/* Popular Post overwrites */
+/* Overwrite the default property with !important for the popular posts */
+.site-content .sidebar .popular-post .post-info {
+ padding: 0.4rem 0.5rem !important;
+ bottom: 0 !important;
+ left: 1.5rem !important;
+ border-radius: 0 !important;
+ background: white !important;
+}
+
+/* a-tag overwrite the size (Title of a post) */
+.site-content .sidebar .popular-post .post-title a {
+ font-size: 1.6rem;
+}
+
+/* span-tag overwrite the size (comment and date of a post) */
+.site-content .sidebar .post-info span {
+ font-size: 1.2rem;
+}
+
+/* hr especially made for the sideline */
+.sideline {
+ width: 90%;
+ margin-left: 2rem;
+}
+
+/* ---- Newsletter section ---- */
+.site-content .sidebar .newsletter {
+ padding-top: 1rem;
+}
+
+.site-content .sidebar .newsletter .form-element {
+ padding-top: 0.5rem 2rem;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+
+}
+
+/* email input field */
+.site-content .sidebar .newsletter .input-element {
+ width: 80%;
+ height: 3rem;
+ padding: 1rem 0.5rem;
+ font-family: var(--linksnbtn);
+ font-size: 1.2rem;
+ color: var(--text-gray);
+}
+
+/* Newsletterbutton */
+.site-content .sidebar .newsletter .form-btn {
+ border-radius: 0;
+ padding: 0.8rem 29%;
+ margin: 1rem 0;
+ transition: all 300ms;
+}
+
+.site-content .sidebar .newsletter .form-btn:hover {
+ transform: scale(1.1);
+}
+
+/* Popular tags */
+.site-content .sidebar .popular-tags {
+ padding: 3rem 0;
+}
+
+.site-content .sidebar .popular-tags .tags .tag {
+ background: var(--pink-light);
+ padding: 0.4rem 1rem;
+ color: white;
+ border-radius: 1.5rem;
+ margin: 0.3rem 0.6rem;
+}
+/* ---------------x-- Sidebar --x--------------- */
+/* ----x---- Main Content ----x---- */
+
+/* ------------------ Footer ------------------ */
+
+footer.footer {
+ height: 100%;
+ background: var(--bg-color);
+ position: relative;
+}
+
+footer.footer .container {
+ display: grid; /* Various ways to define our 4 columns */
+ /* grid-template-columns: 25% 25% 25% 25%; */
+ /* grid-template-columns: 1fr 1fr 1fr 1fr; */
+ grid-template-columns: repeat(4, 1fr);
+}
+
+/* div-footer items */
+footer.footer .container > div {
+ flex-grow: 1; /* Specified how much the item will grow inside the flexible items of the container */
+ flex-basis: 0; /* Specifies initial width of the flexible items */
+ padding: 3rem 0.9rem;
+}
+
+footer.footer .container h3 {
+ color: var(--white);
+ margin-bottom: 1.3rem;
+}
+
+footer.footer .container p {
+ margin-bottom: 1.3rem;
+}
+
+footer.footer .container .admin a {
+ font-family: var(--textntitles);
+ color: var(--white);
+ display: inline-block;
+ transition: all 200ms;
+}
+
+/* Margin works perfectly well with "block" instead of the default "inline" with a,
+but to hover it right: We need inline-block to solve this problem */
+footer.footer .container .admin a:hover {
+ color: var(--cherry);
+}
+
+footer.footer .instagram div > img {
+ display: inline-block;
+ width: 40%;
+ height: 50%;
+ margin: 0.3rem 0.4rem;
+}
+
+footer.footer .follow div i{
+ color: var(--white);
+ padding: 0rem 0.4rem;
+ transition: all 200ms;
+ font-size: 1.3rem;
+}
+
+footer.footer .follow div i:hover{
+ color: var(--cherry);
+}
+
+footer.footer .rights {
+ justify-content: center;
+ font-family: var(--linksnbtn);
+ padding-bottom: 1rem;
+}
+
+/* Back to top-button */
+
+footer.footer .move-up{
+ position: absolute;
+ right: 6%;
+ top: 50%;
+}
+
+footer.footer .move-up span{
+ color: var(--cherry);
+}
+
+footer.footer .move-up span:hover{
+ color: var(--white);
+ cursor: pointer;
+}
+
+/* ---------------x-- Footer --x--------------- */
+
+/* ====x=================== index.php ===================x==== */
+/* ======================== login.php ======================== */
+
+/* Whole login-area (formerly "container" */
+.login-container {
+ position: relative;
+ width: 100%;
+ min-height: 115vh;
+ background-color: white;
+ overflow: hidden;
+}
+
+/* :before state will cover the sign up section (Red moving ball will cover) */
+.login-container:before{
+ content: '';
+ position: absolute;
+ width: 125rem;
+ height: 125rem;
+ border-radius: 50%;
+ background: var(--red);
+ top: -10%;
+ right: 48%;
+ transform: translateY(-50%);
+ z-index: 6;
+ transition: 1.8s ease-in-out;
+}
+
+/* Container for the forms */
+.login-container .forms-container {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+}
+
+/* Container with both items, sign-in and sign-up */
+.login-container .signin-signup {
+ position: absolute;
+ top: 45%; /* TODO: Change this if you got too many input fields */
+ left: 75%;
+ transform: translate(-50%, -50%);
+ width: 50%;
+ display: grid;
+ grid-template-columns: 1fr;
+ z-index: 5;
+ transition: 1s 0.7s ease-in-out;
+}
+
+.login-container .signin-signup form {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ padding: 0 0.5rem;
+ overflow: hidden;
+ grid-column: 1 / 2; /* Two column lines in total */
+ grid-row: 1 / 2; /* Two row lines in total */
+ transition: 0.3s 0.9s ease-in-out;
+}
+
+.login-container .signin-signup form.sign-in-form {
+ z-index: 2;
+}
+
+.login-container .signin-signup form.sign-up-form {
+ z-index: 1;
+ opacity: 0;
+}
+
+.signin-signup .title {
+ font-size: 3.2rem;
+ color: var(--text-gray);
+ margin-bottom: 0.6rem;
+}
+
+.input-field {
+ max-width: 23.7rem;
+ width: 100%;
+ height: 55px;
+ background-color: var(--light-grey);
+ margin: 10px 0;
+ border-radius: 55px;
+ display: grid;
+ grid-template-columns: 15% 85%;
+ padding: 0 0.4rem;
+}
+
+/* Icons of the Sign In area */
+.input-field i {
+ text-align: center;
+ line-height: 55px;
+ color: var(--text-light);
+ font-size: 1.1rem;
+}
+
+/* Icons of the Sign In area */
+.input-field input {
+ background: none;
+ outline: none;
+ border: none;
+ line-height: 1;
+ font-weight: 600;
+ font-size: 1.1rem;
+ color: var(--text-gray);
+}
+
+.input-field input::placeholder {
+ color: var(--text-light);
+ font-weight: 500;
+}
+
+.btn.solid {
+ border: none;
+ border-radius: 2rem;
+ padding: 0.8rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ border: 1px solid var(--white);
+ transition: all 300ms;
+ margin: 0.5rem 0 2rem 0;
+}
+
+.btn.solid:hover {
+ transform: scale(1.2);
+}
+
+.panels-container {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+}
+
+.panels-container .panel {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: flex-end;
+ text-align: center;
+ z-index: 7;
+}
+
+.panels-container .panel h3 {
+ font-weight: 600;
+ line-height: 1;
+ font-size: 1.5rem;
+}
+
+.panels-container .panel p {
+ font-size: 0.95rem;
+ padding: 0.7rem 0;
+ color: var(--white)
+}
+
+.panels-container .panel .content {
+ color: var(--white);
+ transition: 0.9s 0.6s ease-in-out;
+}
+
+.panels-container > .left-panel {
+ pointer-events: all; /* We can prevent all clicks ont the panel first and THEN we can click on the form */
+ padding: 3rem 39% 2rem 12%;
+}
+
+.panels-container > .right-panel {
+ pointer-events: none; /* Right-panel shouldnt be clickable */
+ padding: 3rem 12% 2rem 39%;
+}
+
+button.btn.transparent {
+ margin: 0;
+ background: none;
+ padding: 0.5rem 1rem;
+ margin-top: 1rem;
+ transition: all 300ms;
+}
+
+button.btn.transparent:hover {
+ background: var(--white);
+ color: var(--red);
+ transform: scale(1.2);
+ border: none;
+ font-weight: 800;
+}
+
+/* To keep the right image away if the left panel is working */
+.panels-container .right-panel .content, .right-panel .image {
+ transform: translateX(1200px);
+}
+
+.image {
+ width: 100%;
+ transition: 1.1s 0.4s ease-in-out;
+}
+
+/* ------------ Animation of the login-container (defined in JS) ------------ */
+
+/* The move from sign-in to sign-up */
+.login-container.sign-up-mode:before {
+ transform: translate(100%, -50%);
+ right: 52%;
+}
+
+/* After the sign-up button is going to be pushed, the content and image will move away to the left */
+.login-container.sign-up-mode .left-panel .image,
+.login-container.sign-up-mode .left-panel .content {
+ transform: translateX(-1200px);
+}
+
+.login-container.sign-up-mode .right-panel .content,
+.login-container.sign-up-mode .right-panel .image {
+ transform: translateX(0px);
+}
+
+.login-container.sign-up-mode .left-panel {
+ pointer-events: none; /* Now with the animation the left-panel shouldnt be clickable */
+}
+
+.login-container.sign-up-mode .right-panel {
+ pointer-events: all; /* We can prevent all clicks ont the panel first and THEN we can click on the form */
+}
+
+.login-container.sign-up-mode .signin-signup {
+ left: 25%;
+}
+
+.login-container.sign-up-mode form.sign-in-form {
+ z-index: 1;
+ opacity: 0;
+}
+
+.login-container.sign-up-mode form.sign-up-form {
+ z-index: 2;
+ opacity: 1;
+}
+
+/* --- Error Messages done with PHP --- */
+
+/* .error-message-log-in {
+ display: flex;
+ justify-content: flex-end;
+} */
+.error-message-log-in p {
+ position: relative;
+ display: inline;
+ background-color: red;
+ color: var(--white);
+ border-radius: 12px;
+ margin-top: 6rem;
+ padding: 0.5rem;
+}
+
+/*
+.error-message-log-in p.special {
+ color: white;
+} */
+
+.error-message-sign-up {
+ display: flex;
+ justify-content: flex-start;
+}
+.error-message-sign-up p {
+ position: relative;
+ display: inline;
+ background-color: red;
+ color: var(--white);
+ border-radius: 12px;
+ /* border-top-left-radius: 12px;
+ border-bottom-left-radius: 12px; */
+ padding: 0.5rem;
+ margin-bottom: 1rem;
+}
+
+.error-message-sign-up p.successfulsignup {
+ position: relative;
+ display: inline;
+ background-color: rgb(39, 236, 0);
+ color: var(--white);
+ border-top-left-radius: 12px;
+ border-bottom-left-radius: 12px;
+ margin-top: 10rem;
+ padding: 0.5rem 0.5rem 0.5rem 0.5rem;
+}
+
+/* --- Positive Feedback done with PHP seen at index.php after successful login --- */
+
+.index-intro {
+ display: flex;
+ justify-content: center;
+}
+.index-intro p {
+ position: absolute;
+ display: inline;
+ background-color: rgb(39, 236, 0);
+ color: var(--white);
+ border-bottom-right-radius: 12px;
+ border-bottom-left-radius: 12px;
+ padding: 0.5rem;
+}
+
+
+
+
+/* ====x=================== login.php ===================x==== */
+/* ======================== post.php ======================== */
+
+/* heading section */
+#blog {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ padding: 1.5rem;
+ border-bottom: 1px solid rgba(0,0,0,0.05)
+}
+
+.blog-heading {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+
+.blog-heading h1 {
+ font-family: var(--textntitles);
+ font-size: 3rem;
+ font-weight: 700;
+ color: var(--text-gray);
+}
+
+.blog-heading span {
+ color: var(--cherry);
+ font-size: 2rem;
+}
+
+
+/* blog section */
+.blog-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin: 20px 0;
+}
+
+/* Grey BOX where the blog is covered in */
+.blog-box {
+ width: 60rem;
+ background: var(--white); /* Comment it out for transparent background */
+ box-shadow: 0 15px 20px rgba(0,0,0,0.2);
+ margin: 20px;
+}
+
+.blog-img {
+ width: 100%;
+ height: auto;
+}
+
+.blog-img img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ object-position: center;
+}
+
+/* TEXT where the blog is covered in */
+#blog .blog-container .blog-text {
+ display: flex;
+ flex-direction: column;
+ padding: 10px 25px 25px 25px;
+ flex-wrap: wrap;
+}
+
+.blog-text span {
+ font-size: 1rem;
+ margin-bottom: 1rem;
+ margin: 20px 0px;
+ font-weight: 400;
+}
+
+.blog-text h2 {
+ font-size: 2rem;
+ font-weight: 800;
+ margin-bottom: 1rem;
+}
+
+.blog-text p {
+ font-size: 1rem;
+ font-weight: 600;
+ margin-bottom: 1rem;
+ color: rgb(39, 39, 39);
+}
+
+/* Return Button */
+.back {
+ display: block;
+ width: 7rem;
+ text-align: center;
+ margin: 3rem auto 2rem auto;
+ transition: all 300ms;
+}
+
+.back:hover {
+ transform: scale(1.2);
+}
+
+/* ====x=================== post.php ===================x==== */
+/* ======================== tellyourstory.php ======================== */
+
+/*TODO: If the user is LOGGED IN, THIS NAV will show up and you can write blog entry */
+.tell-your-story {
+ /* display:none; */
+ display: flex;
+}
+
+.blog-heading.special {
+ margin-top: 3rem;
+}
+
+#storytellingform {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+/*TODO: Change the names here for the STORY STYLE */
+
+.input-field-story {
+ width: 30rem;
+ height: 55px;
+ background-color: var(--light-grey);
+ margin: 10px 0;
+ border-radius: 10px;
+ display: grid;
+ grid-template-columns: 15% 85%;
+ padding: 0 0.4rem;
+}
+
+.input-field-story.textarea {
+ width: 30rem;
+ height: 25rem;
+ background-color: var(--light-grey);
+ margin: 10px 0;
+ border-radius: 10px;
+ display: grid;
+ grid-template-columns: 15% 85%;
+ padding: 0.4rem;
+}
+
+/* Icons of the Sign In area */
+.input-field-story i {
+ text-align: center;
+ line-height: 55px;
+ color: var(--text-light);
+ font-size: 1.1rem;
+}
+
+/* The image field of "Datei auswählen" */
+#fld_image {
+ align-self: center;
+}
+
+/* Icons of the Sign In area */
+.input-field-story input {
+ background: none;
+ outline: none;
+ border: none;
+ line-height: 1;
+ font-weight: 600;
+ font-size: 1.1rem;
+ color: var(--text-gray);
+}
+
+.input-field-story input::placeholder {
+ color: var(--text-light);
+ font-weight: 500;
+}
+
+.buttonsection {
+ display: flex;
+ justify-content: center;
+
+}
+
+/* Publish button */
+.btn.solid.special.publish {
+ margin-right: 7rem;
+ margin-left: 1rem;
+}
+
+/* return button */
+.btn.solid.special.return {
+ margin-right: 1rem;
+}
+
+.btn.solid {
+ border: none;
+ border-radius: 2rem;
+ padding: 0.8rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ border: 1px solid var(--white);
+ transition: all 300ms;
+ margin: 0.5rem 0 2rem 0;
+}
+
+.btn.solid:hover {
+ transform: scale(1.2);
+}
+
+/* Errormessages for the story publishing */
+
+.error-message-publish {
+ display: flex;
+ justify-content: center;
+ margin: 1rem 0;
+}
+
+.error-message-publish p {
+ position: relative;
+ display: inline-block;
+ background-color: red;
+ color: var(--white);
+ border-radius: 12px;
+ /* border-top-left-radius: 12px;
+ border-bottom-left-radius: 12px; */
+ padding: 0.5rem;
+}
+
+.successfulpublish {
+ display: flex;
+ justify-content: center;
+ margin: 1rem 0;
+}
+
+.successfulpublish p {
+ position: relative;
+ display: inline-block;
+ background-color: rgb(39, 236, 0);
+ color: var(--white);
+ border-radius: 12px;
+ padding: 0.5rem;
+}
+
+
+/* ====x=================== tellyourstory.php ===================x==== */
+/* ======================== memberboard.php ======================== */
+
+#memberboard {
+ height: 45rem;
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ justify-content: center;
+ align-items: center;
+ background: var(--white);
+ overflow: hidden;
+}
+
+
+
+
+.card {
+ display: grid;
+ grid-template-columns: 420px; /* 420 width */
+ grid-template-rows: 320px 235px 40px;
+ grid-template-areas: "image" "text" "stats";
+ font-family: var(--textntitles);
+ border-radius: 18px;
+ background: white;
+ box-shadow: 5px 5px 15px rgba(0,0,0,0.7);
+ transition: all 300ms ease-in-out;
+ cursor: pointer;
+ margin: 0 auto;
+}
+
+.card:hover {
+ transform: scale(1.5); /*FIXME: This is broken */
+ box-shadow: 5px 5px 15px rgba(0,0,0,1.2);
+}
+
+.card-image {
+ grid-area: image;
+ /* background: url("../../images/members/member1.jpg"); */
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+ background-size: cover;
+}
+
+/* .card-image2 {
+ grid-area: image;
+ background: url("../../images/members/member2.jpg");
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+ background-size: cover;
+} */
+
+/* .card-image3 {
+ grid-area: image;
+ background: url("../../images/members/member3.jpg");
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+ background-size: cover;
+} */
+
+.card-text {
+ grid-area: text;
+}
+
+.card-text span {
+ font-size: 0.7rem;
+ text-align: center;
+ display: block;
+ margin: 0.5rem 0 1rem 0;
+ color: var(--cherry);
+}
+
+.card-text h2 {
+ font-size: 1.3rem;
+ padding-left: 2rem;
+ font-weight: 600;
+}
+
+.card-text p {
+ font-size: 0.9rem;
+ padding-left: 2.2rem;
+ margin-bottom: 1rem;
+}
+
+.card-stats {
+ grid-area: stats;
+ background: var(--pink-very-light);
+ border-bottom-left-radius: 15px;
+ border-bottom-right-radius: 15px;
+}
+
+/* Admin or Members */
+.stat h3 {
+ font-size: 0.9rem;
+ font-weight: 600;
+ text-align: center;
+ padding-top: 0.6rem;
+ color: white;
+}
+
+/* ====x=================== memberboard.php ===================x==== */
+/* ======================== (ADMIN) login.php (ADMIN) ======================== */
+
+/* Section of the Admin Login */
+#admin-login {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ width: 100%;
+ min-height: 45rem;
+ background: var(--pink-heavy);
+ overflow: hidden;
+}
+
+/* Admin Login Box */
+.center {
+ width: 400px;
+ background: white;
+ border-radius: 10px;
+ box-shadow: 10px 10px 15px rgba(0,0,0,0.2);
+}
+
+.center h1 {
+ font-family: var(--textntitles);
+ font-size: 3rem;
+ font-weight: 700;
+ color: var(--text-gray);
+ text-align: center;
+ padding: 20px 0;
+ border-bottom: 2px solid var(--sakura);
+ margin: 0 40px;
+}
+
+.center form {
+ padding: 0 40px;
+ box-sizing: border-box;
+ height: 15rem;
+}
+
+form .txt_field {
+ position: relative;
+ border-bottom: 2px solid #adadad;
+ margin: 30px 0;
+}
+
+.txt_field input{
+ width: 100%;
+ padding: 0 5px;
+ height: 40px;
+ font-size: 16px;
+ border: none;
+ background: none;
+ outline: none;
+}
+
+
+.txt_field label{
+ position: absolute;
+ top: 50%;
+ left: 5px;
+ font-family: var(--textntitles);
+ color: var(--text-light);
+ transform: translateY(-50%);
+ font-size: 16px;
+ pointer-events: none;
+ transition: .5s;
+}
+
+.txt_field span::before{
+ content: '';
+ position: absolute;
+ top: 40px;
+ left: 0;
+ width: 0%;
+ height: 2px;
+ background: var(--sakura);
+ transition: .5s;
+}
+
+/* For the "Swosh" Effect */
+.txt_field input:focus ~ label,
+.txt_field input:valid ~ label{
+ top: -5px;
+ color: var(--sakura);
+}
+
+.txt_field input:focus ~ span::before,
+.txt_field input:valid ~ span::before{
+ width: 100%;
+}
+
+/* Area of the sign in and return button */
+.buttonarea {
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
+ flex-direction: row;
+ height: 80px;
+}
+
+.btn-special-sign-in, .btn-special-return {
+ border: none;
+ border-radius: 2rem;
+ padding: 1rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ transition: all 300ms;
+}
+
+.btn-special-sign-in:hover, .btn-special-return:hover {
+ transform: scale(1.2);
+}
+
+/* ====x=================== (ADMIN) login.php (ADMIN) ===================x==== */
+/* ======================== (ADMIN) index.php (ADMIN) ======================== */
+
+#admin-control {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: space-evenly;
+ align-items: center;
+ position: relative;
+ width: 100%;
+ min-height: 60rem;
+ background: var(--pink-heavy);
+ overflow: hidden;
+}
+
+/* Admin Login Box */
+.controlbox {
+ max-width: 500px;
+ height: 350px;
+ background: white;
+ border-radius: 10px;
+ box-shadow: 10px 10px 15px rgba(0,0,0,0.2);
+ display: flex;
+ flex-direction: column;
+ justify-content: space-evenly;
+ align-items: center;
+ transition: all 300ms ease-in-out;
+}
+:hover.controlbox {
+ transform: scale(1.1);
+}
+
+.controlbox h1 {
+ font-size: 2.5rem;
+ font-weight: 600;
+ padding: 1rem 3rem 0 3rem;
+ text-align: center;
+}
+
+.controlbox .fas.fa-book,.controlbox .fas.fa-user {
+ font-size: 2.5rem;
+}
+
+.controlbox h2 {
+ font-size: 1.1rem;
+ font-weight: 300;
+ text-align: center;
+}
+
+.btn-edit {
+ border-radius: 2rem;
+ padding: 0.8rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+}
+
+:hover.btn-edit {
+ background: chartreuse;
+ color: var(--text-gray);
+}
+
+
+
+
+footer.footer .admin-rights {
+ justify-content: center;
+ font-family: var(--linksnbtn);
+ padding: 1rem;
+}
+
+
+
+
+
+/* ====x=================== (ADMIN) index.php (ADMIN) ===================x==== */
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/css/variables.css b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/css/variables.css
new file mode 100644
index 0000000..f4a636f
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/css/variables.css
@@ -0,0 +1,213 @@
+/* Over here you will find:
+
+ - CSS Reset
+ - Custom Fonts
+ - Variables
+ - Global classes
+
+*/
+
+
+/* === Small CSS Reset === */
+*{
+ margin: 0;
+ padding: 0;
+}
+*, *::after, *::before{
+ box-sizing: border-box;
+}
+
+/* Custom Fonts for possible use */
+
+@font-face {
+ font-family: 'myFirstFont';
+ src: url('../theme/fonts/SF_Shai_Fontai_Extended-webfont.woff');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'mySecondFont';
+ src: url('../theme/fonts/Japan.ttf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'myThirdFont';
+ src: url('../theme/fonts/JAPANBRUSH.ttf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+/* -------- Variables --------- */
+
+:root {
+
+/* Themed colors https://coolors.co/ */
+--text-gray: #2e3338;
+--text-light: #525252da;
+--bg-color: #0f0f0f;
+--white: #ffffff;
+--cherry: #fa6ebb;
+--sakura: #f8a8c9;
+--darkcherry: #790032;
+--red: #c00000;
+--light-grey: #d8d8d8;
+
+/* Gradient color https://webgradients.com/ */
+
+--sky: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
+--pink: linear-gradient(120deg, #fd84a2 0%, #cf4585 100%);
+--pink-light: linear-gradient(120deg, #f1a3c4 0%, #dfa1ee 100%);
+--pink-very-light: linear-gradient(120deg, #fd84a2 0%, #fac0db 100%);
+--pink-heavy: linear-gradient(120deg, #a81f41 0%, #fac0db 100%);
+
+/* Themed fonts (used in this blog) */
+
+--logo: 'Permanent Marker', cursive; /* For logo */
+--linksnbtn: 'Abel', cursive; /* For Links and Buttons */
+--textntitles: 'Nunito', sans-serif; /* For Text and Titles */
+
+}
+
+/* ----x---- Variables ----x---- */
+/* --------- Global Classes --------- */
+a {
+ text-decoration: none;
+ color: var(--text-gray);
+}
+
+p {
+ font-family: var(--textntitles);
+ color: var(--text-light);
+}
+
+/* Add a flex-row in the html to flex the object... */
+.flex-row {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap; /* It can collapse perfectly if the size is shrinking */
+}
+
+ul {
+ list-style-type: none;
+}
+
+span {
+ font-family: var(--textntitles);
+ font-size: 1.3rem;
+}
+
+h1 {
+ font-family: var(--textntitles);
+ font-size: 5.5rem;
+ font-weight: 700;
+}
+
+h2 {
+ font-family: var(--textntitles);
+ font-size: 3.4rem;
+ font-weight: 500;
+ color: var(--text-gray);
+}
+
+h3 {
+ font-family: var(--textntitles);
+ font-size: 1.3rem;
+ font-weight: 500;
+}
+
+button.btn, a.btn {
+ border-radius: 2rem;
+ padding: 1rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ border: 1px solid var(--white);
+}
+
+.container {
+ margin: 0 2vw;
+}
+
+.text-gray {
+ color: var(--text-gray);
+}
+
+section .title {
+ text-align: center;
+ padding-top: 3.5rem;
+ font-family: var(--textntitles);
+ font-size: 3.5rem;
+ font-weight: 500;
+ color: var(--text-gray);
+}
+
+section .title-main {
+ font-family: var(--textntitles);
+ font-size: 3rem;
+ font-weight: 500;
+ color: var(--text-gray);
+ margin: 6rem 0 1rem 2rem;
+}
+
+section .title-sidebar {
+ font-family: var(--textntitles);
+ font-size: 3rem;
+ font-weight: 500;
+ color: var(--text-gray);
+ text-align: center;
+ padding-top: 6rem;
+ margin-bottom: 1.5rem;
+}
+
+body {
+ width: 100%;
+ /* To eliminate horizontal scrollbar */
+ overflow-y: scroll;
+ overflow-x: hidden;
+}
+
+input {
+ font-family: var(--textntitles);
+}
+
+label {
+ font-family: var(--textntitles);
+ color: var(--text-gray);
+ text-align: center;
+}
+
+.label-story {
+ display: inline-block;
+ font-family: var(--textntitles);
+ color: var(--cherry);
+ padding-left: 2%;
+ margin-top: 1rem;
+}
+
+.label-mandatory {
+ display: inline-block;
+ font-family: var(--textntitles);
+ color: grey;
+ padding-left: 2%;
+ margin-bottom: 2rem;
+}
+
+textarea {
+ font-family: var(--textntitles);
+ font-size: 1rem;
+ font-weight: 500;
+ padding: 0.4rem;
+}
+
+hr {
+ border: 1px solid;
+ color: var(--text-light);
+}
+
+/* ----x---- Global Classes ----x---- */
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf
new file mode 100644
index 0000000..bff3b0d
Binary files /dev/null and b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf differ
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/fonts/Japan.ttf b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/fonts/Japan.ttf
new file mode 100644
index 0000000..85ead95
Binary files /dev/null and b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/fonts/Japan.ttf differ
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff
new file mode 100644
index 0000000..5fd5fba
Binary files /dev/null and b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff differ
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/javascript/aos.js b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/javascript/aos.js
new file mode 100644
index 0000000..0ba1c7b
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/javascript/aos.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AOS=t():e.AOS=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return e[o].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="dist/",t(0)}([function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}var i=Object.assign||function(e){for(var t=1;t0&&void 0!==arguments[0]&&arguments[0];if(e&&(k=!0),k)return w=(0,y.default)(w,x),(0,b.default)(w,x.once),w},O=function(){w=(0,h.default)(),j()},_=function(){w.forEach(function(e,t){e.node.removeAttribute("data-aos"),e.node.removeAttribute("data-aos-easing"),e.node.removeAttribute("data-aos-duration"),e.node.removeAttribute("data-aos-delay")})},S=function(e){return e===!0||"mobile"===e&&p.default.mobile()||"phone"===e&&p.default.phone()||"tablet"===e&&p.default.tablet()||"function"==typeof e&&e()===!0},z=function(e){x=i(x,e),w=(0,h.default)();var t=document.all&&!window.atob;return S(x.disable)||t?_():(document.querySelector("body").setAttribute("data-aos-easing",x.easing),document.querySelector("body").setAttribute("data-aos-duration",x.duration),document.querySelector("body").setAttribute("data-aos-delay",x.delay),"DOMContentLoaded"===x.startEvent&&["complete","interactive"].indexOf(document.readyState)>-1?j(!0):"load"===x.startEvent?window.addEventListener(x.startEvent,function(){j(!0)}):document.addEventListener(x.startEvent,function(){j(!0)}),window.addEventListener("resize",(0,f.default)(j,x.debounceDelay,!0)),window.addEventListener("orientationchange",(0,f.default)(j,x.debounceDelay,!0)),window.addEventListener("scroll",(0,u.default)(function(){(0,b.default)(w,x.once)},x.throttleDelay)),x.disableMutationObserver||(0,d.default)("[data-aos]",O),w)};e.exports={init:z,refresh:j,refreshHard:O}},function(e,t){},,,,,function(e,t){(function(t){"use strict";function n(e,t,n){function o(t){var n=b,o=v;return b=v=void 0,k=t,g=e.apply(o,n)}function r(e){return k=e,h=setTimeout(s,t),_?o(e):g}function a(e){var n=e-w,o=e-k,i=t-n;return S?j(i,y-o):i}function c(e){var n=e-w,o=e-k;return void 0===w||n>=t||n<0||S&&o>=y}function s(){var e=O();return c(e)?d(e):void(h=setTimeout(s,a(e)))}function d(e){return h=void 0,z&&b?o(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),k=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(O())}function m(){var e=O(),n=c(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(s,t),o(w)}return void 0===h&&(h=setTimeout(s,t)),g}var b,v,y,g,h,w,k=0,_=!1,S=!1,z=!0;if("function"!=typeof e)throw new TypeError(f);return t=u(t)||0,i(n)&&(_=!!n.leading,S="maxWait"in n,y=S?x(u(n.maxWait)||0,t):y,z="trailing"in n?!!n.trailing:z),m.cancel=l,m.flush=p,m}function o(e,t,o){var r=!0,a=!0;if("function"!=typeof e)throw new TypeError(f);return i(o)&&(r="leading"in o?!!o.leading:r,a="trailing"in o?!!o.trailing:a),n(e,t,{leading:r,maxWait:t,trailing:a})}function i(e){var t="undefined"==typeof e?"undefined":c(e);return!!e&&("object"==t||"function"==t)}function r(e){return!!e&&"object"==("undefined"==typeof e?"undefined":c(e))}function a(e){return"symbol"==("undefined"==typeof e?"undefined":c(e))||r(e)&&k.call(e)==d}function u(e){if("number"==typeof e)return e;if(a(e))return s;if(i(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=i(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(l,"");var n=m.test(e);return n||b.test(e)?v(e.slice(2),n?2:8):p.test(e)?s:+e}var c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f="Expected a function",s=NaN,d="[object Symbol]",l=/^\s+|\s+$/g,p=/^[-+]0x[0-9a-f]+$/i,m=/^0b[01]+$/i,b=/^0o[0-7]+$/i,v=parseInt,y="object"==("undefined"==typeof t?"undefined":c(t))&&t&&t.Object===Object&&t,g="object"==("undefined"==typeof self?"undefined":c(self))&&self&&self.Object===Object&&self,h=y||g||Function("return this")(),w=Object.prototype,k=w.toString,x=Math.max,j=Math.min,O=function(){return h.Date.now()};e.exports=o}).call(t,function(){return this}())},function(e,t){(function(t){"use strict";function n(e,t,n){function i(t){var n=b,o=v;return b=v=void 0,O=t,g=e.apply(o,n)}function r(e){return O=e,h=setTimeout(s,t),_?i(e):g}function u(e){var n=e-w,o=e-O,i=t-n;return S?x(i,y-o):i}function f(e){var n=e-w,o=e-O;return void 0===w||n>=t||n<0||S&&o>=y}function s(){var e=j();return f(e)?d(e):void(h=setTimeout(s,u(e)))}function d(e){return h=void 0,z&&b?i(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),O=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(j())}function m(){var e=j(),n=f(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(s,t),i(w)}return void 0===h&&(h=setTimeout(s,t)),g}var b,v,y,g,h,w,O=0,_=!1,S=!1,z=!0;if("function"!=typeof e)throw new TypeError(c);return t=a(t)||0,o(n)&&(_=!!n.leading,S="maxWait"in n,y=S?k(a(n.maxWait)||0,t):y,z="trailing"in n?!!n.trailing:z),m.cancel=l,m.flush=p,m}function o(e){var t="undefined"==typeof e?"undefined":u(e);return!!e&&("object"==t||"function"==t)}function i(e){return!!e&&"object"==("undefined"==typeof e?"undefined":u(e))}function r(e){return"symbol"==("undefined"==typeof e?"undefined":u(e))||i(e)&&w.call(e)==s}function a(e){if("number"==typeof e)return e;if(r(e))return f;if(o(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=o(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(d,"");var n=p.test(e);return n||m.test(e)?b(e.slice(2),n?2:8):l.test(e)?f:+e}var u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c="Expected a function",f=NaN,s="[object Symbol]",d=/^\s+|\s+$/g,l=/^[-+]0x[0-9a-f]+$/i,p=/^0b[01]+$/i,m=/^0o[0-7]+$/i,b=parseInt,v="object"==("undefined"==typeof t?"undefined":u(t))&&t&&t.Object===Object&&t,y="object"==("undefined"==typeof self?"undefined":u(self))&&self&&self.Object===Object&&self,g=v||y||Function("return this")(),h=Object.prototype,w=h.toString,k=Math.max,x=Math.min,j=function(){return g.Date.now()};e.exports=n}).call(t,function(){return this}())},function(e,t){"use strict";function n(e,t){var n=window.document,r=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver,a=new r(o);i=t,a.observe(n.documentElement,{childList:!0,subtree:!0,removedNodes:!0})}function o(e){e&&e.forEach(function(e){var t=Array.prototype.slice.call(e.addedNodes),n=Array.prototype.slice.call(e.removedNodes),o=t.concat(n).filter(function(e){return e.hasAttribute&&e.hasAttribute("data-aos")}).length;o&&i()})}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){};t.default=n},function(e,t){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(){return navigator.userAgent||navigator.vendor||window.opera||""}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;ne.position?e.node.classList.add("aos-animate"):"undefined"!=typeof o&&("false"===o||!n&&"true"!==o)&&e.node.classList.remove("aos-animate")},o=function(e,t){var o=window.pageYOffset,i=window.innerHeight;e.forEach(function(e,r){n(e,i+o,t)})};t.default=o},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(12),r=o(i),a=function(e,t){return e.forEach(function(e,n){e.node.classList.add("aos-init"),e.position=(0,r.default)(e.node,t.offset)}),e};t.default=a},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(13),r=o(i),a=function(e,t){var n=0,o=0,i=window.innerHeight,a={offset:e.getAttribute("data-aos-offset"),anchor:e.getAttribute("data-aos-anchor"),anchorPlacement:e.getAttribute("data-aos-anchor-placement")};switch(a.offset&&!isNaN(a.offset)&&(o=parseInt(a.offset)),a.anchor&&document.querySelectorAll(a.anchor)&&(e=document.querySelectorAll(a.anchor)[0]),n=(0,r.default)(e).top,a.anchorPlacement){case"top-bottom":break;case"center-bottom":n+=e.offsetHeight/2;break;case"bottom-bottom":n+=e.offsetHeight;break;case"top-center":n+=i/2;break;case"bottom-center":n+=i/2+e.offsetHeight;break;case"center-center":n+=i/2+e.offsetHeight/2;break;case"top-top":n+=i;break;case"bottom-top":n+=e.offsetHeight+i;break;case"center-top":n+=e.offsetHeight/2+i}return a.anchorPlacement||a.offset||isNaN(t)||(o=t),n+o};t.default=a},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){for(var t=0,n=0;e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop);)t+=e.offsetLeft-("BODY"!=e.tagName?e.scrollLeft:0),n+=e.offsetTop-("BODY"!=e.tagName?e.scrollTop:0),e=e.offsetParent;return{top:n,left:t}};t.default=n},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){return e=e||document.querySelectorAll("[data-aos]"),Array.prototype.map.call(e,function(e){return{node:e}})};t.default=n}])});
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/javascript/main.js b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/javascript/main.js
new file mode 100644
index 0000000..f0d1bdb
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/javascript/main.js
@@ -0,0 +1,116 @@
+/* ======================== index.php ======================== */
+
+// Live Server autoscroll bug
+// $(window).scroll (function(){
+// sessionStorage.scrollTop = $(this).scrollTop();
+// });
+
+// Variables:
+const responsive = {
+ 0: {
+ items: 1 // Bugfix (Avoid to see all 4 items in just 320px)
+ },
+ 400: {
+ items: 1 // At 320px vw we only see one carousel item
+ },
+ 700: {
+ items: 2 // At 700px vw we see two carousel items
+ },
+ 1100: {
+ items: 3 // At 1000px vw we see three carousel items
+ }
+}
+
+
+
+
+
+$(document).ready(function(){
+
+ /* CSS Scrollbug */
+// $(window).on('unload', function() {
+// $(window).scrollTop(0); });
+// window.onunload = function(){
+// window.scrollTo(0,0); };
+// if ('scrollRestoration' in history)
+// { history.scrollRestoration = 'manual'; };
+
+ /* CSS Scrollbug */
+ // if (sessionStorage.scrollTop != "undefined") {
+ // $(window).scrollTop(sessionStorage.scrollTop);
+ // }
+
+
+ /* --- definition of variables --- */
+ $nav = $('.nav');
+ $toggleCollapse = $('.toggle-collapse');
+ $menuToggleBtn = $('.menu-toggle-btn')
+
+ /* --- click event to toggle the nav menu --- */
+ $toggleCollapse.click(function(){
+ $nav.toggleClass('collapse', 1000); /* we get a new collapse class especially made for toggeling */
+ })
+
+ /* --- click event to exchange the burgersymbol with the x of fa-times --- */
+ $menuToggleBtn.click(function() {
+ $(this).toggleClass('fa-times');
+ })
+
+ /* Attempt to hover out to remove the collapse*/
+ // $("main").hover(
+ // function(){
+ // $('.collapse').fadeOut('slow', function(){
+ // console.log('Faded Out')
+ // });
+ // });
+
+
+ // -- owl-crousel for blog -- //
+ $('.owl-carousel').owlCarousel({
+ loop: true,
+ autoplay: false, // false to stop
+ autoplayTimeout: 5000,
+ dots: false,
+ nav: true,
+ navText: [$('.owl-navigation .owl-nav-prev'), $('.owl-navigation .owl-nav-next')],
+ responsive: responsive // This defined variable (above) got a function
+
+ });
+
+ // -- click to scroll to top -- //
+ $('.move-up span').click(function(){
+ $('html, body').animate({
+ scrollTop: 0
+ }, 1000); // 1 Second duration to scroll up
+ })
+
+ // -- AOS Animation on scroll Instance -- //
+ AOS.init()
+
+
+ // -- ERROR-MESSAGES login and signup -- //
+ // $('btn solid sign-in').click(function(){
+ // $('error-message').show(900);
+
+ // })
+
+
+ });
+
+ /* ====x=================== index.php ===================x==== */
+ /* ======================== login.php ======================== */
+
+ const sign_in_btn = document.querySelector("#sign-in-btn");
+ const sign_up_btn = document.querySelector("#sign-up-btn");
+ const login_container = document.querySelector(".login-container");
+
+ sign_up_btn.addEventListener('click', () => {
+ login_container.classList.add("sign-up-mode");
+ });
+
+ sign_in_btn.addEventListener('click', () => {
+ login_container.classList.remove("sign-up-mode");
+ });
+
+
+ /* ====x=================== login.php ===================x==== */
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js
new file mode 100644
index 0000000..fbbffc5
--- /dev/null
+++ b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js
@@ -0,0 +1,7 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+!function(a,b,c,d){function e(b,c){this.settings=null,this.options=a.extend({},e.Defaults,c),this.$element=a(b),this._handlers={},this._plugins={},this._supress={},this._current=null,this._speed=null,this._coordinates=[],this._breakpoint=null,this._width=null,this._items=[],this._clones=[],this._mergers=[],this._widths=[],this._invalidated={},this._pipe=[],this._drag={time:null,target:null,pointer:null,stage:{start:null,current:null},direction:null},this._states={current:{},tags:{initializing:["busy"],animating:["busy"],dragging:["interacting"]}},a.each(["onResize","onThrottledResize"],a.proxy(function(b,c){this._handlers[c]=a.proxy(this[c],this)},this)),a.each(e.Plugins,a.proxy(function(a,b){this._plugins[a.charAt(0).toLowerCase()+a.slice(1)]=new b(this)},this)),a.each(e.Workers,a.proxy(function(b,c){this._pipe.push({filter:c.filter,run:a.proxy(c.run,this)})},this)),this.setup(),this.initialize()}e.Defaults={items:3,loop:!1,center:!1,rewind:!1,checkVisibility:!0,mouseDrag:!0,touchDrag:!0,pullDrag:!0,freeDrag:!1,margin:0,stagePadding:0,merge:!1,mergeFit:!0,autoWidth:!1,startPosition:0,rtl:!1,smartSpeed:250,fluidSpeed:!1,dragEndSpeed:!1,responsive:{},responsiveRefreshRate:200,responsiveBaseElement:b,fallbackEasing:"swing",slideTransition:"",info:!1,nestedItemSelector:!1,itemElement:"div",stageElement:"div",refreshClass:"owl-refresh",loadedClass:"owl-loaded",loadingClass:"owl-loading",rtlClass:"owl-rtl",responsiveClass:"owl-responsive",dragClass:"owl-drag",itemClass:"owl-item",stageClass:"owl-stage",stageOuterClass:"owl-stage-outer",grabClass:"owl-grab"},e.Width={Default:"default",Inner:"inner",Outer:"outer"},e.Type={Event:"event",State:"state"},e.Plugins={},e.Workers=[{filter:["width","settings"],run:function(){this._width=this.$element.width()}},{filter:["width","items","settings"],run:function(a){a.current=this._items&&this._items[this.relative(this._current)]}},{filter:["items","settings"],run:function(){this.$stage.children(".cloned").remove()}},{filter:["width","items","settings"],run:function(a){var b=this.settings.margin||"",c=!this.settings.autoWidth,d=this.settings.rtl,e={width:"auto","margin-left":d?b:"","margin-right":d?"":b};!c&&this.$stage.children().css(e),a.css=e}},{filter:["width","items","settings"],run:function(a){var b=(this.width()/this.settings.items).toFixed(3)-this.settings.margin,c=null,d=this._items.length,e=!this.settings.autoWidth,f=[];for(a.items={merge:!1,width:b};d--;)c=this._mergers[d],c=this.settings.mergeFit&&Math.min(c,this.settings.items)||c,a.items.merge=c>1||a.items.merge,f[d]=e?b*c:this._items[d].width();this._widths=f}},{filter:["items","settings"],run:function(){var b=[],c=this._items,d=this.settings,e=Math.max(2*d.items,4),f=2*Math.ceil(c.length/2),g=d.loop&&c.length?d.rewind?e:Math.max(e,f):0,h="",i="";for(g/=2;g>0;)b.push(this.normalize(b.length/2,!0)),h+=c[b[b.length-1]][0].outerHTML,b.push(this.normalize(c.length-1-(b.length-1)/2,!0)),i=c[b[b.length-1]][0].outerHTML+i,g-=1;this._clones=b,a(h).addClass("cloned").appendTo(this.$stage),a(i).addClass("cloned").prependTo(this.$stage)}},{filter:["width","items","settings"],run:function(){for(var a=this.settings.rtl?1:-1,b=this._clones.length+this._items.length,c=-1,d=0,e=0,f=[];++c",h)||this.op(b,"<",g)&&this.op(b,">",h))&&i.push(c);this.$stage.children(".active").removeClass("active"),this.$stage.children(":eq("+i.join("), :eq(")+")").addClass("active"),this.$stage.children(".center").removeClass("center"),this.settings.center&&this.$stage.children().eq(this.current()).addClass("center")}}],e.prototype.initializeStage=function(){this.$stage=this.$element.find("."+this.settings.stageClass),this.$stage.length||(this.$element.addClass(this.options.loadingClass),this.$stage=a("<"+this.settings.stageElement+">",{class:this.settings.stageClass}).wrap(a("
",{class:this.settings.stageOuterClass})),this.$element.append(this.$stage.parent()))},e.prototype.initializeItems=function(){var b=this.$element.find(".owl-item");if(b.length)return this._items=b.get().map(function(b){return a(b)}),this._mergers=this._items.map(function(){return 1}),void this.refresh();this.replace(this.$element.children().not(this.$stage.parent())),this.isVisible()?this.refresh():this.invalidate("width"),this.$element.removeClass(this.options.loadingClass).addClass(this.options.loadedClass)},e.prototype.initialize=function(){if(this.enter("initializing"),this.trigger("initialize"),this.$element.toggleClass(this.settings.rtlClass,this.settings.rtl),this.settings.autoWidth&&!this.is("pre-loading")){var a,b,c;a=this.$element.find("img"),b=this.settings.nestedItemSelector?"."+this.settings.nestedItemSelector:d,c=this.$element.children(b).width(),a.length&&c<=0&&this.preloadAutoWidthImages(a)}this.initializeStage(),this.initializeItems(),this.registerEventHandlers(),this.leave("initializing"),this.trigger("initialized")},e.prototype.isVisible=function(){return!this.settings.checkVisibility||this.$element.is(":visible")},e.prototype.setup=function(){var b=this.viewport(),c=this.options.responsive,d=-1,e=null;c?(a.each(c,function(a){a<=b&&a>d&&(d=Number(a))}),e=a.extend({},this.options,c[d]),"function"==typeof e.stagePadding&&(e.stagePadding=e.stagePadding()),delete e.responsive,e.responsiveClass&&this.$element.attr("class",this.$element.attr("class").replace(new RegExp("("+this.options.responsiveClass+"-)\\S+\\s","g"),"$1"+d))):e=a.extend({},this.options),this.trigger("change",{property:{name:"settings",value:e}}),this._breakpoint=d,this.settings=e,this.invalidate("settings"),this.trigger("changed",{property:{name:"settings",value:this.settings}})},e.prototype.optionsLogic=function(){this.settings.autoWidth&&(this.settings.stagePadding=!1,this.settings.merge=!1)},e.prototype.prepare=function(b){var c=this.trigger("prepare",{content:b});return c.data||(c.data=a("<"+this.settings.itemElement+"/>").addClass(this.options.itemClass).append(b)),this.trigger("prepared",{content:c.data}),c.data},e.prototype.update=function(){for(var b=0,c=this._pipe.length,d=a.proxy(function(a){return this[a]},this._invalidated),e={};b0)&&this._pipe[b].run(e),b++;this._invalidated={},!this.is("valid")&&this.enter("valid")},e.prototype.width=function(a){switch(a=a||e.Width.Default){case e.Width.Inner:case e.Width.Outer:return this._width;default:return this._width-2*this.settings.stagePadding+this.settings.margin}},e.prototype.refresh=function(){this.enter("refreshing"),this.trigger("refresh"),this.setup(),this.optionsLogic(),this.$element.addClass(this.options.refreshClass),this.update(),this.$element.removeClass(this.options.refreshClass),this.leave("refreshing"),this.trigger("refreshed")},e.prototype.onThrottledResize=function(){b.clearTimeout(this.resizeTimer),this.resizeTimer=b.setTimeout(this._handlers.onResize,this.settings.responsiveRefreshRate)},e.prototype.onResize=function(){return!!this._items.length&&(this._width!==this.$element.width()&&(!!this.isVisible()&&(this.enter("resizing"),this.trigger("resize").isDefaultPrevented()?(this.leave("resizing"),!1):(this.invalidate("width"),this.refresh(),this.leave("resizing"),void this.trigger("resized")))))},e.prototype.registerEventHandlers=function(){a.support.transition&&this.$stage.on(a.support.transition.end+".owl.core",a.proxy(this.onTransitionEnd,this)),!1!==this.settings.responsive&&this.on(b,"resize",this._handlers.onThrottledResize),this.settings.mouseDrag&&(this.$element.addClass(this.options.dragClass),this.$stage.on("mousedown.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("dragstart.owl.core selectstart.owl.core",function(){return!1})),this.settings.touchDrag&&(this.$stage.on("touchstart.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("touchcancel.owl.core",a.proxy(this.onDragEnd,this)))},e.prototype.onDragStart=function(b){var d=null;3!==b.which&&(a.support.transform?(d=this.$stage.css("transform").replace(/.*\(|\)| /g,"").split(","),d={x:d[16===d.length?12:4],y:d[16===d.length?13:5]}):(d=this.$stage.position(),d={x:this.settings.rtl?d.left+this.$stage.width()-this.width()+this.settings.margin:d.left,y:d.top}),this.is("animating")&&(a.support.transform?this.animate(d.x):this.$stage.stop(),this.invalidate("position")),this.$element.toggleClass(this.options.grabClass,"mousedown"===b.type),this.speed(0),this._drag.time=(new Date).getTime(),this._drag.target=a(b.target),this._drag.stage.start=d,this._drag.stage.current=d,this._drag.pointer=this.pointer(b),a(c).on("mouseup.owl.core touchend.owl.core",a.proxy(this.onDragEnd,this)),a(c).one("mousemove.owl.core touchmove.owl.core",a.proxy(function(b){var d=this.difference(this._drag.pointer,this.pointer(b));a(c).on("mousemove.owl.core touchmove.owl.core",a.proxy(this.onDragMove,this)),Math.abs(d.x)0^this.settings.rtl?"left":"right";a(c).off(".owl.core"),this.$element.removeClass(this.options.grabClass),(0!==d.x&&this.is("dragging")||!this.is("valid"))&&(this.speed(this.settings.dragEndSpeed||this.settings.smartSpeed),this.current(this.closest(e.x,0!==d.x?f:this._drag.direction)),this.invalidate("position"),this.update(),this._drag.direction=f,(Math.abs(d.x)>3||(new Date).getTime()-this._drag.time>300)&&this._drag.target.one("click.owl.core",function(){return!1})),this.is("dragging")&&(this.leave("dragging"),this.trigger("dragged"))},e.prototype.closest=function(b,c){var e=-1,f=30,g=this.width(),h=this.coordinates();return this.settings.freeDrag||a.each(h,a.proxy(function(a,i){return"left"===c&&b>i-f&&bi-g-f&&b",h[a+1]!==d?h[a+1]:i-g)&&(e="left"===c?a+1:a),-1===e},this)),this.settings.loop||(this.op(b,">",h[this.minimum()])?e=b=this.minimum():this.op(b,"<",h[this.maximum()])&&(e=b=this.maximum())),e},e.prototype.animate=function(b){var c=this.speed()>0;this.is("animating")&&this.onTransitionEnd(),c&&(this.enter("animating"),this.trigger("translate")),a.support.transform3d&&a.support.transition?this.$stage.css({transform:"translate3d("+b+"px,0px,0px)",transition:this.speed()/1e3+"s"+(this.settings.slideTransition?" "+this.settings.slideTransition:"")}):c?this.$stage.animate({left:b+"px"},this.speed(),this.settings.fallbackEasing,a.proxy(this.onTransitionEnd,this)):this.$stage.css({left:b+"px"})},e.prototype.is=function(a){return this._states.current[a]&&this._states.current[a]>0},e.prototype.current=function(a){if(a===d)return this._current;if(0===this._items.length)return d;if(a=this.normalize(a),this._current!==a){var b=this.trigger("change",{property:{name:"position",value:a}});b.data!==d&&(a=this.normalize(b.data)),this._current=a,this.invalidate("position"),this.trigger("changed",{property:{name:"position",value:this._current}})}return this._current},e.prototype.invalidate=function(b){return"string"===a.type(b)&&(this._invalidated[b]=!0,this.is("valid")&&this.leave("valid")),a.map(this._invalidated,function(a,b){return b})},e.prototype.reset=function(a){(a=this.normalize(a))!==d&&(this._speed=0,this._current=a,this.suppress(["translate","translated"]),this.animate(this.coordinates(a)),this.release(["translate","translated"]))},e.prototype.normalize=function(a,b){var c=this._items.length,e=b?0:this._clones.length;return!this.isNumeric(a)||c<1?a=d:(a<0||a>=c+e)&&(a=((a-e/2)%c+c)%c+e/2),a},e.prototype.relative=function(a){return a-=this._clones.length/2,this.normalize(a,!0)},e.prototype.maximum=function(a){var b,c,d,e=this.settings,f=this._coordinates.length;if(e.loop)f=this._clones.length/2+this._items.length-1;else if(e.autoWidth||e.merge){if(b=this._items.length)for(c=this._items[--b].width(),d=this.$element.width();b--&&!((c+=this._items[b].width()+this.settings.margin)>d););f=b+1}else f=e.center?this._items.length-1:this._items.length-e.items;return a&&(f-=this._clones.length/2),Math.max(f,0)},e.prototype.minimum=function(a){return a?0:this._clones.length/2},e.prototype.items=function(a){return a===d?this._items.slice():(a=this.normalize(a,!0),this._items[a])},e.prototype.mergers=function(a){return a===d?this._mergers.slice():(a=this.normalize(a,!0),this._mergers[a])},e.prototype.clones=function(b){var c=this._clones.length/2,e=c+this._items.length,f=function(a){return a%2==0?e+a/2:c-(a+1)/2};return b===d?a.map(this._clones,function(a,b){return f(b)}):a.map(this._clones,function(a,c){return a===b?f(c):null})},e.prototype.speed=function(a){return a!==d&&(this._speed=a),this._speed},e.prototype.coordinates=function(b){var c,e=1,f=b-1;return b===d?a.map(this._coordinates,a.proxy(function(a,b){return this.coordinates(b)},this)):(this.settings.center?(this.settings.rtl&&(e=-1,f=b+1),c=this._coordinates[b],c+=(this.width()-c+(this._coordinates[f]||0))/2*e):c=this._coordinates[f]||0,c=Math.ceil(c))},e.prototype.duration=function(a,b,c){return 0===c?0:Math.min(Math.max(Math.abs(b-a),1),6)*Math.abs(c||this.settings.smartSpeed)},e.prototype.to=function(a,b){var c=this.current(),d=null,e=a-this.relative(c),f=(e>0)-(e<0),g=this._items.length,h=this.minimum(),i=this.maximum();this.settings.loop?(!this.settings.rewind&&Math.abs(e)>g/2&&(e+=-1*f*g),a=c+e,(d=((a-h)%g+g)%g+h)!==a&&d-e<=i&&d-e>0&&(c=d-e,a=d,this.reset(c))):this.settings.rewind?(i+=1,a=(a%i+i)%i):a=Math.max(h,Math.min(i,a)),this.speed(this.duration(c,a,b)),this.current(a),this.isVisible()&&this.update()},e.prototype.next=function(a){a=a||!1,this.to(this.relative(this.current())+1,a)},e.prototype.prev=function(a){a=a||!1,this.to(this.relative(this.current())-1,a)},e.prototype.onTransitionEnd=function(a){if(a!==d&&(a.stopPropagation(),(a.target||a.srcElement||a.originalTarget)!==this.$stage.get(0)))return!1;this.leave("animating"),this.trigger("translated")},e.prototype.viewport=function(){var d;return this.options.responsiveBaseElement!==b?d=a(this.options.responsiveBaseElement).width():b.innerWidth?d=b.innerWidth:c.documentElement&&c.documentElement.clientWidth?d=c.documentElement.clientWidth:console.warn("Can not detect viewport width."),d},e.prototype.replace=function(b){this.$stage.empty(),this._items=[],b&&(b=b instanceof jQuery?b:a(b)),this.settings.nestedItemSelector&&(b=b.find("."+this.settings.nestedItemSelector)),b.filter(function(){return 1===this.nodeType}).each(a.proxy(function(a,b){b=this.prepare(b),this.$stage.append(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)},this)),this.reset(this.isNumeric(this.settings.startPosition)?this.settings.startPosition:0),this.invalidate("items")},e.prototype.add=function(b,c){var e=this.relative(this._current);c=c===d?this._items.length:this.normalize(c,!0),b=b instanceof jQuery?b:a(b),this.trigger("add",{content:b,position:c}),b=this.prepare(b),0===this._items.length||c===this._items.length?(0===this._items.length&&this.$stage.append(b),0!==this._items.length&&this._items[c-1].after(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)):(this._items[c].before(b),this._items.splice(c,0,b),this._mergers.splice(c,0,1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)),this._items[e]&&this.reset(this._items[e].index()),this.invalidate("items"),this.trigger("added",{content:b,position:c})},e.prototype.remove=function(a){(a=this.normalize(a,!0))!==d&&(this.trigger("remove",{content:this._items[a],position:a}),this._items[a].remove(),this._items.splice(a,1),this._mergers.splice(a,1),this.invalidate("items"),this.trigger("removed",{content:null,position:a}))},e.prototype.preloadAutoWidthImages=function(b){b.each(a.proxy(function(b,c){this.enter("pre-loading"),c=a(c),a(new Image).one("load",a.proxy(function(a){c.attr("src",a.target.src),c.css("opacity",1),this.leave("pre-loading"),!this.is("pre-loading")&&!this.is("initializing")&&this.refresh()},this)).attr("src",c.attr("src")||c.attr("data-src")||c.attr("data-src-retina"))},this))},e.prototype.destroy=function(){this.$element.off(".owl.core"),this.$stage.off(".owl.core"),a(c).off(".owl.core"),!1!==this.settings.responsive&&(b.clearTimeout(this.resizeTimer),this.off(b,"resize",this._handlers.onThrottledResize));for(var d in this._plugins)this._plugins[d].destroy();this.$stage.children(".cloned").remove(),this.$stage.unwrap(),this.$stage.children().contents().unwrap(),this.$stage.children().unwrap(),this.$stage.remove(),this.$element.removeClass(this.options.refreshClass).removeClass(this.options.loadingClass).removeClass(this.options.loadedClass).removeClass(this.options.rtlClass).removeClass(this.options.dragClass).removeClass(this.options.grabClass).attr("class",this.$element.attr("class").replace(new RegExp(this.options.responsiveClass+"-\\S+\\s","g"),"")).removeData("owl.carousel")},e.prototype.op=function(a,b,c){var d=this.settings.rtl;switch(b){case"<":return d?a>c:a":return d?ac;case">=":return d?a<=c:a>=c;case"<=":return d?a>=c:a<=c}},e.prototype.on=function(a,b,c,d){a.addEventListener?a.addEventListener(b,c,d):a.attachEvent&&a.attachEvent("on"+b,c)},e.prototype.off=function(a,b,c,d){a.removeEventListener?a.removeEventListener(b,c,d):a.detachEvent&&a.detachEvent("on"+b,c)},e.prototype.trigger=function(b,c,d,f,g){var h={item:{count:this._items.length,index:this.current()}},i=a.camelCase(a.grep(["on",b,d],function(a){return a}).join("-").toLowerCase()),j=a.Event([b,"owl",d||"carousel"].join(".").toLowerCase(),a.extend({relatedTarget:this},h,c));return this._supress[b]||(a.each(this._plugins,function(a,b){b.onTrigger&&b.onTrigger(j)}),this.register({type:e.Type.Event,name:b}),this.$element.trigger(j),this.settings&&"function"==typeof this.settings[i]&&this.settings[i].call(this,j)),j},e.prototype.enter=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]===d&&(this._states.current[b]=0),this._states.current[b]++},this))},e.prototype.leave=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]--},this))},e.prototype.register=function(b){if(b.type===e.Type.Event){if(a.event.special[b.name]||(a.event.special[b.name]={}),!a.event.special[b.name].owl){var c=a.event.special[b.name]._default;a.event.special[b.name]._default=function(a){return!c||!c.apply||a.namespace&&-1!==a.namespace.indexOf("owl")?a.namespace&&a.namespace.indexOf("owl")>-1:c.apply(this,arguments)},a.event.special[b.name].owl=!0}}else b.type===e.Type.State&&(this._states.tags[b.name]?this._states.tags[b.name]=this._states.tags[b.name].concat(b.tags):this._states.tags[b.name]=b.tags,this._states.tags[b.name]=a.grep(this._states.tags[b.name],a.proxy(function(c,d){return a.inArray(c,this._states.tags[b.name])===d},this)))},e.prototype.suppress=function(b){a.each(b,a.proxy(function(a,b){this._supress[b]=!0},this))},e.prototype.release=function(b){a.each(b,a.proxy(function(a,b){delete this._supress[b]},this))},e.prototype.pointer=function(a){var c={x:null,y:null};return a=a.originalEvent||a||b.event,a=a.touches&&a.touches.length?a.touches[0]:a.changedTouches&&a.changedTouches.length?a.changedTouches[0]:a,a.pageX?(c.x=a.pageX,c.y=a.pageY):(c.x=a.clientX,c.y=a.clientY),c},e.prototype.isNumeric=function(a){return!isNaN(parseFloat(a))},e.prototype.difference=function(a,b){return{x:a.x-b.x,y:a.y-b.y}},a.fn.owlCarousel=function(b){var c=Array.prototype.slice.call(arguments,1);return this.each(function(){var d=a(this),f=d.data("owl.carousel");f||(f=new e(this,"object"==typeof b&&b),d.data("owl.carousel",f),a.each(["next","prev","to","destroy","refresh","replace","add","remove"],function(b,c){f.register({type:e.Type.Event,name:c}),f.$element.on(c+".owl.carousel.core",a.proxy(function(a){a.namespace&&a.relatedTarget!==this&&(this.suppress([c]),f[c].apply(this,[].slice.call(arguments,1)),this.release([c]))},f))})),"string"==typeof b&&"_"!==b.charAt(0)&&f[b].apply(f,c)})},a.fn.owlCarousel.Constructor=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._interval=null,this._visible=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoRefresh&&this.watch()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers)};e.Defaults={autoRefresh:!0,autoRefreshInterval:500},e.prototype.watch=function(){this._interval||(this._visible=this._core.isVisible(),this._interval=b.setInterval(a.proxy(this.refresh,this),this._core.settings.autoRefreshInterval))},e.prototype.refresh=function(){this._core.isVisible()!==this._visible&&(this._visible=!this._visible,this._core.$element.toggleClass("owl-hidden",!this._visible),this._visible&&this._core.invalidate("width")&&this._core.refresh())},e.prototype.destroy=function(){var a,c;b.clearInterval(this._interval);for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoRefresh=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._loaded=[],this._handlers={"initialized.owl.carousel change.owl.carousel resized.owl.carousel":a.proxy(function(b){if(b.namespace&&this._core.settings&&this._core.settings.lazyLoad&&(b.property&&"position"==b.property.name||"initialized"==b.type)){var c=this._core.settings,e=c.center&&Math.ceil(c.items/2)||c.items,f=c.center&&-1*e||0,g=(b.property&&b.property.value!==d?b.property.value:this._core.current())+f,h=this._core.clones().length,i=a.proxy(function(a,b){this.load(b)},this);for(c.lazyLoadEager>0&&(e+=c.lazyLoadEager,c.loop&&(g-=c.lazyLoadEager,e++));f++-1||(e.each(a.proxy(function(c,d){var e,f=a(d),g=b.devicePixelRatio>1&&f.attr("data-src-retina")||f.attr("data-src")||f.attr("data-srcset");this._core.trigger("load",{element:f,url:g},"lazy"),f.is("img")?f.one("load.owl.lazy",a.proxy(function(){f.css("opacity",1),this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("src",g):f.is("source")?f.one("load.owl.lazy",a.proxy(function(){this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("srcset",g):(e=new Image,e.onload=a.proxy(function(){f.css({"background-image":'url("'+g+'")',opacity:"1"}),this._core.trigger("loaded",{element:f,url:g},"lazy")},this),e.src=g)},this)),this._loaded.push(d.get(0)))},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this._core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Lazy=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(c){this._core=c,this._previousHeight=null,this._handlers={"initialized.owl.carousel refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&this.update()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&"position"===a.property.name&&this.update()},this),"loaded.owl.lazy":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&a.element.closest("."+this._core.settings.itemClass).index()===this._core.current()&&this.update()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._intervalId=null;var d=this;a(b).on("load",function(){d._core.settings.autoHeight&&d.update()}),a(b).resize(function(){d._core.settings.autoHeight&&(null!=d._intervalId&&clearTimeout(d._intervalId),d._intervalId=setTimeout(function(){d.update()},250))})};e.Defaults={autoHeight:!1,autoHeightClass:"owl-height"},e.prototype.update=function(){var b=this._core._current,c=b+this._core.settings.items,d=this._core.settings.lazyLoad,e=this._core.$stage.children().toArray().slice(b,c),f=[],g=0;a.each(e,function(b,c){f.push(a(c).height())}),g=Math.max.apply(null,f),g<=1&&d&&this._previousHeight&&(g=this._previousHeight),this._previousHeight=g,this._core.$stage.parent().height(g).addClass(this._core.settings.autoHeightClass)},e.prototype.destroy=function(){var a,b;for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoHeight=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._videos={},this._playing=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.register({type:"state",name:"playing",tags:["interacting"]})},this),"resize.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.video&&this.isInFullScreen()&&a.preventDefault()},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.is("resizing")&&this._core.$stage.find(".cloned .owl-video-frame").remove()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"===a.property.name&&this._playing&&this.stop()},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find(".owl-video");c.length&&(c.css("display","none"),this.fetch(c,a(b.content)))}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._core.$element.on("click.owl.video",".owl-video-play-icon",a.proxy(function(a){this.play(a)},this))};e.Defaults={video:!1,videoHeight:!1,videoWidth:!1},e.prototype.fetch=function(a,b){var c=function(){return a.attr("data-vimeo-id")?"vimeo":a.attr("data-vzaar-id")?"vzaar":"youtube"}(),d=a.attr("data-vimeo-id")||a.attr("data-youtube-id")||a.attr("data-vzaar-id"),e=a.attr("data-width")||this._core.settings.videoWidth,f=a.attr("data-height")||this._core.settings.videoHeight,g=a.attr("href");if(!g)throw new Error("Missing video URL.");if(d=g.match(/(http:|https:|)\/\/(player.|www.|app.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com|be\-nocookie\.com)|vzaar\.com)\/(video\/|videos\/|embed\/|channels\/.+\/|groups\/.+\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/),d[3].indexOf("youtu")>-1)c="youtube";else if(d[3].indexOf("vimeo")>-1)c="vimeo";else{if(!(d[3].indexOf("vzaar")>-1))throw new Error("Video URL not supported.");c="vzaar"}d=d[6],this._videos[g]={type:c,id:d,width:e,height:f},b.attr("data-video",g),this.thumbnail(a,this._videos[g])},e.prototype.thumbnail=function(b,c){var d,e,f,g=c.width&&c.height?"width:"+c.width+"px;height:"+c.height+"px;":"",h=b.find("img"),i="src",j="",k=this._core.settings,l=function(c){e='
',d=k.lazyLoad?a("
",{class:"owl-video-tn "+j,srcType:c}):a("
",{class:"owl-video-tn",style:"opacity:1;background-image:url("+c+")"}),b.after(d),b.after(e)};if(b.wrap(a("
",{class:"owl-video-wrapper",style:g})),this._core.settings.lazyLoad&&(i="data-src",j="owl-lazy"),h.length)return l(h.attr(i)),h.remove(),!1;"youtube"===c.type?(f="//img.youtube.com/vi/"+c.id+"/hqdefault.jpg",l(f)):"vimeo"===c.type?a.ajax({type:"GET",url:"//vimeo.com/api/v2/video/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a[0].thumbnail_large,l(f)}}):"vzaar"===c.type&&a.ajax({type:"GET",url:"//vzaar.com/api/videos/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a.framegrab_url,l(f)}})},e.prototype.stop=function(){this._core.trigger("stop",null,"video"),this._playing.find(".owl-video-frame").remove(),this._playing.removeClass("owl-video-playing"),this._playing=null,this._core.leave("playing"),this._core.trigger("stopped",null,"video")},e.prototype.play=function(b){var c,d=a(b.target),e=d.closest("."+this._core.settings.itemClass),f=this._videos[e.attr("data-video")],g=f.width||"100%",h=f.height||this._core.$stage.height();this._playing||(this._core.enter("playing"),this._core.trigger("play",null,"video"),e=this._core.items(this._core.relative(e.index())),this._core.reset(e.index()),c=a(''),c.attr("height",h),c.attr("width",g),"youtube"===f.type?c.attr("src","//www.youtube.com/embed/"+f.id+"?autoplay=1&rel=0&v="+f.id):"vimeo"===f.type?c.attr("src","//player.vimeo.com/video/"+f.id+"?autoplay=1"):"vzaar"===f.type&&c.attr("src","//view.vzaar.com/"+f.id+"/player?autoplay=true"),a(c).wrap('
').insertAfter(e.find(".owl-video")),this._playing=e.addClass("owl-video-playing"))},e.prototype.isInFullScreen=function(){var b=c.fullscreenElement||c.mozFullScreenElement||c.webkitFullscreenElement;return b&&a(b).parent().hasClass("owl-video-frame")},e.prototype.destroy=function(){var a,b;this._core.$element.off("click.owl.video");for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Video=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this.core=b,this.core.options=a.extend({},e.Defaults,this.core.options),this.swapping=!0,this.previous=d,this.next=d,this.handlers={"change.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&(this.previous=this.core.current(),this.next=a.property.value)},this),"drag.owl.carousel dragged.owl.carousel translated.owl.carousel":a.proxy(function(a){a.namespace&&(this.swapping="translated"==a.type)},this),"translate.owl.carousel":a.proxy(function(a){a.namespace&&this.swapping&&(this.core.options.animateOut||this.core.options.animateIn)&&this.swap()},this)},this.core.$element.on(this.handlers)};e.Defaults={animateOut:!1,
+animateIn:!1},e.prototype.swap=function(){if(1===this.core.settings.items&&a.support.animation&&a.support.transition){this.core.speed(0);var b,c=a.proxy(this.clear,this),d=this.core.$stage.children().eq(this.previous),e=this.core.$stage.children().eq(this.next),f=this.core.settings.animateIn,g=this.core.settings.animateOut;this.core.current()!==this.previous&&(g&&(b=this.core.coordinates(this.previous)-this.core.coordinates(this.next),d.one(a.support.animation.end,c).css({left:b+"px"}).addClass("animated owl-animated-out").addClass(g)),f&&e.one(a.support.animation.end,c).addClass("animated owl-animated-in").addClass(f))}},e.prototype.clear=function(b){a(b.target).css({left:""}).removeClass("animated owl-animated-out owl-animated-in").removeClass(this.core.settings.animateIn).removeClass(this.core.settings.animateOut),this.core.onTransitionEnd()},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this.core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Animate=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._call=null,this._time=0,this._timeout=0,this._paused=!0,this._handlers={"changed.owl.carousel":a.proxy(function(a){a.namespace&&"settings"===a.property.name?this._core.settings.autoplay?this.play():this.stop():a.namespace&&"position"===a.property.name&&this._paused&&(this._time=0)},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoplay&&this.play()},this),"play.owl.autoplay":a.proxy(function(a,b,c){a.namespace&&this.play(b,c)},this),"stop.owl.autoplay":a.proxy(function(a){a.namespace&&this.stop()},this),"mouseover.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"mouseleave.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.play()},this),"touchstart.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"touchend.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this.play()},this)},this._core.$element.on(this._handlers),this._core.options=a.extend({},e.Defaults,this._core.options)};e.Defaults={autoplay:!1,autoplayTimeout:5e3,autoplayHoverPause:!1,autoplaySpeed:!1},e.prototype._next=function(d){this._call=b.setTimeout(a.proxy(this._next,this,d),this._timeout*(Math.round(this.read()/this._timeout)+1)-this.read()),this._core.is("interacting")||c.hidden||this._core.next(d||this._core.settings.autoplaySpeed)},e.prototype.read=function(){return(new Date).getTime()-this._time},e.prototype.play=function(c,d){var e;this._core.is("rotating")||this._core.enter("rotating"),c=c||this._core.settings.autoplayTimeout,e=Math.min(this._time%(this._timeout||c),c),this._paused?(this._time=this.read(),this._paused=!1):b.clearTimeout(this._call),this._time+=this.read()%c-e,this._timeout=c,this._call=b.setTimeout(a.proxy(this._next,this,d),c-e)},e.prototype.stop=function(){this._core.is("rotating")&&(this._time=0,this._paused=!0,b.clearTimeout(this._call),this._core.leave("rotating"))},e.prototype.pause=function(){this._core.is("rotating")&&!this._paused&&(this._time=this.read(),this._paused=!0,b.clearTimeout(this._call))},e.prototype.destroy=function(){var a,b;this.stop();for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.autoplay=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(b){this._core=b,this._initialized=!1,this._pages=[],this._controls={},this._templates=[],this.$element=this._core.$element,this._overrides={next:this._core.next,prev:this._core.prev,to:this._core.to},this._handlers={"prepared.owl.carousel":a.proxy(function(b){b.namespace&&this._core.settings.dotsData&&this._templates.push(''+a(b.content).find("[data-dot]").addBack("[data-dot]").attr("data-dot")+"
")},this),"added.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,0,this._templates.pop())},this),"remove.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,1)},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&this.draw()},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&!this._initialized&&(this._core.trigger("initialize",null,"navigation"),this.initialize(),this.update(),this.draw(),this._initialized=!0,this._core.trigger("initialized",null,"navigation"))},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._initialized&&(this._core.trigger("refresh",null,"navigation"),this.update(),this.draw(),this._core.trigger("refreshed",null,"navigation"))},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers)};e.Defaults={nav:!1,navText:['‹ ','› '],navSpeed:!1,navElement:'button type="button" role="presentation"',navContainer:!1,navContainerClass:"owl-nav",navClass:["owl-prev","owl-next"],slideBy:1,dotClass:"owl-dot",dotsClass:"owl-dots",dots:!0,dotsEach:!1,dotsData:!1,dotsSpeed:!1,dotsContainer:!1},e.prototype.initialize=function(){var b,c=this._core.settings;this._controls.$relative=(c.navContainer?a(c.navContainer):a("").addClass(c.navContainerClass).appendTo(this.$element)).addClass("disabled"),this._controls.$previous=a("<"+c.navElement+">").addClass(c.navClass[0]).html(c.navText[0]).prependTo(this._controls.$relative).on("click",a.proxy(function(a){this.prev(c.navSpeed)},this)),this._controls.$next=a("<"+c.navElement+">").addClass(c.navClass[1]).html(c.navText[1]).appendTo(this._controls.$relative).on("click",a.proxy(function(a){this.next(c.navSpeed)},this)),c.dotsData||(this._templates=[a('
').addClass(c.dotClass).append(a("")).prop("outerHTML")]),this._controls.$absolute=(c.dotsContainer?a(c.dotsContainer):a("").addClass(c.dotsClass).appendTo(this.$element)).addClass("disabled"),this._controls.$absolute.on("click","button",a.proxy(function(b){var d=a(b.target).parent().is(this._controls.$absolute)?a(b.target).index():a(b.target).parent().index();b.preventDefault(),this.to(d,c.dotsSpeed)},this));for(b in this._overrides)this._core[b]=a.proxy(this[b],this)},e.prototype.destroy=function(){var a,b,c,d,e;e=this._core.settings;for(a in this._handlers)this.$element.off(a,this._handlers[a]);for(b in this._controls)"$relative"===b&&e.navContainer?this._controls[b].html(""):this._controls[b].remove();for(d in this.overides)this._core[d]=this._overrides[d];for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},e.prototype.update=function(){var a,b,c,d=this._core.clones().length/2,e=d+this._core.items().length,f=this._core.maximum(!0),g=this._core.settings,h=g.center||g.autoWidth||g.dotsData?1:g.dotsEach||g.items;if("page"!==g.slideBy&&(g.slideBy=Math.min(g.slideBy,g.items)),g.dots||"page"==g.slideBy)for(this._pages=[],a=d,b=0,c=0;a
=h||0===b){if(this._pages.push({start:Math.min(f,a-d),end:a-d+h-1}),Math.min(f,a-d)===f)break;b=0,++c}b+=this._core.mergers(this._core.relative(a))}},e.prototype.draw=function(){var b,c=this._core.settings,d=this._core.items().length<=c.items,e=this._core.relative(this._core.current()),f=c.loop||c.rewind;this._controls.$relative.toggleClass("disabled",!c.nav||d),c.nav&&(this._controls.$previous.toggleClass("disabled",!f&&e<=this._core.minimum(!0)),this._controls.$next.toggleClass("disabled",!f&&e>=this._core.maximum(!0))),this._controls.$absolute.toggleClass("disabled",!c.dots||d),c.dots&&(b=this._pages.length-this._controls.$absolute.children().length,c.dotsData&&0!==b?this._controls.$absolute.html(this._templates.join("")):b>0?this._controls.$absolute.append(new Array(b+1).join(this._templates[0])):b<0&&this._controls.$absolute.children().slice(b).remove(),this._controls.$absolute.find(".active").removeClass("active"),this._controls.$absolute.children().eq(a.inArray(this.current(),this._pages)).addClass("active"))},e.prototype.onTrigger=function(b){var c=this._core.settings;b.page={index:a.inArray(this.current(),this._pages),count:this._pages.length,size:c&&(c.center||c.autoWidth||c.dotsData?1:c.dotsEach||c.items)}},e.prototype.current=function(){var b=this._core.relative(this._core.current());return a.grep(this._pages,a.proxy(function(a,c){return a.start<=b&&a.end>=b},this)).pop()},e.prototype.getPosition=function(b){var c,d,e=this._core.settings;return"page"==e.slideBy?(c=a.inArray(this.current(),this._pages),d=this._pages.length,b?++c:--c,c=this._pages[(c%d+d)%d].start):(c=this._core.relative(this._core.current()),d=this._core.items().length,b?c+=e.slideBy:c-=e.slideBy),c},e.prototype.next=function(b){a.proxy(this._overrides.to,this._core)(this.getPosition(!0),b)},e.prototype.prev=function(b){a.proxy(this._overrides.to,this._core)(this.getPosition(!1),b)},e.prototype.to=function(b,c,d){var e;!d&&this._pages.length?(e=this._pages.length,a.proxy(this._overrides.to,this._core)(this._pages[(b%e+e)%e].start,c)):a.proxy(this._overrides.to,this._core)(b,c)},a.fn.owlCarousel.Constructor.Plugins.Navigation=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(c){this._core=c,this._hashes={},this.$element=this._core.$element,this._handlers={"initialized.owl.carousel":a.proxy(function(c){c.namespace&&"URLHash"===this._core.settings.startPosition&&a(b).trigger("hashchange.owl.navigation")},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find("[data-hash]").addBack("[data-hash]").attr("data-hash");if(!c)return;this._hashes[c]=b.content}},this),"changed.owl.carousel":a.proxy(function(c){if(c.namespace&&"position"===c.property.name){var d=this._core.items(this._core.relative(this._core.current())),e=a.map(this._hashes,function(a,b){return a===d?b:null}).join();if(!e||b.location.hash.slice(1)===e)return;b.location.hash=e}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers),a(b).on("hashchange.owl.navigation",a.proxy(function(a){var c=b.location.hash.substring(1),e=this._core.$stage.children(),f=this._hashes[c]&&e.index(this._hashes[c]);f!==d&&f!==this._core.current()&&this._core.to(this._core.relative(f),!1,!0)},this))};e.Defaults={URLhashListener:!1},e.prototype.destroy=function(){var c,d;a(b).off("hashchange.owl.navigation");for(c in this._handlers)this._core.$element.off(c,this._handlers[c]);for(d in Object.getOwnPropertyNames(this))"function"!=typeof this[d]&&(this[d]=null)},a.fn.owlCarousel.Constructor.Plugins.Hash=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){function e(b,c){var e=!1,f=b.charAt(0).toUpperCase()+b.slice(1);return a.each((b+" "+h.join(f+" ")+f).split(" "),function(a,b){if(g[b]!==d)return e=!c||b,!1}),e}function f(a){return e(a,!0)}var g=a("").get(0).style,h="Webkit Moz O ms".split(" "),i={transition:{end:{WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd",transition:"transitionend"}},animation:{end:{WebkitAnimation:"webkitAnimationEnd",MozAnimation:"animationend",OAnimation:"oAnimationEnd",animation:"animationend"}}},j={csstransforms:function(){return!!e("transform")},csstransforms3d:function(){return!!e("perspective")},csstransitions:function(){return!!e("transition")},cssanimations:function(){return!!e("animation")}};j.csstransitions()&&(a.support.transition=new String(f("transition")),a.support.transition.end=i.transition.end[a.support.transition]),j.cssanimations()&&(a.support.animation=new String(f("animation")),a.support.animation.end=i.animation.end[a.support.animation]),j.csstransforms()&&(a.support.transform=new String(f("transform")),a.support.transform3d=j.csstransforms3d())}(window.Zepto||window.jQuery,window,document);
\ No newline at end of file
diff --git a/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/user_images/profileimage_1641072253.jpg b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/user_images/profileimage_1641072253.jpg
new file mode 100644
index 0000000..fb2e13c
Binary files /dev/null and b/Version_19_UserimageFunktioniertSoHalb/Swiss_JDM_Blog/user_images/profileimage_1641072253.jpg differ
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/.gitignore b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/.gitignore
new file mode 100644
index 0000000..09789e5
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/.gitignore
@@ -0,0 +1,5 @@
+Password for Admin:
+
+
+
+Password for the registred User Svendolin
\ No newline at end of file
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/admin/html/end-clean-end.php b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/admin/html/end-clean-end.php
new file mode 100644
index 0000000..383f244
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/admin/html/end-clean-end.php
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/admin/html/end.php b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/admin/html/end.php
new file mode 100644
index 0000000..0dd456d
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/admin/html/end.php
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/admin/html/start-logout.php b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/admin/html/start-logout.php
new file mode 100644
index 0000000..9c6b952
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/admin/html/start-logout.php
@@ -0,0 +1,93 @@
+
+
+
+
+
+ Admin Area - Swiss JDM Blog
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/admin/html/start.php b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/admin/html/start.php
new file mode 100644
index 0000000..dfb8118
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/admin/html/start.php
@@ -0,0 +1,93 @@
+
+
+
+
+
+ Swiss JDM Blog
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/admin/index.php b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/admin/index.php
new file mode 100644
index 0000000..5cd3dbb
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/admin/index.php
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+
+
+
+
+
Blog management
+
+
Edit and delete posts created by users
+
Go for it!
+
+
Profile management
+
+
Edit and delete user profiles
+
Go for it!
+
+
Profile management
+
+
Edit and delete user profiles
+
Go for it!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/admin/login.php b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/admin/login.php
new file mode 100644
index 0000000..43d4811
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/admin/login.php
@@ -0,0 +1,120 @@
+';
+ // print_r($adminIdExists);
+ // echo '';
+
+ $pwdHashed = $adminIdExists["admin_password"]; // usersPwd is the passwort field inside of our users table of our database
+ $checkPwd = password_verify($adminpwd, $pwdHashed); // If it matches = true, if not = false, logically
+
+ // echo '';
+ // print_r($_checkPwd);
+ // echo '';
+
+ // Check if the entered password of the user does not match (is false) to its password in the database:
+ if ($checkPwd === false) {
+ header("location: ../admin/login.php?error=wronglogin");
+ exit();
+ }
+
+ //...if it matches, the login can start with a SESSION START:
+ else if ($checkPwd === true) {
+ session_start();
+ $_SESSION["adminid"] = $adminIdExists["IDadmin"];
+ $_SESSION["adminuid"] = $adminIdExists["admin_name"];
+ $_SESSION['loginstatus'] = true; // logintsatus speichern
+ $_SESSION['lastactivity'] = time(); // timestamp in session
+ $_SESSION['login_useragent'] = $_SERVER['HTTP_USER_AGENT'];
+
+ header("location: ../admin/index.php"); // THAT's the possitive target! ✅
+ // exit();
+ }
+}
+
+// echo password_hash("adminPW1234!!", PASSWORD_DEFAULT);
+// IMPORTANT: to enter into your admin login, use: Sven Kamm OR sven0815@gmx.ch AND adminPW1234!!
+
+
+
+?>
+
+
+
+
+
+
+ #ffffff ';
+
+
+
+ // Check if the entered password of the user does not match (is false) to its password in the database:
+ if ($checkPwd === false) {
+ header("location: ../login.php?error=wronglogin");
+ exit();
+ }
+
+ //...if it matches, the login can start with a SESSION START:
+ else if ($checkPwd === true) {
+ session_start();
+ $_SESSION["userid"] = $uidExists["usersId"];
+ $_SESSION["useruid"] = $uidExists["usersUid"];
+ $_SESSION['loginstatus'] = true; // logintsatus speichern
+ $_SESSION['lastactivity'] = time(); // timestamp in session
+ $_SESSION['login_useragent'] = $_SERVER['HTTP_USER_AGENT'];
+
+
+ header("location: ../index.php"); // THAT's the possitive target! ✅
+ // exit();
+ }
+}
+
+function session_init(){
+ // session_name(CUSTOM_SESSIONNAME); // Changes the name of the session cookie, not active here
+ session_start();// Initialized a session_start
+ // session_regenerate_id(); // Changes the value of the session ID and cookie each time, not active here
+}
+
+
+function sessioncheck(){
+ $session_laufzeit = SESSION_EXPIRY*60; // config defined at 3*60 = 60 seconds timeout
+
+
+ // prüfen, ob der User agent noch gleich ist wie beim Login
+ if( $_SESSION['login_useragent'] !== $_SERVER['HTTP_USER_AGENT'] ){
+ $_SESSION['loginstatus'] = false;
+ }
+
+ // prüfen, wann der user das letzte mal aktiv war
+ if( $_SESSION['lastactivity'] < time()-$session_laufzeit ){
+ $_SESSION['loginstatus'] = false;
+ }
+
+ // prüfen, ob der Besucher eingeloggt ist, nur dann darf die Seite angezeigt werden
+ if( $_SESSION['loginstatus'] !== true ){
+ // wenn die Session nicht existiert oder der timestamp weiter zurückliegt als die erlaubte laufzeit (= kein Zugriff)...
+
+ // ausloggen (Session zurücksetzen)
+ setcookie (session_name(), null, -1, '/');
+ session_destroy();
+ session_write_close();
+
+ // auf das login umleiten
+ return false;
+ }
+
+ session_regenerate_id(); // neue ID für meine Session - hacker kann die alte nun nicht mehr brauchen, falls er sie hat.
+ $_SESSION['lastactivity'] = time(); // aktualisieren des Timestamp TODO: LASTACTIVITY
+ return true;
+}
+
+// --x--------------------------------- LOGIN STUFF ----------------------------------x-- //
+// ------------------------------------ ADMIN LOGIN-STUFF ------------------------------------ //
+
+/* SIDE NOTE: session_init() and session_check() from above is used for the admin login as well */
+function adminIdExists($conn, $adminname, $adminemail) {
+ $sql = "SELECT * FROM admin WHERE admin_name = ? OR admin_email = ?;"; // Prepare Statements = ?
+ $stmt = mysqli_stmt_init($conn); // Prepared statement: Iniitialize to the database = $conn
+ if (!mysqli_stmt_prepare($stmt, $sql)) { //CHECK if the prepare statement will fail before we see that it will succeed
+ header("location: ../login.php?error=stmtfailed");
+ exit();
+ }
+
+ // Passing data from the user if it does not fail:
+ mysqli_stmt_bind_param($stmt, "ss", $adminname, $adminemail);
+ mysqli_stmt_execute($stmt);
+
+ // "Get result" returns the results from a prepared statement
+ $resultData = mysqli_stmt_get_result($stmt); // $stmt = Our prepared statement / "ss" = Type of Data? Double string, username and email = basic text /
+
+ // fetching the data (if the columns are set to their names)
+ if ($row = mysqli_fetch_assoc($resultData)) {
+ return $row; // This shows "true": $row will be executed, so if its true the fetch assoc will work and the process works
+ }
+ else {
+ $result = false;
+ return $result;
+ }
+
+ mysqli_stmt_close($stmt);
+}
+
+// --x--------------------------------- ADMIN LOGIN-STUFF ---------------------------------x-- //
+
+?>
\ No newline at end of file
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/includes/html/footer.html.php b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/includes/html/footer.html.php
new file mode 100644
index 0000000..053fc1b
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/includes/html/footer.html.php
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/includes/html/header.html.php b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/includes/html/header.html.php
new file mode 100644
index 0000000..008ca1c
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/includes/html/header.html.php
@@ -0,0 +1,110 @@
+
+
+
+ Swiss JDM Blog
+
+
+
+
+
+ Logout
+ ';
+
+ // echo '';
+ // print_r($pwd);
+ // echo '';
+
+
+ // Then we run a bunch of error handlers to catch any user mistakes we can (you can add more than I did)
+ // These functions can be found in functions.inc.php
+
+ require_once('config.php'); // Formerly "dbh.inc.php"
+ require_once('mysql-connect.php');
+ require_once('functions.inc.php');
+
+ // Such as the one from functions.inc.php, but simpler with "emptyInputLogin" instead of "emptyInputSignup"
+ if (emptyInputLogin($username, $pwd) === true) {
+ header("location: ../login.php?error=emptyinputlogin");
+ exit();
+ }
+
+ // If we get to here, it means there are no user errors
+
+ // Now we insert the user into the database
+ loginUser($conn, $username, $pwd);
+
+
+} else {
+ header("location: ../login.php");
+ // exit();
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+?>
\ No newline at end of file
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/includes/mysql-connect.php b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/includes/mysql-connect.php
new file mode 100644
index 0000000..2c0e022
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/includes/mysql-connect.php
@@ -0,0 +1,18 @@
+
\ No newline at end of file
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/index.php b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/index.php
new file mode 100644
index 0000000..8995b79
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/index.php
@@ -0,0 +1,426 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Where JDM enthusiasts come together
+
Tell your story
+ Explore';
+ }
+ // Is the user NOT LOGGED IN? Show THIS INSTEAD:
+ else {
+ echo '
Explore ';
+ }
+ ?>
+
+
+
+
+
+
+
+
+
Newsflash
+
+
+
+
+
+
+
+
+
+
"Godzilla has arrived!"
+ Hover to read more
+ 9th of June 2021
+
+
+
It took almost half an eternity, but finally it's here!
+ Now it just needs to get on the road legally... *Sigh*
+
+
+
+
+
+
+
"Slapsticker time!"
+ Hover to read more
+ 17th of July 2021
+
+
+
Hurray, the Slapstickers from Saitoworks.com arrived!
+
+
+
+
+
+
+
+
+
"Visited his Brother!"
+ Hover to read more
+ 30th of September 2021
+
+
+
In order to adapt the car to Swiss standards, a conversion is necessary.
+
+
+
+
+
+
+
+
+
"Time for some NOS ;)"
+ Hover to read more
+ 5th of November 2021
+
+
+
Since nitromethane gas cylinders (NOS) are of course illegal in Switzerland
+ for road traffic, the somewhat cuddlier plush version will have to do! ;)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Featured Blog Posts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
When was the last time we met each other?!?
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Laboriosam, expedita qui explicabo sit iure neque autem nulla totam adipisci
+ voluptates laudantium itaque possimus ipsam ut obcaecati rem ab debitis
+ asperiores reprehenderit. Modi error nobis nesciunt dolor aspernatur neque
+ dolores adipisci.
+
Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Would you add the Mount Fuji in the background? ;)
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Laboriosam, expedita qui explicabo sit iure neque autem nulla totam adipisci
+ voluptates laudantium itaque possimus ipsam ut obcaecati rem ab debitis
+ asperiores reprehenderit. Modi error nobis nesciunt dolor aspernatur neque
+ dolores adipisci.
+
Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Ready for 2022! What about you?
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Laboriosam, expedita qui explicabo sit iure neque autem nulla totam adipisci
+ voluptates laudantium itaque possimus ipsam ut obcaecati rem ab debitis
+ asperiores reprehenderit. Modi error nobis nesciunt dolor aspernatur neque
+ dolores adipisci.
+
Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/login.php b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/login.php
new file mode 100644
index 0000000..fff87c8
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/login.php
@@ -0,0 +1,360 @@
+ When we comment this out, the image will be posted
+ // Error functions seperately defined at functions.inc.php
+
+
+ if (emptyInputSignup($name, $username, $car, $state, $email, $pwd, $pwdRepeat) !== false) {
+ header("location: login.php?error=emptyinput");
+ exit();
+ }
+
+
+ // Proper username chosen
+ if (invalidUid($username) !== false) {
+ header("location: login.php?error=invaliduid");
+ exit();
+ }
+ // Proper email chosen
+ if (invalidEmail($email) !== false) {
+ header("location: login.php?error=invalidemail");
+ exit();
+ }
+ // Do the two passwords match?
+ if (pwdMatch($pwd, $pwdRepeat) !== false) {
+ header("location: login.php?error=passwordsdontmatch");
+ exit();
+ }
+ // Is the username taken already?
+ if (uidExists($conn, $username, $email) !== false) {
+ header("location: login.php?error=usernametaken");
+ exit();
+ // } else {
+ // header("location: login.php"); // If the user submitted the WRONG way, we send him BACK...
+ // exit();
+ }
+
+
+
+ // --- IMAGEUPLOAD-PART --- //
+ if (isset($_FILES['users_image']) && !empty($_FILES['users_image']['tmp_name'])) {
+ // get / move from tmp folder
+ print_r($_FILES['users_image']);
+ $newImage = 'profileimage_' . time() . '.jpg'; // Single image name (for DB entry)
+ $src = $_FILES['users_image']['tmp_name']; // Temporary path
+ $dest = PROFILEIMAGEFOLDERPATH . '/' . $newImage; // Destination path (defined in Config)
+
+ // Move the file to the destination path
+ $hochgeladen = move_uploaded_file($src, $dest);
+ // var_dump($hochgeladen);
+
+ // Delete old image
+ if (!empty($image)) {
+ unlink(PROFILEIMAGEFOLDERPATH . '/' . $image); // Destination path (defined in Config)
+ }
+ }
+
+
+
+
+ if (!$hasError) {
+
+ // Saving the data to the database
+ if (empty($ID)) {
+ $addImageField = empty($newImage) ? "" : ", users_image"; // Addition for image, only if image has been uploaded
+ $addImageValue = empty($newImage) ? "" : ", ?"; // Addition for image, only if image has been uploaded
+
+ $query = "INSERT INTO users (usersName, usersUid, usersCar, usersState, usersEmail, usersPwd {$addImageField})
+ VALUES
+ (?, ?, ?, ?, ?, ? {$addImageValue})";
+
+ $res = mysqli_prepare($conn, $query); // Prepare the server for the command to be executed (without data)
+
+ if (empty($newImage)) {
+ // Falls ohne Bild:
+ mysqli_stmt_bind_param($res, "ssssss", $name, $username, $car, $state, $email, $hashedPwd); // send the data to the server
+ } else {
+ // Falls mit Bild:
+ mysqli_stmt_bind_param($res, "sssssss", $name, $username, $car, $state, $email, $hashedPwd, $newImage); // send the data to the server
+ }
+ mysqli_stmt_execute($res); // Execute command with the sent data
+ $result = mysqli_stmt_get_result($res); // Result object "pick up
+
+
+ // Send command and check...
+ // $res = mysqli_query($connection, $query);
+ $newID = mysqli_insert_id($conn);
+ } else { // edit
+ $query = "UPDATE `users`
+ SET
+ `usersName` = '{$name}',
+ `usersUid` = '{$username}',
+ `usersCar` = '{$car}',
+ `usersState` = '{$state}',
+ `usersEmail` = '{$email}',
+ `usersPwd` = '{$hashedPwd}',
+
+
+
+ ";
+
+ // only if image has been uploaded
+ if (!empty($newImage)) {
+ $query .= ",
+ `users_image` = '{$newImage}'";
+ }
+ $query .= " WHERE `usersId` = {$ID}";
+ $res = mysqli_query($conn, $query);
+ }
+ // die($query);
+
+ if (!empty($newImage)) {
+ $image = $newImage;
+ }
+ }
+}
+
+
+
+?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
New here?
+
Be a part of our community, unleash your passion for JDM cars together and tell us your story!
+
Join us
+
+
+
+
+
+
+
One of us?
+
Let's share what's on your mind, you are just a few clicks away!
+
Sign in
+
+
+
+
+
+ Let's see
+
Our Members:
+
+
+0 ) { ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Member since:
+
That's me:
+
+
My Car:
+
+
I live in:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Member since: 09.06.2021
+
That's me:
+
Sillest
+
My Car:
+
Nissan 200sx S13
+
I live in:
+
Nidwalden
+
+
+
+
+
+
+
+
+
Member since: 11.06.2021
+
That's me:
+
Oli_Supra
+
My Car:
+
Toyota Supra MK4
+
I live in:
+
Aargau
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/post.php b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/post.php
new file mode 100644
index 0000000..5dd84b5
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/post.php
@@ -0,0 +1,74 @@
+
+
+
+
+
+
+
+
+
+
+ let's read
+
My Story
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Return
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/swiss_jdm_blog.sql b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/swiss_jdm_blog.sql
new file mode 100644
index 0000000..128266e
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/swiss_jdm_blog.sql
@@ -0,0 +1,105 @@
+-- phpMyAdmin SQL Dump
+-- version 5.1.1
+-- https://www.phpmyadmin.net/
+--
+-- Host: 127.0.0.1
+-- Erstellungszeit: 28. Dez 2021 um 12:10
+-- Server-Version: 10.4.21-MariaDB
+-- PHP-Version: 8.0.11
+
+SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
+START TRANSACTION;
+SET time_zone = "+00:00";
+
+
+/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
+/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
+/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
+/*!40101 SET NAMES utf8mb4 */;
+
+--
+-- Datenbank: `swiss_jdm_blog`
+--
+
+-- --------------------------------------------------------
+
+--
+-- Tabellenstruktur für Tabelle `admin`
+--
+
+CREATE TABLE `admin` (
+ `IDadmin` int(11) NOT NULL,
+ `admin_name` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `admin_email` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `admin_password` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `admin_usertype` tinyint(1) NOT NULL DEFAULT 1
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+--
+-- Daten für Tabelle `admin`
+--
+
+INSERT INTO `admin` (`IDadmin`, `admin_name`, `admin_email`, `admin_password`, `admin_usertype`) VALUES
+(1, 'Sven Kamm', 'sven0815@gmx.ch', '$2y$10$t9c9iyMmp.vJzaefy9RF5.Ic9Xec0globisorxwChWkrCG9bkDEXi', 1);
+
+-- --------------------------------------------------------
+
+--
+-- Tabellenstruktur für Tabelle `users`
+--
+
+CREATE TABLE `users` (
+ `usersId` int(11) NOT NULL,
+ `usersName` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersUid` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersCar` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersState` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersEmail` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersPwd` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `user_state` tinyint(1) DEFAULT 1,
+ `user_created` timestamp NOT NULL DEFAULT current_timestamp()
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+--
+-- Daten für Tabelle `users`
+--
+
+INSERT INTO `users` (`usersId`, `usersName`, `usersUid`, `usersCar`, `usersState`, `usersEmail`, `usersPwd`, `user_state`, `user_created`) VALUES
+(1, 'Sven Kamm', 'Svendolin', 'Nissan Skyline R33', 'Aargau', 'sven0815@gmx.ch', '$2y$10$iNoQRI/kyBnyqXM8UZ/7AOwKBKc8KADIAFf41./pXsDebmig8ILx6', 1, '2021-12-27 00:39:34');
+
+--
+-- Indizes der exportierten Tabellen
+--
+
+--
+-- Indizes für die Tabelle `admin`
+--
+ALTER TABLE `admin`
+ ADD PRIMARY KEY (`IDadmin`);
+
+--
+-- Indizes für die Tabelle `users`
+--
+ALTER TABLE `users`
+ ADD PRIMARY KEY (`usersId`);
+
+--
+-- AUTO_INCREMENT für exportierte Tabellen
+--
+
+--
+-- AUTO_INCREMENT für Tabelle `admin`
+--
+ALTER TABLE `admin`
+ MODIFY `IDadmin` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=2;
+
+--
+-- AUTO_INCREMENT für Tabelle `users`
+--
+ALTER TABLE `users`
+ MODIFY `usersId` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=3;
+COMMIT;
+
+/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
+/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
+/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/tellyourstory.php b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/tellyourstory.php
new file mode 100644
index 0000000..cca8ef2
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/tellyourstory.php
@@ -0,0 +1,276 @@
+
+
+
+
+
+
+
+ let's hear
+
Your Story:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/css/aos.css b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/css/aos.css
new file mode 100644
index 0000000..66923fe
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/css/aos.css
@@ -0,0 +1 @@
+[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
\ No newline at end of file
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/css/mediaqueries.css b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/css/mediaqueries.css
new file mode 100644
index 0000000..07f3078
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/css/mediaqueries.css
@@ -0,0 +1,339 @@
+
+/* ======================= index.php ======================= */
+
+/* ----- Viewport less than or equal to 1270px ------ */
+
+@media only screen and (max-width: 1270px) {
+ /* Gives the pink blogpost info section more space while shrinking */
+ .site-content .post-content > .post-image .post-info {
+ left: 2rem !important;
+ bottom: 1.2rem !important;
+ border-radius: 0% !important;
+ }
+
+ /* The comment and datasection will disapper after shrinking */
+ .site-content .sidebar .popular-post .post-info {
+ display: none !important;
+ }
+
+ /* Gives the container colums more space in the footer: From 4 colums to 2 columns */
+ footer.footer .container {
+ grid-template-columns: repeat(2,1fr);
+ }
+
+}
+
+/* --x-- Viewport less than or equal to 1270px --x-- */
+
+/* ----- Viewport less than or equal to 970px ------ */
+
+@media only screen and (max-width: 970px) {
+ .nav .nav-menu, .nav .nav-items {
+ flex-direction: column; /* Menubar and login button will collapse to the next line */
+ margin: 0; /* To eliminate the 8rem margin default value */
+ }
+
+ /* Special list item which should be seen in loggedIn mode only */
+ .nav .nav-menu, .nav .tell-your-story {
+ flex-direction: column; /* Menubar and login button will collapse to the next line */
+ margin: 0; /* To eliminate the 8rem margin default value */
+ }
+
+ .nav .nav-items .nav-link {
+ display: block;
+
+ }
+
+ /* Trick: Define the full nav-link area (Home etc) of the a tag to go to the next page */
+ .nav .nav-items .nav-link a {
+ display: inline-block;
+ padding-right: 80%; /* These two moved from .nav-link to .nav-link a */
+ }
+
+ .nav .toggle-collapse {
+ display: initial; /* Defined default value of the browser */
+ }
+
+ /* main blog content and side content won't be side to side now:
+ - 1) All the post content will be at 100% width at first place
+ - 2) the side content with categories, popular posts and so on will follow up */
+ main .site-content{
+ grid-template-columns: 100%;
+ }
+
+ /* Newsletterelements (input field and button */
+ .site-content .sidebar .newsletter .input-element {
+ width: 50%;
+ }
+ .site-content .sidebar .newsletter .form-btn {
+ padding: 0.8rem 20%;
+ }
+
+ footer.footer .container{
+ grid-template-columns: repeat(1, 1fr);
+ }
+
+}
+
+/* --x-- Viewport less than or equal to 970px --x-- */
+/* ----- Viewport less than or equal to 660px ------ */
+
+@media only screen and (max-width: 660px) {
+
+ /* the pink blogpost info section should disappear entirely */
+ .site-content .post-content > .post-image .post-info {
+ display: none;
+ }
+
+ /* Removes the back to top button at 660px */
+ footer.footer > .move-up {
+ display: none;
+ }
+}
+
+/* --x-- Viewport less than or equal to 660px --x-- */
+/* ----- Viewport less than or equal to 420px ------ */
+
+@media only screen and (max-width: 420px) {
+
+ /* Moves the 4 container boxes closer to eachother */
+ footer.footer .container > div {
+ padding: 1rem 0.9rem !important;
+ }
+
+ footer.footer .container .about-us {
+ margin-top: 2rem;
+ }
+
+ footer.footer .rights {
+ margin-top: 4rem !important;
+ text-align: center;
+ }
+
+}
+
+/* --x-- Viewport less than or equal to 420px --x-- */
+
+/* ====x================== index.php ==================x==== */
+/* ======================= login.php ======================= */
+
+@media only screen and (max-width: 870px) {
+
+ /* Container the red circle */
+ .login-container:before {
+ min-height: 1500px;
+ height: 1500px;
+ left: 25%;
+ bottom: 80%;
+ transform: translateX(-50%);
+ right: initial;
+ top: initial; /* Set to their default values */
+ transition: 2s ease-in-out;
+ }
+
+ /* The whole sign-in and sign-up section (Adjust the top if its not centered enough) */
+ .login-container .signin-signup {
+ width: 100%;
+ left: 50%;
+ top: 90%;
+ transform: translate(-50%, -100%);
+ transition: 1s 0.8s ease-in-out;
+ }
+
+ /* Container with the sign-in panels */
+ .login-container .panels-container {
+ /* background: green; */
+ grid-template-columns: 1fr; /* Just ONE ROW now */
+ grid-template-rows: 1fr 2fr 1fr; /* 3-row areas: 1fr = Join, 2fr empty, 1fr= Sign */
+ }
+
+ .panels-container .panel {
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center;
+ padding: 2.5rem 8%;
+ }
+
+ .panels-container .panel h3 {
+ font-size: 1.2rem;
+ }
+
+ .panels-container .panel p {
+ font-size: 0.9rem;
+ padding: 0.5rem 0;
+ }
+
+ /* transparent button of the panel */
+ button.btn.transparent {
+ width: 100px;
+ height: 40px;
+ font-size: 1.1rem;
+ }
+
+ /* Content of the both pannels */
+ .panels-container .panel .content {
+ padding-right: 15%;
+ transition: 0.9s 0.8s ease-in-out;
+ }
+
+ .image {
+ width: 200px;
+ transition: 0.9s 0.6s ease-in-out;
+ }
+
+ .panels-container .left-panel {
+ grid-row: 1 / 2; /* From top (because of row) Line 1 to 2 (1fr), 2 to 3 (2fr) = empty */
+ }
+
+ .panels-container .right-panel {
+ grid-row: 3 / 4; /* From top (because of row) Line 1 to 2 (1fr), 2 to 3 (2fr) = empty */
+ }
+
+ /* Content and Images of sign-in an sign-up united in the center */
+ .panels-container .right-panel .content, .panels-container .right-panel .image {
+ transform: translateY(300px);
+ }
+
+ /* The pannel container (red circle) will now move up and down */
+ .login-container.sign-up-mode:before {
+ transform: translate(-50%, 100%);
+ bottom: 32%;
+ right: initial;
+ }
+
+ .login-container.sign-up-mode .left-panel .image,
+ .login-container.sign-up-mode .left-panel .content {
+ transform: translateY(-300px);
+ }
+
+ .login-container.sign-up-mode .signin-signup {
+ top: 5%;
+ transform: translate(-50%, 0);
+ left: 50%;
+ }
+
+ /* Sign-in login error messages */
+ .error-message-log-in p {
+ margin-top: 50rem;
+ }
+
+ /* Sign-up login (registration) error messages */
+ .login-container .signin-signup form {
+ justify-content: flex-end;
+ padding-bottom: 10rem;
+ }
+
+ .login-container {
+ min-height: 1200px; /* TODO: Make it bigger if you add more input fields */
+ height: 100vh;
+ }
+
+}
+
+@media only screen and (max-width: 570px) {
+ .login-container .signin-signup form {
+ padding: 0 1.5rem;
+ }
+
+ .image {
+ display: none;
+ }
+
+ .panels-container .panel .content {
+ padding: 0.5rem 1rem,
+ }
+
+ .login-container:before{
+ bottom: 72%;
+ left: 50%;
+ }
+
+ .login-container.sign-up-mode:before{
+ bottom: 28%;
+ left: 50%;
+ }
+
+ /* Sign-up login (registration) error messages */
+ .login-container .signin-signup form {
+ justify-content: center;
+ }
+
+ .error-message-sign-up {
+ display: flex;
+ justify-content: center;
+ }
+
+}
+
+/* ====x================== login.php ==================x==== */
+/* ======================= tellyourstory.php ======================= */
+
+@media only screen and (max-width: 570px) {
+
+ form.write-a-post {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+ .input-field-story, .input-field-story.textarea {
+ width: 20rem;
+ }
+
+}
+
+
+
+
+
+
+
+/* ====x================== tellyourstory.php ==================x==== */
+/* ======================= memberboard.php ======================= */
+
+@media only screen and (max-width: 1380px) {
+ #memberboard {
+ grid-template-columns: repeat(2,1fr);
+ grid-template-rows: repeat(2,1fr);
+ min-height: 85rem;
+ }
+}
+
+@media only screen and (max-width: 950px) {
+ #memberboard {
+ grid-template-columns: 1fr;
+ grid-template-rows: repeat(3,1fr);
+ min-height: 130rem;
+ }
+ .card {
+ grid-template-columns: 380px; /* 380 width */
+
+ }
+}
+
+
+/* ====x================== memberboard.php ==================x==== */
+
+/* ======================= post.php ======================= */
+
+@media only screen and (max-width: 1100px) {
+ .blog-container .blog-box, .blog-heading {
+ width: 100%;
+ }
+}
+
+
+/* ====x================== post.php ==================x==== */
+/* ======================= (admin) login.php (admin) ======================= */
+
+@media only screen and (max-width: 450px) {
+ .center {
+ width: 320px;
+ }
+ .btn-special-sign-in, .btn-special-return {
+ padding: 0.8rem 1.3rem;
+ }
+}
+
+
+/* ====x================== (admin) login.php (admin) ==================x==== */
+
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/css/owl.carousel.min.css b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/css/owl.carousel.min.css
new file mode 100644
index 0000000..a71df11
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/css/owl.carousel.min.css
@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
\ No newline at end of file
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/css/owl.theme.default.min.css b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/css/owl.theme.default.min.css
new file mode 100644
index 0000000..487088d
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/css/owl.theme.default.min.css
@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
\ No newline at end of file
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/css/style.css b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/css/style.css
new file mode 100644
index 0000000..8dfb703
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/css/style.css
@@ -0,0 +1,1461 @@
+/* Over here you will find:
+
+ - CSS Styles (index.php / login.php / memberboard.php)
+
+*/
+
+
+
+/* ======================= index.php ======================= */
+
+/* --------- Navigation --------- */
+
+/* Navigation bar */
+.nav {
+ background: var(--white);
+ padding: 0 3rem;
+ height: 0; /* used to collapse and fold navigation menu */
+ height: 4.3rem;
+ overflow: hidden;
+ transition: height 1.2s ease-in-out;
+
+}
+.nav .nav-menu {
+ justify-content: space-between;
+}
+
+/* Burgerbar */
+.nav .toggle-collapse {
+ position: absolute;
+ top: 0%;
+ width: 90%;
+ cursor: pointer;
+ display: none;
+}
+
+.nav .toggle-collapse .toggle-icons {
+ display: flex;
+ justify-content: flex-end;
+ margin: 1.3rem 1.3rem 0 0;
+}
+
+
+/* Burgermark symbol */
+.nav .toggle-collapse .toggle-icons .menu-toggle-btn {
+ font-size: 1.7rem;
+ color: var(--text-gray);
+}
+
+/* X-symbol */
+i.menu-toggle-btn .fas .fa-bars .fa-times::before {
+ font-size: 1.9rem;
+ /* color: red; */
+}
+
+.collapse { /*Defined collapse class from main.js which will hide and open navigation */
+ height: 23rem;
+}
+
+.nav .nav-items {
+ display: flex;
+ /* margin: 0 8rem 0 0; */
+}
+
+/* Center placed nav links */
+.nav .nav-items .nav-link {
+ position: relative;
+ font-family: var(--linksnbtn);
+ font-size: 1.3rem;
+ font-weight: 500;
+ display: inline-block;
+ margin: 0 1rem;
+}
+
+/* Trick: Define the full nav-link area (Home etc) of the a tag to go to the next page */
+.nav .nav-items .nav-link a {
+ display: inline-block;
+ padding: 1.4rem 1.4rem; /* These two moved from .nav-link to .nav-link a */
+ text-align: center;
+}
+
+/* .nav .nav-items .nav-link a.home {
+ margin: 0 2rem;
+} */
+
+/* .nav .nav-items .nav-link a.member {
+ margin: 0 2rem;
+} */
+
+/* hover on nav links */
+.nav .nav-items .nav-link:hover {
+ background: var(--pink);
+ cursor: pointer;
+}
+
+.nav .nav-items .nav-link:hover a {
+ color: var(--white);
+
+}
+
+/* Logo */
+.nav .nav-brand a {
+ font-size: 1.6rem;
+ padding: 1rem 0;
+ display: block;
+ font-family: var(--logo);
+ background: var(--pink);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ /* border: solid 2px black; */
+}
+
+/* Login Button */
+.nav .login {
+ margin-top: 0.8rem;
+ height: 2.5rem;
+ width: 4rem;
+ font-family: var(--linksnbtn);
+ font-weight: 500;
+ font-size: 1.3rem;
+ border-radius: 10px;
+ border: solid 2px var(--sakura);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.nav .login a {
+ /* Move these two from div to a such as here to link the whole area */
+ display: inline-block;
+ padding: 1rem 1rem;
+}
+
+/* hover on Login*/
+.nav .login:hover {
+ background: var(--pink);
+ cursor: pointer;
+}
+
+.nav .login:hover a {
+ color: var(--white);
+}
+/* ----x---- Navigation ----x---- */
+
+
+/* --------- Main Content --------- */
+/* ----- Site title ----- */
+main .site-title {
+ background-image: url("../../images/q180sx2.jpg");
+ background-size: cover;
+ height: 90vh;
+ display: flex;
+ justify-content: center;
+
+}
+
+main .site-title .site-background {
+ padding-top: 5rem;
+ text-align: center;
+ color: var(--white);
+}
+
+main .site-title span,h1 {
+ margin: 0.3rem;
+ margin-bottom: 2rem;
+}
+
+main a.btn {
+ margin: 1rem;
+ background: var(--pink);
+ transition: all 300ms;
+}
+
+main .site-title .btn:hover {
+ background: transparent;
+ border: 1px solid var(--white);
+ transform: scale(1.1);
+}
+
+/* --x-- site title --x-- */
+/* ----- News Carousel ----- */
+main .blog {
+ background: url("../../images/sakuratree2.png");
+ background-repeat: no-repeat;
+ background-position: right;
+ /* height: 125vh; */
+ width: 100%;
+ /* background-size: 65%; */
+}
+
+main .blog .blog-post {
+ padding-top: 5rem;
+}
+
+/* Box with one blogpost */
+main .blog-post .blog-content {
+ display: flex; /* To align the content in a new line */
+ flex-direction: column;
+ text-align: center;
+ width: 80%;
+ margin: 3rem 2rem;
+ background: var(--white); /* Comment it out for transparent background */
+ box-shadow: 0 15px 20px rgba(0,0,0,0.2);
+}
+
+/* SPECIAL */
+/* Container of the informative text (overlay) */
+.overlay {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 100%;
+ width: 100%;
+ opacity: 0;
+ transition: .5s ease;
+ background-color: white;
+}
+
+.blog-content:hover .overlay {
+ opacity: 0.95;
+}
+
+.text {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ padding: 1rem;
+ width: 300px;
+}
+.text h3 {
+ display: block;
+ color: var(--text-gray);
+ font-size: 20px;
+}
+
+/* Text of one newspost */
+main .blog-content .blog-title {
+ padding: 2rem 0;
+}
+
+/* Button of one newspost */
+main .blog-content .btn {
+ padding: 0.5rem 1rem;
+ margin: 1rem 0 0.5rem 0;
+ transition: all 300ms;
+}
+
+main .blog-content .btn:hover {
+ transform: scale(1.2)
+}
+
+/* Text of one newspost */
+main .blog-content span {
+ display: block;
+ font-family: var(--textntitles);
+ font-size: 0.9rem;
+ padding-top: 0.8rem;
+}
+
+/* News Navigation Arrows (nav: true in main.js) */
+
+section .container .owl-nav {
+ position: absolute;
+ top: 0%;
+ margin: 0 auto;
+ width: 100%;
+}
+
+.owl-nav .owl-prev .owl-nav-prev,
+.owl-nav .owl-next .owl-nav-next {
+ color: var(--text-gray);
+ background: transparent;
+ font-size: 2rem;
+}
+
+.owl-theme .owl-nav [class*='owl-']:hover {
+ background: transparent;
+ color: var(--sakura);
+}
+/* ---------------x-- News Carousel --x--------------- */
+/* ---------------------- Site Blog Content ---------------------- */
+
+
+/* Blog post site content */
+main .site-content {
+ display: grid;
+ grid-template-columns: 70% 30%;
+}
+
+/*FIXME: Check if this still cause ERRORS */
+main .post-content {
+ width: 100%;
+}
+
+/* Blog Post title text */
+main .site-content .post-content >.post-image, .post-title {
+ padding: 1rem 2rem;
+ position: relative;
+}
+
+main .post-content .post-title a {
+ font-family: var(--textntitles);
+ font-size: 2.2rem;
+ font-weight: 800;
+}
+
+
+/* pink infobox of each post */
+.imagecontainer {
+ overflow: hidden;
+ max-height: 800px;
+}
+
+/* .cover {
+ object-fit: cover;
+ width: 50px;
+ height: 100px;
+} */
+
+.imagecontainer img {
+ width: 100%;
+ transition: all 800ms ease;
+ object-fit: cover;
+}
+
+
+main .site-content .post-content > .post-image .post-info {
+ background: var(--pink-light);
+ padding: 0.3rem 1rem;
+ position: absolute;
+ bottom: 0%;
+ left: 20vw;
+ border-radius: 1rem;
+}
+
+/* pictures of each post */
+main .site-content .post-content > .post-image > div {
+ overflow: hidden;
+}
+
+main .site-content .post-content > .post-image .img {
+ width: 100%;
+ transition: all 800ms ease;
+}
+
+main .site-content .post-content > .post-image .img:hover {
+ transform: scale(1.1);
+}
+
+/* infotext of each post (spacing of each text element */
+main .site-content .post-content > .post-image .post-info span {
+ margin: 0 0.5rem;
+}
+
+/* Special button design especially for this part */
+main .site-content .post-content .post-title a.post-btn {
+ display: block;
+ text-align: center;
+ width: 10rem;
+ font-size: 1.2rem;
+ border-radius: 0;
+ padding: 0.7rem 1rem;
+ background: var(--pink);
+ margin: 1.5rem 0 0 0;
+ transition: all 300ms;
+ font-family: var(--linksnbtn);
+ font-weight: 500;
+}
+
+main .site-content .post-content .post-title a.post-btn:hover {
+ transform: scale(1.2);
+}
+
+/* pagination (1/2/3) */
+.site-content .pagination {
+ justify-content: center;
+ color: var(--text-gray);
+ margin: 4rem 0;
+}
+
+.site-content .pagination a {
+ padding: 0.6rem 0.9rem;
+ border-radius: 50%;
+ margin: 0 0.3rem;
+ font-family: var(--linksnbtn);
+ transition: all 300ms;
+}
+
+.site-content .pagination a:hover {
+ transform: scale(1.2);
+}
+
+.site-content .pagination .pages {
+ background: var(--sakura);
+}
+/* -------------x-- Site Blog Content --x------------- */
+/* ------------------ Sidebar ------------------ */
+
+
+/* The general listboxclass above to flex */
+.site-content > .sidebar > .category {
+ display: flex;
+ justify-content: center;
+}
+
+/* The whole list box */
+.site-content > .sidebar .category-list {
+ font-family: var(--textntitles);
+}
+
+/* All the different Category Items */
+.site-content > .sidebar .category-list .list-items {
+ background: var(--pink);
+ padding: 0.4rem 4rem 0.4rem 1rem;
+ margin: 0.8rem 0.9rem;
+ border-radius: 1rem;
+ width: 100%;
+ transition: all 300ms ease;
+}
+
+.site-content > .sidebar .category-list .list-items:hover {
+ transform: translateX(1.2rem);
+ background: var(--pink-very-light);
+}
+
+.site-content > .sidebar .category-list .list-items a {
+ color: white;
+ font-size: 1.2rem;
+ font-weight: 400;
+}
+
+.site-content .sidebar .popular-post .post-content {
+ padding: 1rem 0;
+}
+
+/* Top spacing above the title "Popular Posts" */
+.site-content .sidebar .popular-post h1 {
+ padding-top: 8rem;
+}
+
+/* Popular Post overwrites */
+/* Overwrite the default property with !important for the popular posts */
+.site-content .sidebar .popular-post .post-info {
+ padding: 0.4rem 0.5rem !important;
+ bottom: 0 !important;
+ left: 1.5rem !important;
+ border-radius: 0 !important;
+ background: white !important;
+}
+
+/* a-tag overwrite the size (Title of a post) */
+.site-content .sidebar .popular-post .post-title a {
+ font-size: 1.6rem;
+}
+
+/* span-tag overwrite the size (comment and date of a post) */
+.site-content .sidebar .post-info span {
+ font-size: 1.2rem;
+}
+
+/* hr especially made for the sideline */
+.sideline {
+ width: 90%;
+ margin-left: 2rem;
+}
+
+/* ---- Newsletter section ---- */
+.site-content .sidebar .newsletter {
+ padding-top: 1rem;
+}
+
+.site-content .sidebar .newsletter .form-element {
+ padding-top: 0.5rem 2rem;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+
+}
+
+/* email input field */
+.site-content .sidebar .newsletter .input-element {
+ width: 80%;
+ height: 3rem;
+ padding: 1rem 0.5rem;
+ font-family: var(--linksnbtn);
+ font-size: 1.2rem;
+ color: var(--text-gray);
+}
+
+/* Newsletterbutton */
+.site-content .sidebar .newsletter .form-btn {
+ border-radius: 0;
+ padding: 0.8rem 29%;
+ margin: 1rem 0;
+ transition: all 300ms;
+}
+
+.site-content .sidebar .newsletter .form-btn:hover {
+ transform: scale(1.1);
+}
+
+/* Popular tags */
+.site-content .sidebar .popular-tags {
+ padding: 3rem 0;
+}
+
+.site-content .sidebar .popular-tags .tags .tag {
+ background: var(--pink-light);
+ padding: 0.4rem 1rem;
+ color: white;
+ border-radius: 1.5rem;
+ margin: 0.3rem 0.6rem;
+}
+/* ---------------x-- Sidebar --x--------------- */
+/* ----x---- Main Content ----x---- */
+
+/* ------------------ Footer ------------------ */
+
+footer.footer {
+ height: 100%;
+ background: var(--bg-color);
+ position: relative;
+}
+
+footer.footer .container {
+ display: grid; /* Various ways to define our 4 columns */
+ /* grid-template-columns: 25% 25% 25% 25%; */
+ /* grid-template-columns: 1fr 1fr 1fr 1fr; */
+ grid-template-columns: repeat(4, 1fr);
+}
+
+/* div-footer items */
+footer.footer .container > div {
+ flex-grow: 1; /* Specified how much the item will grow inside the flexible items of the container */
+ flex-basis: 0; /* Specifies initial width of the flexible items */
+ padding: 3rem 0.9rem;
+}
+
+footer.footer .container h3 {
+ color: var(--white);
+ margin-bottom: 1.3rem;
+}
+
+footer.footer .container p {
+ margin-bottom: 1.3rem;
+}
+
+footer.footer .container .admin a {
+ font-family: var(--textntitles);
+ color: var(--white);
+ display: inline-block;
+ transition: all 200ms;
+}
+
+/* Margin works perfectly well with "block" instead of the default "inline" with a,
+but to hover it right: We need inline-block to solve this problem */
+footer.footer .container .admin a:hover {
+ color: var(--cherry);
+}
+
+footer.footer .instagram div > img {
+ display: inline-block;
+ width: 40%;
+ height: 50%;
+ margin: 0.3rem 0.4rem;
+}
+
+footer.footer .follow div i{
+ color: var(--white);
+ padding: 0rem 0.4rem;
+ transition: all 200ms;
+ font-size: 1.3rem;
+}
+
+footer.footer .follow div i:hover{
+ color: var(--cherry);
+}
+
+footer.footer .rights {
+ justify-content: center;
+ font-family: var(--linksnbtn);
+ padding-bottom: 1rem;
+}
+
+/* Back to top-button */
+
+footer.footer .move-up{
+ position: absolute;
+ right: 6%;
+ top: 50%;
+}
+
+footer.footer .move-up span{
+ color: var(--cherry);
+}
+
+footer.footer .move-up span:hover{
+ color: var(--white);
+ cursor: pointer;
+}
+
+/* ---------------x-- Footer --x--------------- */
+
+/* ====x=================== index.php ===================x==== */
+/* ======================== login.php ======================== */
+
+/* Whole login-area (formerly "container" */
+.login-container {
+ position: relative;
+ width: 100%;
+ min-height: 115vh;
+ background-color: white;
+ overflow: hidden;
+}
+
+/* :before state will cover the sign up section (Red moving ball will cover) */
+.login-container:before{
+ content: '';
+ position: absolute;
+ width: 125rem;
+ height: 125rem;
+ border-radius: 50%;
+ background: var(--red);
+ top: -10%;
+ right: 48%;
+ transform: translateY(-50%);
+ z-index: 6;
+ transition: 1.8s ease-in-out;
+}
+
+/* Container for the forms */
+.login-container .forms-container {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+}
+
+/* Container with both items, sign-in and sign-up */
+.login-container .signin-signup {
+ position: absolute;
+ top: 45%; /* TODO: Change this if you got too many input fields */
+ left: 75%;
+ transform: translate(-50%, -50%);
+ width: 50%;
+ display: grid;
+ grid-template-columns: 1fr;
+ z-index: 5;
+ transition: 1s 0.7s ease-in-out;
+}
+
+.login-container .signin-signup form {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ padding: 0 0.5rem;
+ overflow: hidden;
+ grid-column: 1 / 2; /* Two column lines in total */
+ grid-row: 1 / 2; /* Two row lines in total */
+ transition: 0.3s 0.9s ease-in-out;
+}
+
+.login-container .signin-signup form.sign-in-form {
+ z-index: 2;
+}
+
+.login-container .signin-signup form.sign-up-form {
+ z-index: 1;
+ opacity: 0;
+}
+
+.signin-signup .title {
+ font-size: 3.2rem;
+ color: var(--text-gray);
+ margin-bottom: 0.6rem;
+}
+
+.input-field {
+ max-width: 23.7rem;
+ width: 100%;
+ height: 55px;
+ background-color: var(--light-grey);
+ margin: 10px 0;
+ border-radius: 55px;
+ display: grid;
+ grid-template-columns: 15% 85%;
+ padding: 0 0.4rem;
+}
+
+/* Icons of the Sign In area */
+.input-field i {
+ text-align: center;
+ line-height: 55px;
+ color: var(--text-light);
+ font-size: 1.1rem;
+}
+
+/* Icons of the Sign In area */
+.input-field input {
+ background: none;
+ outline: none;
+ border: none;
+ line-height: 1;
+ font-weight: 600;
+ font-size: 1.1rem;
+ color: var(--text-gray);
+}
+
+.input-field input::placeholder {
+ color: var(--text-light);
+ font-weight: 500;
+}
+
+.btn.solid {
+ border: none;
+ border-radius: 2rem;
+ padding: 0.8rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ border: 1px solid var(--white);
+ transition: all 300ms;
+ margin: 0.5rem 0 2rem 0;
+}
+
+.btn.solid:hover {
+ transform: scale(1.2);
+}
+
+.panels-container {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+}
+
+.panels-container .panel {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: flex-end;
+ text-align: center;
+ z-index: 7;
+}
+
+.panels-container .panel h3 {
+ font-weight: 600;
+ line-height: 1;
+ font-size: 1.5rem;
+}
+
+.panels-container .panel p {
+ font-size: 0.95rem;
+ padding: 0.7rem 0;
+ color: var(--white)
+}
+
+.panels-container .panel .content {
+ color: var(--white);
+ transition: 0.9s 0.6s ease-in-out;
+}
+
+.panels-container > .left-panel {
+ pointer-events: all; /* We can prevent all clicks ont the panel first and THEN we can click on the form */
+ padding: 3rem 39% 2rem 12%;
+}
+
+.panels-container > .right-panel {
+ pointer-events: none; /* Right-panel shouldnt be clickable */
+ padding: 3rem 12% 2rem 39%;
+}
+
+button.btn.transparent {
+ margin: 0;
+ background: none;
+ padding: 0.5rem 1rem;
+ margin-top: 1rem;
+ transition: all 300ms;
+}
+
+button.btn.transparent:hover {
+ background: var(--white);
+ color: var(--red);
+ transform: scale(1.2);
+ border: none;
+ font-weight: 800;
+}
+
+/* To keep the right image away if the left panel is working */
+.panels-container .right-panel .content, .right-panel .image {
+ transform: translateX(1200px);
+}
+
+.image {
+ width: 100%;
+ transition: 1.1s 0.4s ease-in-out;
+}
+
+/* ------------ Animation of the login-container (defined in JS) ------------ */
+
+/* The move from sign-in to sign-up */
+.login-container.sign-up-mode:before {
+ transform: translate(100%, -50%);
+ right: 52%;
+}
+
+/* After the sign-up button is going to be pushed, the content and image will move away to the left */
+.login-container.sign-up-mode .left-panel .image,
+.login-container.sign-up-mode .left-panel .content {
+ transform: translateX(-1200px);
+}
+
+.login-container.sign-up-mode .right-panel .content,
+.login-container.sign-up-mode .right-panel .image {
+ transform: translateX(0px);
+}
+
+.login-container.sign-up-mode .left-panel {
+ pointer-events: none; /* Now with the animation the left-panel shouldnt be clickable */
+}
+
+.login-container.sign-up-mode .right-panel {
+ pointer-events: all; /* We can prevent all clicks ont the panel first and THEN we can click on the form */
+}
+
+.login-container.sign-up-mode .signin-signup {
+ left: 25%;
+}
+
+.login-container.sign-up-mode form.sign-in-form {
+ z-index: 1;
+ opacity: 0;
+}
+
+.login-container.sign-up-mode form.sign-up-form {
+ z-index: 2;
+ opacity: 1;
+}
+
+/* --- Error Messages done with PHP --- */
+
+/* .error-message-log-in {
+ display: flex;
+ justify-content: flex-end;
+} */
+.error-message-log-in p {
+ position: relative;
+ display: inline;
+ background-color: red;
+ color: var(--white);
+ border-radius: 12px;
+ margin-top: 6rem;
+ padding: 0.5rem;
+}
+
+/*
+.error-message-log-in p.special {
+ color: white;
+} */
+
+.error-message-sign-up {
+ display: flex;
+ justify-content: flex-start;
+}
+.error-message-sign-up p {
+ position: relative;
+ display: inline;
+ background-color: red;
+ color: var(--white);
+ border-radius: 12px;
+ /* border-top-left-radius: 12px;
+ border-bottom-left-radius: 12px; */
+ padding: 0.5rem;
+ margin-bottom: 1rem;
+}
+
+.error-message-sign-up p.successfulsignup {
+ position: relative;
+ display: inline;
+ background-color: rgb(39, 236, 0);
+ color: var(--white);
+ border-top-left-radius: 12px;
+ border-bottom-left-radius: 12px;
+ margin-top: 10rem;
+ padding: 0.5rem 0.5rem 0.5rem 0.5rem;
+}
+
+/* --- Positive Feedback done with PHP seen at index.php after successful login --- */
+
+.index-intro {
+ display: flex;
+ justify-content: center;
+}
+.index-intro p {
+ position: absolute;
+ display: inline;
+ background-color: rgb(39, 236, 0);
+ color: var(--white);
+ border-bottom-right-radius: 12px;
+ border-bottom-left-radius: 12px;
+ padding: 0.5rem;
+}
+
+
+
+
+/* ====x=================== login.php ===================x==== */
+/* ======================== post.php ======================== */
+
+/* heading section */
+#blog {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ padding: 1.5rem;
+ border-bottom: 1px solid rgba(0,0,0,0.05)
+}
+
+.blog-heading {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+
+.blog-heading h1 {
+ font-family: var(--textntitles);
+ font-size: 3rem;
+ font-weight: 700;
+ color: var(--text-gray);
+}
+
+.blog-heading span {
+ color: var(--cherry);
+ font-size: 2rem;
+}
+
+
+/* blog section */
+.blog-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin: 20px 0;
+}
+
+/* Grey BOX where the blog is covered in */
+.blog-box {
+ width: 60rem;
+ background: var(--white); /* Comment it out for transparent background */
+ box-shadow: 0 15px 20px rgba(0,0,0,0.2);
+ margin: 20px;
+}
+
+.blog-img {
+ width: 100%;
+ height: auto;
+}
+
+.blog-img img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ object-position: center;
+}
+
+/* TEXT where the blog is covered in */
+#blog .blog-container .blog-text {
+ display: flex;
+ flex-direction: column;
+ padding: 10px 25px 25px 25px;
+ flex-wrap: wrap;
+}
+
+.blog-text span {
+ font-size: 1rem;
+ margin-bottom: 1rem;
+ margin: 20px 0px;
+ font-weight: 400;
+}
+
+.blog-text h2 {
+ font-size: 2rem;
+ font-weight: 800;
+ margin-bottom: 1rem;
+}
+
+.blog-text p {
+ font-size: 1rem;
+ font-weight: 600;
+ margin-bottom: 1rem;
+ color: rgb(39, 39, 39);
+}
+
+/* Return Button */
+.back {
+ display: block;
+ width: 7rem;
+ text-align: center;
+ margin: 3rem auto 2rem auto;
+ transition: all 300ms;
+}
+
+.back:hover {
+ transform: scale(1.2);
+}
+
+/* ====x=================== post.php ===================x==== */
+/* ======================== tellyourstory.php ======================== */
+
+/*TODO: If the user is LOGGED IN, THIS NAV will show up and you can write blog entry */
+.tell-your-story {
+ /* display:none; */
+ display: flex;
+}
+
+.blog-heading.special {
+ margin-top: 3rem;
+}
+
+#storytellingform {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+/*TODO: Change the names here for the STORY STYLE */
+
+.input-field-story {
+ width: 30rem;
+ height: 55px;
+ background-color: var(--light-grey);
+ margin: 10px 0;
+ border-radius: 10px;
+ display: grid;
+ grid-template-columns: 15% 85%;
+ padding: 0 0.4rem;
+}
+
+.input-field-story.textarea {
+ width: 30rem;
+ height: 25rem;
+ background-color: var(--light-grey);
+ margin: 10px 0;
+ border-radius: 10px;
+ display: grid;
+ grid-template-columns: 15% 85%;
+ padding: 0.4rem;
+}
+
+/* Icons of the Sign In area */
+.input-field-story i {
+ text-align: center;
+ line-height: 55px;
+ color: var(--text-light);
+ font-size: 1.1rem;
+}
+
+/* The image field of "Datei auswählen" */
+#fld_image {
+ align-self: center;
+}
+
+/* Icons of the Sign In area */
+.input-field-story input {
+ background: none;
+ outline: none;
+ border: none;
+ line-height: 1;
+ font-weight: 600;
+ font-size: 1.1rem;
+ color: var(--text-gray);
+}
+
+.input-field-story input::placeholder {
+ color: var(--text-light);
+ font-weight: 500;
+}
+
+.buttonsection {
+ display: flex;
+ justify-content: center;
+
+}
+
+/* Publish button */
+.btn.solid.special.publish {
+ margin-right: 7rem;
+ margin-left: 1rem;
+}
+
+/* return button */
+.btn.solid.special.return {
+ margin-right: 1rem;
+}
+
+.btn.solid {
+ border: none;
+ border-radius: 2rem;
+ padding: 0.8rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ border: 1px solid var(--white);
+ transition: all 300ms;
+ margin: 0.5rem 0 2rem 0;
+}
+
+.btn.solid:hover {
+ transform: scale(1.2);
+}
+
+/* Errormessages for the story publishing */
+
+.error-message-publish {
+ display: flex;
+ justify-content: center;
+ margin: 1rem 0;
+}
+
+.error-message-publish p {
+ position: relative;
+ display: inline-block;
+ background-color: red;
+ color: var(--white);
+ border-radius: 12px;
+ /* border-top-left-radius: 12px;
+ border-bottom-left-radius: 12px; */
+ padding: 0.5rem;
+}
+
+.successfulpublish {
+ display: flex;
+ justify-content: center;
+ margin: 1rem 0;
+}
+
+.successfulpublish p {
+ position: relative;
+ display: inline-block;
+ background-color: rgb(39, 236, 0);
+ color: var(--white);
+ border-radius: 12px;
+ padding: 0.5rem;
+}
+
+
+/* ====x=================== tellyourstory.php ===================x==== */
+/* ======================== memberboard.php ======================== */
+
+#memberboard {
+ height: 45rem;
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ justify-content: center;
+ align-items: center;
+ background: var(--white);
+ overflow: hidden;
+}
+
+
+
+
+.card {
+ display: grid;
+ grid-template-columns: 420px; /* 420 width */
+ grid-template-rows: 320px 235px 40px;
+ grid-template-areas: "image" "text" "stats";
+ font-family: var(--textntitles);
+ border-radius: 18px;
+ background: white;
+ box-shadow: 5px 5px 15px rgba(0,0,0,0.7);
+ transition: all 300ms ease-in-out;
+ cursor: pointer;
+ margin: 0 auto;
+}
+
+.card:hover {
+ transform: scale(1.5); /*FIXME: This is broken */
+ box-shadow: 5px 5px 15px rgba(0,0,0,1.2);
+}
+
+.card-image {
+ grid-area: image;
+ /* background: url("../../images/members/member1.jpg"); */
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+ background-size: cover;
+}
+
+/* .card-image2 {
+ grid-area: image;
+ background: url("../../images/members/member2.jpg");
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+ background-size: cover;
+} */
+
+/* .card-image3 {
+ grid-area: image;
+ background: url("../../images/members/member3.jpg");
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+ background-size: cover;
+} */
+
+.card-text {
+ grid-area: text;
+}
+
+.card-text span {
+ font-size: 0.7rem;
+ text-align: center;
+ display: block;
+ margin: 0.5rem 0 1rem 0;
+ color: var(--cherry);
+}
+
+.card-text h2 {
+ font-size: 1.3rem;
+ padding-left: 2rem;
+ font-weight: 600;
+}
+
+.card-text p {
+ font-size: 0.9rem;
+ padding-left: 2.2rem;
+ margin-bottom: 1rem;
+}
+
+.card-stats {
+ grid-area: stats;
+ background: var(--pink-very-light);
+ border-bottom-left-radius: 15px;
+ border-bottom-right-radius: 15px;
+}
+
+/* Admin or Members */
+.stat h3 {
+ font-size: 0.9rem;
+ font-weight: 600;
+ text-align: center;
+ padding-top: 0.6rem;
+ color: white;
+}
+
+/* ====x=================== memberboard.php ===================x==== */
+/* ======================== (ADMIN) login.php (ADMIN) ======================== */
+
+/* Section of the Admin Login */
+#admin-login {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ width: 100%;
+ min-height: 45rem;
+ background: var(--pink-heavy);
+ overflow: hidden;
+}
+
+/* Admin Login Box */
+.center {
+ width: 400px;
+ background: white;
+ border-radius: 10px;
+ box-shadow: 10px 10px 15px rgba(0,0,0,0.2);
+}
+
+.center h1 {
+ font-family: var(--textntitles);
+ font-size: 3rem;
+ font-weight: 700;
+ color: var(--text-gray);
+ text-align: center;
+ padding: 20px 0;
+ border-bottom: 2px solid var(--sakura);
+ margin: 0 40px;
+}
+
+.center form {
+ padding: 0 40px;
+ box-sizing: border-box;
+ height: 15rem;
+}
+
+form .txt_field {
+ position: relative;
+ border-bottom: 2px solid #adadad;
+ margin: 30px 0;
+}
+
+.txt_field input{
+ width: 100%;
+ padding: 0 5px;
+ height: 40px;
+ font-size: 16px;
+ border: none;
+ background: none;
+ outline: none;
+}
+
+
+.txt_field label{
+ position: absolute;
+ top: 50%;
+ left: 5px;
+ font-family: var(--textntitles);
+ color: var(--text-light);
+ transform: translateY(-50%);
+ font-size: 16px;
+ pointer-events: none;
+ transition: .5s;
+}
+
+.txt_field span::before{
+ content: '';
+ position: absolute;
+ top: 40px;
+ left: 0;
+ width: 0%;
+ height: 2px;
+ background: var(--sakura);
+ transition: .5s;
+}
+
+/* For the "Swosh" Effect */
+.txt_field input:focus ~ label,
+.txt_field input:valid ~ label{
+ top: -5px;
+ color: var(--sakura);
+}
+
+.txt_field input:focus ~ span::before,
+.txt_field input:valid ~ span::before{
+ width: 100%;
+}
+
+/* Area of the sign in and return button */
+.buttonarea {
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
+ flex-direction: row;
+ height: 80px;
+}
+
+.btn-special-sign-in, .btn-special-return {
+ border: none;
+ border-radius: 2rem;
+ padding: 1rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ transition: all 300ms;
+}
+
+.btn-special-sign-in:hover, .btn-special-return:hover {
+ transform: scale(1.2);
+}
+
+/* ====x=================== (ADMIN) login.php (ADMIN) ===================x==== */
+/* ======================== (ADMIN) index.php (ADMIN) ======================== */
+
+#admin-control {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: space-evenly;
+ align-items: center;
+ position: relative;
+ width: 100%;
+ min-height: 60rem;
+ background: var(--pink-heavy);
+ overflow: hidden;
+}
+
+/* Admin Login Box */
+.controlbox {
+ max-width: 500px;
+ height: 350px;
+ background: white;
+ border-radius: 10px;
+ box-shadow: 10px 10px 15px rgba(0,0,0,0.2);
+ display: flex;
+ flex-direction: column;
+ justify-content: space-evenly;
+ align-items: center;
+ transition: all 300ms ease-in-out;
+}
+:hover.controlbox {
+ transform: scale(1.1);
+}
+
+.controlbox h1 {
+ font-size: 2.5rem;
+ font-weight: 600;
+ padding: 1rem 3rem 0 3rem;
+ text-align: center;
+}
+
+.controlbox .fas.fa-book,.controlbox .fas.fa-user {
+ font-size: 2.5rem;
+}
+
+.controlbox h2 {
+ font-size: 1.1rem;
+ font-weight: 300;
+ text-align: center;
+}
+
+.btn-edit {
+ border-radius: 2rem;
+ padding: 0.8rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+}
+
+:hover.btn-edit {
+ background: chartreuse;
+ color: var(--text-gray);
+}
+
+
+
+
+footer.footer .admin-rights {
+ justify-content: center;
+ font-family: var(--linksnbtn);
+ padding: 1rem;
+}
+
+
+
+
+
+/* ====x=================== (ADMIN) index.php (ADMIN) ===================x==== */
\ No newline at end of file
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/css/variables.css b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/css/variables.css
new file mode 100644
index 0000000..f4a636f
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/css/variables.css
@@ -0,0 +1,213 @@
+/* Over here you will find:
+
+ - CSS Reset
+ - Custom Fonts
+ - Variables
+ - Global classes
+
+*/
+
+
+/* === Small CSS Reset === */
+*{
+ margin: 0;
+ padding: 0;
+}
+*, *::after, *::before{
+ box-sizing: border-box;
+}
+
+/* Custom Fonts for possible use */
+
+@font-face {
+ font-family: 'myFirstFont';
+ src: url('../theme/fonts/SF_Shai_Fontai_Extended-webfont.woff');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'mySecondFont';
+ src: url('../theme/fonts/Japan.ttf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'myThirdFont';
+ src: url('../theme/fonts/JAPANBRUSH.ttf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+/* -------- Variables --------- */
+
+:root {
+
+/* Themed colors https://coolors.co/ */
+--text-gray: #2e3338;
+--text-light: #525252da;
+--bg-color: #0f0f0f;
+--white: #ffffff;
+--cherry: #fa6ebb;
+--sakura: #f8a8c9;
+--darkcherry: #790032;
+--red: #c00000;
+--light-grey: #d8d8d8;
+
+/* Gradient color https://webgradients.com/ */
+
+--sky: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
+--pink: linear-gradient(120deg, #fd84a2 0%, #cf4585 100%);
+--pink-light: linear-gradient(120deg, #f1a3c4 0%, #dfa1ee 100%);
+--pink-very-light: linear-gradient(120deg, #fd84a2 0%, #fac0db 100%);
+--pink-heavy: linear-gradient(120deg, #a81f41 0%, #fac0db 100%);
+
+/* Themed fonts (used in this blog) */
+
+--logo: 'Permanent Marker', cursive; /* For logo */
+--linksnbtn: 'Abel', cursive; /* For Links and Buttons */
+--textntitles: 'Nunito', sans-serif; /* For Text and Titles */
+
+}
+
+/* ----x---- Variables ----x---- */
+/* --------- Global Classes --------- */
+a {
+ text-decoration: none;
+ color: var(--text-gray);
+}
+
+p {
+ font-family: var(--textntitles);
+ color: var(--text-light);
+}
+
+/* Add a flex-row in the html to flex the object... */
+.flex-row {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap; /* It can collapse perfectly if the size is shrinking */
+}
+
+ul {
+ list-style-type: none;
+}
+
+span {
+ font-family: var(--textntitles);
+ font-size: 1.3rem;
+}
+
+h1 {
+ font-family: var(--textntitles);
+ font-size: 5.5rem;
+ font-weight: 700;
+}
+
+h2 {
+ font-family: var(--textntitles);
+ font-size: 3.4rem;
+ font-weight: 500;
+ color: var(--text-gray);
+}
+
+h3 {
+ font-family: var(--textntitles);
+ font-size: 1.3rem;
+ font-weight: 500;
+}
+
+button.btn, a.btn {
+ border-radius: 2rem;
+ padding: 1rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ border: 1px solid var(--white);
+}
+
+.container {
+ margin: 0 2vw;
+}
+
+.text-gray {
+ color: var(--text-gray);
+}
+
+section .title {
+ text-align: center;
+ padding-top: 3.5rem;
+ font-family: var(--textntitles);
+ font-size: 3.5rem;
+ font-weight: 500;
+ color: var(--text-gray);
+}
+
+section .title-main {
+ font-family: var(--textntitles);
+ font-size: 3rem;
+ font-weight: 500;
+ color: var(--text-gray);
+ margin: 6rem 0 1rem 2rem;
+}
+
+section .title-sidebar {
+ font-family: var(--textntitles);
+ font-size: 3rem;
+ font-weight: 500;
+ color: var(--text-gray);
+ text-align: center;
+ padding-top: 6rem;
+ margin-bottom: 1.5rem;
+}
+
+body {
+ width: 100%;
+ /* To eliminate horizontal scrollbar */
+ overflow-y: scroll;
+ overflow-x: hidden;
+}
+
+input {
+ font-family: var(--textntitles);
+}
+
+label {
+ font-family: var(--textntitles);
+ color: var(--text-gray);
+ text-align: center;
+}
+
+.label-story {
+ display: inline-block;
+ font-family: var(--textntitles);
+ color: var(--cherry);
+ padding-left: 2%;
+ margin-top: 1rem;
+}
+
+.label-mandatory {
+ display: inline-block;
+ font-family: var(--textntitles);
+ color: grey;
+ padding-left: 2%;
+ margin-bottom: 2rem;
+}
+
+textarea {
+ font-family: var(--textntitles);
+ font-size: 1rem;
+ font-weight: 500;
+ padding: 0.4rem;
+}
+
+hr {
+ border: 1px solid;
+ color: var(--text-light);
+}
+
+/* ----x---- Global Classes ----x---- */
\ No newline at end of file
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf
new file mode 100644
index 0000000..bff3b0d
Binary files /dev/null and b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf differ
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/fonts/Japan.ttf b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/fonts/Japan.ttf
new file mode 100644
index 0000000..85ead95
Binary files /dev/null and b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/fonts/Japan.ttf differ
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff
new file mode 100644
index 0000000..5fd5fba
Binary files /dev/null and b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff differ
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/javascript/aos.js b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/javascript/aos.js
new file mode 100644
index 0000000..0ba1c7b
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/javascript/aos.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AOS=t():e.AOS=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return e[o].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="dist/",t(0)}([function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}var i=Object.assign||function(e){for(var t=1;t0&&void 0!==arguments[0]&&arguments[0];if(e&&(k=!0),k)return w=(0,y.default)(w,x),(0,b.default)(w,x.once),w},O=function(){w=(0,h.default)(),j()},_=function(){w.forEach(function(e,t){e.node.removeAttribute("data-aos"),e.node.removeAttribute("data-aos-easing"),e.node.removeAttribute("data-aos-duration"),e.node.removeAttribute("data-aos-delay")})},S=function(e){return e===!0||"mobile"===e&&p.default.mobile()||"phone"===e&&p.default.phone()||"tablet"===e&&p.default.tablet()||"function"==typeof e&&e()===!0},z=function(e){x=i(x,e),w=(0,h.default)();var t=document.all&&!window.atob;return S(x.disable)||t?_():(document.querySelector("body").setAttribute("data-aos-easing",x.easing),document.querySelector("body").setAttribute("data-aos-duration",x.duration),document.querySelector("body").setAttribute("data-aos-delay",x.delay),"DOMContentLoaded"===x.startEvent&&["complete","interactive"].indexOf(document.readyState)>-1?j(!0):"load"===x.startEvent?window.addEventListener(x.startEvent,function(){j(!0)}):document.addEventListener(x.startEvent,function(){j(!0)}),window.addEventListener("resize",(0,f.default)(j,x.debounceDelay,!0)),window.addEventListener("orientationchange",(0,f.default)(j,x.debounceDelay,!0)),window.addEventListener("scroll",(0,u.default)(function(){(0,b.default)(w,x.once)},x.throttleDelay)),x.disableMutationObserver||(0,d.default)("[data-aos]",O),w)};e.exports={init:z,refresh:j,refreshHard:O}},function(e,t){},,,,,function(e,t){(function(t){"use strict";function n(e,t,n){function o(t){var n=b,o=v;return b=v=void 0,k=t,g=e.apply(o,n)}function r(e){return k=e,h=setTimeout(s,t),_?o(e):g}function a(e){var n=e-w,o=e-k,i=t-n;return S?j(i,y-o):i}function c(e){var n=e-w,o=e-k;return void 0===w||n>=t||n<0||S&&o>=y}function s(){var e=O();return c(e)?d(e):void(h=setTimeout(s,a(e)))}function d(e){return h=void 0,z&&b?o(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),k=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(O())}function m(){var e=O(),n=c(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(s,t),o(w)}return void 0===h&&(h=setTimeout(s,t)),g}var b,v,y,g,h,w,k=0,_=!1,S=!1,z=!0;if("function"!=typeof e)throw new TypeError(f);return t=u(t)||0,i(n)&&(_=!!n.leading,S="maxWait"in n,y=S?x(u(n.maxWait)||0,t):y,z="trailing"in n?!!n.trailing:z),m.cancel=l,m.flush=p,m}function o(e,t,o){var r=!0,a=!0;if("function"!=typeof e)throw new TypeError(f);return i(o)&&(r="leading"in o?!!o.leading:r,a="trailing"in o?!!o.trailing:a),n(e,t,{leading:r,maxWait:t,trailing:a})}function i(e){var t="undefined"==typeof e?"undefined":c(e);return!!e&&("object"==t||"function"==t)}function r(e){return!!e&&"object"==("undefined"==typeof e?"undefined":c(e))}function a(e){return"symbol"==("undefined"==typeof e?"undefined":c(e))||r(e)&&k.call(e)==d}function u(e){if("number"==typeof e)return e;if(a(e))return s;if(i(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=i(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(l,"");var n=m.test(e);return n||b.test(e)?v(e.slice(2),n?2:8):p.test(e)?s:+e}var c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f="Expected a function",s=NaN,d="[object Symbol]",l=/^\s+|\s+$/g,p=/^[-+]0x[0-9a-f]+$/i,m=/^0b[01]+$/i,b=/^0o[0-7]+$/i,v=parseInt,y="object"==("undefined"==typeof t?"undefined":c(t))&&t&&t.Object===Object&&t,g="object"==("undefined"==typeof self?"undefined":c(self))&&self&&self.Object===Object&&self,h=y||g||Function("return this")(),w=Object.prototype,k=w.toString,x=Math.max,j=Math.min,O=function(){return h.Date.now()};e.exports=o}).call(t,function(){return this}())},function(e,t){(function(t){"use strict";function n(e,t,n){function i(t){var n=b,o=v;return b=v=void 0,O=t,g=e.apply(o,n)}function r(e){return O=e,h=setTimeout(s,t),_?i(e):g}function u(e){var n=e-w,o=e-O,i=t-n;return S?x(i,y-o):i}function f(e){var n=e-w,o=e-O;return void 0===w||n>=t||n<0||S&&o>=y}function s(){var e=j();return f(e)?d(e):void(h=setTimeout(s,u(e)))}function d(e){return h=void 0,z&&b?i(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),O=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(j())}function m(){var e=j(),n=f(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(s,t),i(w)}return void 0===h&&(h=setTimeout(s,t)),g}var b,v,y,g,h,w,O=0,_=!1,S=!1,z=!0;if("function"!=typeof e)throw new TypeError(c);return t=a(t)||0,o(n)&&(_=!!n.leading,S="maxWait"in n,y=S?k(a(n.maxWait)||0,t):y,z="trailing"in n?!!n.trailing:z),m.cancel=l,m.flush=p,m}function o(e){var t="undefined"==typeof e?"undefined":u(e);return!!e&&("object"==t||"function"==t)}function i(e){return!!e&&"object"==("undefined"==typeof e?"undefined":u(e))}function r(e){return"symbol"==("undefined"==typeof e?"undefined":u(e))||i(e)&&w.call(e)==s}function a(e){if("number"==typeof e)return e;if(r(e))return f;if(o(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=o(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(d,"");var n=p.test(e);return n||m.test(e)?b(e.slice(2),n?2:8):l.test(e)?f:+e}var u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c="Expected a function",f=NaN,s="[object Symbol]",d=/^\s+|\s+$/g,l=/^[-+]0x[0-9a-f]+$/i,p=/^0b[01]+$/i,m=/^0o[0-7]+$/i,b=parseInt,v="object"==("undefined"==typeof t?"undefined":u(t))&&t&&t.Object===Object&&t,y="object"==("undefined"==typeof self?"undefined":u(self))&&self&&self.Object===Object&&self,g=v||y||Function("return this")(),h=Object.prototype,w=h.toString,k=Math.max,x=Math.min,j=function(){return g.Date.now()};e.exports=n}).call(t,function(){return this}())},function(e,t){"use strict";function n(e,t){var n=window.document,r=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver,a=new r(o);i=t,a.observe(n.documentElement,{childList:!0,subtree:!0,removedNodes:!0})}function o(e){e&&e.forEach(function(e){var t=Array.prototype.slice.call(e.addedNodes),n=Array.prototype.slice.call(e.removedNodes),o=t.concat(n).filter(function(e){return e.hasAttribute&&e.hasAttribute("data-aos")}).length;o&&i()})}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){};t.default=n},function(e,t){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(){return navigator.userAgent||navigator.vendor||window.opera||""}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;ne.position?e.node.classList.add("aos-animate"):"undefined"!=typeof o&&("false"===o||!n&&"true"!==o)&&e.node.classList.remove("aos-animate")},o=function(e,t){var o=window.pageYOffset,i=window.innerHeight;e.forEach(function(e,r){n(e,i+o,t)})};t.default=o},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(12),r=o(i),a=function(e,t){return e.forEach(function(e,n){e.node.classList.add("aos-init"),e.position=(0,r.default)(e.node,t.offset)}),e};t.default=a},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(13),r=o(i),a=function(e,t){var n=0,o=0,i=window.innerHeight,a={offset:e.getAttribute("data-aos-offset"),anchor:e.getAttribute("data-aos-anchor"),anchorPlacement:e.getAttribute("data-aos-anchor-placement")};switch(a.offset&&!isNaN(a.offset)&&(o=parseInt(a.offset)),a.anchor&&document.querySelectorAll(a.anchor)&&(e=document.querySelectorAll(a.anchor)[0]),n=(0,r.default)(e).top,a.anchorPlacement){case"top-bottom":break;case"center-bottom":n+=e.offsetHeight/2;break;case"bottom-bottom":n+=e.offsetHeight;break;case"top-center":n+=i/2;break;case"bottom-center":n+=i/2+e.offsetHeight;break;case"center-center":n+=i/2+e.offsetHeight/2;break;case"top-top":n+=i;break;case"bottom-top":n+=e.offsetHeight+i;break;case"center-top":n+=e.offsetHeight/2+i}return a.anchorPlacement||a.offset||isNaN(t)||(o=t),n+o};t.default=a},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){for(var t=0,n=0;e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop);)t+=e.offsetLeft-("BODY"!=e.tagName?e.scrollLeft:0),n+=e.offsetTop-("BODY"!=e.tagName?e.scrollTop:0),e=e.offsetParent;return{top:n,left:t}};t.default=n},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){return e=e||document.querySelectorAll("[data-aos]"),Array.prototype.map.call(e,function(e){return{node:e}})};t.default=n}])});
\ No newline at end of file
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/javascript/main.js b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/javascript/main.js
new file mode 100644
index 0000000..f0d1bdb
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/javascript/main.js
@@ -0,0 +1,116 @@
+/* ======================== index.php ======================== */
+
+// Live Server autoscroll bug
+// $(window).scroll (function(){
+// sessionStorage.scrollTop = $(this).scrollTop();
+// });
+
+// Variables:
+const responsive = {
+ 0: {
+ items: 1 // Bugfix (Avoid to see all 4 items in just 320px)
+ },
+ 400: {
+ items: 1 // At 320px vw we only see one carousel item
+ },
+ 700: {
+ items: 2 // At 700px vw we see two carousel items
+ },
+ 1100: {
+ items: 3 // At 1000px vw we see three carousel items
+ }
+}
+
+
+
+
+
+$(document).ready(function(){
+
+ /* CSS Scrollbug */
+// $(window).on('unload', function() {
+// $(window).scrollTop(0); });
+// window.onunload = function(){
+// window.scrollTo(0,0); };
+// if ('scrollRestoration' in history)
+// { history.scrollRestoration = 'manual'; };
+
+ /* CSS Scrollbug */
+ // if (sessionStorage.scrollTop != "undefined") {
+ // $(window).scrollTop(sessionStorage.scrollTop);
+ // }
+
+
+ /* --- definition of variables --- */
+ $nav = $('.nav');
+ $toggleCollapse = $('.toggle-collapse');
+ $menuToggleBtn = $('.menu-toggle-btn')
+
+ /* --- click event to toggle the nav menu --- */
+ $toggleCollapse.click(function(){
+ $nav.toggleClass('collapse', 1000); /* we get a new collapse class especially made for toggeling */
+ })
+
+ /* --- click event to exchange the burgersymbol with the x of fa-times --- */
+ $menuToggleBtn.click(function() {
+ $(this).toggleClass('fa-times');
+ })
+
+ /* Attempt to hover out to remove the collapse*/
+ // $("main").hover(
+ // function(){
+ // $('.collapse').fadeOut('slow', function(){
+ // console.log('Faded Out')
+ // });
+ // });
+
+
+ // -- owl-crousel for blog -- //
+ $('.owl-carousel').owlCarousel({
+ loop: true,
+ autoplay: false, // false to stop
+ autoplayTimeout: 5000,
+ dots: false,
+ nav: true,
+ navText: [$('.owl-navigation .owl-nav-prev'), $('.owl-navigation .owl-nav-next')],
+ responsive: responsive // This defined variable (above) got a function
+
+ });
+
+ // -- click to scroll to top -- //
+ $('.move-up span').click(function(){
+ $('html, body').animate({
+ scrollTop: 0
+ }, 1000); // 1 Second duration to scroll up
+ })
+
+ // -- AOS Animation on scroll Instance -- //
+ AOS.init()
+
+
+ // -- ERROR-MESSAGES login and signup -- //
+ // $('btn solid sign-in').click(function(){
+ // $('error-message').show(900);
+
+ // })
+
+
+ });
+
+ /* ====x=================== index.php ===================x==== */
+ /* ======================== login.php ======================== */
+
+ const sign_in_btn = document.querySelector("#sign-in-btn");
+ const sign_up_btn = document.querySelector("#sign-up-btn");
+ const login_container = document.querySelector(".login-container");
+
+ sign_up_btn.addEventListener('click', () => {
+ login_container.classList.add("sign-up-mode");
+ });
+
+ sign_in_btn.addEventListener('click', () => {
+ login_container.classList.remove("sign-up-mode");
+ });
+
+
+ /* ====x=================== login.php ===================x==== */
\ No newline at end of file
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js
new file mode 100644
index 0000000..fbbffc5
--- /dev/null
+++ b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js
@@ -0,0 +1,7 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+!function(a,b,c,d){function e(b,c){this.settings=null,this.options=a.extend({},e.Defaults,c),this.$element=a(b),this._handlers={},this._plugins={},this._supress={},this._current=null,this._speed=null,this._coordinates=[],this._breakpoint=null,this._width=null,this._items=[],this._clones=[],this._mergers=[],this._widths=[],this._invalidated={},this._pipe=[],this._drag={time:null,target:null,pointer:null,stage:{start:null,current:null},direction:null},this._states={current:{},tags:{initializing:["busy"],animating:["busy"],dragging:["interacting"]}},a.each(["onResize","onThrottledResize"],a.proxy(function(b,c){this._handlers[c]=a.proxy(this[c],this)},this)),a.each(e.Plugins,a.proxy(function(a,b){this._plugins[a.charAt(0).toLowerCase()+a.slice(1)]=new b(this)},this)),a.each(e.Workers,a.proxy(function(b,c){this._pipe.push({filter:c.filter,run:a.proxy(c.run,this)})},this)),this.setup(),this.initialize()}e.Defaults={items:3,loop:!1,center:!1,rewind:!1,checkVisibility:!0,mouseDrag:!0,touchDrag:!0,pullDrag:!0,freeDrag:!1,margin:0,stagePadding:0,merge:!1,mergeFit:!0,autoWidth:!1,startPosition:0,rtl:!1,smartSpeed:250,fluidSpeed:!1,dragEndSpeed:!1,responsive:{},responsiveRefreshRate:200,responsiveBaseElement:b,fallbackEasing:"swing",slideTransition:"",info:!1,nestedItemSelector:!1,itemElement:"div",stageElement:"div",refreshClass:"owl-refresh",loadedClass:"owl-loaded",loadingClass:"owl-loading",rtlClass:"owl-rtl",responsiveClass:"owl-responsive",dragClass:"owl-drag",itemClass:"owl-item",stageClass:"owl-stage",stageOuterClass:"owl-stage-outer",grabClass:"owl-grab"},e.Width={Default:"default",Inner:"inner",Outer:"outer"},e.Type={Event:"event",State:"state"},e.Plugins={},e.Workers=[{filter:["width","settings"],run:function(){this._width=this.$element.width()}},{filter:["width","items","settings"],run:function(a){a.current=this._items&&this._items[this.relative(this._current)]}},{filter:["items","settings"],run:function(){this.$stage.children(".cloned").remove()}},{filter:["width","items","settings"],run:function(a){var b=this.settings.margin||"",c=!this.settings.autoWidth,d=this.settings.rtl,e={width:"auto","margin-left":d?b:"","margin-right":d?"":b};!c&&this.$stage.children().css(e),a.css=e}},{filter:["width","items","settings"],run:function(a){var b=(this.width()/this.settings.items).toFixed(3)-this.settings.margin,c=null,d=this._items.length,e=!this.settings.autoWidth,f=[];for(a.items={merge:!1,width:b};d--;)c=this._mergers[d],c=this.settings.mergeFit&&Math.min(c,this.settings.items)||c,a.items.merge=c>1||a.items.merge,f[d]=e?b*c:this._items[d].width();this._widths=f}},{filter:["items","settings"],run:function(){var b=[],c=this._items,d=this.settings,e=Math.max(2*d.items,4),f=2*Math.ceil(c.length/2),g=d.loop&&c.length?d.rewind?e:Math.max(e,f):0,h="",i="";for(g/=2;g>0;)b.push(this.normalize(b.length/2,!0)),h+=c[b[b.length-1]][0].outerHTML,b.push(this.normalize(c.length-1-(b.length-1)/2,!0)),i=c[b[b.length-1]][0].outerHTML+i,g-=1;this._clones=b,a(h).addClass("cloned").appendTo(this.$stage),a(i).addClass("cloned").prependTo(this.$stage)}},{filter:["width","items","settings"],run:function(){for(var a=this.settings.rtl?1:-1,b=this._clones.length+this._items.length,c=-1,d=0,e=0,f=[];++c",h)||this.op(b,"<",g)&&this.op(b,">",h))&&i.push(c);this.$stage.children(".active").removeClass("active"),this.$stage.children(":eq("+i.join("), :eq(")+")").addClass("active"),this.$stage.children(".center").removeClass("center"),this.settings.center&&this.$stage.children().eq(this.current()).addClass("center")}}],e.prototype.initializeStage=function(){this.$stage=this.$element.find("."+this.settings.stageClass),this.$stage.length||(this.$element.addClass(this.options.loadingClass),this.$stage=a("<"+this.settings.stageElement+">",{class:this.settings.stageClass}).wrap(a("
",{class:this.settings.stageOuterClass})),this.$element.append(this.$stage.parent()))},e.prototype.initializeItems=function(){var b=this.$element.find(".owl-item");if(b.length)return this._items=b.get().map(function(b){return a(b)}),this._mergers=this._items.map(function(){return 1}),void this.refresh();this.replace(this.$element.children().not(this.$stage.parent())),this.isVisible()?this.refresh():this.invalidate("width"),this.$element.removeClass(this.options.loadingClass).addClass(this.options.loadedClass)},e.prototype.initialize=function(){if(this.enter("initializing"),this.trigger("initialize"),this.$element.toggleClass(this.settings.rtlClass,this.settings.rtl),this.settings.autoWidth&&!this.is("pre-loading")){var a,b,c;a=this.$element.find("img"),b=this.settings.nestedItemSelector?"."+this.settings.nestedItemSelector:d,c=this.$element.children(b).width(),a.length&&c<=0&&this.preloadAutoWidthImages(a)}this.initializeStage(),this.initializeItems(),this.registerEventHandlers(),this.leave("initializing"),this.trigger("initialized")},e.prototype.isVisible=function(){return!this.settings.checkVisibility||this.$element.is(":visible")},e.prototype.setup=function(){var b=this.viewport(),c=this.options.responsive,d=-1,e=null;c?(a.each(c,function(a){a<=b&&a>d&&(d=Number(a))}),e=a.extend({},this.options,c[d]),"function"==typeof e.stagePadding&&(e.stagePadding=e.stagePadding()),delete e.responsive,e.responsiveClass&&this.$element.attr("class",this.$element.attr("class").replace(new RegExp("("+this.options.responsiveClass+"-)\\S+\\s","g"),"$1"+d))):e=a.extend({},this.options),this.trigger("change",{property:{name:"settings",value:e}}),this._breakpoint=d,this.settings=e,this.invalidate("settings"),this.trigger("changed",{property:{name:"settings",value:this.settings}})},e.prototype.optionsLogic=function(){this.settings.autoWidth&&(this.settings.stagePadding=!1,this.settings.merge=!1)},e.prototype.prepare=function(b){var c=this.trigger("prepare",{content:b});return c.data||(c.data=a("<"+this.settings.itemElement+"/>").addClass(this.options.itemClass).append(b)),this.trigger("prepared",{content:c.data}),c.data},e.prototype.update=function(){for(var b=0,c=this._pipe.length,d=a.proxy(function(a){return this[a]},this._invalidated),e={};b0)&&this._pipe[b].run(e),b++;this._invalidated={},!this.is("valid")&&this.enter("valid")},e.prototype.width=function(a){switch(a=a||e.Width.Default){case e.Width.Inner:case e.Width.Outer:return this._width;default:return this._width-2*this.settings.stagePadding+this.settings.margin}},e.prototype.refresh=function(){this.enter("refreshing"),this.trigger("refresh"),this.setup(),this.optionsLogic(),this.$element.addClass(this.options.refreshClass),this.update(),this.$element.removeClass(this.options.refreshClass),this.leave("refreshing"),this.trigger("refreshed")},e.prototype.onThrottledResize=function(){b.clearTimeout(this.resizeTimer),this.resizeTimer=b.setTimeout(this._handlers.onResize,this.settings.responsiveRefreshRate)},e.prototype.onResize=function(){return!!this._items.length&&(this._width!==this.$element.width()&&(!!this.isVisible()&&(this.enter("resizing"),this.trigger("resize").isDefaultPrevented()?(this.leave("resizing"),!1):(this.invalidate("width"),this.refresh(),this.leave("resizing"),void this.trigger("resized")))))},e.prototype.registerEventHandlers=function(){a.support.transition&&this.$stage.on(a.support.transition.end+".owl.core",a.proxy(this.onTransitionEnd,this)),!1!==this.settings.responsive&&this.on(b,"resize",this._handlers.onThrottledResize),this.settings.mouseDrag&&(this.$element.addClass(this.options.dragClass),this.$stage.on("mousedown.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("dragstart.owl.core selectstart.owl.core",function(){return!1})),this.settings.touchDrag&&(this.$stage.on("touchstart.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("touchcancel.owl.core",a.proxy(this.onDragEnd,this)))},e.prototype.onDragStart=function(b){var d=null;3!==b.which&&(a.support.transform?(d=this.$stage.css("transform").replace(/.*\(|\)| /g,"").split(","),d={x:d[16===d.length?12:4],y:d[16===d.length?13:5]}):(d=this.$stage.position(),d={x:this.settings.rtl?d.left+this.$stage.width()-this.width()+this.settings.margin:d.left,y:d.top}),this.is("animating")&&(a.support.transform?this.animate(d.x):this.$stage.stop(),this.invalidate("position")),this.$element.toggleClass(this.options.grabClass,"mousedown"===b.type),this.speed(0),this._drag.time=(new Date).getTime(),this._drag.target=a(b.target),this._drag.stage.start=d,this._drag.stage.current=d,this._drag.pointer=this.pointer(b),a(c).on("mouseup.owl.core touchend.owl.core",a.proxy(this.onDragEnd,this)),a(c).one("mousemove.owl.core touchmove.owl.core",a.proxy(function(b){var d=this.difference(this._drag.pointer,this.pointer(b));a(c).on("mousemove.owl.core touchmove.owl.core",a.proxy(this.onDragMove,this)),Math.abs(d.x)0^this.settings.rtl?"left":"right";a(c).off(".owl.core"),this.$element.removeClass(this.options.grabClass),(0!==d.x&&this.is("dragging")||!this.is("valid"))&&(this.speed(this.settings.dragEndSpeed||this.settings.smartSpeed),this.current(this.closest(e.x,0!==d.x?f:this._drag.direction)),this.invalidate("position"),this.update(),this._drag.direction=f,(Math.abs(d.x)>3||(new Date).getTime()-this._drag.time>300)&&this._drag.target.one("click.owl.core",function(){return!1})),this.is("dragging")&&(this.leave("dragging"),this.trigger("dragged"))},e.prototype.closest=function(b,c){var e=-1,f=30,g=this.width(),h=this.coordinates();return this.settings.freeDrag||a.each(h,a.proxy(function(a,i){return"left"===c&&b>i-f&&bi-g-f&&b",h[a+1]!==d?h[a+1]:i-g)&&(e="left"===c?a+1:a),-1===e},this)),this.settings.loop||(this.op(b,">",h[this.minimum()])?e=b=this.minimum():this.op(b,"<",h[this.maximum()])&&(e=b=this.maximum())),e},e.prototype.animate=function(b){var c=this.speed()>0;this.is("animating")&&this.onTransitionEnd(),c&&(this.enter("animating"),this.trigger("translate")),a.support.transform3d&&a.support.transition?this.$stage.css({transform:"translate3d("+b+"px,0px,0px)",transition:this.speed()/1e3+"s"+(this.settings.slideTransition?" "+this.settings.slideTransition:"")}):c?this.$stage.animate({left:b+"px"},this.speed(),this.settings.fallbackEasing,a.proxy(this.onTransitionEnd,this)):this.$stage.css({left:b+"px"})},e.prototype.is=function(a){return this._states.current[a]&&this._states.current[a]>0},e.prototype.current=function(a){if(a===d)return this._current;if(0===this._items.length)return d;if(a=this.normalize(a),this._current!==a){var b=this.trigger("change",{property:{name:"position",value:a}});b.data!==d&&(a=this.normalize(b.data)),this._current=a,this.invalidate("position"),this.trigger("changed",{property:{name:"position",value:this._current}})}return this._current},e.prototype.invalidate=function(b){return"string"===a.type(b)&&(this._invalidated[b]=!0,this.is("valid")&&this.leave("valid")),a.map(this._invalidated,function(a,b){return b})},e.prototype.reset=function(a){(a=this.normalize(a))!==d&&(this._speed=0,this._current=a,this.suppress(["translate","translated"]),this.animate(this.coordinates(a)),this.release(["translate","translated"]))},e.prototype.normalize=function(a,b){var c=this._items.length,e=b?0:this._clones.length;return!this.isNumeric(a)||c<1?a=d:(a<0||a>=c+e)&&(a=((a-e/2)%c+c)%c+e/2),a},e.prototype.relative=function(a){return a-=this._clones.length/2,this.normalize(a,!0)},e.prototype.maximum=function(a){var b,c,d,e=this.settings,f=this._coordinates.length;if(e.loop)f=this._clones.length/2+this._items.length-1;else if(e.autoWidth||e.merge){if(b=this._items.length)for(c=this._items[--b].width(),d=this.$element.width();b--&&!((c+=this._items[b].width()+this.settings.margin)>d););f=b+1}else f=e.center?this._items.length-1:this._items.length-e.items;return a&&(f-=this._clones.length/2),Math.max(f,0)},e.prototype.minimum=function(a){return a?0:this._clones.length/2},e.prototype.items=function(a){return a===d?this._items.slice():(a=this.normalize(a,!0),this._items[a])},e.prototype.mergers=function(a){return a===d?this._mergers.slice():(a=this.normalize(a,!0),this._mergers[a])},e.prototype.clones=function(b){var c=this._clones.length/2,e=c+this._items.length,f=function(a){return a%2==0?e+a/2:c-(a+1)/2};return b===d?a.map(this._clones,function(a,b){return f(b)}):a.map(this._clones,function(a,c){return a===b?f(c):null})},e.prototype.speed=function(a){return a!==d&&(this._speed=a),this._speed},e.prototype.coordinates=function(b){var c,e=1,f=b-1;return b===d?a.map(this._coordinates,a.proxy(function(a,b){return this.coordinates(b)},this)):(this.settings.center?(this.settings.rtl&&(e=-1,f=b+1),c=this._coordinates[b],c+=(this.width()-c+(this._coordinates[f]||0))/2*e):c=this._coordinates[f]||0,c=Math.ceil(c))},e.prototype.duration=function(a,b,c){return 0===c?0:Math.min(Math.max(Math.abs(b-a),1),6)*Math.abs(c||this.settings.smartSpeed)},e.prototype.to=function(a,b){var c=this.current(),d=null,e=a-this.relative(c),f=(e>0)-(e<0),g=this._items.length,h=this.minimum(),i=this.maximum();this.settings.loop?(!this.settings.rewind&&Math.abs(e)>g/2&&(e+=-1*f*g),a=c+e,(d=((a-h)%g+g)%g+h)!==a&&d-e<=i&&d-e>0&&(c=d-e,a=d,this.reset(c))):this.settings.rewind?(i+=1,a=(a%i+i)%i):a=Math.max(h,Math.min(i,a)),this.speed(this.duration(c,a,b)),this.current(a),this.isVisible()&&this.update()},e.prototype.next=function(a){a=a||!1,this.to(this.relative(this.current())+1,a)},e.prototype.prev=function(a){a=a||!1,this.to(this.relative(this.current())-1,a)},e.prototype.onTransitionEnd=function(a){if(a!==d&&(a.stopPropagation(),(a.target||a.srcElement||a.originalTarget)!==this.$stage.get(0)))return!1;this.leave("animating"),this.trigger("translated")},e.prototype.viewport=function(){var d;return this.options.responsiveBaseElement!==b?d=a(this.options.responsiveBaseElement).width():b.innerWidth?d=b.innerWidth:c.documentElement&&c.documentElement.clientWidth?d=c.documentElement.clientWidth:console.warn("Can not detect viewport width."),d},e.prototype.replace=function(b){this.$stage.empty(),this._items=[],b&&(b=b instanceof jQuery?b:a(b)),this.settings.nestedItemSelector&&(b=b.find("."+this.settings.nestedItemSelector)),b.filter(function(){return 1===this.nodeType}).each(a.proxy(function(a,b){b=this.prepare(b),this.$stage.append(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)},this)),this.reset(this.isNumeric(this.settings.startPosition)?this.settings.startPosition:0),this.invalidate("items")},e.prototype.add=function(b,c){var e=this.relative(this._current);c=c===d?this._items.length:this.normalize(c,!0),b=b instanceof jQuery?b:a(b),this.trigger("add",{content:b,position:c}),b=this.prepare(b),0===this._items.length||c===this._items.length?(0===this._items.length&&this.$stage.append(b),0!==this._items.length&&this._items[c-1].after(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)):(this._items[c].before(b),this._items.splice(c,0,b),this._mergers.splice(c,0,1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)),this._items[e]&&this.reset(this._items[e].index()),this.invalidate("items"),this.trigger("added",{content:b,position:c})},e.prototype.remove=function(a){(a=this.normalize(a,!0))!==d&&(this.trigger("remove",{content:this._items[a],position:a}),this._items[a].remove(),this._items.splice(a,1),this._mergers.splice(a,1),this.invalidate("items"),this.trigger("removed",{content:null,position:a}))},e.prototype.preloadAutoWidthImages=function(b){b.each(a.proxy(function(b,c){this.enter("pre-loading"),c=a(c),a(new Image).one("load",a.proxy(function(a){c.attr("src",a.target.src),c.css("opacity",1),this.leave("pre-loading"),!this.is("pre-loading")&&!this.is("initializing")&&this.refresh()},this)).attr("src",c.attr("src")||c.attr("data-src")||c.attr("data-src-retina"))},this))},e.prototype.destroy=function(){this.$element.off(".owl.core"),this.$stage.off(".owl.core"),a(c).off(".owl.core"),!1!==this.settings.responsive&&(b.clearTimeout(this.resizeTimer),this.off(b,"resize",this._handlers.onThrottledResize));for(var d in this._plugins)this._plugins[d].destroy();this.$stage.children(".cloned").remove(),this.$stage.unwrap(),this.$stage.children().contents().unwrap(),this.$stage.children().unwrap(),this.$stage.remove(),this.$element.removeClass(this.options.refreshClass).removeClass(this.options.loadingClass).removeClass(this.options.loadedClass).removeClass(this.options.rtlClass).removeClass(this.options.dragClass).removeClass(this.options.grabClass).attr("class",this.$element.attr("class").replace(new RegExp(this.options.responsiveClass+"-\\S+\\s","g"),"")).removeData("owl.carousel")},e.prototype.op=function(a,b,c){var d=this.settings.rtl;switch(b){case"<":return d?a>c:a":return d?ac;case">=":return d?a<=c:a>=c;case"<=":return d?a>=c:a<=c}},e.prototype.on=function(a,b,c,d){a.addEventListener?a.addEventListener(b,c,d):a.attachEvent&&a.attachEvent("on"+b,c)},e.prototype.off=function(a,b,c,d){a.removeEventListener?a.removeEventListener(b,c,d):a.detachEvent&&a.detachEvent("on"+b,c)},e.prototype.trigger=function(b,c,d,f,g){var h={item:{count:this._items.length,index:this.current()}},i=a.camelCase(a.grep(["on",b,d],function(a){return a}).join("-").toLowerCase()),j=a.Event([b,"owl",d||"carousel"].join(".").toLowerCase(),a.extend({relatedTarget:this},h,c));return this._supress[b]||(a.each(this._plugins,function(a,b){b.onTrigger&&b.onTrigger(j)}),this.register({type:e.Type.Event,name:b}),this.$element.trigger(j),this.settings&&"function"==typeof this.settings[i]&&this.settings[i].call(this,j)),j},e.prototype.enter=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]===d&&(this._states.current[b]=0),this._states.current[b]++},this))},e.prototype.leave=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]--},this))},e.prototype.register=function(b){if(b.type===e.Type.Event){if(a.event.special[b.name]||(a.event.special[b.name]={}),!a.event.special[b.name].owl){var c=a.event.special[b.name]._default;a.event.special[b.name]._default=function(a){return!c||!c.apply||a.namespace&&-1!==a.namespace.indexOf("owl")?a.namespace&&a.namespace.indexOf("owl")>-1:c.apply(this,arguments)},a.event.special[b.name].owl=!0}}else b.type===e.Type.State&&(this._states.tags[b.name]?this._states.tags[b.name]=this._states.tags[b.name].concat(b.tags):this._states.tags[b.name]=b.tags,this._states.tags[b.name]=a.grep(this._states.tags[b.name],a.proxy(function(c,d){return a.inArray(c,this._states.tags[b.name])===d},this)))},e.prototype.suppress=function(b){a.each(b,a.proxy(function(a,b){this._supress[b]=!0},this))},e.prototype.release=function(b){a.each(b,a.proxy(function(a,b){delete this._supress[b]},this))},e.prototype.pointer=function(a){var c={x:null,y:null};return a=a.originalEvent||a||b.event,a=a.touches&&a.touches.length?a.touches[0]:a.changedTouches&&a.changedTouches.length?a.changedTouches[0]:a,a.pageX?(c.x=a.pageX,c.y=a.pageY):(c.x=a.clientX,c.y=a.clientY),c},e.prototype.isNumeric=function(a){return!isNaN(parseFloat(a))},e.prototype.difference=function(a,b){return{x:a.x-b.x,y:a.y-b.y}},a.fn.owlCarousel=function(b){var c=Array.prototype.slice.call(arguments,1);return this.each(function(){var d=a(this),f=d.data("owl.carousel");f||(f=new e(this,"object"==typeof b&&b),d.data("owl.carousel",f),a.each(["next","prev","to","destroy","refresh","replace","add","remove"],function(b,c){f.register({type:e.Type.Event,name:c}),f.$element.on(c+".owl.carousel.core",a.proxy(function(a){a.namespace&&a.relatedTarget!==this&&(this.suppress([c]),f[c].apply(this,[].slice.call(arguments,1)),this.release([c]))},f))})),"string"==typeof b&&"_"!==b.charAt(0)&&f[b].apply(f,c)})},a.fn.owlCarousel.Constructor=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._interval=null,this._visible=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoRefresh&&this.watch()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers)};e.Defaults={autoRefresh:!0,autoRefreshInterval:500},e.prototype.watch=function(){this._interval||(this._visible=this._core.isVisible(),this._interval=b.setInterval(a.proxy(this.refresh,this),this._core.settings.autoRefreshInterval))},e.prototype.refresh=function(){this._core.isVisible()!==this._visible&&(this._visible=!this._visible,this._core.$element.toggleClass("owl-hidden",!this._visible),this._visible&&this._core.invalidate("width")&&this._core.refresh())},e.prototype.destroy=function(){var a,c;b.clearInterval(this._interval);for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoRefresh=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._loaded=[],this._handlers={"initialized.owl.carousel change.owl.carousel resized.owl.carousel":a.proxy(function(b){if(b.namespace&&this._core.settings&&this._core.settings.lazyLoad&&(b.property&&"position"==b.property.name||"initialized"==b.type)){var c=this._core.settings,e=c.center&&Math.ceil(c.items/2)||c.items,f=c.center&&-1*e||0,g=(b.property&&b.property.value!==d?b.property.value:this._core.current())+f,h=this._core.clones().length,i=a.proxy(function(a,b){this.load(b)},this);for(c.lazyLoadEager>0&&(e+=c.lazyLoadEager,c.loop&&(g-=c.lazyLoadEager,e++));f++-1||(e.each(a.proxy(function(c,d){var e,f=a(d),g=b.devicePixelRatio>1&&f.attr("data-src-retina")||f.attr("data-src")||f.attr("data-srcset");this._core.trigger("load",{element:f,url:g},"lazy"),f.is("img")?f.one("load.owl.lazy",a.proxy(function(){f.css("opacity",1),this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("src",g):f.is("source")?f.one("load.owl.lazy",a.proxy(function(){this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("srcset",g):(e=new Image,e.onload=a.proxy(function(){f.css({"background-image":'url("'+g+'")',opacity:"1"}),this._core.trigger("loaded",{element:f,url:g},"lazy")},this),e.src=g)},this)),this._loaded.push(d.get(0)))},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this._core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Lazy=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(c){this._core=c,this._previousHeight=null,this._handlers={"initialized.owl.carousel refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&this.update()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&"position"===a.property.name&&this.update()},this),"loaded.owl.lazy":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&a.element.closest("."+this._core.settings.itemClass).index()===this._core.current()&&this.update()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._intervalId=null;var d=this;a(b).on("load",function(){d._core.settings.autoHeight&&d.update()}),a(b).resize(function(){d._core.settings.autoHeight&&(null!=d._intervalId&&clearTimeout(d._intervalId),d._intervalId=setTimeout(function(){d.update()},250))})};e.Defaults={autoHeight:!1,autoHeightClass:"owl-height"},e.prototype.update=function(){var b=this._core._current,c=b+this._core.settings.items,d=this._core.settings.lazyLoad,e=this._core.$stage.children().toArray().slice(b,c),f=[],g=0;a.each(e,function(b,c){f.push(a(c).height())}),g=Math.max.apply(null,f),g<=1&&d&&this._previousHeight&&(g=this._previousHeight),this._previousHeight=g,this._core.$stage.parent().height(g).addClass(this._core.settings.autoHeightClass)},e.prototype.destroy=function(){var a,b;for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoHeight=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._videos={},this._playing=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.register({type:"state",name:"playing",tags:["interacting"]})},this),"resize.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.video&&this.isInFullScreen()&&a.preventDefault()},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.is("resizing")&&this._core.$stage.find(".cloned .owl-video-frame").remove()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"===a.property.name&&this._playing&&this.stop()},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find(".owl-video");c.length&&(c.css("display","none"),this.fetch(c,a(b.content)))}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._core.$element.on("click.owl.video",".owl-video-play-icon",a.proxy(function(a){this.play(a)},this))};e.Defaults={video:!1,videoHeight:!1,videoWidth:!1},e.prototype.fetch=function(a,b){var c=function(){return a.attr("data-vimeo-id")?"vimeo":a.attr("data-vzaar-id")?"vzaar":"youtube"}(),d=a.attr("data-vimeo-id")||a.attr("data-youtube-id")||a.attr("data-vzaar-id"),e=a.attr("data-width")||this._core.settings.videoWidth,f=a.attr("data-height")||this._core.settings.videoHeight,g=a.attr("href");if(!g)throw new Error("Missing video URL.");if(d=g.match(/(http:|https:|)\/\/(player.|www.|app.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com|be\-nocookie\.com)|vzaar\.com)\/(video\/|videos\/|embed\/|channels\/.+\/|groups\/.+\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/),d[3].indexOf("youtu")>-1)c="youtube";else if(d[3].indexOf("vimeo")>-1)c="vimeo";else{if(!(d[3].indexOf("vzaar")>-1))throw new Error("Video URL not supported.");c="vzaar"}d=d[6],this._videos[g]={type:c,id:d,width:e,height:f},b.attr("data-video",g),this.thumbnail(a,this._videos[g])},e.prototype.thumbnail=function(b,c){var d,e,f,g=c.width&&c.height?"width:"+c.width+"px;height:"+c.height+"px;":"",h=b.find("img"),i="src",j="",k=this._core.settings,l=function(c){e='
',d=k.lazyLoad?a("
",{class:"owl-video-tn "+j,srcType:c}):a("
",{class:"owl-video-tn",style:"opacity:1;background-image:url("+c+")"}),b.after(d),b.after(e)};if(b.wrap(a("
",{class:"owl-video-wrapper",style:g})),this._core.settings.lazyLoad&&(i="data-src",j="owl-lazy"),h.length)return l(h.attr(i)),h.remove(),!1;"youtube"===c.type?(f="//img.youtube.com/vi/"+c.id+"/hqdefault.jpg",l(f)):"vimeo"===c.type?a.ajax({type:"GET",url:"//vimeo.com/api/v2/video/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a[0].thumbnail_large,l(f)}}):"vzaar"===c.type&&a.ajax({type:"GET",url:"//vzaar.com/api/videos/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a.framegrab_url,l(f)}})},e.prototype.stop=function(){this._core.trigger("stop",null,"video"),this._playing.find(".owl-video-frame").remove(),this._playing.removeClass("owl-video-playing"),this._playing=null,this._core.leave("playing"),this._core.trigger("stopped",null,"video")},e.prototype.play=function(b){var c,d=a(b.target),e=d.closest("."+this._core.settings.itemClass),f=this._videos[e.attr("data-video")],g=f.width||"100%",h=f.height||this._core.$stage.height();this._playing||(this._core.enter("playing"),this._core.trigger("play",null,"video"),e=this._core.items(this._core.relative(e.index())),this._core.reset(e.index()),c=a(''),c.attr("height",h),c.attr("width",g),"youtube"===f.type?c.attr("src","//www.youtube.com/embed/"+f.id+"?autoplay=1&rel=0&v="+f.id):"vimeo"===f.type?c.attr("src","//player.vimeo.com/video/"+f.id+"?autoplay=1"):"vzaar"===f.type&&c.attr("src","//view.vzaar.com/"+f.id+"/player?autoplay=true"),a(c).wrap('
').insertAfter(e.find(".owl-video")),this._playing=e.addClass("owl-video-playing"))},e.prototype.isInFullScreen=function(){var b=c.fullscreenElement||c.mozFullScreenElement||c.webkitFullscreenElement;return b&&a(b).parent().hasClass("owl-video-frame")},e.prototype.destroy=function(){var a,b;this._core.$element.off("click.owl.video");for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Video=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this.core=b,this.core.options=a.extend({},e.Defaults,this.core.options),this.swapping=!0,this.previous=d,this.next=d,this.handlers={"change.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&(this.previous=this.core.current(),this.next=a.property.value)},this),"drag.owl.carousel dragged.owl.carousel translated.owl.carousel":a.proxy(function(a){a.namespace&&(this.swapping="translated"==a.type)},this),"translate.owl.carousel":a.proxy(function(a){a.namespace&&this.swapping&&(this.core.options.animateOut||this.core.options.animateIn)&&this.swap()},this)},this.core.$element.on(this.handlers)};e.Defaults={animateOut:!1,
+animateIn:!1},e.prototype.swap=function(){if(1===this.core.settings.items&&a.support.animation&&a.support.transition){this.core.speed(0);var b,c=a.proxy(this.clear,this),d=this.core.$stage.children().eq(this.previous),e=this.core.$stage.children().eq(this.next),f=this.core.settings.animateIn,g=this.core.settings.animateOut;this.core.current()!==this.previous&&(g&&(b=this.core.coordinates(this.previous)-this.core.coordinates(this.next),d.one(a.support.animation.end,c).css({left:b+"px"}).addClass("animated owl-animated-out").addClass(g)),f&&e.one(a.support.animation.end,c).addClass("animated owl-animated-in").addClass(f))}},e.prototype.clear=function(b){a(b.target).css({left:""}).removeClass("animated owl-animated-out owl-animated-in").removeClass(this.core.settings.animateIn).removeClass(this.core.settings.animateOut),this.core.onTransitionEnd()},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this.core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Animate=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._call=null,this._time=0,this._timeout=0,this._paused=!0,this._handlers={"changed.owl.carousel":a.proxy(function(a){a.namespace&&"settings"===a.property.name?this._core.settings.autoplay?this.play():this.stop():a.namespace&&"position"===a.property.name&&this._paused&&(this._time=0)},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoplay&&this.play()},this),"play.owl.autoplay":a.proxy(function(a,b,c){a.namespace&&this.play(b,c)},this),"stop.owl.autoplay":a.proxy(function(a){a.namespace&&this.stop()},this),"mouseover.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"mouseleave.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.play()},this),"touchstart.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"touchend.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this.play()},this)},this._core.$element.on(this._handlers),this._core.options=a.extend({},e.Defaults,this._core.options)};e.Defaults={autoplay:!1,autoplayTimeout:5e3,autoplayHoverPause:!1,autoplaySpeed:!1},e.prototype._next=function(d){this._call=b.setTimeout(a.proxy(this._next,this,d),this._timeout*(Math.round(this.read()/this._timeout)+1)-this.read()),this._core.is("interacting")||c.hidden||this._core.next(d||this._core.settings.autoplaySpeed)},e.prototype.read=function(){return(new Date).getTime()-this._time},e.prototype.play=function(c,d){var e;this._core.is("rotating")||this._core.enter("rotating"),c=c||this._core.settings.autoplayTimeout,e=Math.min(this._time%(this._timeout||c),c),this._paused?(this._time=this.read(),this._paused=!1):b.clearTimeout(this._call),this._time+=this.read()%c-e,this._timeout=c,this._call=b.setTimeout(a.proxy(this._next,this,d),c-e)},e.prototype.stop=function(){this._core.is("rotating")&&(this._time=0,this._paused=!0,b.clearTimeout(this._call),this._core.leave("rotating"))},e.prototype.pause=function(){this._core.is("rotating")&&!this._paused&&(this._time=this.read(),this._paused=!0,b.clearTimeout(this._call))},e.prototype.destroy=function(){var a,b;this.stop();for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.autoplay=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(b){this._core=b,this._initialized=!1,this._pages=[],this._controls={},this._templates=[],this.$element=this._core.$element,this._overrides={next:this._core.next,prev:this._core.prev,to:this._core.to},this._handlers={"prepared.owl.carousel":a.proxy(function(b){b.namespace&&this._core.settings.dotsData&&this._templates.push(''+a(b.content).find("[data-dot]").addBack("[data-dot]").attr("data-dot")+"
")},this),"added.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,0,this._templates.pop())},this),"remove.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,1)},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&this.draw()},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&!this._initialized&&(this._core.trigger("initialize",null,"navigation"),this.initialize(),this.update(),this.draw(),this._initialized=!0,this._core.trigger("initialized",null,"navigation"))},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._initialized&&(this._core.trigger("refresh",null,"navigation"),this.update(),this.draw(),this._core.trigger("refreshed",null,"navigation"))},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers)};e.Defaults={nav:!1,navText:['‹ ','› '],navSpeed:!1,navElement:'button type="button" role="presentation"',navContainer:!1,navContainerClass:"owl-nav",navClass:["owl-prev","owl-next"],slideBy:1,dotClass:"owl-dot",dotsClass:"owl-dots",dots:!0,dotsEach:!1,dotsData:!1,dotsSpeed:!1,dotsContainer:!1},e.prototype.initialize=function(){var b,c=this._core.settings;this._controls.$relative=(c.navContainer?a(c.navContainer):a("").addClass(c.navContainerClass).appendTo(this.$element)).addClass("disabled"),this._controls.$previous=a("<"+c.navElement+">").addClass(c.navClass[0]).html(c.navText[0]).prependTo(this._controls.$relative).on("click",a.proxy(function(a){this.prev(c.navSpeed)},this)),this._controls.$next=a("<"+c.navElement+">").addClass(c.navClass[1]).html(c.navText[1]).appendTo(this._controls.$relative).on("click",a.proxy(function(a){this.next(c.navSpeed)},this)),c.dotsData||(this._templates=[a('
').addClass(c.dotClass).append(a("")).prop("outerHTML")]),this._controls.$absolute=(c.dotsContainer?a(c.dotsContainer):a("").addClass(c.dotsClass).appendTo(this.$element)).addClass("disabled"),this._controls.$absolute.on("click","button",a.proxy(function(b){var d=a(b.target).parent().is(this._controls.$absolute)?a(b.target).index():a(b.target).parent().index();b.preventDefault(),this.to(d,c.dotsSpeed)},this));for(b in this._overrides)this._core[b]=a.proxy(this[b],this)},e.prototype.destroy=function(){var a,b,c,d,e;e=this._core.settings;for(a in this._handlers)this.$element.off(a,this._handlers[a]);for(b in this._controls)"$relative"===b&&e.navContainer?this._controls[b].html(""):this._controls[b].remove();for(d in this.overides)this._core[d]=this._overrides[d];for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},e.prototype.update=function(){var a,b,c,d=this._core.clones().length/2,e=d+this._core.items().length,f=this._core.maximum(!0),g=this._core.settings,h=g.center||g.autoWidth||g.dotsData?1:g.dotsEach||g.items;if("page"!==g.slideBy&&(g.slideBy=Math.min(g.slideBy,g.items)),g.dots||"page"==g.slideBy)for(this._pages=[],a=d,b=0,c=0;a
=h||0===b){if(this._pages.push({start:Math.min(f,a-d),end:a-d+h-1}),Math.min(f,a-d)===f)break;b=0,++c}b+=this._core.mergers(this._core.relative(a))}},e.prototype.draw=function(){var b,c=this._core.settings,d=this._core.items().length<=c.items,e=this._core.relative(this._core.current()),f=c.loop||c.rewind;this._controls.$relative.toggleClass("disabled",!c.nav||d),c.nav&&(this._controls.$previous.toggleClass("disabled",!f&&e<=this._core.minimum(!0)),this._controls.$next.toggleClass("disabled",!f&&e>=this._core.maximum(!0))),this._controls.$absolute.toggleClass("disabled",!c.dots||d),c.dots&&(b=this._pages.length-this._controls.$absolute.children().length,c.dotsData&&0!==b?this._controls.$absolute.html(this._templates.join("")):b>0?this._controls.$absolute.append(new Array(b+1).join(this._templates[0])):b<0&&this._controls.$absolute.children().slice(b).remove(),this._controls.$absolute.find(".active").removeClass("active"),this._controls.$absolute.children().eq(a.inArray(this.current(),this._pages)).addClass("active"))},e.prototype.onTrigger=function(b){var c=this._core.settings;b.page={index:a.inArray(this.current(),this._pages),count:this._pages.length,size:c&&(c.center||c.autoWidth||c.dotsData?1:c.dotsEach||c.items)}},e.prototype.current=function(){var b=this._core.relative(this._core.current());return a.grep(this._pages,a.proxy(function(a,c){return a.start<=b&&a.end>=b},this)).pop()},e.prototype.getPosition=function(b){var c,d,e=this._core.settings;return"page"==e.slideBy?(c=a.inArray(this.current(),this._pages),d=this._pages.length,b?++c:--c,c=this._pages[(c%d+d)%d].start):(c=this._core.relative(this._core.current()),d=this._core.items().length,b?c+=e.slideBy:c-=e.slideBy),c},e.prototype.next=function(b){a.proxy(this._overrides.to,this._core)(this.getPosition(!0),b)},e.prototype.prev=function(b){a.proxy(this._overrides.to,this._core)(this.getPosition(!1),b)},e.prototype.to=function(b,c,d){var e;!d&&this._pages.length?(e=this._pages.length,a.proxy(this._overrides.to,this._core)(this._pages[(b%e+e)%e].start,c)):a.proxy(this._overrides.to,this._core)(b,c)},a.fn.owlCarousel.Constructor.Plugins.Navigation=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(c){this._core=c,this._hashes={},this.$element=this._core.$element,this._handlers={"initialized.owl.carousel":a.proxy(function(c){c.namespace&&"URLHash"===this._core.settings.startPosition&&a(b).trigger("hashchange.owl.navigation")},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find("[data-hash]").addBack("[data-hash]").attr("data-hash");if(!c)return;this._hashes[c]=b.content}},this),"changed.owl.carousel":a.proxy(function(c){if(c.namespace&&"position"===c.property.name){var d=this._core.items(this._core.relative(this._core.current())),e=a.map(this._hashes,function(a,b){return a===d?b:null}).join();if(!e||b.location.hash.slice(1)===e)return;b.location.hash=e}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers),a(b).on("hashchange.owl.navigation",a.proxy(function(a){var c=b.location.hash.substring(1),e=this._core.$stage.children(),f=this._hashes[c]&&e.index(this._hashes[c]);f!==d&&f!==this._core.current()&&this._core.to(this._core.relative(f),!1,!0)},this))};e.Defaults={URLhashListener:!1},e.prototype.destroy=function(){var c,d;a(b).off("hashchange.owl.navigation");for(c in this._handlers)this._core.$element.off(c,this._handlers[c]);for(d in Object.getOwnPropertyNames(this))"function"!=typeof this[d]&&(this[d]=null)},a.fn.owlCarousel.Constructor.Plugins.Hash=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){function e(b,c){var e=!1,f=b.charAt(0).toUpperCase()+b.slice(1);return a.each((b+" "+h.join(f+" ")+f).split(" "),function(a,b){if(g[b]!==d)return e=!c||b,!1}),e}function f(a){return e(a,!0)}var g=a("").get(0).style,h="Webkit Moz O ms".split(" "),i={transition:{end:{WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd",transition:"transitionend"}},animation:{end:{WebkitAnimation:"webkitAnimationEnd",MozAnimation:"animationend",OAnimation:"oAnimationEnd",animation:"animationend"}}},j={csstransforms:function(){return!!e("transform")},csstransforms3d:function(){return!!e("perspective")},csstransitions:function(){return!!e("transition")},cssanimations:function(){return!!e("animation")}};j.csstransitions()&&(a.support.transition=new String(f("transition")),a.support.transition.end=i.transition.end[a.support.transition]),j.cssanimations()&&(a.support.animation=new String(f("animation")),a.support.animation.end=i.animation.end[a.support.animation]),j.csstransforms()&&(a.support.transform=new String(f("transform")),a.support.transform3d=j.csstransforms3d())}(window.Zepto||window.jQuery,window,document);
\ No newline at end of file
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/user_images/profileimage_1641083027.jpg b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/user_images/profileimage_1641083027.jpg
new file mode 100644
index 0000000..1ce6f92
Binary files /dev/null and b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/user_images/profileimage_1641083027.jpg differ
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/user_images/profileimage_1641083134.jpg b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/user_images/profileimage_1641083134.jpg
new file mode 100644
index 0000000..1ce6f92
Binary files /dev/null and b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/user_images/profileimage_1641083134.jpg differ
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/user_images/profileimage_1641083501.jpg b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/user_images/profileimage_1641083501.jpg
new file mode 100644
index 0000000..1ce6f92
Binary files /dev/null and b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/user_images/profileimage_1641083501.jpg differ
diff --git a/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/user_images/profileimage_1641123035.jpg b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/user_images/profileimage_1641123035.jpg
new file mode 100644
index 0000000..5976896
Binary files /dev/null and b/Version_20_UserImagesSTUCKONERRORS/Swiss_JDM_Blog/user_images/profileimage_1641123035.jpg differ
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/.gitignore b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/.gitignore
new file mode 100644
index 0000000..09789e5
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/.gitignore
@@ -0,0 +1,5 @@
+Password for Admin:
+
+
+
+Password for the registred User Svendolin
\ No newline at end of file
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/admin/html/end-clean-end.php b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/admin/html/end-clean-end.php
new file mode 100644
index 0000000..383f244
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/admin/html/end-clean-end.php
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/admin/html/end.php b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/admin/html/end.php
new file mode 100644
index 0000000..0dd456d
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/admin/html/end.php
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/admin/html/start-logout.php b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/admin/html/start-logout.php
new file mode 100644
index 0000000..9c6b952
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/admin/html/start-logout.php
@@ -0,0 +1,93 @@
+
+
+
+
+
+ Admin Area - Swiss JDM Blog
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/admin/html/start.php b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/admin/html/start.php
new file mode 100644
index 0000000..dfb8118
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/admin/html/start.php
@@ -0,0 +1,93 @@
+
+
+
+
+
+ Swiss JDM Blog
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/admin/index.php b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/admin/index.php
new file mode 100644
index 0000000..615eee9
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/admin/index.php
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+
+
+
+
+
Blog management
+
+
Edit and delete posts created by users
+
Go for it!
+
+
Profile management
+
+
Edit and delete user profiles
+
Go for it!
+
+
Work in progress
+
+
To be continued (if the developer has time)
+
Go for it!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/admin/login.php b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/admin/login.php
new file mode 100644
index 0000000..43d4811
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/admin/login.php
@@ -0,0 +1,120 @@
+';
+ // print_r($adminIdExists);
+ // echo '';
+
+ $pwdHashed = $adminIdExists["admin_password"]; // usersPwd is the passwort field inside of our users table of our database
+ $checkPwd = password_verify($adminpwd, $pwdHashed); // If it matches = true, if not = false, logically
+
+ // echo '';
+ // print_r($_checkPwd);
+ // echo '';
+
+ // Check if the entered password of the user does not match (is false) to its password in the database:
+ if ($checkPwd === false) {
+ header("location: ../admin/login.php?error=wronglogin");
+ exit();
+ }
+
+ //...if it matches, the login can start with a SESSION START:
+ else if ($checkPwd === true) {
+ session_start();
+ $_SESSION["adminid"] = $adminIdExists["IDadmin"];
+ $_SESSION["adminuid"] = $adminIdExists["admin_name"];
+ $_SESSION['loginstatus'] = true; // logintsatus speichern
+ $_SESSION['lastactivity'] = time(); // timestamp in session
+ $_SESSION['login_useragent'] = $_SERVER['HTTP_USER_AGENT'];
+
+ header("location: ../admin/index.php"); // THAT's the possitive target! ✅
+ // exit();
+ }
+}
+
+// echo password_hash("adminPW1234!!", PASSWORD_DEFAULT);
+// IMPORTANT: to enter into your admin login, use: Sven Kamm OR sven0815@gmx.ch AND adminPW1234!!
+
+
+
+?>
+
+
+
+
+
+
+ #ffffff ';
+
+
+
+ // Check if the entered password of the user does not match (is false) to its password in the database:
+ if ($checkPwd === false) {
+ header("location: ../login.php?error=wronglogin");
+ exit();
+ }
+
+ //...if it matches, the login can start with a SESSION START:
+ else if ($checkPwd === true) {
+ session_start();
+ $_SESSION["userid"] = $uidExists["usersId"];
+ $_SESSION["useruid"] = $uidExists["usersUid"];
+ $_SESSION['loginstatus'] = true; // logintsatus speichern
+ $_SESSION['lastactivity'] = time(); // timestamp in session
+ $_SESSION['login_useragent'] = $_SERVER['HTTP_USER_AGENT'];
+
+
+ header("location: ../index.php"); // THAT's the possitive target! ✅
+ // exit();
+ }
+}
+
+function session_init(){
+ // session_name(CUSTOM_SESSIONNAME); // Changes the name of the session cookie, not active here
+ session_start();// Initialized a session_start
+ // session_regenerate_id(); // Changes the value of the session ID and cookie each time, not active here
+}
+
+
+function sessioncheck(){
+ $session_laufzeit = SESSION_EXPIRY*60; // config defined at 3*60 = 60 seconds timeout
+
+
+ // prüfen, ob der User agent noch gleich ist wie beim Login
+ if( $_SESSION['login_useragent'] !== $_SERVER['HTTP_USER_AGENT'] ){
+ $_SESSION['loginstatus'] = false;
+ }
+
+ // prüfen, wann der user das letzte mal aktiv war
+ if( $_SESSION['lastactivity'] < time()-$session_laufzeit ){
+ $_SESSION['loginstatus'] = false;
+ }
+
+ // prüfen, ob der Besucher eingeloggt ist, nur dann darf die Seite angezeigt werden
+ if( $_SESSION['loginstatus'] !== true ){
+ // wenn die Session nicht existiert oder der timestamp weiter zurückliegt als die erlaubte laufzeit (= kein Zugriff)...
+
+ // ausloggen (Session zurücksetzen)
+ setcookie (session_name(), null, -1, '/');
+ session_destroy();
+ session_write_close();
+
+ // auf das login umleiten
+ return false;
+ }
+
+ session_regenerate_id(); // neue ID für meine Session - hacker kann die alte nun nicht mehr brauchen, falls er sie hat.
+ $_SESSION['lastactivity'] = time(); // aktualisieren des Timestamp TODO: LASTACTIVITY
+ return true;
+}
+
+// --x--------------------------------- LOGIN STUFF ----------------------------------x-- //
+// ------------------------------------ ADMIN LOGIN-STUFF ------------------------------------ //
+
+/* SIDE NOTE: session_init() and session_check() from above is used for the admin login as well */
+function adminIdExists($conn, $adminname, $adminemail) {
+ $sql = "SELECT * FROM admin WHERE admin_name = ? OR admin_email = ?;"; // Prepare Statements = ?
+ $stmt = mysqli_stmt_init($conn); // Prepared statement: Iniitialize to the database = $conn
+ if (!mysqli_stmt_prepare($stmt, $sql)) { //CHECK if the prepare statement will fail before we see that it will succeed
+ header("location: ../login.php?error=stmtfailed");
+ exit();
+ }
+
+ // Passing data from the user if it does not fail:
+ mysqli_stmt_bind_param($stmt, "ss", $adminname, $adminemail);
+ mysqli_stmt_execute($stmt);
+
+ // "Get result" returns the results from a prepared statement
+ $resultData = mysqli_stmt_get_result($stmt); // $stmt = Our prepared statement / "ss" = Type of Data? Double string, username and email = basic text /
+
+ // fetching the data (if the columns are set to their names)
+ if ($row = mysqli_fetch_assoc($resultData)) {
+ return $row; // This shows "true": $row will be executed, so if its true the fetch assoc will work and the process works
+ }
+ else {
+ $result = false;
+ return $result;
+ }
+
+ mysqli_stmt_close($stmt);
+}
+
+// --x--------------------------------- ADMIN LOGIN-STUFF ---------------------------------x-- //
+
+?>
\ No newline at end of file
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/includes/html/footer.html.php b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/includes/html/footer.html.php
new file mode 100644
index 0000000..053fc1b
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/includes/html/footer.html.php
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/includes/html/header.html.php b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/includes/html/header.html.php
new file mode 100644
index 0000000..008ca1c
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/includes/html/header.html.php
@@ -0,0 +1,110 @@
+
+
+
+ Swiss JDM Blog
+
+
+
+
+
+ Logout
+ ';
+
+ // echo '';
+ // print_r($pwd);
+ // echo '';
+
+
+ // Then we run a bunch of error handlers to catch any user mistakes we can (you can add more than I did)
+ // These functions can be found in functions.inc.php
+
+ require_once('config.php'); // Formerly "dbh.inc.php"
+ require_once('mysql-connect.php');
+ require_once('functions.inc.php');
+
+ // Such as the one from functions.inc.php, but simpler with "emptyInputLogin" instead of "emptyInputSignup"
+ if (emptyInputLogin($username, $pwd) === true) {
+ header("location: ../login.php?error=emptyinputlogin");
+ exit();
+ }
+
+ // If we get to here, it means there are no user errors
+
+ // Now we insert the user into the database
+ loginUser($conn, $username, $pwd);
+
+
+} else {
+ header("location: ../login.php");
+ // exit();
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+?>
\ No newline at end of file
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/includes/mysql-connect.php b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/includes/mysql-connect.php
new file mode 100644
index 0000000..2c0e022
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/includes/mysql-connect.php
@@ -0,0 +1,18 @@
+
\ No newline at end of file
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/index.php b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/index.php
new file mode 100644
index 0000000..8995b79
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/index.php
@@ -0,0 +1,426 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Where JDM enthusiasts come together
+
Tell your story
+ Explore';
+ }
+ // Is the user NOT LOGGED IN? Show THIS INSTEAD:
+ else {
+ echo '
Explore ';
+ }
+ ?>
+
+
+
+
+
+
+
+
+
Newsflash
+
+
+
+
+
+
+
+
+
+
"Godzilla has arrived!"
+ Hover to read more
+ 9th of June 2021
+
+
+
It took almost half an eternity, but finally it's here!
+ Now it just needs to get on the road legally... *Sigh*
+
+
+
+
+
+
+
"Slapsticker time!"
+ Hover to read more
+ 17th of July 2021
+
+
+
Hurray, the Slapstickers from Saitoworks.com arrived!
+
+
+
+
+
+
+
+
+
"Visited his Brother!"
+ Hover to read more
+ 30th of September 2021
+
+
+
In order to adapt the car to Swiss standards, a conversion is necessary.
+
+
+
+
+
+
+
+
+
"Time for some NOS ;)"
+ Hover to read more
+ 5th of November 2021
+
+
+
Since nitromethane gas cylinders (NOS) are of course illegal in Switzerland
+ for road traffic, the somewhat cuddlier plush version will have to do! ;)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Featured Blog Posts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
When was the last time we met each other?!?
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Laboriosam, expedita qui explicabo sit iure neque autem nulla totam adipisci
+ voluptates laudantium itaque possimus ipsam ut obcaecati rem ab debitis
+ asperiores reprehenderit. Modi error nobis nesciunt dolor aspernatur neque
+ dolores adipisci.
+
Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Would you add the Mount Fuji in the background? ;)
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Laboriosam, expedita qui explicabo sit iure neque autem nulla totam adipisci
+ voluptates laudantium itaque possimus ipsam ut obcaecati rem ab debitis
+ asperiores reprehenderit. Modi error nobis nesciunt dolor aspernatur neque
+ dolores adipisci.
+
Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Ready for 2022! What about you?
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Laboriosam, expedita qui explicabo sit iure neque autem nulla totam adipisci
+ voluptates laudantium itaque possimus ipsam ut obcaecati rem ab debitis
+ asperiores reprehenderit. Modi error nobis nesciunt dolor aspernatur neque
+ dolores adipisci.
+
Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/login.php b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/login.php
new file mode 100644
index 0000000..69692d2
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/login.php
@@ -0,0 +1,391 @@
+';
+ // print_r($_POST);
+ // echo ' ';
+
+// Check if data was sent via POST (from the form)
+if (isset($_POST['name']) && isset($_POST['uid']) && isset($_POST['car']) && isset($_POST['state']) && isset($_POST['email']) && isset($_POST['pwd']) && isset($_POST['pwdrepeat'])) {
+
+
+
+ // strip_tags prevents code injection by removing all tags.
+ // mysqli_real_escape_string prevents problems with inverted commas in the string by escaping, as for example with 'That's it!
+ // $title = strip_tags(mysqli_real_escape_string($conn, $_POST['post_title']));
+ // $created = (empty($_POST['post_created'])) ? strftime("%d-%m-%Y um %H:%M:%S") : strip_tags(mysqli_real_escape_string($conn, $_POST['post_created']));
+ // $author = strip_tags(mysqli_real_escape_string($conn, $_POST['post_author']));
+ // $text = strip_tags(mysqli_real_escape_string($conn, $_POST['post_longtext']), $erlaubte_tags); // hier werden alle vom Editor angebotenen Tags vom entfernen ausgeschlossen...
+ $ID = (int)$_POST['ID'];
+ $name = $_POST["name"];
+ $username = $_POST["uid"];
+ $car = $_POST["car"];
+ $state = $_POST["state"];
+ $email = $_POST["email"];
+ $pwd = $_POST["pwd"];
+ $pwdRepeat = $_POST["pwdrepeat"];
+
+ echo '';
+ echo $username;
+ echo ' ';
+
+
+
+ // Error functions seperately defined at functions.inc.php
+
+ // Check if: EmptyInput is not equal to false (in our function.inc.php = false is correct, with !== we check if the false statement is wrong)
+ if (emptyInputSignup($name, $username, $car, $state, $email, $pwd, $pwdRepeat) !== false) {
+ header("location: login.php?error=emptyinput");
+ exit();
+ }
+
+ // Proper username chosen
+ if (invalidUid($username) !== false) {
+ header("location: login.php?error=invaliduid");
+ exit();
+ }
+ // Proper email chosen
+ if (invalidEmail($email) !== false) {
+ header("location: login.php?error=invalidemail");
+ exit();
+ }
+ // Do the two passwords match?
+ if (pwdMatch($pwd, $pwdRepeat) !== false) {
+ header("location: login.php?error=passwordsdontmatch");
+ exit();
+ }
+ // Is the username taken already?
+ if (uidExists($conn, $username, $email) !== false) {
+ header("location: login.php?error=usernametaken");
+ exit();
+ // } else {
+ // header("location: login.php"); // If the user submitted the WRONG way, we send him BACK...
+ // exit();
+ }
+
+
+
+ // --- IMAGEUPLOAD-PART --- //
+ if (isset($_FILES['users_image']) && !empty($_FILES['users_image']['tmp_name'])) {
+ // get / move from tmp folder
+ print_r($_FILES['users_image']);
+ $newImage = 'profileimage_' . time() . '.jpg'; // Single image name (for DB entry)
+ $src = $_FILES['users_image']['tmp_name']; // Temporary path
+ $dest = PROFILEIMAGEFOLDERPATH . '/' . $newImage; // Destination path (defined in Config)
+
+ // Move the file to the destination path
+ $hochgeladen = move_uploaded_file($src, $dest);
+ // var_dump($hochgeladen);
+
+ // Delete old image
+ if (!empty($image)) {
+ unlink(PROFILEIMAGEFOLDERPATH . '/' . $image); // Destination path (defined in Config)
+ }
+ }
+
+
+
+
+ if (!$hasError) {
+
+ // Saving the data to the database
+ if (empty($ID)) {
+ $addImageField = empty($newImage) ? "" : ", users_image"; // Addition for image, only if image has been uploaded
+ $addImageValue = empty($newImage) ? "" : ", ?"; // Addition for image, only if image has been uploaded
+
+ $sql = "INSERT INTO users (usersName, usersUid, usersCar, usersState, usersEmail, usersPwd {$addImageField})
+ VALUES
+ (?, ?, ?, ?, ?, ? {$addImageValue})";
+
+
+ // FIXME: WE GET STUCK HERE!! ->
+
+
+ $stmt = mysqli_stmt_init($conn);
+ if (!mysqli_stmt_prepare($stmt, $sql)) {
+ echo 'sql prepare error';
+ } else {
+
+ // $stmt = mysqli_prepare($conn, $query);
+ echo $stmt;
+
+ $hashedPwd = password_hash($pwd, PASSWORD_DEFAULT); // (*)
+
+ if (empty($newImage)) {
+ // Falls ohne Bild:
+ mysqli_stmt_bind_param($stmt, 'ssssss', $name, $username, $car, $state, $email, $hashedPwd); // send the data to the server
+ } else {
+ // Falls mit Bild:
+ mysqli_stmt_bind_param($stmt, 'sssssss', $name, $username, $car, $state, $email, $hashedPwd, $newImage); // send the data to the server
+ }
+ mysqli_stmt_execute($stmt); // Execute command with the sent data
+ $result = mysqli_stmt_get_result($stmt); // Result object "pick up
+
+ }
+ mysqli_stmt_close($stmt);
+ mysqli_close($conn);
+
+ //FIXME: HERE IS WHERE THE PROBLEM ENDS (I THINK)
+
+ // Send command and check...
+ // $res = mysqli_query($connection, $query);
+ $newID = mysqli_insert_id($conn);
+ } else { // edit
+ $sql = "UPDATE `users`
+ SET
+ `usersName` = '{$name}',
+ `usersUid` = '{$username}',
+ `usersCar` = '{$car}',
+ `usersState` = '{$state}',
+ `usersEmail` = '{$email}',
+ `usersPwd` = '{$hashedPwd}',
+
+
+
+ ";
+
+ // only if image has been uploaded
+ if (!empty($newImage)) {
+ $sql.= ",
+ `users_image` = '{$newImage}'";
+ }
+ $sql.= " WHERE `usersId` = {$ID}";
+ $stmt = mysqli_query($conn, $sql);
+ }
+ // die($query);
+
+ if (!empty($newImage)) {
+ $image = $newImage;
+ }
+ }
+}
+
+
+
+?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
New here?
+
Be a part of our community, unleash your passion for JDM cars together and tell us your story!
+
Join us
+
+
+
+
+
+
+
One of us?
+
Let's share what's on your mind, you are just a few clicks away!
+
Sign in
+
+
+
+
+
+ Let's see
+
Our Members:
+
+
+0 ) { ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Member since:
+
That's me:
+
+
My Car:
+
+
I live in:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Member since: 09.06.2021
+
That's me:
+
Sillest
+
My Car:
+
Nissan 200sx S13
+
I live in:
+
Nidwalden
+
+
+
+
+
+
+
+
+
Member since: 11.06.2021
+
That's me:
+
Oli_Supra
+
My Car:
+
Toyota Supra MK4
+
I live in:
+
Aargau
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/post.php b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/post.php
new file mode 100644
index 0000000..5dd84b5
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/post.php
@@ -0,0 +1,74 @@
+
+
+
+
+
+
+
+
+
+
+ let's read
+
My Story
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Return
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/swiss_jdm_blog.sql b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/swiss_jdm_blog.sql
new file mode 100644
index 0000000..128266e
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/swiss_jdm_blog.sql
@@ -0,0 +1,105 @@
+-- phpMyAdmin SQL Dump
+-- version 5.1.1
+-- https://www.phpmyadmin.net/
+--
+-- Host: 127.0.0.1
+-- Erstellungszeit: 28. Dez 2021 um 12:10
+-- Server-Version: 10.4.21-MariaDB
+-- PHP-Version: 8.0.11
+
+SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
+START TRANSACTION;
+SET time_zone = "+00:00";
+
+
+/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
+/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
+/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
+/*!40101 SET NAMES utf8mb4 */;
+
+--
+-- Datenbank: `swiss_jdm_blog`
+--
+
+-- --------------------------------------------------------
+
+--
+-- Tabellenstruktur für Tabelle `admin`
+--
+
+CREATE TABLE `admin` (
+ `IDadmin` int(11) NOT NULL,
+ `admin_name` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `admin_email` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `admin_password` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `admin_usertype` tinyint(1) NOT NULL DEFAULT 1
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+--
+-- Daten für Tabelle `admin`
+--
+
+INSERT INTO `admin` (`IDadmin`, `admin_name`, `admin_email`, `admin_password`, `admin_usertype`) VALUES
+(1, 'Sven Kamm', 'sven0815@gmx.ch', '$2y$10$t9c9iyMmp.vJzaefy9RF5.Ic9Xec0globisorxwChWkrCG9bkDEXi', 1);
+
+-- --------------------------------------------------------
+
+--
+-- Tabellenstruktur für Tabelle `users`
+--
+
+CREATE TABLE `users` (
+ `usersId` int(11) NOT NULL,
+ `usersName` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersUid` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersCar` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersState` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersEmail` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersPwd` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `user_state` tinyint(1) DEFAULT 1,
+ `user_created` timestamp NOT NULL DEFAULT current_timestamp()
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+--
+-- Daten für Tabelle `users`
+--
+
+INSERT INTO `users` (`usersId`, `usersName`, `usersUid`, `usersCar`, `usersState`, `usersEmail`, `usersPwd`, `user_state`, `user_created`) VALUES
+(1, 'Sven Kamm', 'Svendolin', 'Nissan Skyline R33', 'Aargau', 'sven0815@gmx.ch', '$2y$10$iNoQRI/kyBnyqXM8UZ/7AOwKBKc8KADIAFf41./pXsDebmig8ILx6', 1, '2021-12-27 00:39:34');
+
+--
+-- Indizes der exportierten Tabellen
+--
+
+--
+-- Indizes für die Tabelle `admin`
+--
+ALTER TABLE `admin`
+ ADD PRIMARY KEY (`IDadmin`);
+
+--
+-- Indizes für die Tabelle `users`
+--
+ALTER TABLE `users`
+ ADD PRIMARY KEY (`usersId`);
+
+--
+-- AUTO_INCREMENT für exportierte Tabellen
+--
+
+--
+-- AUTO_INCREMENT für Tabelle `admin`
+--
+ALTER TABLE `admin`
+ MODIFY `IDadmin` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=2;
+
+--
+-- AUTO_INCREMENT für Tabelle `users`
+--
+ALTER TABLE `users`
+ MODIFY `usersId` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=3;
+COMMIT;
+
+/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
+/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
+/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/tellyourstory.php b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/tellyourstory.php
new file mode 100644
index 0000000..33cfacf
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/tellyourstory.php
@@ -0,0 +1,274 @@
+
+
+
+
+
+
+
+ let's hear
+
Your Story:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/css/aos.css b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/css/aos.css
new file mode 100644
index 0000000..66923fe
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/css/aos.css
@@ -0,0 +1 @@
+[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
\ No newline at end of file
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/css/mediaqueries.css b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/css/mediaqueries.css
new file mode 100644
index 0000000..37cca97
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/css/mediaqueries.css
@@ -0,0 +1,332 @@
+
+/* ======================= index.php ======================= */
+
+/* ----- Viewport less than or equal to 1270px ------ */
+
+@media only screen and (max-width: 1270px) {
+ /* Gives the pink blogpost info section more space while shrinking */
+ .site-content .post-content > .post-image .post-info {
+ left: 2rem !important;
+ bottom: 1.2rem !important;
+ border-radius: 0% !important;
+ }
+
+ /* The comment and datasection will disapper after shrinking */
+ .site-content .sidebar .popular-post .post-info {
+ display: none !important;
+ }
+
+ /* Gives the container colums more space in the footer: From 4 colums to 2 columns */
+ footer.footer .container {
+ grid-template-columns: repeat(2,1fr);
+ }
+
+}
+
+/* --x-- Viewport less than or equal to 1270px --x-- */
+
+/* ----- Viewport less than or equal to 970px ------ */
+
+@media only screen and (max-width: 970px) {
+ .nav .nav-menu, .nav .nav-items {
+ flex-direction: column; /* Menubar and login button will collapse to the next line */
+ margin: 0; /* To eliminate the 8rem margin default value */
+ }
+
+ /* Special list item which should be seen in loggedIn mode only */
+ .nav .nav-menu, .nav .tell-your-story {
+ flex-direction: column; /* Menubar and login button will collapse to the next line */
+ margin: 0; /* To eliminate the 8rem margin default value */
+ }
+
+ .nav .nav-items .nav-link {
+ display: block;
+
+ }
+
+ /* Trick: Define the full nav-link area (Home etc) of the a tag to go to the next page */
+ .nav .nav-items .nav-link a {
+ display: inline-block;
+ padding-right: 80%; /* These two moved from .nav-link to .nav-link a */
+ }
+
+ .nav .toggle-collapse {
+ display: initial; /* Defined default value of the browser */
+ }
+
+ /* main blog content and side content won't be side to side now:
+ - 1) All the post content will be at 100% width at first place
+ - 2) the side content with categories, popular posts and so on will follow up */
+ main .site-content{
+ grid-template-columns: 100%;
+ }
+
+ /* Newsletterelements (input field and button */
+ .site-content .sidebar .newsletter .input-element {
+ width: 50%;
+ }
+ .site-content .sidebar .newsletter .form-btn {
+ padding: 0.8rem 20%;
+ }
+
+ footer.footer .container{
+ grid-template-columns: repeat(1, 1fr);
+ }
+
+}
+
+/* --x-- Viewport less than or equal to 970px --x-- */
+/* ----- Viewport less than or equal to 660px ------ */
+
+@media only screen and (max-width: 660px) {
+
+ /* the pink blogpost info section should disappear entirely */
+ .site-content .post-content > .post-image .post-info {
+ display: none;
+ }
+
+ /* Removes the back to top button at 660px */
+ footer.footer > .move-up {
+ display: none;
+ }
+}
+
+/* --x-- Viewport less than or equal to 660px --x-- */
+/* ----- Viewport less than or equal to 420px ------ */
+
+@media only screen and (max-width: 420px) {
+
+ /* Moves the 4 container boxes closer to eachother */
+ footer.footer .container > div {
+ padding: 1rem 0.9rem !important;
+ }
+
+ footer.footer .container .about-us {
+ margin-top: 2rem;
+ }
+
+ footer.footer .rights {
+ margin-top: 4rem !important;
+ text-align: center;
+ }
+
+}
+
+/* --x-- Viewport less than or equal to 420px --x-- */
+
+/* ====x================== index.php ==================x==== */
+/* ======================= login.php ======================= */
+
+@media only screen and (max-width: 870px) {
+
+ /* Container the red circle */
+ .login-container:before {
+ min-height: 1500px;
+ height: 1500px;
+ left: 25%;
+ bottom: 80%;
+ transform: translateX(-50%);
+ right: initial;
+ top: initial; /* Set to their default values */
+ transition: 2s ease-in-out;
+ }
+
+ /* The whole sign-in and sign-up section (Adjust the top if its not centered enough) */
+ .login-container .signin-signup {
+ width: 100%;
+ left: 50%;
+ top: 90%;
+ transform: translate(-50%, -100%);
+ transition: 1s 0.8s ease-in-out;
+ }
+
+ /* Container with the sign-in panels */
+ .login-container .panels-container {
+ /* background: green; */
+ grid-template-columns: 1fr; /* Just ONE ROW now */
+ grid-template-rows: 1fr 2fr 1fr; /* 3-row areas: 1fr = Join, 2fr empty, 1fr= Sign */
+ }
+
+ .panels-container .panel {
+ flex-direction: row;
+ justify-content: space-around;
+ align-items: center;
+ padding: 2.5rem 8%;
+ }
+
+ .panels-container .panel h3 {
+ font-size: 1.2rem;
+ }
+
+ .panels-container .panel p {
+ font-size: 0.9rem;
+ padding: 0.5rem 0;
+ }
+
+ /* transparent button of the panel */
+ button.btn.transparent {
+ width: 100px;
+ height: 40px;
+ font-size: 1.1rem;
+ }
+
+ /* Content of the both pannels */
+ .panels-container .panel .content {
+ padding-right: 15%;
+ transition: 0.9s 0.8s ease-in-out;
+ }
+
+ .image {
+ width: 200px;
+ transition: 0.9s 0.6s ease-in-out;
+ }
+
+ .panels-container .left-panel {
+ grid-row: 1 / 2; /* From top (because of row) Line 1 to 2 (1fr), 2 to 3 (2fr) = empty */
+ }
+
+ .panels-container .right-panel {
+ grid-row: 3 / 4; /* From top (because of row) Line 1 to 2 (1fr), 2 to 3 (2fr) = empty */
+ }
+
+ /* Content and Images of sign-in an sign-up united in the center */
+ .panels-container .right-panel .content, .panels-container .right-panel .image {
+ transform: translateY(300px);
+ }
+
+ /* The pannel container (red circle) will now move up and down */
+ .login-container.sign-up-mode:before {
+ transform: translate(-50%, 100%);
+ bottom: 32%;
+ right: initial;
+ }
+
+ .login-container.sign-up-mode .left-panel .image,
+ .login-container.sign-up-mode .left-panel .content {
+ transform: translateY(-300px);
+ }
+
+ .login-container.sign-up-mode .signin-signup {
+ top: 5%;
+ transform: translate(-50%, 0);
+ left: 50%;
+ }
+
+ /* Sign-in login error messages */
+ .error-message-log-in p {
+ margin-top: 50rem;
+ }
+
+ /* Sign-up login (registration) error messages */
+ .login-container .signin-signup form {
+ justify-content: flex-end;
+ padding-bottom: 10rem;
+ }
+
+ .login-container {
+ min-height: 1200px; /* TODO: Make it bigger if you add more input fields */
+ height: 100vh;
+ }
+
+}
+
+@media only screen and (max-width: 570px) {
+ .login-container .signin-signup form {
+ padding: 0 1.5rem;
+ }
+
+ .image {
+ display: none;
+ }
+
+ .panels-container .panel .content {
+ padding: 0.5rem 1rem,
+ }
+
+ .login-container:before{
+ bottom: 72%;
+ left: 50%;
+ }
+
+ .login-container.sign-up-mode:before{
+ bottom: 28%;
+ left: 50%;
+ }
+
+ /* Sign-up login (registration) error messages */
+ .login-container .signin-signup form {
+ justify-content: center;
+ }
+
+ .error-message-sign-up {
+ display: flex;
+ justify-content: center;
+ }
+
+}
+
+/* ====x================== login.php ==================x==== */
+/* ======================= tellyourstory.php ======================= */
+
+@media only screen and (max-width: 570px) {
+
+ form.write-a-post {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+ .input-field-story, .input-field-story.textarea {
+ width: 20rem;
+ }
+
+}
+
+/* ====x================== tellyourstory.php ==================x==== */
+/* ======================= memberboard.php ======================= */
+
+@media only screen and (max-width: 1380px) {
+ #memberboard {
+ grid-template-columns: repeat(2,1fr);
+ grid-template-rows: repeat(2,1fr);
+ min-height: 85rem;
+ }
+}
+
+@media only screen and (max-width: 950px) {
+ #memberboard {
+ grid-template-columns: 1fr;
+ grid-template-rows: repeat(3,1fr);
+ min-height: 130rem;
+ }
+ .card {
+ grid-template-columns: 380px; /* 380 width */
+
+ }
+}
+
+
+/* ====x================== memberboard.php ==================x==== */
+/* ======================= post.php ======================= */
+
+@media only screen and (max-width: 1100px) {
+ .blog-container .blog-box, .blog-heading {
+ width: 100%;
+ }
+}
+
+
+/* ====x================== post.php ==================x==== */
+/* ======================= (admin) login.php (admin) ======================= */
+
+@media only screen and (max-width: 450px) {
+ .center {
+ width: 320px;
+ }
+ .btn-special-sign-in, .btn-special-return {
+ padding: 0.8rem 1.3rem;
+ }
+}
+
+
+/* ====x================== (admin) login.php (admin) ==================x==== */
+
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/css/owl.carousel.min.css b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/css/owl.carousel.min.css
new file mode 100644
index 0000000..a71df11
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/css/owl.carousel.min.css
@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
\ No newline at end of file
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/css/owl.theme.default.min.css b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/css/owl.theme.default.min.css
new file mode 100644
index 0000000..487088d
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/css/owl.theme.default.min.css
@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
\ No newline at end of file
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/css/style.css b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/css/style.css
new file mode 100644
index 0000000..ea0855a
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/css/style.css
@@ -0,0 +1,1470 @@
+/* Over here you will find:
+
+ - CSS Styles (index.php / login.php / memberboard.php)
+
+*/
+
+
+
+/* ======================= index.php ======================= */
+
+/* --------- Navigation --------- */
+
+/* Navigation bar */
+.nav {
+ background: var(--white);
+ padding: 0 3rem;
+ height: 0; /* used to collapse and fold navigation menu */
+ height: 4.3rem;
+ overflow: hidden;
+ transition: height 1.2s ease-in-out;
+
+}
+.nav .nav-menu {
+ justify-content: space-between;
+}
+
+/* Burgerbar */
+.nav .toggle-collapse {
+ position: absolute;
+ top: 0%;
+ width: 90%;
+ cursor: pointer;
+ display: none;
+}
+
+.nav .toggle-collapse .toggle-icons {
+ display: flex;
+ justify-content: flex-end;
+ margin: 1.3rem 1.3rem 0 0;
+}
+
+
+/* Burgermark symbol */
+.nav .toggle-collapse .toggle-icons .menu-toggle-btn {
+ font-size: 1.7rem;
+ color: var(--text-gray);
+}
+
+/* X-symbol */
+i.menu-toggle-btn .fas .fa-bars .fa-times::before {
+ font-size: 1.9rem;
+ /* color: red; */
+}
+
+.collapse { /*Defined collapse class from main.js which will hide and open navigation */
+ height: 23rem;
+}
+
+.nav .nav-items {
+ display: flex;
+ /* margin: 0 8rem 0 0; */
+}
+
+/* Center placed nav links */
+.nav .nav-items .nav-link {
+ position: relative;
+ font-family: var(--linksnbtn);
+ font-size: 1.3rem;
+ font-weight: 500;
+ display: inline-block;
+ margin: 0 1rem;
+}
+
+/* Trick: Define the full nav-link area (Home etc) of the a tag to go to the next page */
+.nav .nav-items .nav-link a {
+ display: inline-block;
+ padding: 1.4rem 1.4rem; /* These two moved from .nav-link to .nav-link a */
+ text-align: center;
+}
+
+/* .nav .nav-items .nav-link a.home {
+ margin: 0 2rem;
+} */
+
+/* .nav .nav-items .nav-link a.member {
+ margin: 0 2rem;
+} */
+
+/* hover on nav links */
+.nav .nav-items .nav-link:hover {
+ background: var(--pink);
+ cursor: pointer;
+}
+
+.nav .nav-items .nav-link:hover a {
+ color: var(--white);
+
+}
+
+/* Logo */
+.nav .nav-brand a {
+ font-size: 1.6rem;
+ padding: 1rem 0;
+ display: block;
+ font-family: var(--logo);
+ background: var(--pink);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ /* border: solid 2px black; */
+}
+
+/* Login Button */
+.nav .login {
+ margin-top: 0.8rem;
+ height: 2.5rem;
+ width: 4rem;
+ font-family: var(--linksnbtn);
+ font-weight: 500;
+ font-size: 1.3rem;
+ border-radius: 10px;
+ border: solid 2px var(--sakura);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.nav .login a {
+ /* Move these two from div to a such as here to link the whole area */
+ display: inline-block;
+ padding: 1rem 1rem;
+}
+
+/* hover on Login*/
+.nav .login:hover {
+ background: var(--pink);
+ cursor: pointer;
+}
+
+.nav .login:hover a {
+ color: var(--white);
+}
+/* ----x---- Navigation ----x---- */
+
+
+/* --------- Main Content --------- */
+/* ----- Site title ----- */
+main .site-title {
+ background-image: url("../../images/q180sx2.jpg");
+ background-size: cover;
+ height: 90vh;
+ display: flex;
+ justify-content: center;
+
+}
+
+main .site-title .site-background {
+ padding-top: 5rem;
+ text-align: center;
+ color: var(--white);
+}
+
+main .site-title span,h1 {
+ margin: 0.3rem;
+ margin-bottom: 2rem;
+}
+
+main a.btn {
+ margin: 1rem;
+ background: var(--pink);
+ transition: all 300ms;
+}
+
+main .site-title .btn:hover {
+ background: transparent;
+ border: 1px solid var(--white);
+ transform: scale(1.1);
+}
+
+/* --x-- site title --x-- */
+/* ----- News Carousel ----- */
+main .blog {
+ background: url("../../images/sakuratree2.png");
+ background-repeat: no-repeat;
+ background-position: right;
+ /* height: 125vh; */
+ width: 100%;
+ /* background-size: 65%; */
+}
+
+main .blog .blog-post {
+ padding-top: 5rem;
+}
+
+/* Box with one blogpost */
+main .blog-post .blog-content {
+ display: flex; /* To align the content in a new line */
+ flex-direction: column;
+ text-align: center;
+ width: 80%;
+ margin: 3rem 2rem;
+ background: var(--white); /* Comment it out for transparent background */
+ box-shadow: 0 15px 20px rgba(0,0,0,0.2);
+}
+
+/* SPECIAL */
+/* Container of the informative text (overlay) */
+.overlay {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 100%;
+ width: 100%;
+ opacity: 0;
+ transition: .5s ease;
+ background-color: white;
+}
+
+.blog-content:hover .overlay {
+ opacity: 0.95;
+}
+
+.text {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ padding: 1rem;
+ width: 300px;
+}
+.text h3 {
+ display: block;
+ color: var(--text-gray);
+ font-size: 20px;
+}
+
+/* Text of one newspost */
+main .blog-content .blog-title {
+ padding: 2rem 0;
+}
+
+/* Button of one newspost */
+main .blog-content .btn {
+ padding: 0.5rem 1rem;
+ margin: 1rem 0 0.5rem 0;
+ transition: all 300ms;
+}
+
+main .blog-content .btn:hover {
+ transform: scale(1.2)
+}
+
+/* Text of one newspost */
+main .blog-content span {
+ display: block;
+ font-family: var(--textntitles);
+ font-size: 0.9rem;
+ padding-top: 0.8rem;
+}
+
+/* News Navigation Arrows (nav: true in main.js) */
+
+section .container .owl-nav {
+ position: absolute;
+ top: 0%;
+ margin: 0 auto;
+ width: 100%;
+}
+
+.owl-nav .owl-prev .owl-nav-prev,
+.owl-nav .owl-next .owl-nav-next {
+ color: var(--text-gray);
+ background: transparent;
+ font-size: 2rem;
+}
+
+.owl-theme .owl-nav [class*='owl-']:hover {
+ background: transparent;
+ color: var(--sakura);
+}
+/* ---------------x-- News Carousel --x--------------- */
+/* ---------------------- Site Blog Content ---------------------- */
+
+
+/* Blog post site content */
+main .site-content {
+ display: grid;
+ grid-template-columns: 70% 30%;
+}
+
+/*FIXME: Check if this still cause ERRORS */
+main .post-content {
+ width: 100%;
+}
+
+/* Blog Post title text */
+main .site-content .post-content >.post-image, .post-title {
+ padding: 1rem 2rem;
+ position: relative;
+}
+
+main .post-content .post-title a {
+ font-family: var(--textntitles);
+ font-size: 2.2rem;
+ font-weight: 800;
+}
+
+
+/* pink infobox of each post */
+.imagecontainer {
+ overflow: hidden;
+ max-height: 800px;
+}
+
+/* .cover {
+ object-fit: cover;
+ width: 50px;
+ height: 100px;
+} */
+
+.imagecontainer img {
+ width: 100%;
+ transition: all 800ms ease;
+ object-fit: cover;
+}
+
+
+main .site-content .post-content > .post-image .post-info {
+ background: var(--pink-light);
+ padding: 0.3rem 1rem;
+ position: absolute;
+ bottom: 0%;
+ left: 20vw;
+ border-radius: 1rem;
+}
+
+/* pictures of each post */
+main .site-content .post-content > .post-image > div {
+ overflow: hidden;
+}
+
+main .site-content .post-content > .post-image .img {
+ width: 100%;
+ transition: all 800ms ease;
+}
+
+main .site-content .post-content > .post-image .img:hover {
+ transform: scale(1.1);
+}
+
+/* infotext of each post (spacing of each text element */
+main .site-content .post-content > .post-image .post-info span {
+ margin: 0 0.5rem;
+}
+
+/* Special button design especially for this part */
+main .site-content .post-content .post-title a.post-btn {
+ display: block;
+ text-align: center;
+ width: 10rem;
+ font-size: 1.2rem;
+ border-radius: 0;
+ padding: 0.7rem 1rem;
+ background: var(--pink);
+ margin: 1.5rem 0 0 0;
+ transition: all 300ms;
+ font-family: var(--linksnbtn);
+ font-weight: 500;
+}
+
+main .site-content .post-content .post-title a.post-btn:hover {
+ transform: scale(1.2);
+}
+
+/* pagination (1/2/3) */
+.site-content .pagination {
+ justify-content: center;
+ color: var(--text-gray);
+ margin: 4rem 0;
+}
+
+.site-content .pagination a {
+ padding: 0.6rem 0.9rem;
+ border-radius: 50%;
+ margin: 0 0.3rem;
+ font-family: var(--linksnbtn);
+ transition: all 300ms;
+}
+
+.site-content .pagination a:hover {
+ transform: scale(1.2);
+}
+
+.site-content .pagination .pages {
+ background: var(--sakura);
+}
+/* -------------x-- Site Blog Content --x------------- */
+/* ------------------ Sidebar ------------------ */
+
+
+/* The general listboxclass above to flex */
+.site-content > .sidebar > .category {
+ display: flex;
+ justify-content: center;
+}
+
+/* The whole list box */
+.site-content > .sidebar .category-list {
+ font-family: var(--textntitles);
+}
+
+/* All the different Category Items */
+.site-content > .sidebar .category-list .list-items {
+ background: var(--pink);
+ padding: 0.4rem 4rem 0.4rem 1rem;
+ margin: 0.8rem 0.9rem;
+ border-radius: 1rem;
+ width: 100%;
+ transition: all 300ms ease;
+}
+
+.site-content > .sidebar .category-list .list-items:hover {
+ transform: translateX(1.2rem);
+ background: var(--pink-very-light);
+}
+
+.site-content > .sidebar .category-list .list-items a {
+ color: white;
+ font-size: 1.2rem;
+ font-weight: 400;
+}
+
+.site-content .sidebar .popular-post .post-content {
+ padding: 1rem 0;
+}
+
+/* Top spacing above the title "Popular Posts" */
+.site-content .sidebar .popular-post h1 {
+ padding-top: 8rem;
+}
+
+/* Popular Post overwrites */
+/* Overwrite the default property with !important for the popular posts */
+.site-content .sidebar .popular-post .post-info {
+ padding: 0.4rem 0.5rem !important;
+ bottom: 0 !important;
+ left: 1.5rem !important;
+ border-radius: 0 !important;
+ background: white !important;
+}
+
+/* a-tag overwrite the size (Title of a post) */
+.site-content .sidebar .popular-post .post-title a {
+ font-size: 1.6rem;
+}
+
+/* span-tag overwrite the size (comment and date of a post) */
+.site-content .sidebar .post-info span {
+ font-size: 1.2rem;
+}
+
+/* hr especially made for the sideline */
+.sideline {
+ width: 90%;
+ margin-left: 2rem;
+}
+
+/* ---- Newsletter section ---- */
+.site-content .sidebar .newsletter {
+ padding-top: 1rem;
+}
+
+.site-content .sidebar .newsletter .form-element {
+ padding-top: 0.5rem 2rem;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+
+}
+
+/* email input field */
+.site-content .sidebar .newsletter .input-element {
+ width: 80%;
+ height: 3rem;
+ padding: 1rem 0.5rem;
+ font-family: var(--linksnbtn);
+ font-size: 1.2rem;
+ color: var(--text-gray);
+}
+
+/* Newsletterbutton */
+.site-content .sidebar .newsletter .form-btn {
+ border-radius: 0;
+ padding: 0.8rem 29%;
+ margin: 1rem 0;
+ transition: all 300ms;
+}
+
+.site-content .sidebar .newsletter .form-btn:hover {
+ transform: scale(1.1);
+}
+
+/* Popular tags */
+.site-content .sidebar .popular-tags {
+ padding: 3rem 0;
+}
+
+.site-content .sidebar .popular-tags .tags .tag {
+ background: var(--pink-light);
+ padding: 0.4rem 1rem;
+ color: white;
+ border-radius: 1.5rem;
+ margin: 0.3rem 0.6rem;
+}
+/* ---------------x-- Sidebar --x--------------- */
+/* ----x---- Main Content ----x---- */
+
+/* ------------------ Footer ------------------ */
+
+footer.footer {
+ height: 100%;
+ background: var(--bg-color);
+ position: relative;
+}
+
+footer.footer .container {
+ display: grid; /* Various ways to define our 4 columns */
+ /* grid-template-columns: 25% 25% 25% 25%; */
+ /* grid-template-columns: 1fr 1fr 1fr 1fr; */
+ grid-template-columns: repeat(4, 1fr);
+}
+
+/* div-footer items */
+footer.footer .container > div {
+ flex-grow: 1; /* Specified how much the item will grow inside the flexible items of the container */
+ flex-basis: 0; /* Specifies initial width of the flexible items */
+ padding: 3rem 0.9rem;
+}
+
+footer.footer .container h3 {
+ color: var(--white);
+ margin-bottom: 1.3rem;
+}
+
+footer.footer .container p {
+ margin-bottom: 1.3rem;
+}
+
+footer.footer .container .admin a {
+ font-family: var(--textntitles);
+ color: var(--white);
+ display: inline-block;
+ transition: all 200ms;
+}
+
+/* Margin works perfectly well with "block" instead of the default "inline" with a,
+but to hover it right: We need inline-block to solve this problem */
+footer.footer .container .admin a:hover {
+ color: var(--cherry);
+}
+
+footer.footer .instagram div > img {
+ display: inline-block;
+ width: 40%;
+ height: 50%;
+ margin: 0.3rem 0.4rem;
+}
+
+footer.footer .follow div i{
+ color: var(--white);
+ padding: 0rem 0.4rem;
+ transition: all 200ms;
+ font-size: 1.3rem;
+}
+
+footer.footer .follow div i:hover{
+ color: var(--cherry);
+}
+
+footer.footer .rights {
+ justify-content: center;
+ font-family: var(--linksnbtn);
+ padding-bottom: 1rem;
+}
+
+/* Back to top-button */
+
+footer.footer .move-up{
+ position: absolute;
+ right: 6%;
+ top: 50%;
+}
+
+footer.footer .move-up span{
+ color: var(--cherry);
+}
+
+footer.footer .move-up span:hover{
+ color: var(--white);
+ cursor: pointer;
+}
+
+/* ---------------x-- Footer --x--------------- */
+
+/* ====x=================== index.php ===================x==== */
+/* ======================== login.php ======================== */
+
+/* Whole login-area (formerly "container" */
+.login-container {
+ position: relative;
+ width: 100%;
+ min-height: 115vh;
+ background-color: white;
+ overflow: hidden;
+}
+
+/* :before state will cover the sign up section (Red moving ball will cover) */
+.login-container:before{
+ content: '';
+ position: absolute;
+ width: 125rem;
+ height: 125rem;
+ border-radius: 50%;
+ background: var(--red);
+ top: -10%;
+ right: 48%;
+ transform: translateY(-50%);
+ z-index: 6;
+ transition: 1.8s ease-in-out;
+}
+
+/* Container for the forms */
+.login-container .forms-container {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+}
+
+/* Container with both items, sign-in and sign-up */
+.login-container .signin-signup {
+ position: absolute;
+ top: 45%; /* TODO: Change this if you got too many input fields */
+ left: 75%;
+ transform: translate(-50%, -50%);
+ width: 50%;
+ display: grid;
+ grid-template-columns: 1fr;
+ z-index: 5;
+ transition: 1s 0.7s ease-in-out;
+}
+
+.login-container .signin-signup form {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ padding: 0 0.5rem;
+ overflow: hidden;
+ grid-column: 1 / 2; /* Two column lines in total */
+ grid-row: 1 / 2; /* Two row lines in total */
+ transition: 0.3s 0.9s ease-in-out;
+}
+
+.login-container .signin-signup form.sign-in-form {
+ z-index: 2;
+}
+
+.login-container .signin-signup form.sign-up-form {
+ z-index: 1;
+ opacity: 0;
+}
+
+.signin-signup .title {
+ font-size: 3.2rem;
+ color: var(--text-gray);
+ margin-bottom: 0.6rem;
+}
+
+.input-field {
+ max-width: 23.7rem;
+ width: 100%;
+ height: 55px;
+ background-color: var(--light-grey);
+ margin: 10px 0;
+ border-radius: 55px;
+ display: grid;
+ grid-template-columns: 15% 85%;
+ padding: 0 0.4rem;
+}
+
+/* Icons of the Sign In area */
+.input-field i {
+ text-align: center;
+ line-height: 55px;
+ color: var(--text-light);
+ font-size: 1.1rem;
+}
+
+/* Icons of the Sign In area */
+.input-field input {
+ background: none;
+ outline: none;
+ border: none;
+ line-height: 1;
+ font-weight: 600;
+ font-size: 1.1rem;
+ color: var(--text-gray);
+}
+
+.input-field input::placeholder {
+ color: var(--text-light);
+ font-weight: 500;
+}
+
+.btn.solid {
+ border: none;
+ border-radius: 2rem;
+ padding: 0.8rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ border: 1px solid var(--white);
+ transition: all 300ms;
+ margin: 0.5rem 0 2rem 0;
+}
+
+.btn.solid:hover {
+ transform: scale(1.2);
+}
+
+.panels-container {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+}
+
+.panels-container .panel {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: flex-end;
+ text-align: center;
+ z-index: 7;
+}
+
+.panels-container .panel h3 {
+ font-weight: 600;
+ line-height: 1;
+ font-size: 1.5rem;
+}
+
+.panels-container .panel p {
+ font-size: 0.95rem;
+ padding: 0.7rem 0;
+ color: var(--white)
+}
+
+.panels-container .panel .content {
+ color: var(--white);
+ transition: 0.9s 0.6s ease-in-out;
+}
+
+.panels-container > .left-panel {
+ pointer-events: all; /* We can prevent all clicks ont the panel first and THEN we can click on the form */
+ padding: 3rem 39% 2rem 12%;
+}
+
+.panels-container > .right-panel {
+ pointer-events: none; /* Right-panel shouldnt be clickable */
+ padding: 3rem 12% 2rem 39%;
+}
+
+button.btn.transparent {
+ margin: 0;
+ background: none;
+ padding: 0.5rem 1rem;
+ margin-top: 1rem;
+ transition: all 300ms;
+}
+
+button.btn.transparent:hover {
+ background: var(--white);
+ color: var(--red);
+ transform: scale(1.2);
+ border: none;
+ font-weight: 800;
+}
+
+/* To keep the right image away if the left panel is working */
+.panels-container .right-panel .content, .right-panel .image {
+ transform: translateX(1200px);
+}
+
+.image {
+ width: 100%;
+ transition: 1.1s 0.4s ease-in-out;
+}
+
+/* ------------ Animation of the login-container (defined in JS) ------------ */
+
+/* The move from sign-in to sign-up */
+.login-container.sign-up-mode:before {
+ transform: translate(100%, -50%);
+ right: 52%;
+}
+
+/* After the sign-up button is going to be pushed, the content and image will move away to the left */
+.login-container.sign-up-mode .left-panel .image,
+.login-container.sign-up-mode .left-panel .content {
+ transform: translateX(-1200px);
+}
+
+.login-container.sign-up-mode .right-panel .content,
+.login-container.sign-up-mode .right-panel .image {
+ transform: translateX(0px);
+}
+
+.login-container.sign-up-mode .left-panel {
+ pointer-events: none; /* Now with the animation the left-panel shouldnt be clickable */
+}
+
+.login-container.sign-up-mode .right-panel {
+ pointer-events: all; /* We can prevent all clicks ont the panel first and THEN we can click on the form */
+}
+
+.login-container.sign-up-mode .signin-signup {
+ left: 25%;
+}
+
+.login-container.sign-up-mode form.sign-in-form {
+ z-index: 1;
+ opacity: 0;
+}
+
+.login-container.sign-up-mode form.sign-up-form {
+ z-index: 2;
+ opacity: 1;
+}
+
+/* --- Error Messages done with PHP --- */
+
+/* .error-message-log-in {
+ display: flex;
+ justify-content: flex-end;
+} */
+.error-message-log-in p {
+ position: relative;
+ display: inline;
+ background-color: red;
+ color: var(--white);
+ border-radius: 12px;
+ margin-top: 6rem;
+ padding: 0.5rem;
+}
+
+/*
+.error-message-log-in p.special {
+ color: white;
+} */
+
+.error-message-sign-up {
+ display: flex;
+ justify-content: flex-start;
+}
+.error-message-sign-up p {
+ position: relative;
+ display: inline;
+ background-color: red;
+ color: var(--white);
+ border-radius: 12px;
+ /* border-top-left-radius: 12px;
+ border-bottom-left-radius: 12px; */
+ padding: 0.5rem;
+ margin-bottom: 1rem;
+}
+
+.error-message-sign-up p.successfulsignup {
+ position: relative;
+ display: inline;
+ background-color: rgb(39, 236, 0);
+ color: var(--white);
+ border-top-left-radius: 12px;
+ border-bottom-left-radius: 12px;
+ margin-top: 10rem;
+ padding: 0.5rem 0.5rem 0.5rem 0.5rem;
+}
+
+/* --- Positive Feedback done with PHP seen at index.php after successful login --- */
+
+.index-intro {
+ display: flex;
+ justify-content: center;
+}
+.index-intro p {
+ position: absolute;
+ display: inline;
+ background-color: rgb(39, 236, 0);
+ color: var(--white);
+ border-bottom-right-radius: 12px;
+ border-bottom-left-radius: 12px;
+ padding: 0.5rem;
+}
+
+
+
+
+/* ====x=================== login.php ===================x==== */
+/* ======================== post.php ======================== */
+
+/* heading section */
+#blog {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ padding: 1.5rem;
+ border-bottom: 1px solid rgba(0,0,0,0.05)
+}
+
+.blog-heading {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+
+.blog-heading h1 {
+ font-family: var(--textntitles);
+ font-size: 3rem;
+ font-weight: 700;
+ color: var(--text-gray);
+}
+
+.blog-heading span {
+ color: var(--cherry);
+ font-size: 2rem;
+}
+
+
+/* blog section */
+.blog-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin: 20px 0;
+}
+
+/* Grey BOX where the blog is covered in */
+.blog-box {
+ width: 60rem;
+ background: var(--white); /* Comment it out for transparent background */
+ box-shadow: 0 15px 20px rgba(0,0,0,0.2);
+ margin: 20px;
+}
+
+.blog-img {
+ width: 100%;
+ height: auto;
+}
+
+.blog-img img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ object-position: center;
+}
+
+/* TEXT where the blog is covered in */
+#blog .blog-container .blog-text {
+ display: flex;
+ flex-direction: column;
+ padding: 10px 25px 25px 25px;
+ flex-wrap: wrap;
+}
+
+.blog-text span {
+ font-size: 1rem;
+ margin-bottom: 1rem;
+ margin: 20px 0px;
+ font-weight: 400;
+}
+
+.blog-text h2 {
+ font-size: 2rem;
+ font-weight: 800;
+ margin-bottom: 1rem;
+}
+
+.blog-text p {
+ font-size: 1rem;
+ font-weight: 600;
+ margin-bottom: 1rem;
+ color: rgb(39, 39, 39);
+}
+
+/* Return Button */
+.back {
+ display: block;
+ width: 7rem;
+ text-align: center;
+ margin: 3rem auto 2rem auto;
+ transition: all 300ms;
+}
+
+.back:hover {
+ transform: scale(1.2);
+}
+
+/* ====x=================== post.php ===================x==== */
+/* ======================== tellyourstory.php ======================== */
+
+/*TODO: If the user is LOGGED IN, THIS NAV will show up and you can write blog entry */
+.tell-your-story {
+ /* display:none; */
+ display: flex;
+}
+
+.blog-heading.special {
+ margin-top: 3rem;
+}
+
+#storytellingform {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+/*TODO: Change the names here for the STORY STYLE */
+
+.input-field-story {
+ width: 30rem;
+ height: 55px;
+ background-color: var(--light-grey);
+ margin: 10px 0;
+ border-radius: 10px;
+ display: grid;
+ grid-template-columns: 15% 85%;
+ padding: 0 0.4rem;
+}
+
+.input-field-story.textarea {
+ width: 30rem;
+ height: 25rem;
+ background-color: var(--light-grey);
+ margin: 10px 0;
+ border-radius: 10px;
+ display: grid;
+ grid-template-columns: 15% 85%;
+ padding: 0.4rem;
+}
+
+/* Icons of the Sign In area */
+.input-field-story i {
+ text-align: center;
+ line-height: 55px;
+ color: var(--text-light);
+ font-size: 1.1rem;
+}
+
+/* The image field of "Datei auswählen" */
+#fld_image {
+ align-self: center;
+}
+
+/* Icons of the Sign In area */
+.input-field-story input {
+ background: none;
+ outline: none;
+ border: none;
+ line-height: 1;
+ font-weight: 600;
+ font-size: 1.1rem;
+ color: var(--text-gray);
+}
+
+.input-field-story input::placeholder {
+ color: var(--text-light);
+ font-weight: 500;
+}
+
+.buttonsection {
+ display: flex;
+ justify-content: center;
+
+}
+
+/* Publish button */
+.btn.solid.special.publish {
+ margin-right: 7rem;
+ margin-left: 1rem;
+}
+
+/* return button */
+.btn.solid.special.return {
+ margin-right: 1rem;
+}
+
+.btn.solid {
+ border: none;
+ border-radius: 2rem;
+ padding: 0.8rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ border: 1px solid var(--white);
+ transition: all 300ms;
+ margin: 0.5rem 0 2rem 0;
+}
+
+.btn.solid:hover {
+ transform: scale(1.2);
+}
+
+/* Errormessages for the story publishing */
+
+.error-message-publish {
+ display: flex;
+ justify-content: center;
+ margin: 1rem 0;
+}
+
+.error-message-publish p {
+ position: relative;
+ display: inline-block;
+ background-color: red;
+ color: var(--white);
+ border-radius: 12px;
+ /* border-top-left-radius: 12px;
+ border-bottom-left-radius: 12px; */
+ padding: 0.5rem;
+}
+
+.successfulpublish {
+ display: flex;
+ justify-content: center;
+ margin: 1rem 0;
+}
+
+.successfulpublish p {
+ position: relative;
+ display: inline-block;
+ background-color: rgb(39, 236, 0);
+ color: var(--white);
+ border-radius: 12px;
+ padding: 0.5rem;
+}
+
+
+/* ====x=================== tellyourstory.php ===================x==== */
+/* ======================== memberboard.php ======================== */
+
+#memberboard {
+ height: 45rem;
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ justify-content: center;
+ align-items: center;
+ background: var(--white);
+ overflow: hidden;
+}
+
+.card {
+ display: grid;
+ grid-template-columns: 420px; /* 420 width */
+ grid-template-rows: 320px 235px 40px;
+ grid-template-areas: "image" "text" "stats";
+ font-family: var(--textntitles);
+ border-radius: 18px;
+ background: white;
+ box-shadow: 5px 5px 15px rgba(0,0,0,0.7);
+ transition: all 300ms ease-in-out;
+ cursor: pointer;
+ margin: 0 auto;
+}
+
+.card:hover {
+ transform: scale(1.5); /*FIXME: This is broken */
+ box-shadow: 5px 5px 15px rgba(0,0,0,1.2);
+}
+
+.card-image {
+ grid-area: image;
+ /* background: url("../../images/members/member1.jpg"); */
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+ background-size: cover;
+}
+
+/* .card-image2 {
+ grid-area: image;
+ background: url("../../images/members/member2.jpg");
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+ background-size: cover;
+} */
+
+/* .card-image3 {
+ grid-area: image;
+ background: url("../../images/members/member3.jpg");
+ border-top-left-radius: 15px;
+ border-top-right-radius: 15px;
+ background-size: cover;
+} */
+
+.card-text {
+ grid-area: text;
+}
+
+.card-text span {
+ font-size: 0.7rem;
+ text-align: center;
+ display: block;
+ margin: 0.5rem 0 1rem 0;
+ color: var(--cherry);
+}
+
+.card-text h2 {
+ font-size: 1.3rem;
+ padding-left: 2rem;
+ font-weight: 600;
+}
+
+.card-text p {
+ font-size: 0.9rem;
+ padding-left: 2.2rem;
+ margin-bottom: 1rem;
+}
+
+.card-stats {
+ grid-area: stats;
+ background: var(--pink-very-light);
+ border-bottom-left-radius: 15px;
+ border-bottom-right-radius: 15px;
+}
+
+/* Admin or Members */
+.stat h3 {
+ font-size: 0.9rem;
+ font-weight: 600;
+ text-align: center;
+ padding-top: 0.6rem;
+ color: white;
+}
+
+/*Sakura Tree*/
+#sakura {
+ height: 30rem;
+ justify-content: center;
+ align-items: center;
+ background: var(--white);
+ overflow: hidden;
+}
+
+
+/* ====x=================== memberboard.php ===================x==== */
+/* ======================== (ADMIN) login.php (ADMIN) ======================== */
+
+/* Section of the Admin Login */
+#admin-login {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ width: 100%;
+ min-height: 45rem;
+ background: var(--pink-heavy);
+ overflow: hidden;
+}
+
+/* Admin Login Box */
+.center {
+ width: 400px;
+ background: white;
+ border-radius: 10px;
+ box-shadow: 10px 10px 15px rgba(0,0,0,0.2);
+}
+
+.center h1 {
+ font-family: var(--textntitles);
+ font-size: 3rem;
+ font-weight: 700;
+ color: var(--text-gray);
+ text-align: center;
+ padding: 20px 0;
+ border-bottom: 2px solid var(--sakura);
+ margin: 0 40px;
+}
+
+.center form {
+ padding: 0 40px;
+ box-sizing: border-box;
+ height: 15rem;
+}
+
+form .txt_field {
+ position: relative;
+ border-bottom: 2px solid #adadad;
+ margin: 30px 0;
+}
+
+.txt_field input{
+ width: 100%;
+ padding: 0 5px;
+ height: 40px;
+ font-size: 16px;
+ border: none;
+ background: none;
+ outline: none;
+}
+
+
+.txt_field label{
+ position: absolute;
+ top: 50%;
+ left: 5px;
+ font-family: var(--textntitles);
+ color: var(--text-light);
+ transform: translateY(-50%);
+ font-size: 16px;
+ pointer-events: none;
+ transition: .5s;
+}
+
+.txt_field span::before{
+ content: '';
+ position: absolute;
+ top: 40px;
+ left: 0;
+ width: 0%;
+ height: 2px;
+ background: var(--sakura);
+ transition: .5s;
+}
+
+/* For the "Swosh" Effect */
+.txt_field input:focus ~ label,
+.txt_field input:valid ~ label{
+ top: -5px;
+ color: var(--sakura);
+}
+
+.txt_field input:focus ~ span::before,
+.txt_field input:valid ~ span::before{
+ width: 100%;
+}
+
+/* Area of the sign in and return button */
+.buttonarea {
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
+ flex-direction: row;
+ height: 80px;
+}
+
+.btn-special-sign-in, .btn-special-return {
+ border: none;
+ border-radius: 2rem;
+ padding: 1rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ transition: all 300ms;
+}
+
+.btn-special-sign-in:hover, .btn-special-return:hover {
+ transform: scale(1.2);
+}
+
+/* ====x=================== (ADMIN) login.php (ADMIN) ===================x==== */
+/* ======================== (ADMIN) index.php (ADMIN) ======================== */
+
+/* Control Section */
+#admin-control {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: space-evenly;
+ align-items: center;
+ position: relative;
+ width: 100%;
+ min-height: 60rem;
+ background: var(--pink-heavy);
+ overflow: hidden;
+}
+
+/* Box for Blog and Profile Management */
+.controlbox {
+ max-width: 500px;
+ height: 350px;
+ background: white;
+ border-radius: 10px;
+ box-shadow: 10px 10px 15px rgba(0,0,0,0.2);
+ display: flex;
+ flex-direction: column;
+ justify-content: space-evenly;
+ align-items: center;
+ transition: all 300ms ease-in-out;
+ margin: 1.5rem;
+}
+:hover.controlbox {
+ transform: scale(1.1);
+}
+
+.controlbox h1 {
+ font-size: 2.5rem;
+ font-weight: 600;
+ padding: 1rem 3rem 0 3rem;
+ text-align: center;
+}
+
+.controlbox .fas.fa-book,.controlbox .fas.fa-user-edit,.controlbox .fas.fa-wrench {
+ font-size: 2.5rem;
+}
+
+.controlbox h2 {
+ font-size: 1.1rem;
+ font-weight: 300;
+ text-align: center;
+}
+
+.btn-edit {
+ border-radius: 2rem;
+ padding: 0.8rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+}
+
+:hover.btn-edit {
+ background: chartreuse;
+ color: var(--text-gray);
+}
+
+
+
+
+footer.footer .admin-rights {
+ justify-content: center;
+ font-family: var(--linksnbtn);
+ padding: 1rem;
+}
+
+
+
+
+
+/* ====x=================== (ADMIN) index.php (ADMIN) ===================x==== */
\ No newline at end of file
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/css/variables.css b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/css/variables.css
new file mode 100644
index 0000000..f4a636f
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/css/variables.css
@@ -0,0 +1,213 @@
+/* Over here you will find:
+
+ - CSS Reset
+ - Custom Fonts
+ - Variables
+ - Global classes
+
+*/
+
+
+/* === Small CSS Reset === */
+*{
+ margin: 0;
+ padding: 0;
+}
+*, *::after, *::before{
+ box-sizing: border-box;
+}
+
+/* Custom Fonts for possible use */
+
+@font-face {
+ font-family: 'myFirstFont';
+ src: url('../theme/fonts/SF_Shai_Fontai_Extended-webfont.woff');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'mySecondFont';
+ src: url('../theme/fonts/Japan.ttf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'myThirdFont';
+ src: url('../theme/fonts/JAPANBRUSH.ttf');
+ font-weight: normal;
+ font-style: normal;
+}
+
+/* -------- Variables --------- */
+
+:root {
+
+/* Themed colors https://coolors.co/ */
+--text-gray: #2e3338;
+--text-light: #525252da;
+--bg-color: #0f0f0f;
+--white: #ffffff;
+--cherry: #fa6ebb;
+--sakura: #f8a8c9;
+--darkcherry: #790032;
+--red: #c00000;
+--light-grey: #d8d8d8;
+
+/* Gradient color https://webgradients.com/ */
+
+--sky: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
+--pink: linear-gradient(120deg, #fd84a2 0%, #cf4585 100%);
+--pink-light: linear-gradient(120deg, #f1a3c4 0%, #dfa1ee 100%);
+--pink-very-light: linear-gradient(120deg, #fd84a2 0%, #fac0db 100%);
+--pink-heavy: linear-gradient(120deg, #a81f41 0%, #fac0db 100%);
+
+/* Themed fonts (used in this blog) */
+
+--logo: 'Permanent Marker', cursive; /* For logo */
+--linksnbtn: 'Abel', cursive; /* For Links and Buttons */
+--textntitles: 'Nunito', sans-serif; /* For Text and Titles */
+
+}
+
+/* ----x---- Variables ----x---- */
+/* --------- Global Classes --------- */
+a {
+ text-decoration: none;
+ color: var(--text-gray);
+}
+
+p {
+ font-family: var(--textntitles);
+ color: var(--text-light);
+}
+
+/* Add a flex-row in the html to flex the object... */
+.flex-row {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap; /* It can collapse perfectly if the size is shrinking */
+}
+
+ul {
+ list-style-type: none;
+}
+
+span {
+ font-family: var(--textntitles);
+ font-size: 1.3rem;
+}
+
+h1 {
+ font-family: var(--textntitles);
+ font-size: 5.5rem;
+ font-weight: 700;
+}
+
+h2 {
+ font-family: var(--textntitles);
+ font-size: 3.4rem;
+ font-weight: 500;
+ color: var(--text-gray);
+}
+
+h3 {
+ font-family: var(--textntitles);
+ font-size: 1.3rem;
+ font-weight: 500;
+}
+
+button.btn, a.btn {
+ border-radius: 2rem;
+ padding: 1rem 2rem;
+ font-size: 1.2rem;
+ font-family: var(--linksnbtn);
+ font-weight: 400;
+ background: var(--pink);
+ color: var(--white);
+ cursor: pointer;
+ border: 1px solid var(--white);
+}
+
+.container {
+ margin: 0 2vw;
+}
+
+.text-gray {
+ color: var(--text-gray);
+}
+
+section .title {
+ text-align: center;
+ padding-top: 3.5rem;
+ font-family: var(--textntitles);
+ font-size: 3.5rem;
+ font-weight: 500;
+ color: var(--text-gray);
+}
+
+section .title-main {
+ font-family: var(--textntitles);
+ font-size: 3rem;
+ font-weight: 500;
+ color: var(--text-gray);
+ margin: 6rem 0 1rem 2rem;
+}
+
+section .title-sidebar {
+ font-family: var(--textntitles);
+ font-size: 3rem;
+ font-weight: 500;
+ color: var(--text-gray);
+ text-align: center;
+ padding-top: 6rem;
+ margin-bottom: 1.5rem;
+}
+
+body {
+ width: 100%;
+ /* To eliminate horizontal scrollbar */
+ overflow-y: scroll;
+ overflow-x: hidden;
+}
+
+input {
+ font-family: var(--textntitles);
+}
+
+label {
+ font-family: var(--textntitles);
+ color: var(--text-gray);
+ text-align: center;
+}
+
+.label-story {
+ display: inline-block;
+ font-family: var(--textntitles);
+ color: var(--cherry);
+ padding-left: 2%;
+ margin-top: 1rem;
+}
+
+.label-mandatory {
+ display: inline-block;
+ font-family: var(--textntitles);
+ color: grey;
+ padding-left: 2%;
+ margin-bottom: 2rem;
+}
+
+textarea {
+ font-family: var(--textntitles);
+ font-size: 1rem;
+ font-weight: 500;
+ padding: 0.4rem;
+}
+
+hr {
+ border: 1px solid;
+ color: var(--text-light);
+}
+
+/* ----x---- Global Classes ----x---- */
\ No newline at end of file
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf
new file mode 100644
index 0000000..bff3b0d
Binary files /dev/null and b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf differ
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/fonts/Japan.ttf b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/fonts/Japan.ttf
new file mode 100644
index 0000000..85ead95
Binary files /dev/null and b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/fonts/Japan.ttf differ
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff
new file mode 100644
index 0000000..5fd5fba
Binary files /dev/null and b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff differ
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/javascript/aos.js b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/javascript/aos.js
new file mode 100644
index 0000000..0ba1c7b
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/javascript/aos.js
@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AOS=t():e.AOS=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return e[o].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="dist/",t(0)}([function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}var i=Object.assign||function(e){for(var t=1;t0&&void 0!==arguments[0]&&arguments[0];if(e&&(k=!0),k)return w=(0,y.default)(w,x),(0,b.default)(w,x.once),w},O=function(){w=(0,h.default)(),j()},_=function(){w.forEach(function(e,t){e.node.removeAttribute("data-aos"),e.node.removeAttribute("data-aos-easing"),e.node.removeAttribute("data-aos-duration"),e.node.removeAttribute("data-aos-delay")})},S=function(e){return e===!0||"mobile"===e&&p.default.mobile()||"phone"===e&&p.default.phone()||"tablet"===e&&p.default.tablet()||"function"==typeof e&&e()===!0},z=function(e){x=i(x,e),w=(0,h.default)();var t=document.all&&!window.atob;return S(x.disable)||t?_():(document.querySelector("body").setAttribute("data-aos-easing",x.easing),document.querySelector("body").setAttribute("data-aos-duration",x.duration),document.querySelector("body").setAttribute("data-aos-delay",x.delay),"DOMContentLoaded"===x.startEvent&&["complete","interactive"].indexOf(document.readyState)>-1?j(!0):"load"===x.startEvent?window.addEventListener(x.startEvent,function(){j(!0)}):document.addEventListener(x.startEvent,function(){j(!0)}),window.addEventListener("resize",(0,f.default)(j,x.debounceDelay,!0)),window.addEventListener("orientationchange",(0,f.default)(j,x.debounceDelay,!0)),window.addEventListener("scroll",(0,u.default)(function(){(0,b.default)(w,x.once)},x.throttleDelay)),x.disableMutationObserver||(0,d.default)("[data-aos]",O),w)};e.exports={init:z,refresh:j,refreshHard:O}},function(e,t){},,,,,function(e,t){(function(t){"use strict";function n(e,t,n){function o(t){var n=b,o=v;return b=v=void 0,k=t,g=e.apply(o,n)}function r(e){return k=e,h=setTimeout(s,t),_?o(e):g}function a(e){var n=e-w,o=e-k,i=t-n;return S?j(i,y-o):i}function c(e){var n=e-w,o=e-k;return void 0===w||n>=t||n<0||S&&o>=y}function s(){var e=O();return c(e)?d(e):void(h=setTimeout(s,a(e)))}function d(e){return h=void 0,z&&b?o(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),k=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(O())}function m(){var e=O(),n=c(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(s,t),o(w)}return void 0===h&&(h=setTimeout(s,t)),g}var b,v,y,g,h,w,k=0,_=!1,S=!1,z=!0;if("function"!=typeof e)throw new TypeError(f);return t=u(t)||0,i(n)&&(_=!!n.leading,S="maxWait"in n,y=S?x(u(n.maxWait)||0,t):y,z="trailing"in n?!!n.trailing:z),m.cancel=l,m.flush=p,m}function o(e,t,o){var r=!0,a=!0;if("function"!=typeof e)throw new TypeError(f);return i(o)&&(r="leading"in o?!!o.leading:r,a="trailing"in o?!!o.trailing:a),n(e,t,{leading:r,maxWait:t,trailing:a})}function i(e){var t="undefined"==typeof e?"undefined":c(e);return!!e&&("object"==t||"function"==t)}function r(e){return!!e&&"object"==("undefined"==typeof e?"undefined":c(e))}function a(e){return"symbol"==("undefined"==typeof e?"undefined":c(e))||r(e)&&k.call(e)==d}function u(e){if("number"==typeof e)return e;if(a(e))return s;if(i(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=i(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(l,"");var n=m.test(e);return n||b.test(e)?v(e.slice(2),n?2:8):p.test(e)?s:+e}var c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f="Expected a function",s=NaN,d="[object Symbol]",l=/^\s+|\s+$/g,p=/^[-+]0x[0-9a-f]+$/i,m=/^0b[01]+$/i,b=/^0o[0-7]+$/i,v=parseInt,y="object"==("undefined"==typeof t?"undefined":c(t))&&t&&t.Object===Object&&t,g="object"==("undefined"==typeof self?"undefined":c(self))&&self&&self.Object===Object&&self,h=y||g||Function("return this")(),w=Object.prototype,k=w.toString,x=Math.max,j=Math.min,O=function(){return h.Date.now()};e.exports=o}).call(t,function(){return this}())},function(e,t){(function(t){"use strict";function n(e,t,n){function i(t){var n=b,o=v;return b=v=void 0,O=t,g=e.apply(o,n)}function r(e){return O=e,h=setTimeout(s,t),_?i(e):g}function u(e){var n=e-w,o=e-O,i=t-n;return S?x(i,y-o):i}function f(e){var n=e-w,o=e-O;return void 0===w||n>=t||n<0||S&&o>=y}function s(){var e=j();return f(e)?d(e):void(h=setTimeout(s,u(e)))}function d(e){return h=void 0,z&&b?i(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),O=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(j())}function m(){var e=j(),n=f(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(s,t),i(w)}return void 0===h&&(h=setTimeout(s,t)),g}var b,v,y,g,h,w,O=0,_=!1,S=!1,z=!0;if("function"!=typeof e)throw new TypeError(c);return t=a(t)||0,o(n)&&(_=!!n.leading,S="maxWait"in n,y=S?k(a(n.maxWait)||0,t):y,z="trailing"in n?!!n.trailing:z),m.cancel=l,m.flush=p,m}function o(e){var t="undefined"==typeof e?"undefined":u(e);return!!e&&("object"==t||"function"==t)}function i(e){return!!e&&"object"==("undefined"==typeof e?"undefined":u(e))}function r(e){return"symbol"==("undefined"==typeof e?"undefined":u(e))||i(e)&&w.call(e)==s}function a(e){if("number"==typeof e)return e;if(r(e))return f;if(o(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=o(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(d,"");var n=p.test(e);return n||m.test(e)?b(e.slice(2),n?2:8):l.test(e)?f:+e}var u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c="Expected a function",f=NaN,s="[object Symbol]",d=/^\s+|\s+$/g,l=/^[-+]0x[0-9a-f]+$/i,p=/^0b[01]+$/i,m=/^0o[0-7]+$/i,b=parseInt,v="object"==("undefined"==typeof t?"undefined":u(t))&&t&&t.Object===Object&&t,y="object"==("undefined"==typeof self?"undefined":u(self))&&self&&self.Object===Object&&self,g=v||y||Function("return this")(),h=Object.prototype,w=h.toString,k=Math.max,x=Math.min,j=function(){return g.Date.now()};e.exports=n}).call(t,function(){return this}())},function(e,t){"use strict";function n(e,t){var n=window.document,r=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver,a=new r(o);i=t,a.observe(n.documentElement,{childList:!0,subtree:!0,removedNodes:!0})}function o(e){e&&e.forEach(function(e){var t=Array.prototype.slice.call(e.addedNodes),n=Array.prototype.slice.call(e.removedNodes),o=t.concat(n).filter(function(e){return e.hasAttribute&&e.hasAttribute("data-aos")}).length;o&&i()})}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){};t.default=n},function(e,t){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(){return navigator.userAgent||navigator.vendor||window.opera||""}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;ne.position?e.node.classList.add("aos-animate"):"undefined"!=typeof o&&("false"===o||!n&&"true"!==o)&&e.node.classList.remove("aos-animate")},o=function(e,t){var o=window.pageYOffset,i=window.innerHeight;e.forEach(function(e,r){n(e,i+o,t)})};t.default=o},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(12),r=o(i),a=function(e,t){return e.forEach(function(e,n){e.node.classList.add("aos-init"),e.position=(0,r.default)(e.node,t.offset)}),e};t.default=a},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(13),r=o(i),a=function(e,t){var n=0,o=0,i=window.innerHeight,a={offset:e.getAttribute("data-aos-offset"),anchor:e.getAttribute("data-aos-anchor"),anchorPlacement:e.getAttribute("data-aos-anchor-placement")};switch(a.offset&&!isNaN(a.offset)&&(o=parseInt(a.offset)),a.anchor&&document.querySelectorAll(a.anchor)&&(e=document.querySelectorAll(a.anchor)[0]),n=(0,r.default)(e).top,a.anchorPlacement){case"top-bottom":break;case"center-bottom":n+=e.offsetHeight/2;break;case"bottom-bottom":n+=e.offsetHeight;break;case"top-center":n+=i/2;break;case"bottom-center":n+=i/2+e.offsetHeight;break;case"center-center":n+=i/2+e.offsetHeight/2;break;case"top-top":n+=i;break;case"bottom-top":n+=e.offsetHeight+i;break;case"center-top":n+=e.offsetHeight/2+i}return a.anchorPlacement||a.offset||isNaN(t)||(o=t),n+o};t.default=a},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){for(var t=0,n=0;e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop);)t+=e.offsetLeft-("BODY"!=e.tagName?e.scrollLeft:0),n+=e.offsetTop-("BODY"!=e.tagName?e.scrollTop:0),e=e.offsetParent;return{top:n,left:t}};t.default=n},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){return e=e||document.querySelectorAll("[data-aos]"),Array.prototype.map.call(e,function(e){return{node:e}})};t.default=n}])});
\ No newline at end of file
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/javascript/main.js b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/javascript/main.js
new file mode 100644
index 0000000..f0d1bdb
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/javascript/main.js
@@ -0,0 +1,116 @@
+/* ======================== index.php ======================== */
+
+// Live Server autoscroll bug
+// $(window).scroll (function(){
+// sessionStorage.scrollTop = $(this).scrollTop();
+// });
+
+// Variables:
+const responsive = {
+ 0: {
+ items: 1 // Bugfix (Avoid to see all 4 items in just 320px)
+ },
+ 400: {
+ items: 1 // At 320px vw we only see one carousel item
+ },
+ 700: {
+ items: 2 // At 700px vw we see two carousel items
+ },
+ 1100: {
+ items: 3 // At 1000px vw we see three carousel items
+ }
+}
+
+
+
+
+
+$(document).ready(function(){
+
+ /* CSS Scrollbug */
+// $(window).on('unload', function() {
+// $(window).scrollTop(0); });
+// window.onunload = function(){
+// window.scrollTo(0,0); };
+// if ('scrollRestoration' in history)
+// { history.scrollRestoration = 'manual'; };
+
+ /* CSS Scrollbug */
+ // if (sessionStorage.scrollTop != "undefined") {
+ // $(window).scrollTop(sessionStorage.scrollTop);
+ // }
+
+
+ /* --- definition of variables --- */
+ $nav = $('.nav');
+ $toggleCollapse = $('.toggle-collapse');
+ $menuToggleBtn = $('.menu-toggle-btn')
+
+ /* --- click event to toggle the nav menu --- */
+ $toggleCollapse.click(function(){
+ $nav.toggleClass('collapse', 1000); /* we get a new collapse class especially made for toggeling */
+ })
+
+ /* --- click event to exchange the burgersymbol with the x of fa-times --- */
+ $menuToggleBtn.click(function() {
+ $(this).toggleClass('fa-times');
+ })
+
+ /* Attempt to hover out to remove the collapse*/
+ // $("main").hover(
+ // function(){
+ // $('.collapse').fadeOut('slow', function(){
+ // console.log('Faded Out')
+ // });
+ // });
+
+
+ // -- owl-crousel for blog -- //
+ $('.owl-carousel').owlCarousel({
+ loop: true,
+ autoplay: false, // false to stop
+ autoplayTimeout: 5000,
+ dots: false,
+ nav: true,
+ navText: [$('.owl-navigation .owl-nav-prev'), $('.owl-navigation .owl-nav-next')],
+ responsive: responsive // This defined variable (above) got a function
+
+ });
+
+ // -- click to scroll to top -- //
+ $('.move-up span').click(function(){
+ $('html, body').animate({
+ scrollTop: 0
+ }, 1000); // 1 Second duration to scroll up
+ })
+
+ // -- AOS Animation on scroll Instance -- //
+ AOS.init()
+
+
+ // -- ERROR-MESSAGES login and signup -- //
+ // $('btn solid sign-in').click(function(){
+ // $('error-message').show(900);
+
+ // })
+
+
+ });
+
+ /* ====x=================== index.php ===================x==== */
+ /* ======================== login.php ======================== */
+
+ const sign_in_btn = document.querySelector("#sign-in-btn");
+ const sign_up_btn = document.querySelector("#sign-up-btn");
+ const login_container = document.querySelector(".login-container");
+
+ sign_up_btn.addEventListener('click', () => {
+ login_container.classList.add("sign-up-mode");
+ });
+
+ sign_in_btn.addEventListener('click', () => {
+ login_container.classList.remove("sign-up-mode");
+ });
+
+
+ /* ====x=================== login.php ===================x==== */
\ No newline at end of file
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js
new file mode 100644
index 0000000..fbbffc5
--- /dev/null
+++ b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js
@@ -0,0 +1,7 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+!function(a,b,c,d){function e(b,c){this.settings=null,this.options=a.extend({},e.Defaults,c),this.$element=a(b),this._handlers={},this._plugins={},this._supress={},this._current=null,this._speed=null,this._coordinates=[],this._breakpoint=null,this._width=null,this._items=[],this._clones=[],this._mergers=[],this._widths=[],this._invalidated={},this._pipe=[],this._drag={time:null,target:null,pointer:null,stage:{start:null,current:null},direction:null},this._states={current:{},tags:{initializing:["busy"],animating:["busy"],dragging:["interacting"]}},a.each(["onResize","onThrottledResize"],a.proxy(function(b,c){this._handlers[c]=a.proxy(this[c],this)},this)),a.each(e.Plugins,a.proxy(function(a,b){this._plugins[a.charAt(0).toLowerCase()+a.slice(1)]=new b(this)},this)),a.each(e.Workers,a.proxy(function(b,c){this._pipe.push({filter:c.filter,run:a.proxy(c.run,this)})},this)),this.setup(),this.initialize()}e.Defaults={items:3,loop:!1,center:!1,rewind:!1,checkVisibility:!0,mouseDrag:!0,touchDrag:!0,pullDrag:!0,freeDrag:!1,margin:0,stagePadding:0,merge:!1,mergeFit:!0,autoWidth:!1,startPosition:0,rtl:!1,smartSpeed:250,fluidSpeed:!1,dragEndSpeed:!1,responsive:{},responsiveRefreshRate:200,responsiveBaseElement:b,fallbackEasing:"swing",slideTransition:"",info:!1,nestedItemSelector:!1,itemElement:"div",stageElement:"div",refreshClass:"owl-refresh",loadedClass:"owl-loaded",loadingClass:"owl-loading",rtlClass:"owl-rtl",responsiveClass:"owl-responsive",dragClass:"owl-drag",itemClass:"owl-item",stageClass:"owl-stage",stageOuterClass:"owl-stage-outer",grabClass:"owl-grab"},e.Width={Default:"default",Inner:"inner",Outer:"outer"},e.Type={Event:"event",State:"state"},e.Plugins={},e.Workers=[{filter:["width","settings"],run:function(){this._width=this.$element.width()}},{filter:["width","items","settings"],run:function(a){a.current=this._items&&this._items[this.relative(this._current)]}},{filter:["items","settings"],run:function(){this.$stage.children(".cloned").remove()}},{filter:["width","items","settings"],run:function(a){var b=this.settings.margin||"",c=!this.settings.autoWidth,d=this.settings.rtl,e={width:"auto","margin-left":d?b:"","margin-right":d?"":b};!c&&this.$stage.children().css(e),a.css=e}},{filter:["width","items","settings"],run:function(a){var b=(this.width()/this.settings.items).toFixed(3)-this.settings.margin,c=null,d=this._items.length,e=!this.settings.autoWidth,f=[];for(a.items={merge:!1,width:b};d--;)c=this._mergers[d],c=this.settings.mergeFit&&Math.min(c,this.settings.items)||c,a.items.merge=c>1||a.items.merge,f[d]=e?b*c:this._items[d].width();this._widths=f}},{filter:["items","settings"],run:function(){var b=[],c=this._items,d=this.settings,e=Math.max(2*d.items,4),f=2*Math.ceil(c.length/2),g=d.loop&&c.length?d.rewind?e:Math.max(e,f):0,h="",i="";for(g/=2;g>0;)b.push(this.normalize(b.length/2,!0)),h+=c[b[b.length-1]][0].outerHTML,b.push(this.normalize(c.length-1-(b.length-1)/2,!0)),i=c[b[b.length-1]][0].outerHTML+i,g-=1;this._clones=b,a(h).addClass("cloned").appendTo(this.$stage),a(i).addClass("cloned").prependTo(this.$stage)}},{filter:["width","items","settings"],run:function(){for(var a=this.settings.rtl?1:-1,b=this._clones.length+this._items.length,c=-1,d=0,e=0,f=[];++c",h)||this.op(b,"<",g)&&this.op(b,">",h))&&i.push(c);this.$stage.children(".active").removeClass("active"),this.$stage.children(":eq("+i.join("), :eq(")+")").addClass("active"),this.$stage.children(".center").removeClass("center"),this.settings.center&&this.$stage.children().eq(this.current()).addClass("center")}}],e.prototype.initializeStage=function(){this.$stage=this.$element.find("."+this.settings.stageClass),this.$stage.length||(this.$element.addClass(this.options.loadingClass),this.$stage=a("<"+this.settings.stageElement+">",{class:this.settings.stageClass}).wrap(a("
",{class:this.settings.stageOuterClass})),this.$element.append(this.$stage.parent()))},e.prototype.initializeItems=function(){var b=this.$element.find(".owl-item");if(b.length)return this._items=b.get().map(function(b){return a(b)}),this._mergers=this._items.map(function(){return 1}),void this.refresh();this.replace(this.$element.children().not(this.$stage.parent())),this.isVisible()?this.refresh():this.invalidate("width"),this.$element.removeClass(this.options.loadingClass).addClass(this.options.loadedClass)},e.prototype.initialize=function(){if(this.enter("initializing"),this.trigger("initialize"),this.$element.toggleClass(this.settings.rtlClass,this.settings.rtl),this.settings.autoWidth&&!this.is("pre-loading")){var a,b,c;a=this.$element.find("img"),b=this.settings.nestedItemSelector?"."+this.settings.nestedItemSelector:d,c=this.$element.children(b).width(),a.length&&c<=0&&this.preloadAutoWidthImages(a)}this.initializeStage(),this.initializeItems(),this.registerEventHandlers(),this.leave("initializing"),this.trigger("initialized")},e.prototype.isVisible=function(){return!this.settings.checkVisibility||this.$element.is(":visible")},e.prototype.setup=function(){var b=this.viewport(),c=this.options.responsive,d=-1,e=null;c?(a.each(c,function(a){a<=b&&a>d&&(d=Number(a))}),e=a.extend({},this.options,c[d]),"function"==typeof e.stagePadding&&(e.stagePadding=e.stagePadding()),delete e.responsive,e.responsiveClass&&this.$element.attr("class",this.$element.attr("class").replace(new RegExp("("+this.options.responsiveClass+"-)\\S+\\s","g"),"$1"+d))):e=a.extend({},this.options),this.trigger("change",{property:{name:"settings",value:e}}),this._breakpoint=d,this.settings=e,this.invalidate("settings"),this.trigger("changed",{property:{name:"settings",value:this.settings}})},e.prototype.optionsLogic=function(){this.settings.autoWidth&&(this.settings.stagePadding=!1,this.settings.merge=!1)},e.prototype.prepare=function(b){var c=this.trigger("prepare",{content:b});return c.data||(c.data=a("<"+this.settings.itemElement+"/>").addClass(this.options.itemClass).append(b)),this.trigger("prepared",{content:c.data}),c.data},e.prototype.update=function(){for(var b=0,c=this._pipe.length,d=a.proxy(function(a){return this[a]},this._invalidated),e={};b0)&&this._pipe[b].run(e),b++;this._invalidated={},!this.is("valid")&&this.enter("valid")},e.prototype.width=function(a){switch(a=a||e.Width.Default){case e.Width.Inner:case e.Width.Outer:return this._width;default:return this._width-2*this.settings.stagePadding+this.settings.margin}},e.prototype.refresh=function(){this.enter("refreshing"),this.trigger("refresh"),this.setup(),this.optionsLogic(),this.$element.addClass(this.options.refreshClass),this.update(),this.$element.removeClass(this.options.refreshClass),this.leave("refreshing"),this.trigger("refreshed")},e.prototype.onThrottledResize=function(){b.clearTimeout(this.resizeTimer),this.resizeTimer=b.setTimeout(this._handlers.onResize,this.settings.responsiveRefreshRate)},e.prototype.onResize=function(){return!!this._items.length&&(this._width!==this.$element.width()&&(!!this.isVisible()&&(this.enter("resizing"),this.trigger("resize").isDefaultPrevented()?(this.leave("resizing"),!1):(this.invalidate("width"),this.refresh(),this.leave("resizing"),void this.trigger("resized")))))},e.prototype.registerEventHandlers=function(){a.support.transition&&this.$stage.on(a.support.transition.end+".owl.core",a.proxy(this.onTransitionEnd,this)),!1!==this.settings.responsive&&this.on(b,"resize",this._handlers.onThrottledResize),this.settings.mouseDrag&&(this.$element.addClass(this.options.dragClass),this.$stage.on("mousedown.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("dragstart.owl.core selectstart.owl.core",function(){return!1})),this.settings.touchDrag&&(this.$stage.on("touchstart.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("touchcancel.owl.core",a.proxy(this.onDragEnd,this)))},e.prototype.onDragStart=function(b){var d=null;3!==b.which&&(a.support.transform?(d=this.$stage.css("transform").replace(/.*\(|\)| /g,"").split(","),d={x:d[16===d.length?12:4],y:d[16===d.length?13:5]}):(d=this.$stage.position(),d={x:this.settings.rtl?d.left+this.$stage.width()-this.width()+this.settings.margin:d.left,y:d.top}),this.is("animating")&&(a.support.transform?this.animate(d.x):this.$stage.stop(),this.invalidate("position")),this.$element.toggleClass(this.options.grabClass,"mousedown"===b.type),this.speed(0),this._drag.time=(new Date).getTime(),this._drag.target=a(b.target),this._drag.stage.start=d,this._drag.stage.current=d,this._drag.pointer=this.pointer(b),a(c).on("mouseup.owl.core touchend.owl.core",a.proxy(this.onDragEnd,this)),a(c).one("mousemove.owl.core touchmove.owl.core",a.proxy(function(b){var d=this.difference(this._drag.pointer,this.pointer(b));a(c).on("mousemove.owl.core touchmove.owl.core",a.proxy(this.onDragMove,this)),Math.abs(d.x)0^this.settings.rtl?"left":"right";a(c).off(".owl.core"),this.$element.removeClass(this.options.grabClass),(0!==d.x&&this.is("dragging")||!this.is("valid"))&&(this.speed(this.settings.dragEndSpeed||this.settings.smartSpeed),this.current(this.closest(e.x,0!==d.x?f:this._drag.direction)),this.invalidate("position"),this.update(),this._drag.direction=f,(Math.abs(d.x)>3||(new Date).getTime()-this._drag.time>300)&&this._drag.target.one("click.owl.core",function(){return!1})),this.is("dragging")&&(this.leave("dragging"),this.trigger("dragged"))},e.prototype.closest=function(b,c){var e=-1,f=30,g=this.width(),h=this.coordinates();return this.settings.freeDrag||a.each(h,a.proxy(function(a,i){return"left"===c&&b>i-f&&bi-g-f&&b",h[a+1]!==d?h[a+1]:i-g)&&(e="left"===c?a+1:a),-1===e},this)),this.settings.loop||(this.op(b,">",h[this.minimum()])?e=b=this.minimum():this.op(b,"<",h[this.maximum()])&&(e=b=this.maximum())),e},e.prototype.animate=function(b){var c=this.speed()>0;this.is("animating")&&this.onTransitionEnd(),c&&(this.enter("animating"),this.trigger("translate")),a.support.transform3d&&a.support.transition?this.$stage.css({transform:"translate3d("+b+"px,0px,0px)",transition:this.speed()/1e3+"s"+(this.settings.slideTransition?" "+this.settings.slideTransition:"")}):c?this.$stage.animate({left:b+"px"},this.speed(),this.settings.fallbackEasing,a.proxy(this.onTransitionEnd,this)):this.$stage.css({left:b+"px"})},e.prototype.is=function(a){return this._states.current[a]&&this._states.current[a]>0},e.prototype.current=function(a){if(a===d)return this._current;if(0===this._items.length)return d;if(a=this.normalize(a),this._current!==a){var b=this.trigger("change",{property:{name:"position",value:a}});b.data!==d&&(a=this.normalize(b.data)),this._current=a,this.invalidate("position"),this.trigger("changed",{property:{name:"position",value:this._current}})}return this._current},e.prototype.invalidate=function(b){return"string"===a.type(b)&&(this._invalidated[b]=!0,this.is("valid")&&this.leave("valid")),a.map(this._invalidated,function(a,b){return b})},e.prototype.reset=function(a){(a=this.normalize(a))!==d&&(this._speed=0,this._current=a,this.suppress(["translate","translated"]),this.animate(this.coordinates(a)),this.release(["translate","translated"]))},e.prototype.normalize=function(a,b){var c=this._items.length,e=b?0:this._clones.length;return!this.isNumeric(a)||c<1?a=d:(a<0||a>=c+e)&&(a=((a-e/2)%c+c)%c+e/2),a},e.prototype.relative=function(a){return a-=this._clones.length/2,this.normalize(a,!0)},e.prototype.maximum=function(a){var b,c,d,e=this.settings,f=this._coordinates.length;if(e.loop)f=this._clones.length/2+this._items.length-1;else if(e.autoWidth||e.merge){if(b=this._items.length)for(c=this._items[--b].width(),d=this.$element.width();b--&&!((c+=this._items[b].width()+this.settings.margin)>d););f=b+1}else f=e.center?this._items.length-1:this._items.length-e.items;return a&&(f-=this._clones.length/2),Math.max(f,0)},e.prototype.minimum=function(a){return a?0:this._clones.length/2},e.prototype.items=function(a){return a===d?this._items.slice():(a=this.normalize(a,!0),this._items[a])},e.prototype.mergers=function(a){return a===d?this._mergers.slice():(a=this.normalize(a,!0),this._mergers[a])},e.prototype.clones=function(b){var c=this._clones.length/2,e=c+this._items.length,f=function(a){return a%2==0?e+a/2:c-(a+1)/2};return b===d?a.map(this._clones,function(a,b){return f(b)}):a.map(this._clones,function(a,c){return a===b?f(c):null})},e.prototype.speed=function(a){return a!==d&&(this._speed=a),this._speed},e.prototype.coordinates=function(b){var c,e=1,f=b-1;return b===d?a.map(this._coordinates,a.proxy(function(a,b){return this.coordinates(b)},this)):(this.settings.center?(this.settings.rtl&&(e=-1,f=b+1),c=this._coordinates[b],c+=(this.width()-c+(this._coordinates[f]||0))/2*e):c=this._coordinates[f]||0,c=Math.ceil(c))},e.prototype.duration=function(a,b,c){return 0===c?0:Math.min(Math.max(Math.abs(b-a),1),6)*Math.abs(c||this.settings.smartSpeed)},e.prototype.to=function(a,b){var c=this.current(),d=null,e=a-this.relative(c),f=(e>0)-(e<0),g=this._items.length,h=this.minimum(),i=this.maximum();this.settings.loop?(!this.settings.rewind&&Math.abs(e)>g/2&&(e+=-1*f*g),a=c+e,(d=((a-h)%g+g)%g+h)!==a&&d-e<=i&&d-e>0&&(c=d-e,a=d,this.reset(c))):this.settings.rewind?(i+=1,a=(a%i+i)%i):a=Math.max(h,Math.min(i,a)),this.speed(this.duration(c,a,b)),this.current(a),this.isVisible()&&this.update()},e.prototype.next=function(a){a=a||!1,this.to(this.relative(this.current())+1,a)},e.prototype.prev=function(a){a=a||!1,this.to(this.relative(this.current())-1,a)},e.prototype.onTransitionEnd=function(a){if(a!==d&&(a.stopPropagation(),(a.target||a.srcElement||a.originalTarget)!==this.$stage.get(0)))return!1;this.leave("animating"),this.trigger("translated")},e.prototype.viewport=function(){var d;return this.options.responsiveBaseElement!==b?d=a(this.options.responsiveBaseElement).width():b.innerWidth?d=b.innerWidth:c.documentElement&&c.documentElement.clientWidth?d=c.documentElement.clientWidth:console.warn("Can not detect viewport width."),d},e.prototype.replace=function(b){this.$stage.empty(),this._items=[],b&&(b=b instanceof jQuery?b:a(b)),this.settings.nestedItemSelector&&(b=b.find("."+this.settings.nestedItemSelector)),b.filter(function(){return 1===this.nodeType}).each(a.proxy(function(a,b){b=this.prepare(b),this.$stage.append(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)},this)),this.reset(this.isNumeric(this.settings.startPosition)?this.settings.startPosition:0),this.invalidate("items")},e.prototype.add=function(b,c){var e=this.relative(this._current);c=c===d?this._items.length:this.normalize(c,!0),b=b instanceof jQuery?b:a(b),this.trigger("add",{content:b,position:c}),b=this.prepare(b),0===this._items.length||c===this._items.length?(0===this._items.length&&this.$stage.append(b),0!==this._items.length&&this._items[c-1].after(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)):(this._items[c].before(b),this._items.splice(c,0,b),this._mergers.splice(c,0,1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)),this._items[e]&&this.reset(this._items[e].index()),this.invalidate("items"),this.trigger("added",{content:b,position:c})},e.prototype.remove=function(a){(a=this.normalize(a,!0))!==d&&(this.trigger("remove",{content:this._items[a],position:a}),this._items[a].remove(),this._items.splice(a,1),this._mergers.splice(a,1),this.invalidate("items"),this.trigger("removed",{content:null,position:a}))},e.prototype.preloadAutoWidthImages=function(b){b.each(a.proxy(function(b,c){this.enter("pre-loading"),c=a(c),a(new Image).one("load",a.proxy(function(a){c.attr("src",a.target.src),c.css("opacity",1),this.leave("pre-loading"),!this.is("pre-loading")&&!this.is("initializing")&&this.refresh()},this)).attr("src",c.attr("src")||c.attr("data-src")||c.attr("data-src-retina"))},this))},e.prototype.destroy=function(){this.$element.off(".owl.core"),this.$stage.off(".owl.core"),a(c).off(".owl.core"),!1!==this.settings.responsive&&(b.clearTimeout(this.resizeTimer),this.off(b,"resize",this._handlers.onThrottledResize));for(var d in this._plugins)this._plugins[d].destroy();this.$stage.children(".cloned").remove(),this.$stage.unwrap(),this.$stage.children().contents().unwrap(),this.$stage.children().unwrap(),this.$stage.remove(),this.$element.removeClass(this.options.refreshClass).removeClass(this.options.loadingClass).removeClass(this.options.loadedClass).removeClass(this.options.rtlClass).removeClass(this.options.dragClass).removeClass(this.options.grabClass).attr("class",this.$element.attr("class").replace(new RegExp(this.options.responsiveClass+"-\\S+\\s","g"),"")).removeData("owl.carousel")},e.prototype.op=function(a,b,c){var d=this.settings.rtl;switch(b){case"<":return d?a>c:a":return d?ac;case">=":return d?a<=c:a>=c;case"<=":return d?a>=c:a<=c}},e.prototype.on=function(a,b,c,d){a.addEventListener?a.addEventListener(b,c,d):a.attachEvent&&a.attachEvent("on"+b,c)},e.prototype.off=function(a,b,c,d){a.removeEventListener?a.removeEventListener(b,c,d):a.detachEvent&&a.detachEvent("on"+b,c)},e.prototype.trigger=function(b,c,d,f,g){var h={item:{count:this._items.length,index:this.current()}},i=a.camelCase(a.grep(["on",b,d],function(a){return a}).join("-").toLowerCase()),j=a.Event([b,"owl",d||"carousel"].join(".").toLowerCase(),a.extend({relatedTarget:this},h,c));return this._supress[b]||(a.each(this._plugins,function(a,b){b.onTrigger&&b.onTrigger(j)}),this.register({type:e.Type.Event,name:b}),this.$element.trigger(j),this.settings&&"function"==typeof this.settings[i]&&this.settings[i].call(this,j)),j},e.prototype.enter=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]===d&&(this._states.current[b]=0),this._states.current[b]++},this))},e.prototype.leave=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]--},this))},e.prototype.register=function(b){if(b.type===e.Type.Event){if(a.event.special[b.name]||(a.event.special[b.name]={}),!a.event.special[b.name].owl){var c=a.event.special[b.name]._default;a.event.special[b.name]._default=function(a){return!c||!c.apply||a.namespace&&-1!==a.namespace.indexOf("owl")?a.namespace&&a.namespace.indexOf("owl")>-1:c.apply(this,arguments)},a.event.special[b.name].owl=!0}}else b.type===e.Type.State&&(this._states.tags[b.name]?this._states.tags[b.name]=this._states.tags[b.name].concat(b.tags):this._states.tags[b.name]=b.tags,this._states.tags[b.name]=a.grep(this._states.tags[b.name],a.proxy(function(c,d){return a.inArray(c,this._states.tags[b.name])===d},this)))},e.prototype.suppress=function(b){a.each(b,a.proxy(function(a,b){this._supress[b]=!0},this))},e.prototype.release=function(b){a.each(b,a.proxy(function(a,b){delete this._supress[b]},this))},e.prototype.pointer=function(a){var c={x:null,y:null};return a=a.originalEvent||a||b.event,a=a.touches&&a.touches.length?a.touches[0]:a.changedTouches&&a.changedTouches.length?a.changedTouches[0]:a,a.pageX?(c.x=a.pageX,c.y=a.pageY):(c.x=a.clientX,c.y=a.clientY),c},e.prototype.isNumeric=function(a){return!isNaN(parseFloat(a))},e.prototype.difference=function(a,b){return{x:a.x-b.x,y:a.y-b.y}},a.fn.owlCarousel=function(b){var c=Array.prototype.slice.call(arguments,1);return this.each(function(){var d=a(this),f=d.data("owl.carousel");f||(f=new e(this,"object"==typeof b&&b),d.data("owl.carousel",f),a.each(["next","prev","to","destroy","refresh","replace","add","remove"],function(b,c){f.register({type:e.Type.Event,name:c}),f.$element.on(c+".owl.carousel.core",a.proxy(function(a){a.namespace&&a.relatedTarget!==this&&(this.suppress([c]),f[c].apply(this,[].slice.call(arguments,1)),this.release([c]))},f))})),"string"==typeof b&&"_"!==b.charAt(0)&&f[b].apply(f,c)})},a.fn.owlCarousel.Constructor=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._interval=null,this._visible=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoRefresh&&this.watch()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers)};e.Defaults={autoRefresh:!0,autoRefreshInterval:500},e.prototype.watch=function(){this._interval||(this._visible=this._core.isVisible(),this._interval=b.setInterval(a.proxy(this.refresh,this),this._core.settings.autoRefreshInterval))},e.prototype.refresh=function(){this._core.isVisible()!==this._visible&&(this._visible=!this._visible,this._core.$element.toggleClass("owl-hidden",!this._visible),this._visible&&this._core.invalidate("width")&&this._core.refresh())},e.prototype.destroy=function(){var a,c;b.clearInterval(this._interval);for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoRefresh=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._loaded=[],this._handlers={"initialized.owl.carousel change.owl.carousel resized.owl.carousel":a.proxy(function(b){if(b.namespace&&this._core.settings&&this._core.settings.lazyLoad&&(b.property&&"position"==b.property.name||"initialized"==b.type)){var c=this._core.settings,e=c.center&&Math.ceil(c.items/2)||c.items,f=c.center&&-1*e||0,g=(b.property&&b.property.value!==d?b.property.value:this._core.current())+f,h=this._core.clones().length,i=a.proxy(function(a,b){this.load(b)},this);for(c.lazyLoadEager>0&&(e+=c.lazyLoadEager,c.loop&&(g-=c.lazyLoadEager,e++));f++-1||(e.each(a.proxy(function(c,d){var e,f=a(d),g=b.devicePixelRatio>1&&f.attr("data-src-retina")||f.attr("data-src")||f.attr("data-srcset");this._core.trigger("load",{element:f,url:g},"lazy"),f.is("img")?f.one("load.owl.lazy",a.proxy(function(){f.css("opacity",1),this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("src",g):f.is("source")?f.one("load.owl.lazy",a.proxy(function(){this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("srcset",g):(e=new Image,e.onload=a.proxy(function(){f.css({"background-image":'url("'+g+'")',opacity:"1"}),this._core.trigger("loaded",{element:f,url:g},"lazy")},this),e.src=g)},this)),this._loaded.push(d.get(0)))},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this._core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Lazy=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(c){this._core=c,this._previousHeight=null,this._handlers={"initialized.owl.carousel refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&this.update()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&"position"===a.property.name&&this.update()},this),"loaded.owl.lazy":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&a.element.closest("."+this._core.settings.itemClass).index()===this._core.current()&&this.update()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._intervalId=null;var d=this;a(b).on("load",function(){d._core.settings.autoHeight&&d.update()}),a(b).resize(function(){d._core.settings.autoHeight&&(null!=d._intervalId&&clearTimeout(d._intervalId),d._intervalId=setTimeout(function(){d.update()},250))})};e.Defaults={autoHeight:!1,autoHeightClass:"owl-height"},e.prototype.update=function(){var b=this._core._current,c=b+this._core.settings.items,d=this._core.settings.lazyLoad,e=this._core.$stage.children().toArray().slice(b,c),f=[],g=0;a.each(e,function(b,c){f.push(a(c).height())}),g=Math.max.apply(null,f),g<=1&&d&&this._previousHeight&&(g=this._previousHeight),this._previousHeight=g,this._core.$stage.parent().height(g).addClass(this._core.settings.autoHeightClass)},e.prototype.destroy=function(){var a,b;for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoHeight=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._videos={},this._playing=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.register({type:"state",name:"playing",tags:["interacting"]})},this),"resize.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.video&&this.isInFullScreen()&&a.preventDefault()},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.is("resizing")&&this._core.$stage.find(".cloned .owl-video-frame").remove()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"===a.property.name&&this._playing&&this.stop()},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find(".owl-video");c.length&&(c.css("display","none"),this.fetch(c,a(b.content)))}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._core.$element.on("click.owl.video",".owl-video-play-icon",a.proxy(function(a){this.play(a)},this))};e.Defaults={video:!1,videoHeight:!1,videoWidth:!1},e.prototype.fetch=function(a,b){var c=function(){return a.attr("data-vimeo-id")?"vimeo":a.attr("data-vzaar-id")?"vzaar":"youtube"}(),d=a.attr("data-vimeo-id")||a.attr("data-youtube-id")||a.attr("data-vzaar-id"),e=a.attr("data-width")||this._core.settings.videoWidth,f=a.attr("data-height")||this._core.settings.videoHeight,g=a.attr("href");if(!g)throw new Error("Missing video URL.");if(d=g.match(/(http:|https:|)\/\/(player.|www.|app.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com|be\-nocookie\.com)|vzaar\.com)\/(video\/|videos\/|embed\/|channels\/.+\/|groups\/.+\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/),d[3].indexOf("youtu")>-1)c="youtube";else if(d[3].indexOf("vimeo")>-1)c="vimeo";else{if(!(d[3].indexOf("vzaar")>-1))throw new Error("Video URL not supported.");c="vzaar"}d=d[6],this._videos[g]={type:c,id:d,width:e,height:f},b.attr("data-video",g),this.thumbnail(a,this._videos[g])},e.prototype.thumbnail=function(b,c){var d,e,f,g=c.width&&c.height?"width:"+c.width+"px;height:"+c.height+"px;":"",h=b.find("img"),i="src",j="",k=this._core.settings,l=function(c){e='
',d=k.lazyLoad?a("
",{class:"owl-video-tn "+j,srcType:c}):a("
",{class:"owl-video-tn",style:"opacity:1;background-image:url("+c+")"}),b.after(d),b.after(e)};if(b.wrap(a("
",{class:"owl-video-wrapper",style:g})),this._core.settings.lazyLoad&&(i="data-src",j="owl-lazy"),h.length)return l(h.attr(i)),h.remove(),!1;"youtube"===c.type?(f="//img.youtube.com/vi/"+c.id+"/hqdefault.jpg",l(f)):"vimeo"===c.type?a.ajax({type:"GET",url:"//vimeo.com/api/v2/video/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a[0].thumbnail_large,l(f)}}):"vzaar"===c.type&&a.ajax({type:"GET",url:"//vzaar.com/api/videos/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a.framegrab_url,l(f)}})},e.prototype.stop=function(){this._core.trigger("stop",null,"video"),this._playing.find(".owl-video-frame").remove(),this._playing.removeClass("owl-video-playing"),this._playing=null,this._core.leave("playing"),this._core.trigger("stopped",null,"video")},e.prototype.play=function(b){var c,d=a(b.target),e=d.closest("."+this._core.settings.itemClass),f=this._videos[e.attr("data-video")],g=f.width||"100%",h=f.height||this._core.$stage.height();this._playing||(this._core.enter("playing"),this._core.trigger("play",null,"video"),e=this._core.items(this._core.relative(e.index())),this._core.reset(e.index()),c=a(''),c.attr("height",h),c.attr("width",g),"youtube"===f.type?c.attr("src","//www.youtube.com/embed/"+f.id+"?autoplay=1&rel=0&v="+f.id):"vimeo"===f.type?c.attr("src","//player.vimeo.com/video/"+f.id+"?autoplay=1"):"vzaar"===f.type&&c.attr("src","//view.vzaar.com/"+f.id+"/player?autoplay=true"),a(c).wrap('
').insertAfter(e.find(".owl-video")),this._playing=e.addClass("owl-video-playing"))},e.prototype.isInFullScreen=function(){var b=c.fullscreenElement||c.mozFullScreenElement||c.webkitFullscreenElement;return b&&a(b).parent().hasClass("owl-video-frame")},e.prototype.destroy=function(){var a,b;this._core.$element.off("click.owl.video");for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Video=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this.core=b,this.core.options=a.extend({},e.Defaults,this.core.options),this.swapping=!0,this.previous=d,this.next=d,this.handlers={"change.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&(this.previous=this.core.current(),this.next=a.property.value)},this),"drag.owl.carousel dragged.owl.carousel translated.owl.carousel":a.proxy(function(a){a.namespace&&(this.swapping="translated"==a.type)},this),"translate.owl.carousel":a.proxy(function(a){a.namespace&&this.swapping&&(this.core.options.animateOut||this.core.options.animateIn)&&this.swap()},this)},this.core.$element.on(this.handlers)};e.Defaults={animateOut:!1,
+animateIn:!1},e.prototype.swap=function(){if(1===this.core.settings.items&&a.support.animation&&a.support.transition){this.core.speed(0);var b,c=a.proxy(this.clear,this),d=this.core.$stage.children().eq(this.previous),e=this.core.$stage.children().eq(this.next),f=this.core.settings.animateIn,g=this.core.settings.animateOut;this.core.current()!==this.previous&&(g&&(b=this.core.coordinates(this.previous)-this.core.coordinates(this.next),d.one(a.support.animation.end,c).css({left:b+"px"}).addClass("animated owl-animated-out").addClass(g)),f&&e.one(a.support.animation.end,c).addClass("animated owl-animated-in").addClass(f))}},e.prototype.clear=function(b){a(b.target).css({left:""}).removeClass("animated owl-animated-out owl-animated-in").removeClass(this.core.settings.animateIn).removeClass(this.core.settings.animateOut),this.core.onTransitionEnd()},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this.core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Animate=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._call=null,this._time=0,this._timeout=0,this._paused=!0,this._handlers={"changed.owl.carousel":a.proxy(function(a){a.namespace&&"settings"===a.property.name?this._core.settings.autoplay?this.play():this.stop():a.namespace&&"position"===a.property.name&&this._paused&&(this._time=0)},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoplay&&this.play()},this),"play.owl.autoplay":a.proxy(function(a,b,c){a.namespace&&this.play(b,c)},this),"stop.owl.autoplay":a.proxy(function(a){a.namespace&&this.stop()},this),"mouseover.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"mouseleave.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.play()},this),"touchstart.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"touchend.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this.play()},this)},this._core.$element.on(this._handlers),this._core.options=a.extend({},e.Defaults,this._core.options)};e.Defaults={autoplay:!1,autoplayTimeout:5e3,autoplayHoverPause:!1,autoplaySpeed:!1},e.prototype._next=function(d){this._call=b.setTimeout(a.proxy(this._next,this,d),this._timeout*(Math.round(this.read()/this._timeout)+1)-this.read()),this._core.is("interacting")||c.hidden||this._core.next(d||this._core.settings.autoplaySpeed)},e.prototype.read=function(){return(new Date).getTime()-this._time},e.prototype.play=function(c,d){var e;this._core.is("rotating")||this._core.enter("rotating"),c=c||this._core.settings.autoplayTimeout,e=Math.min(this._time%(this._timeout||c),c),this._paused?(this._time=this.read(),this._paused=!1):b.clearTimeout(this._call),this._time+=this.read()%c-e,this._timeout=c,this._call=b.setTimeout(a.proxy(this._next,this,d),c-e)},e.prototype.stop=function(){this._core.is("rotating")&&(this._time=0,this._paused=!0,b.clearTimeout(this._call),this._core.leave("rotating"))},e.prototype.pause=function(){this._core.is("rotating")&&!this._paused&&(this._time=this.read(),this._paused=!0,b.clearTimeout(this._call))},e.prototype.destroy=function(){var a,b;this.stop();for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.autoplay=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(b){this._core=b,this._initialized=!1,this._pages=[],this._controls={},this._templates=[],this.$element=this._core.$element,this._overrides={next:this._core.next,prev:this._core.prev,to:this._core.to},this._handlers={"prepared.owl.carousel":a.proxy(function(b){b.namespace&&this._core.settings.dotsData&&this._templates.push(''+a(b.content).find("[data-dot]").addBack("[data-dot]").attr("data-dot")+"
")},this),"added.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,0,this._templates.pop())},this),"remove.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,1)},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&this.draw()},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&!this._initialized&&(this._core.trigger("initialize",null,"navigation"),this.initialize(),this.update(),this.draw(),this._initialized=!0,this._core.trigger("initialized",null,"navigation"))},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._initialized&&(this._core.trigger("refresh",null,"navigation"),this.update(),this.draw(),this._core.trigger("refreshed",null,"navigation"))},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers)};e.Defaults={nav:!1,navText:['‹ ','› '],navSpeed:!1,navElement:'button type="button" role="presentation"',navContainer:!1,navContainerClass:"owl-nav",navClass:["owl-prev","owl-next"],slideBy:1,dotClass:"owl-dot",dotsClass:"owl-dots",dots:!0,dotsEach:!1,dotsData:!1,dotsSpeed:!1,dotsContainer:!1},e.prototype.initialize=function(){var b,c=this._core.settings;this._controls.$relative=(c.navContainer?a(c.navContainer):a("").addClass(c.navContainerClass).appendTo(this.$element)).addClass("disabled"),this._controls.$previous=a("<"+c.navElement+">").addClass(c.navClass[0]).html(c.navText[0]).prependTo(this._controls.$relative).on("click",a.proxy(function(a){this.prev(c.navSpeed)},this)),this._controls.$next=a("<"+c.navElement+">").addClass(c.navClass[1]).html(c.navText[1]).appendTo(this._controls.$relative).on("click",a.proxy(function(a){this.next(c.navSpeed)},this)),c.dotsData||(this._templates=[a('
').addClass(c.dotClass).append(a("")).prop("outerHTML")]),this._controls.$absolute=(c.dotsContainer?a(c.dotsContainer):a("").addClass(c.dotsClass).appendTo(this.$element)).addClass("disabled"),this._controls.$absolute.on("click","button",a.proxy(function(b){var d=a(b.target).parent().is(this._controls.$absolute)?a(b.target).index():a(b.target).parent().index();b.preventDefault(),this.to(d,c.dotsSpeed)},this));for(b in this._overrides)this._core[b]=a.proxy(this[b],this)},e.prototype.destroy=function(){var a,b,c,d,e;e=this._core.settings;for(a in this._handlers)this.$element.off(a,this._handlers[a]);for(b in this._controls)"$relative"===b&&e.navContainer?this._controls[b].html(""):this._controls[b].remove();for(d in this.overides)this._core[d]=this._overrides[d];for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},e.prototype.update=function(){var a,b,c,d=this._core.clones().length/2,e=d+this._core.items().length,f=this._core.maximum(!0),g=this._core.settings,h=g.center||g.autoWidth||g.dotsData?1:g.dotsEach||g.items;if("page"!==g.slideBy&&(g.slideBy=Math.min(g.slideBy,g.items)),g.dots||"page"==g.slideBy)for(this._pages=[],a=d,b=0,c=0;a
=h||0===b){if(this._pages.push({start:Math.min(f,a-d),end:a-d+h-1}),Math.min(f,a-d)===f)break;b=0,++c}b+=this._core.mergers(this._core.relative(a))}},e.prototype.draw=function(){var b,c=this._core.settings,d=this._core.items().length<=c.items,e=this._core.relative(this._core.current()),f=c.loop||c.rewind;this._controls.$relative.toggleClass("disabled",!c.nav||d),c.nav&&(this._controls.$previous.toggleClass("disabled",!f&&e<=this._core.minimum(!0)),this._controls.$next.toggleClass("disabled",!f&&e>=this._core.maximum(!0))),this._controls.$absolute.toggleClass("disabled",!c.dots||d),c.dots&&(b=this._pages.length-this._controls.$absolute.children().length,c.dotsData&&0!==b?this._controls.$absolute.html(this._templates.join("")):b>0?this._controls.$absolute.append(new Array(b+1).join(this._templates[0])):b<0&&this._controls.$absolute.children().slice(b).remove(),this._controls.$absolute.find(".active").removeClass("active"),this._controls.$absolute.children().eq(a.inArray(this.current(),this._pages)).addClass("active"))},e.prototype.onTrigger=function(b){var c=this._core.settings;b.page={index:a.inArray(this.current(),this._pages),count:this._pages.length,size:c&&(c.center||c.autoWidth||c.dotsData?1:c.dotsEach||c.items)}},e.prototype.current=function(){var b=this._core.relative(this._core.current());return a.grep(this._pages,a.proxy(function(a,c){return a.start<=b&&a.end>=b},this)).pop()},e.prototype.getPosition=function(b){var c,d,e=this._core.settings;return"page"==e.slideBy?(c=a.inArray(this.current(),this._pages),d=this._pages.length,b?++c:--c,c=this._pages[(c%d+d)%d].start):(c=this._core.relative(this._core.current()),d=this._core.items().length,b?c+=e.slideBy:c-=e.slideBy),c},e.prototype.next=function(b){a.proxy(this._overrides.to,this._core)(this.getPosition(!0),b)},e.prototype.prev=function(b){a.proxy(this._overrides.to,this._core)(this.getPosition(!1),b)},e.prototype.to=function(b,c,d){var e;!d&&this._pages.length?(e=this._pages.length,a.proxy(this._overrides.to,this._core)(this._pages[(b%e+e)%e].start,c)):a.proxy(this._overrides.to,this._core)(b,c)},a.fn.owlCarousel.Constructor.Plugins.Navigation=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(c){this._core=c,this._hashes={},this.$element=this._core.$element,this._handlers={"initialized.owl.carousel":a.proxy(function(c){c.namespace&&"URLHash"===this._core.settings.startPosition&&a(b).trigger("hashchange.owl.navigation")},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find("[data-hash]").addBack("[data-hash]").attr("data-hash");if(!c)return;this._hashes[c]=b.content}},this),"changed.owl.carousel":a.proxy(function(c){if(c.namespace&&"position"===c.property.name){var d=this._core.items(this._core.relative(this._core.current())),e=a.map(this._hashes,function(a,b){return a===d?b:null}).join();if(!e||b.location.hash.slice(1)===e)return;b.location.hash=e}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers),a(b).on("hashchange.owl.navigation",a.proxy(function(a){var c=b.location.hash.substring(1),e=this._core.$stage.children(),f=this._hashes[c]&&e.index(this._hashes[c]);f!==d&&f!==this._core.current()&&this._core.to(this._core.relative(f),!1,!0)},this))};e.Defaults={URLhashListener:!1},e.prototype.destroy=function(){var c,d;a(b).off("hashchange.owl.navigation");for(c in this._handlers)this._core.$element.off(c,this._handlers[c]);for(d in Object.getOwnPropertyNames(this))"function"!=typeof this[d]&&(this[d]=null)},a.fn.owlCarousel.Constructor.Plugins.Hash=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){function e(b,c){var e=!1,f=b.charAt(0).toUpperCase()+b.slice(1);return a.each((b+" "+h.join(f+" ")+f).split(" "),function(a,b){if(g[b]!==d)return e=!c||b,!1}),e}function f(a){return e(a,!0)}var g=a("").get(0).style,h="Webkit Moz O ms".split(" "),i={transition:{end:{WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd",transition:"transitionend"}},animation:{end:{WebkitAnimation:"webkitAnimationEnd",MozAnimation:"animationend",OAnimation:"oAnimationEnd",animation:"animationend"}}},j={csstransforms:function(){return!!e("transform")},csstransforms3d:function(){return!!e("perspective")},csstransitions:function(){return!!e("transition")},cssanimations:function(){return!!e("animation")}};j.csstransitions()&&(a.support.transition=new String(f("transition")),a.support.transition.end=i.transition.end[a.support.transition]),j.cssanimations()&&(a.support.animation=new String(f("animation")),a.support.animation.end=i.animation.end[a.support.animation]),j.csstransforms()&&(a.support.transform=new String(f("transform")),a.support.transform3d=j.csstransforms3d())}(window.Zepto||window.jQuery,window,document);
\ No newline at end of file
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/user_images/profileimage_1641327306.jpg b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/user_images/profileimage_1641327306.jpg
new file mode 100644
index 0000000..e843c28
Binary files /dev/null and b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/user_images/profileimage_1641327306.jpg differ
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/user_images/profileimage_1641328527.jpg b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/user_images/profileimage_1641328527.jpg
new file mode 100644
index 0000000..e843c28
Binary files /dev/null and b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/user_images/profileimage_1641328527.jpg differ
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/user_images/profileimage_1641329422.jpg b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/user_images/profileimage_1641329422.jpg
new file mode 100644
index 0000000..e843c28
Binary files /dev/null and b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/user_images/profileimage_1641329422.jpg differ
diff --git a/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/user_images/profileimage_1641329442.jpg b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/user_images/profileimage_1641329442.jpg
new file mode 100644
index 0000000..8e99708
Binary files /dev/null and b/Version_21_ProblemsWithBindParam/Swiss_JDM_Blog/user_images/profileimage_1641329442.jpg differ
diff --git "a/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/.gitignore" "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/.gitignore"
new file mode 100644
index 0000000..09789e5
--- /dev/null
+++ "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/.gitignore"
@@ -0,0 +1,5 @@
+Password for Admin:
+
+
+
+Password for the registred User Svendolin
\ No newline at end of file
diff --git "a/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/admin/blogposts.php" "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/admin/blogposts.php"
new file mode 100644
index 0000000..1a9d843
--- /dev/null
+++ "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/admin/blogposts.php"
@@ -0,0 +1,58 @@
+
+
+
+
+
+
+
+
+
+
Published Blogposts
+
+
+
+ ID
+ Title
+ Release Date
+ Author
+ Edit
+ Delete
+
+
+
+
+ 1 Jan 2021
+ 09:00 - 13:00
+ Weekend
+ Online Training
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/admin/html/end-clean-end.php" "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/admin/html/end-clean-end.php"
new file mode 100644
index 0000000..383f244
--- /dev/null
+++ "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/admin/html/end-clean-end.php"
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/admin/html/end.php" "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/admin/html/end.php"
new file mode 100644
index 0000000..0dd456d
--- /dev/null
+++ "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/admin/html/end.php"
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Swiss_JDM_Blog/admin/html/start-logout.php "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/admin/html/start-logout.php"
similarity index 100%
rename from Swiss_JDM_Blog/admin/html/start-logout.php
rename to "Version_22_AllesL\303\244uft/Swiss_JDM_Blog/admin/html/start-logout.php"
diff --git "a/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/admin/html/start.php" "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/admin/html/start.php"
new file mode 100644
index 0000000..dfb8118
--- /dev/null
+++ "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/admin/html/start.php"
@@ -0,0 +1,93 @@
+
+
+
+
+
+ Swiss JDM Blog
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/admin/index.php" "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/admin/index.php"
new file mode 100644
index 0000000..8924d1f
--- /dev/null
+++ "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/admin/index.php"
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+
+
+
+
Blog Management
+
+
Edit and delete posts created by users
+
Go for it!
+
+
Profile Management
+
+
Edit and delete user profiles
+
Go for it!
+
+
Work in Progress
+
+
To be continued (if the developer has time)
+
Go for it!
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/admin/login.php" "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/admin/login.php"
new file mode 100644
index 0000000..0681f41
--- /dev/null
+++ "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/admin/login.php"
@@ -0,0 +1,119 @@
+';
+ // print_r($adminIdExists);
+ // echo '';
+
+ $pwdHashed = $adminIdExists["admin_password"]; // usersPwd is the passwort field inside of our users table of our database
+ $checkPwd = password_verify($adminpwd, $pwdHashed); // If it matches = true, if not = false, logically
+
+ // echo '';
+ // print_r($_checkPwd);
+ // echo '';
+
+ // Check if the entered password of the user does not match (is false) to its password in the database:
+ if ($checkPwd === false) {
+ header("location: ../admin/login.php?error=wronglogin");
+ exit();
+ }
+
+ //...if it matches, the login can start with a SESSION START:
+ else if ($checkPwd === true) {
+ session_start();
+ $_SESSION["adminid"] = $adminIdExists["IDadmin"];
+ $_SESSION["adminuid"] = $adminIdExists["admin_name"];
+ $_SESSION['loginstatus'] = true; // logintsatus speichern
+ $_SESSION['lastactivity'] = time(); // timestamp in session
+ $_SESSION['login_useragent'] = $_SERVER['HTTP_USER_AGENT'];
+
+ header("location: ../admin/index.php"); // THAT's the possitive target! ✅
+ // exit();
+ }
+}
+
+// echo password_hash("adminPW1234!!", PASSWORD_DEFAULT);
+// IMPORTANT: to enter into your admin login, use: Sven Kamm OR sven0815@gmx.ch AND adminPW1234!!
+
+
+
+?>
+
+
+
+
+
+
+ #ffffff ';
+
+
+
+ // Check if the entered password of the user does not match (is false) to its password in the database:
+ if ($checkPwd === false) {
+ header("location: ../login.php?error=wronglogin");
+ exit();
+ }
+
+ //...if it matches, the login can start with a SESSION START:
+ else if ($checkPwd === true) {
+ session_start();
+ $_SESSION["userid"] = $uidExists["usersId"];
+ $_SESSION["useruid"] = $uidExists["usersUid"];
+ $_SESSION['loginstatus'] = true; // logintsatus speichern
+ $_SESSION['lastactivity'] = time(); // timestamp in session
+ $_SESSION['login_useragent'] = $_SERVER['HTTP_USER_AGENT'];
+
+
+ header("location: ../index.php"); // THAT's the possitive target! ✅
+ // exit();
+ }
+}
+
+function session_init(){
+ // session_name(CUSTOM_SESSIONNAME); // Changes the name of the session cookie, not active here
+ session_start();// Initialized a session_start
+ // session_regenerate_id(); // Changes the value of the session ID and cookie each time, not active here
+}
+
+
+function sessioncheck(){
+ $session_laufzeit = SESSION_EXPIRY*60; // config defined at 3*60 = 60 seconds timeout
+
+
+ // prüfen, ob der User agent noch gleich ist wie beim Login
+ if( $_SESSION['login_useragent'] !== $_SERVER['HTTP_USER_AGENT'] ){
+ $_SESSION['loginstatus'] = false;
+ }
+
+ // prüfen, wann der user das letzte mal aktiv war
+ if( $_SESSION['lastactivity'] < time()-$session_laufzeit ){
+ $_SESSION['loginstatus'] = false;
+ }
+
+ // prüfen, ob der Besucher eingeloggt ist, nur dann darf die Seite angezeigt werden
+ if( $_SESSION['loginstatus'] !== true ){
+ // wenn die Session nicht existiert oder der timestamp weiter zurückliegt als die erlaubte laufzeit (= kein Zugriff)...
+
+ // ausloggen (Session zurücksetzen)
+ setcookie (session_name(), null, -1, '/');
+ session_destroy();
+ session_write_close();
+
+ // auf das login umleiten
+ return false;
+ }
+
+ session_regenerate_id(); // neue ID für meine Session - hacker kann die alte nun nicht mehr brauchen, falls er sie hat.
+ $_SESSION['lastactivity'] = time(); // aktualisieren des Timestamp TODO: LASTACTIVITY
+ return true;
+}
+
+// --x--------------------------------- LOGIN STUFF ----------------------------------x-- //
+// ------------------------------------ ADMIN LOGIN-STUFF ------------------------------------ //
+
+/* SIDE NOTE: session_init() and session_check() from above is used for the admin login as well */
+function adminIdExists($conn, $adminname, $adminemail) {
+ $sql = "SELECT * FROM admin WHERE admin_name = ? OR admin_email = ?;"; // Prepare Statements = ?
+ $stmt = mysqli_stmt_init($conn); // Prepared statement: Iniitialize to the database = $conn
+ if (!mysqli_stmt_prepare($stmt, $sql)) { //CHECK if the prepare statement will fail before we see that it will succeed
+ header("location: ../login.php?error=stmtfailed");
+ exit();
+ }
+
+ // Passing data from the user if it does not fail:
+ mysqli_stmt_bind_param($stmt, "ss", $adminname, $adminemail);
+ mysqli_stmt_execute($stmt);
+
+ // "Get result" returns the results from a prepared statement
+ $resultData = mysqli_stmt_get_result($stmt); // $stmt = Our prepared statement / "ss" = Type of Data? Double string, username and email = basic text /
+
+ // fetching the data (if the columns are set to their names)
+ if ($row = mysqli_fetch_assoc($resultData)) {
+ return $row; // This shows "true": $row will be executed, so if its true the fetch assoc will work and the process works
+ }
+ else {
+ $result = false;
+ return $result;
+ }
+
+ mysqli_stmt_close($stmt);
+}
+
+// --x--------------------------------- ADMIN LOGIN-STUFF ---------------------------------x-- //
+
+?>
\ No newline at end of file
diff --git "a/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/includes/html/footer.html.php" "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/includes/html/footer.html.php"
new file mode 100644
index 0000000..053fc1b
--- /dev/null
+++ "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/includes/html/footer.html.php"
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Swiss_JDM_Blog/includes/html/header.html.php "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/includes/html/header.html.php"
similarity index 100%
rename from Swiss_JDM_Blog/includes/html/header.html.php
rename to "Version_22_AllesL\303\244uft/Swiss_JDM_Blog/includes/html/header.html.php"
diff --git "a/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/includes/login.inc.php" "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/includes/login.inc.php"
new file mode 100644
index 0000000..99827ff
--- /dev/null
+++ "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/includes/login.inc.php"
@@ -0,0 +1,60 @@
+';
+ // print_r($username);
+ // echo '';
+
+ // echo '';
+ // print_r($pwd);
+ // echo '';
+
+
+ // Then we run a bunch of error handlers to catch any user mistakes we can (you can add more than I did)
+ // These functions can be found in functions.inc.php
+
+ require_once('config.php'); // Formerly "dbh.inc.php"
+ require_once('mysql-connect.php');
+ require_once('functions.inc.php');
+
+ // Such as the one from functions.inc.php, but simpler with "emptyInputLogin" instead of "emptyInputSignup"
+ if (emptyInputLogin($username, $pwd) === true) {
+ header("location: ../login.php?error=emptyinputlogin");
+ exit();
+ }
+
+ // If we get to here, it means there are no user errors
+
+ // Now we insert the user into the database
+ loginUser($conn, $username, $pwd);
+
+
+} else {
+ header("location: ../login.php");
+ // exit();
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+?>
\ No newline at end of file
diff --git "a/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/includes/mysql-connect.php" "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/includes/mysql-connect.php"
new file mode 100644
index 0000000..2c0e022
--- /dev/null
+++ "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/includes/mysql-connect.php"
@@ -0,0 +1,18 @@
+
\ No newline at end of file
diff --git "a/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/index.php" "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/index.php"
new file mode 100644
index 0000000..d91a33b
--- /dev/null
+++ "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/index.php"
@@ -0,0 +1,426 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Where JDM enthusiasts come together
+
Tell your story
+ Explore';
+ }
+ // Is the user NOT LOGGED IN? Show THIS INSTEAD:
+ else {
+ echo '
Explore ';
+ }
+ ?>
+
+
+
+
+
+
+
+
+
Newsflash
+
+
+
+
+
+
+
+
+
+
"Godzilla has arrived!"
+ Hover to read more
+ 9th of June 2021
+
+
+
It took almost half an eternity, but finally it's here!
+ Now it just needs to get on the road legally... *Sigh*
+
+
+
+
+
+
+
"Slapsticker time!"
+ Hover to read more
+ 17th of July 2021
+
+
+
Hurray, the Slapstickers from Saitoworks.com arrived!
+
+
+
+
+
+
+
+
+
"Visited his Brother!"
+ Hover to read more
+ 30th of September 2021
+
+
+
In order to adapt the car to Swiss standards, a conversion is necessary.
+
+
+
+
+
+
+
+
+
"Time for some NOS ;)"
+ Hover to read more
+ 5th of November 2021
+
+
+
Since nitromethane gas cylinders (NOS) are of course illegal in Switzerland
+ for road traffic, the somewhat cuddlier plush version will have to do! ;)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Featured Blog Posts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
When was the last time we met each other?!?
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Laboriosam, expedita qui explicabo sit iure neque autem nulla totam adipisci
+ voluptates laudantium itaque possimus ipsam ut obcaecati rem ab debitis
+ asperiores reprehenderit. Modi error nobis nesciunt dolor aspernatur neque
+ dolores adipisci.
+
Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Would you add the Mount Fuji in the background? ;)
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Laboriosam, expedita qui explicabo sit iure neque autem nulla totam adipisci
+ voluptates laudantium itaque possimus ipsam ut obcaecati rem ab debitis
+ asperiores reprehenderit. Modi error nobis nesciunt dolor aspernatur neque
+ dolores adipisci.
+
Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Ready for 2022! What about you?
+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
+ Laboriosam, expedita qui explicabo sit iure neque autem nulla totam adipisci
+ voluptates laudantium itaque possimus ipsam ut obcaecati rem ab debitis
+ asperiores reprehenderit. Modi error nobis nesciunt dolor aspernatur neque
+ dolores adipisci.
+
Read More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/login.php" "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/login.php"
new file mode 100644
index 0000000..5d856c1
--- /dev/null
+++ "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/login.php"
@@ -0,0 +1,387 @@
+';
+ // print_r($_POST);
+ // echo ' ';
+
+// Check if data was sent via POST (from the form)
+if (isset($_POST['name']) && isset($_POST['uid']) && isset($_POST['car']) && isset($_POST['state']) && isset($_POST['email']) && isset($_POST['pwd']) && isset($_POST['pwdrepeat'])) {
+
+
+
+ // strip_tags prevents code injection by removing all tags.
+ // mysqli_real_escape_string prevents problems with inverted commas in the string by escaping, as for example with 'That's it!
+ // $title = strip_tags(mysqli_real_escape_string($conn, $_POST['post_title']));
+ // $created = (empty($_POST['post_created'])) ? strftime("%d-%m-%Y um %H:%M:%S") : strip_tags(mysqli_real_escape_string($conn, $_POST['post_created']));
+ // $author = strip_tags(mysqli_real_escape_string($conn, $_POST['post_author']));
+ // $text = strip_tags(mysqli_real_escape_string($conn, $_POST['post_longtext']), $erlaubte_tags); // hier werden alle vom Editor angebotenen Tags vom entfernen ausgeschlossen...
+ $ID = (int)$_POST['ID'];
+ $name = $_POST["name"];
+ $username = $_POST["uid"];
+ $car = $_POST["car"];
+ $state = $_POST["state"];
+ $email = $_POST["email"];
+ $pwd = $_POST["pwd"];
+ $pwdRepeat = $_POST["pwdrepeat"];
+
+ // echo '';
+ // echo $username;
+ // echo ' ';
+
+
+
+ // Error functions seperately defined at functions.inc.php
+
+ // Check if: EmptyInput is not equal to false (in our function.inc.php = false is correct, with !== we check if the false statement is wrong)
+ if (emptyInputSignup($name, $username, $car, $state, $email, $pwd, $pwdRepeat) !== false) {
+ header("location: login.php?error=emptyinput");
+ exit();
+ }
+
+ // Proper username chosen
+ if (invalidUid($username) !== false) {
+ header("location: login.php?error=invaliduid");
+ exit();
+ }
+ // Proper email chosen
+ if (invalidEmail($email) !== false) {
+ header("location: login.php?error=invalidemail");
+ exit();
+ }
+ // Do the two passwords match?
+ if (pwdMatch($pwd, $pwdRepeat) !== false) {
+ header("location: login.php?error=passwordsdontmatch");
+ exit();
+ }
+ // Is the username taken already?
+ if (uidExists($conn, $username, $email) !== false) {
+ header("location: login.php?error=usernametaken");
+ exit();
+ // } else {
+ // header("location: login.php"); // If the user submitted the WRONG way, we send him BACK...
+ // exit();
+ }
+
+
+
+ // --- IMAGEUPLOAD-PART --- //
+ if (isset($_FILES['users_image']) && !empty($_FILES['users_image']['tmp_name'])) {
+ // get / move from tmp folder
+ // print_r($_FILES['users_image']);
+ $newImage = 'profileimage_' . time() . '.jpg'; // Single image name (for DB entry)
+ $src = $_FILES['users_image']['tmp_name']; // Temporary path
+ $dest = PROFILEIMAGEFOLDERPATH . '/' . $newImage; // Destination path (defined in Config)
+
+ // Move the file to the destination path
+ $hochgeladen = move_uploaded_file($src, $dest);
+ // var_dump($hochgeladen);
+
+ // Delete old image
+ if (!empty($image)) {
+ unlink(PROFILEIMAGEFOLDERPATH . '/' . $image); // Destination path (defined in Config)
+ }
+ }
+
+
+
+
+ if (!$hasError) {
+
+ // Saving the data to the database
+ if (empty($ID)) {
+ $addImageField = empty($newImage) ? "" : ", usersImage"; // Addition for image, only if image has been uploaded
+ $addImageValue = empty($newImage) ? "" : ", ?"; // Addition for image, only if image has been uploaded
+
+ $sql = "INSERT INTO users (usersName, usersUid, usersCar, usersState, usersEmail, usersPwd {$addImageField})
+ VALUES
+ (?, ?, ?, ?, ?, ? {$addImageValue})";
+
+
+ $stmt = mysqli_stmt_init($conn);
+ if (!mysqli_stmt_prepare($stmt, $sql)) {
+ // echo 'sql prepare error';
+ // echo mysqli_stmt_error($stmt); // MOST EFFECTIVE SOLUTION TO FIND ERRORS MORE PRECISELY!
+ } else {
+
+ // $stmt = mysqli_prepare($conn, $query);
+
+ $hashedPwd = password_hash($pwd, PASSWORD_DEFAULT); // (*)
+
+ if (empty($newImage)) {
+ // Falls ohne Bild:
+ mysqli_stmt_bind_param($stmt, 'ssssss', $name, $username, $car, $state, $email, $hashedPwd); // send the data to the server
+ } else {
+ // Falls mit Bild:
+ mysqli_stmt_bind_param($stmt, 'sssssss', $name, $username, $car, $state, $email, $hashedPwd, $newImage); // send the data to the server
+ }
+ mysqli_stmt_execute($stmt); // Execute command with the sent data
+ $result = mysqli_stmt_get_result($stmt); // Result object "pick up
+
+ }
+
+
+ // Send command and check...
+ // $res = mysqli_query($connection, $query);
+ $newID = mysqli_insert_id($conn);
+ } else { // edit
+ $sql = "UPDATE `users`
+ SET
+ `usersName` = '{$name}',
+ `usersUid` = '{$username}',
+ `usersCar` = '{$car}',
+ `usersState` = '{$state}',
+ `usersEmail` = '{$email}',
+ `usersPwd` = '{$hashedPwd}',
+
+
+
+ ";
+
+ // only if image has been uploaded
+ if (!empty($newImage)) {
+ $sql.= ",
+ `users_image` = '{$newImage}'";
+ }
+ $sql.= " WHERE `usersId` = {$ID}";
+ $stmt = mysqli_query($conn, $sql);
+ }
+ // die($query);
+
+ if (!empty($newImage)) {
+ $image = $newImage;
+ }
+ header("location: login.php?error=none_successfullogin"); // The user returns back to sign.up , the page reloads new, the fields are empty again and the successmessage will follow up :D
+ exit();
+ }
+}
+
+
+
+?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
New here?
+
Be a part of our community, unleash your passion for JDM cars together and tell us your story!
+
Join us
+
+
+
+
+
+
+
One of us?
+
Let's share what's on your mind, you are just a few clicks away!
+
Sign in
+
+
+
+
+
+ Let's see
+
Our Members:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Member since:
+
That's me:
+
+
My Car:
+
+
I live in:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Welcome to the
+
+
+
+
+
+
+
+
+
+
+
+
+ let's read
+
My Story
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Return
+
+
+
+
+
+
+
\ No newline at end of file
diff --git "a/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/swiss_jdm_blog.sql" "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/swiss_jdm_blog.sql"
new file mode 100644
index 0000000..128266e
--- /dev/null
+++ "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/swiss_jdm_blog.sql"
@@ -0,0 +1,105 @@
+-- phpMyAdmin SQL Dump
+-- version 5.1.1
+-- https://www.phpmyadmin.net/
+--
+-- Host: 127.0.0.1
+-- Erstellungszeit: 28. Dez 2021 um 12:10
+-- Server-Version: 10.4.21-MariaDB
+-- PHP-Version: 8.0.11
+
+SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
+START TRANSACTION;
+SET time_zone = "+00:00";
+
+
+/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
+/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
+/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
+/*!40101 SET NAMES utf8mb4 */;
+
+--
+-- Datenbank: `swiss_jdm_blog`
+--
+
+-- --------------------------------------------------------
+
+--
+-- Tabellenstruktur für Tabelle `admin`
+--
+
+CREATE TABLE `admin` (
+ `IDadmin` int(11) NOT NULL,
+ `admin_name` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `admin_email` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `admin_password` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `admin_usertype` tinyint(1) NOT NULL DEFAULT 1
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+--
+-- Daten für Tabelle `admin`
+--
+
+INSERT INTO `admin` (`IDadmin`, `admin_name`, `admin_email`, `admin_password`, `admin_usertype`) VALUES
+(1, 'Sven Kamm', 'sven0815@gmx.ch', '$2y$10$t9c9iyMmp.vJzaefy9RF5.Ic9Xec0globisorxwChWkrCG9bkDEXi', 1);
+
+-- --------------------------------------------------------
+
+--
+-- Tabellenstruktur für Tabelle `users`
+--
+
+CREATE TABLE `users` (
+ `usersId` int(11) NOT NULL,
+ `usersName` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersUid` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersCar` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersState` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersEmail` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `usersPwd` varchar(128) COLLATE utf8mb4_unicode_ci NOT NULL,
+ `user_state` tinyint(1) DEFAULT 1,
+ `user_created` timestamp NOT NULL DEFAULT current_timestamp()
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+--
+-- Daten für Tabelle `users`
+--
+
+INSERT INTO `users` (`usersId`, `usersName`, `usersUid`, `usersCar`, `usersState`, `usersEmail`, `usersPwd`, `user_state`, `user_created`) VALUES
+(1, 'Sven Kamm', 'Svendolin', 'Nissan Skyline R33', 'Aargau', 'sven0815@gmx.ch', '$2y$10$iNoQRI/kyBnyqXM8UZ/7AOwKBKc8KADIAFf41./pXsDebmig8ILx6', 1, '2021-12-27 00:39:34');
+
+--
+-- Indizes der exportierten Tabellen
+--
+
+--
+-- Indizes für die Tabelle `admin`
+--
+ALTER TABLE `admin`
+ ADD PRIMARY KEY (`IDadmin`);
+
+--
+-- Indizes für die Tabelle `users`
+--
+ALTER TABLE `users`
+ ADD PRIMARY KEY (`usersId`);
+
+--
+-- AUTO_INCREMENT für exportierte Tabellen
+--
+
+--
+-- AUTO_INCREMENT für Tabelle `admin`
+--
+ALTER TABLE `admin`
+ MODIFY `IDadmin` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=2;
+
+--
+-- AUTO_INCREMENT für Tabelle `users`
+--
+ALTER TABLE `users`
+ MODIFY `usersId` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=3;
+COMMIT;
+
+/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
+/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
+/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
diff --git "a/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/tellyourstory.php" "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/tellyourstory.php"
new file mode 100644
index 0000000..9dd2718
--- /dev/null
+++ "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/tellyourstory.php"
@@ -0,0 +1,294 @@
+
+
+
+
+
+
+
+ let's hear
+
Your Story:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Thank you for sharing
+ your story with us!
+
+
+
+
+
+
+
+
+
+
+
+
0&&void 0!==arguments[0]&&arguments[0];if(e&&(k=!0),k)return w=(0,y.default)(w,x),(0,b.default)(w,x.once),w},O=function(){w=(0,h.default)(),j()},_=function(){w.forEach(function(e,t){e.node.removeAttribute("data-aos"),e.node.removeAttribute("data-aos-easing"),e.node.removeAttribute("data-aos-duration"),e.node.removeAttribute("data-aos-delay")})},S=function(e){return e===!0||"mobile"===e&&p.default.mobile()||"phone"===e&&p.default.phone()||"tablet"===e&&p.default.tablet()||"function"==typeof e&&e()===!0},z=function(e){x=i(x,e),w=(0,h.default)();var t=document.all&&!window.atob;return S(x.disable)||t?_():(document.querySelector("body").setAttribute("data-aos-easing",x.easing),document.querySelector("body").setAttribute("data-aos-duration",x.duration),document.querySelector("body").setAttribute("data-aos-delay",x.delay),"DOMContentLoaded"===x.startEvent&&["complete","interactive"].indexOf(document.readyState)>-1?j(!0):"load"===x.startEvent?window.addEventListener(x.startEvent,function(){j(!0)}):document.addEventListener(x.startEvent,function(){j(!0)}),window.addEventListener("resize",(0,f.default)(j,x.debounceDelay,!0)),window.addEventListener("orientationchange",(0,f.default)(j,x.debounceDelay,!0)),window.addEventListener("scroll",(0,u.default)(function(){(0,b.default)(w,x.once)},x.throttleDelay)),x.disableMutationObserver||(0,d.default)("[data-aos]",O),w)};e.exports={init:z,refresh:j,refreshHard:O}},function(e,t){},,,,,function(e,t){(function(t){"use strict";function n(e,t,n){function o(t){var n=b,o=v;return b=v=void 0,k=t,g=e.apply(o,n)}function r(e){return k=e,h=setTimeout(s,t),_?o(e):g}function a(e){var n=e-w,o=e-k,i=t-n;return S?j(i,y-o):i}function c(e){var n=e-w,o=e-k;return void 0===w||n>=t||n<0||S&&o>=y}function s(){var e=O();return c(e)?d(e):void(h=setTimeout(s,a(e)))}function d(e){return h=void 0,z&&b?o(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),k=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(O())}function m(){var e=O(),n=c(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(s,t),o(w)}return void 0===h&&(h=setTimeout(s,t)),g}var b,v,y,g,h,w,k=0,_=!1,S=!1,z=!0;if("function"!=typeof e)throw new TypeError(f);return t=u(t)||0,i(n)&&(_=!!n.leading,S="maxWait"in n,y=S?x(u(n.maxWait)||0,t):y,z="trailing"in n?!!n.trailing:z),m.cancel=l,m.flush=p,m}function o(e,t,o){var r=!0,a=!0;if("function"!=typeof e)throw new TypeError(f);return i(o)&&(r="leading"in o?!!o.leading:r,a="trailing"in o?!!o.trailing:a),n(e,t,{leading:r,maxWait:t,trailing:a})}function i(e){var t="undefined"==typeof e?"undefined":c(e);return!!e&&("object"==t||"function"==t)}function r(e){return!!e&&"object"==("undefined"==typeof e?"undefined":c(e))}function a(e){return"symbol"==("undefined"==typeof e?"undefined":c(e))||r(e)&&k.call(e)==d}function u(e){if("number"==typeof e)return e;if(a(e))return s;if(i(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=i(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(l,"");var n=m.test(e);return n||b.test(e)?v(e.slice(2),n?2:8):p.test(e)?s:+e}var c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f="Expected a function",s=NaN,d="[object Symbol]",l=/^\s+|\s+$/g,p=/^[-+]0x[0-9a-f]+$/i,m=/^0b[01]+$/i,b=/^0o[0-7]+$/i,v=parseInt,y="object"==("undefined"==typeof t?"undefined":c(t))&&t&&t.Object===Object&&t,g="object"==("undefined"==typeof self?"undefined":c(self))&&self&&self.Object===Object&&self,h=y||g||Function("return this")(),w=Object.prototype,k=w.toString,x=Math.max,j=Math.min,O=function(){return h.Date.now()};e.exports=o}).call(t,function(){return this}())},function(e,t){(function(t){"use strict";function n(e,t,n){function i(t){var n=b,o=v;return b=v=void 0,O=t,g=e.apply(o,n)}function r(e){return O=e,h=setTimeout(s,t),_?i(e):g}function u(e){var n=e-w,o=e-O,i=t-n;return S?x(i,y-o):i}function f(e){var n=e-w,o=e-O;return void 0===w||n>=t||n<0||S&&o>=y}function s(){var e=j();return f(e)?d(e):void(h=setTimeout(s,u(e)))}function d(e){return h=void 0,z&&b?i(e):(b=v=void 0,g)}function l(){void 0!==h&&clearTimeout(h),O=0,b=w=v=h=void 0}function p(){return void 0===h?g:d(j())}function m(){var e=j(),n=f(e);if(b=arguments,v=this,w=e,n){if(void 0===h)return r(w);if(S)return h=setTimeout(s,t),i(w)}return void 0===h&&(h=setTimeout(s,t)),g}var b,v,y,g,h,w,O=0,_=!1,S=!1,z=!0;if("function"!=typeof e)throw new TypeError(c);return t=a(t)||0,o(n)&&(_=!!n.leading,S="maxWait"in n,y=S?k(a(n.maxWait)||0,t):y,z="trailing"in n?!!n.trailing:z),m.cancel=l,m.flush=p,m}function o(e){var t="undefined"==typeof e?"undefined":u(e);return!!e&&("object"==t||"function"==t)}function i(e){return!!e&&"object"==("undefined"==typeof e?"undefined":u(e))}function r(e){return"symbol"==("undefined"==typeof e?"undefined":u(e))||i(e)&&w.call(e)==s}function a(e){if("number"==typeof e)return e;if(r(e))return f;if(o(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=o(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(d,"");var n=p.test(e);return n||m.test(e)?b(e.slice(2),n?2:8):l.test(e)?f:+e}var u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c="Expected a function",f=NaN,s="[object Symbol]",d=/^\s+|\s+$/g,l=/^[-+]0x[0-9a-f]+$/i,p=/^0b[01]+$/i,m=/^0o[0-7]+$/i,b=parseInt,v="object"==("undefined"==typeof t?"undefined":u(t))&&t&&t.Object===Object&&t,y="object"==("undefined"==typeof self?"undefined":u(self))&&self&&self.Object===Object&&self,g=v||y||Function("return this")(),h=Object.prototype,w=h.toString,k=Math.max,x=Math.min,j=function(){return g.Date.now()};e.exports=n}).call(t,function(){return this}())},function(e,t){"use strict";function n(e,t){var n=window.document,r=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver,a=new r(o);i=t,a.observe(n.documentElement,{childList:!0,subtree:!0,removedNodes:!0})}function o(e){e&&e.forEach(function(e){var t=Array.prototype.slice.call(e.addedNodes),n=Array.prototype.slice.call(e.removedNodes),o=t.concat(n).filter(function(e){return e.hasAttribute&&e.hasAttribute("data-aos")}).length;o&&i()})}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){};t.default=n},function(e,t){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(){return navigator.userAgent||navigator.vendor||window.opera||""}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;ne.position?e.node.classList.add("aos-animate"):"undefined"!=typeof o&&("false"===o||!n&&"true"!==o)&&e.node.classList.remove("aos-animate")},o=function(e,t){var o=window.pageYOffset,i=window.innerHeight;e.forEach(function(e,r){n(e,i+o,t)})};t.default=o},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(12),r=o(i),a=function(e,t){return e.forEach(function(e,n){e.node.classList.add("aos-init"),e.position=(0,r.default)(e.node,t.offset)}),e};t.default=a},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(13),r=o(i),a=function(e,t){var n=0,o=0,i=window.innerHeight,a={offset:e.getAttribute("data-aos-offset"),anchor:e.getAttribute("data-aos-anchor"),anchorPlacement:e.getAttribute("data-aos-anchor-placement")};switch(a.offset&&!isNaN(a.offset)&&(o=parseInt(a.offset)),a.anchor&&document.querySelectorAll(a.anchor)&&(e=document.querySelectorAll(a.anchor)[0]),n=(0,r.default)(e).top,a.anchorPlacement){case"top-bottom":break;case"center-bottom":n+=e.offsetHeight/2;break;case"bottom-bottom":n+=e.offsetHeight;break;case"top-center":n+=i/2;break;case"bottom-center":n+=i/2+e.offsetHeight;break;case"center-center":n+=i/2+e.offsetHeight/2;break;case"top-top":n+=i;break;case"bottom-top":n+=e.offsetHeight+i;break;case"center-top":n+=e.offsetHeight/2+i}return a.anchorPlacement||a.offset||isNaN(t)||(o=t),n+o};t.default=a},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){for(var t=0,n=0;e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop);)t+=e.offsetLeft-("BODY"!=e.tagName?e.scrollLeft:0),n+=e.offsetTop-("BODY"!=e.tagName?e.scrollTop:0),e=e.offsetParent;return{top:n,left:t}};t.default=n},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e){return e=e||document.querySelectorAll("[data-aos]"),Array.prototype.map.call(e,function(e){return{node:e}})};t.default=n}])});
\ No newline at end of file
diff --git "a/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/theme/javascript/main.js" "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/theme/javascript/main.js"
new file mode 100644
index 0000000..43c049d
--- /dev/null
+++ "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/theme/javascript/main.js"
@@ -0,0 +1,119 @@
+/* ======================== index.php ======================== */
+
+// Live Server autoscroll bug
+// $(window).scroll (function(){
+// sessionStorage.scrollTop = $(this).scrollTop();
+// });
+
+// Variables:
+const responsive = {
+ 0: {
+ items: 1 // Bugfix (Avoid to see all 4 items in just 320px)
+ },
+ 400: {
+ items: 1 // At 320px vw we only see one carousel item
+ },
+ 700: {
+ items: 2 // At 700px vw we see two carousel items
+ },
+ 1100: {
+ items: 3 // At 1000px vw we see three carousel items
+ }
+}
+
+
+
+
+
+$(document).ready(function () {
+
+ /* CSS Scrollbug */
+ // $(window).on('unload', function() {
+ // $(window).scrollTop(0); });
+ // window.onunload = function(){
+ // window.scrollTo(0,0); };
+ // if ('scrollRestoration' in history)
+ // { history.scrollRestoration = 'manual'; };
+
+ /* CSS Scrollbug */
+ // if (sessionStorage.scrollTop != "undefined") {
+ // $(window).scrollTop(sessionStorage.scrollTop);
+ // }
+
+
+ /* --- definition of variables --- */
+ $nav = $('.nav');
+ $toggleCollapse = $('.toggle-collapse');
+ $menuToggleBtn = $('.menu-toggle-btn')
+
+ /* --- click event to toggle the nav menu --- */
+ $toggleCollapse.click(function () {
+ $nav.toggleClass('collapse', 1000); /* we get a new collapse class especially made for toggeling */
+ })
+
+ /* --- click event to exchange the burgersymbol with the x of fa-times --- */
+ $menuToggleBtn.click(function () {
+ $(this).toggleClass('fa-times');
+ })
+
+ /* Attempt to hover out to remove the collapse*/
+ // $("main").hover(
+ // function(){
+ // $('.collapse').fadeOut('slow', function(){
+ // console.log('Faded Out')
+ // });
+ // });
+
+
+ // -- owl-crousel for blog -- //
+ $('.owl-carousel').owlCarousel({
+ loop: true,
+ autoplay: false, // false to stop
+ autoplayTimeout: 5000,
+ dots: false,
+ nav: true,
+ navText: [$('.owl-navigation .owl-nav-prev'), $('.owl-navigation .owl-nav-next')],
+ responsive: responsive // This defined variable (above) got a function
+
+ });
+
+ // -- click to scroll to top -- //
+ $('.move-up span').click(function () {
+ $('html, body').animate({
+ scrollTop: 0
+ }, 1000); // 1 Second duration to scroll up
+ })
+
+ // -- AOS Animation on scroll Instance -- //
+ AOS.init()
+
+
+ // -- ERROR-MESSAGES login and signup -- //
+ // $('btn solid sign-in').click(function(){
+ // $('error-message').show(900);
+
+ // })
+
+
+});
+
+/* ====x=================== index.php ===================x==== */
+/* ======================== login.php ======================== */
+
+const sign_in_btn = document.querySelector("#sign-in-btn");
+const sign_up_btn = document.querySelector("#sign-up-btn");
+const login_container = document.querySelector(".login-container");
+
+if (sign_up_btn != null) { // Needs to be done because this function is null (an empty or non-existent value) on all the other files EXCEPT at the login...
+ sign_up_btn.addEventListener('click', () => {
+ login_container.classList.add("sign-up-mode");
+ });
+}
+if (sign_up_btn != null) { // ...Same here because the event will only happen at login.php. Javascript tries to set the function on every existing sub-page
+ sign_in_btn.addEventListener('click', () => {
+ login_container.classList.remove("sign-up-mode");
+ });
+}
+
+
+/* ====x=================== login.php ===================x==== */
\ No newline at end of file
diff --git "a/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js" "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js"
new file mode 100644
index 0000000..fbbffc5
--- /dev/null
+++ "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js"
@@ -0,0 +1,7 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+!function(a,b,c,d){function e(b,c){this.settings=null,this.options=a.extend({},e.Defaults,c),this.$element=a(b),this._handlers={},this._plugins={},this._supress={},this._current=null,this._speed=null,this._coordinates=[],this._breakpoint=null,this._width=null,this._items=[],this._clones=[],this._mergers=[],this._widths=[],this._invalidated={},this._pipe=[],this._drag={time:null,target:null,pointer:null,stage:{start:null,current:null},direction:null},this._states={current:{},tags:{initializing:["busy"],animating:["busy"],dragging:["interacting"]}},a.each(["onResize","onThrottledResize"],a.proxy(function(b,c){this._handlers[c]=a.proxy(this[c],this)},this)),a.each(e.Plugins,a.proxy(function(a,b){this._plugins[a.charAt(0).toLowerCase()+a.slice(1)]=new b(this)},this)),a.each(e.Workers,a.proxy(function(b,c){this._pipe.push({filter:c.filter,run:a.proxy(c.run,this)})},this)),this.setup(),this.initialize()}e.Defaults={items:3,loop:!1,center:!1,rewind:!1,checkVisibility:!0,mouseDrag:!0,touchDrag:!0,pullDrag:!0,freeDrag:!1,margin:0,stagePadding:0,merge:!1,mergeFit:!0,autoWidth:!1,startPosition:0,rtl:!1,smartSpeed:250,fluidSpeed:!1,dragEndSpeed:!1,responsive:{},responsiveRefreshRate:200,responsiveBaseElement:b,fallbackEasing:"swing",slideTransition:"",info:!1,nestedItemSelector:!1,itemElement:"div",stageElement:"div",refreshClass:"owl-refresh",loadedClass:"owl-loaded",loadingClass:"owl-loading",rtlClass:"owl-rtl",responsiveClass:"owl-responsive",dragClass:"owl-drag",itemClass:"owl-item",stageClass:"owl-stage",stageOuterClass:"owl-stage-outer",grabClass:"owl-grab"},e.Width={Default:"default",Inner:"inner",Outer:"outer"},e.Type={Event:"event",State:"state"},e.Plugins={},e.Workers=[{filter:["width","settings"],run:function(){this._width=this.$element.width()}},{filter:["width","items","settings"],run:function(a){a.current=this._items&&this._items[this.relative(this._current)]}},{filter:["items","settings"],run:function(){this.$stage.children(".cloned").remove()}},{filter:["width","items","settings"],run:function(a){var b=this.settings.margin||"",c=!this.settings.autoWidth,d=this.settings.rtl,e={width:"auto","margin-left":d?b:"","margin-right":d?"":b};!c&&this.$stage.children().css(e),a.css=e}},{filter:["width","items","settings"],run:function(a){var b=(this.width()/this.settings.items).toFixed(3)-this.settings.margin,c=null,d=this._items.length,e=!this.settings.autoWidth,f=[];for(a.items={merge:!1,width:b};d--;)c=this._mergers[d],c=this.settings.mergeFit&&Math.min(c,this.settings.items)||c,a.items.merge=c>1||a.items.merge,f[d]=e?b*c:this._items[d].width();this._widths=f}},{filter:["items","settings"],run:function(){var b=[],c=this._items,d=this.settings,e=Math.max(2*d.items,4),f=2*Math.ceil(c.length/2),g=d.loop&&c.length?d.rewind?e:Math.max(e,f):0,h="",i="";for(g/=2;g>0;)b.push(this.normalize(b.length/2,!0)),h+=c[b[b.length-1]][0].outerHTML,b.push(this.normalize(c.length-1-(b.length-1)/2,!0)),i=c[b[b.length-1]][0].outerHTML+i,g-=1;this._clones=b,a(h).addClass("cloned").appendTo(this.$stage),a(i).addClass("cloned").prependTo(this.$stage)}},{filter:["width","items","settings"],run:function(){for(var a=this.settings.rtl?1:-1,b=this._clones.length+this._items.length,c=-1,d=0,e=0,f=[];++c",h)||this.op(b,"<",g)&&this.op(b,">",h))&&i.push(c);this.$stage.children(".active").removeClass("active"),this.$stage.children(":eq("+i.join("), :eq(")+")").addClass("active"),this.$stage.children(".center").removeClass("center"),this.settings.center&&this.$stage.children().eq(this.current()).addClass("center")}}],e.prototype.initializeStage=function(){this.$stage=this.$element.find("."+this.settings.stageClass),this.$stage.length||(this.$element.addClass(this.options.loadingClass),this.$stage=a("<"+this.settings.stageElement+">",{class:this.settings.stageClass}).wrap(a("
",{class:this.settings.stageOuterClass})),this.$element.append(this.$stage.parent()))},e.prototype.initializeItems=function(){var b=this.$element.find(".owl-item");if(b.length)return this._items=b.get().map(function(b){return a(b)}),this._mergers=this._items.map(function(){return 1}),void this.refresh();this.replace(this.$element.children().not(this.$stage.parent())),this.isVisible()?this.refresh():this.invalidate("width"),this.$element.removeClass(this.options.loadingClass).addClass(this.options.loadedClass)},e.prototype.initialize=function(){if(this.enter("initializing"),this.trigger("initialize"),this.$element.toggleClass(this.settings.rtlClass,this.settings.rtl),this.settings.autoWidth&&!this.is("pre-loading")){var a,b,c;a=this.$element.find("img"),b=this.settings.nestedItemSelector?"."+this.settings.nestedItemSelector:d,c=this.$element.children(b).width(),a.length&&c<=0&&this.preloadAutoWidthImages(a)}this.initializeStage(),this.initializeItems(),this.registerEventHandlers(),this.leave("initializing"),this.trigger("initialized")},e.prototype.isVisible=function(){return!this.settings.checkVisibility||this.$element.is(":visible")},e.prototype.setup=function(){var b=this.viewport(),c=this.options.responsive,d=-1,e=null;c?(a.each(c,function(a){a<=b&&a>d&&(d=Number(a))}),e=a.extend({},this.options,c[d]),"function"==typeof e.stagePadding&&(e.stagePadding=e.stagePadding()),delete e.responsive,e.responsiveClass&&this.$element.attr("class",this.$element.attr("class").replace(new RegExp("("+this.options.responsiveClass+"-)\\S+\\s","g"),"$1"+d))):e=a.extend({},this.options),this.trigger("change",{property:{name:"settings",value:e}}),this._breakpoint=d,this.settings=e,this.invalidate("settings"),this.trigger("changed",{property:{name:"settings",value:this.settings}})},e.prototype.optionsLogic=function(){this.settings.autoWidth&&(this.settings.stagePadding=!1,this.settings.merge=!1)},e.prototype.prepare=function(b){var c=this.trigger("prepare",{content:b});return c.data||(c.data=a("<"+this.settings.itemElement+"/>").addClass(this.options.itemClass).append(b)),this.trigger("prepared",{content:c.data}),c.data},e.prototype.update=function(){for(var b=0,c=this._pipe.length,d=a.proxy(function(a){return this[a]},this._invalidated),e={};b0)&&this._pipe[b].run(e),b++;this._invalidated={},!this.is("valid")&&this.enter("valid")},e.prototype.width=function(a){switch(a=a||e.Width.Default){case e.Width.Inner:case e.Width.Outer:return this._width;default:return this._width-2*this.settings.stagePadding+this.settings.margin}},e.prototype.refresh=function(){this.enter("refreshing"),this.trigger("refresh"),this.setup(),this.optionsLogic(),this.$element.addClass(this.options.refreshClass),this.update(),this.$element.removeClass(this.options.refreshClass),this.leave("refreshing"),this.trigger("refreshed")},e.prototype.onThrottledResize=function(){b.clearTimeout(this.resizeTimer),this.resizeTimer=b.setTimeout(this._handlers.onResize,this.settings.responsiveRefreshRate)},e.prototype.onResize=function(){return!!this._items.length&&(this._width!==this.$element.width()&&(!!this.isVisible()&&(this.enter("resizing"),this.trigger("resize").isDefaultPrevented()?(this.leave("resizing"),!1):(this.invalidate("width"),this.refresh(),this.leave("resizing"),void this.trigger("resized")))))},e.prototype.registerEventHandlers=function(){a.support.transition&&this.$stage.on(a.support.transition.end+".owl.core",a.proxy(this.onTransitionEnd,this)),!1!==this.settings.responsive&&this.on(b,"resize",this._handlers.onThrottledResize),this.settings.mouseDrag&&(this.$element.addClass(this.options.dragClass),this.$stage.on("mousedown.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("dragstart.owl.core selectstart.owl.core",function(){return!1})),this.settings.touchDrag&&(this.$stage.on("touchstart.owl.core",a.proxy(this.onDragStart,this)),this.$stage.on("touchcancel.owl.core",a.proxy(this.onDragEnd,this)))},e.prototype.onDragStart=function(b){var d=null;3!==b.which&&(a.support.transform?(d=this.$stage.css("transform").replace(/.*\(|\)| /g,"").split(","),d={x:d[16===d.length?12:4],y:d[16===d.length?13:5]}):(d=this.$stage.position(),d={x:this.settings.rtl?d.left+this.$stage.width()-this.width()+this.settings.margin:d.left,y:d.top}),this.is("animating")&&(a.support.transform?this.animate(d.x):this.$stage.stop(),this.invalidate("position")),this.$element.toggleClass(this.options.grabClass,"mousedown"===b.type),this.speed(0),this._drag.time=(new Date).getTime(),this._drag.target=a(b.target),this._drag.stage.start=d,this._drag.stage.current=d,this._drag.pointer=this.pointer(b),a(c).on("mouseup.owl.core touchend.owl.core",a.proxy(this.onDragEnd,this)),a(c).one("mousemove.owl.core touchmove.owl.core",a.proxy(function(b){var d=this.difference(this._drag.pointer,this.pointer(b));a(c).on("mousemove.owl.core touchmove.owl.core",a.proxy(this.onDragMove,this)),Math.abs(d.x)0^this.settings.rtl?"left":"right";a(c).off(".owl.core"),this.$element.removeClass(this.options.grabClass),(0!==d.x&&this.is("dragging")||!this.is("valid"))&&(this.speed(this.settings.dragEndSpeed||this.settings.smartSpeed),this.current(this.closest(e.x,0!==d.x?f:this._drag.direction)),this.invalidate("position"),this.update(),this._drag.direction=f,(Math.abs(d.x)>3||(new Date).getTime()-this._drag.time>300)&&this._drag.target.one("click.owl.core",function(){return!1})),this.is("dragging")&&(this.leave("dragging"),this.trigger("dragged"))},e.prototype.closest=function(b,c){var e=-1,f=30,g=this.width(),h=this.coordinates();return this.settings.freeDrag||a.each(h,a.proxy(function(a,i){return"left"===c&&b>i-f&&bi-g-f&&b",h[a+1]!==d?h[a+1]:i-g)&&(e="left"===c?a+1:a),-1===e},this)),this.settings.loop||(this.op(b,">",h[this.minimum()])?e=b=this.minimum():this.op(b,"<",h[this.maximum()])&&(e=b=this.maximum())),e},e.prototype.animate=function(b){var c=this.speed()>0;this.is("animating")&&this.onTransitionEnd(),c&&(this.enter("animating"),this.trigger("translate")),a.support.transform3d&&a.support.transition?this.$stage.css({transform:"translate3d("+b+"px,0px,0px)",transition:this.speed()/1e3+"s"+(this.settings.slideTransition?" "+this.settings.slideTransition:"")}):c?this.$stage.animate({left:b+"px"},this.speed(),this.settings.fallbackEasing,a.proxy(this.onTransitionEnd,this)):this.$stage.css({left:b+"px"})},e.prototype.is=function(a){return this._states.current[a]&&this._states.current[a]>0},e.prototype.current=function(a){if(a===d)return this._current;if(0===this._items.length)return d;if(a=this.normalize(a),this._current!==a){var b=this.trigger("change",{property:{name:"position",value:a}});b.data!==d&&(a=this.normalize(b.data)),this._current=a,this.invalidate("position"),this.trigger("changed",{property:{name:"position",value:this._current}})}return this._current},e.prototype.invalidate=function(b){return"string"===a.type(b)&&(this._invalidated[b]=!0,this.is("valid")&&this.leave("valid")),a.map(this._invalidated,function(a,b){return b})},e.prototype.reset=function(a){(a=this.normalize(a))!==d&&(this._speed=0,this._current=a,this.suppress(["translate","translated"]),this.animate(this.coordinates(a)),this.release(["translate","translated"]))},e.prototype.normalize=function(a,b){var c=this._items.length,e=b?0:this._clones.length;return!this.isNumeric(a)||c<1?a=d:(a<0||a>=c+e)&&(a=((a-e/2)%c+c)%c+e/2),a},e.prototype.relative=function(a){return a-=this._clones.length/2,this.normalize(a,!0)},e.prototype.maximum=function(a){var b,c,d,e=this.settings,f=this._coordinates.length;if(e.loop)f=this._clones.length/2+this._items.length-1;else if(e.autoWidth||e.merge){if(b=this._items.length)for(c=this._items[--b].width(),d=this.$element.width();b--&&!((c+=this._items[b].width()+this.settings.margin)>d););f=b+1}else f=e.center?this._items.length-1:this._items.length-e.items;return a&&(f-=this._clones.length/2),Math.max(f,0)},e.prototype.minimum=function(a){return a?0:this._clones.length/2},e.prototype.items=function(a){return a===d?this._items.slice():(a=this.normalize(a,!0),this._items[a])},e.prototype.mergers=function(a){return a===d?this._mergers.slice():(a=this.normalize(a,!0),this._mergers[a])},e.prototype.clones=function(b){var c=this._clones.length/2,e=c+this._items.length,f=function(a){return a%2==0?e+a/2:c-(a+1)/2};return b===d?a.map(this._clones,function(a,b){return f(b)}):a.map(this._clones,function(a,c){return a===b?f(c):null})},e.prototype.speed=function(a){return a!==d&&(this._speed=a),this._speed},e.prototype.coordinates=function(b){var c,e=1,f=b-1;return b===d?a.map(this._coordinates,a.proxy(function(a,b){return this.coordinates(b)},this)):(this.settings.center?(this.settings.rtl&&(e=-1,f=b+1),c=this._coordinates[b],c+=(this.width()-c+(this._coordinates[f]||0))/2*e):c=this._coordinates[f]||0,c=Math.ceil(c))},e.prototype.duration=function(a,b,c){return 0===c?0:Math.min(Math.max(Math.abs(b-a),1),6)*Math.abs(c||this.settings.smartSpeed)},e.prototype.to=function(a,b){var c=this.current(),d=null,e=a-this.relative(c),f=(e>0)-(e<0),g=this._items.length,h=this.minimum(),i=this.maximum();this.settings.loop?(!this.settings.rewind&&Math.abs(e)>g/2&&(e+=-1*f*g),a=c+e,(d=((a-h)%g+g)%g+h)!==a&&d-e<=i&&d-e>0&&(c=d-e,a=d,this.reset(c))):this.settings.rewind?(i+=1,a=(a%i+i)%i):a=Math.max(h,Math.min(i,a)),this.speed(this.duration(c,a,b)),this.current(a),this.isVisible()&&this.update()},e.prototype.next=function(a){a=a||!1,this.to(this.relative(this.current())+1,a)},e.prototype.prev=function(a){a=a||!1,this.to(this.relative(this.current())-1,a)},e.prototype.onTransitionEnd=function(a){if(a!==d&&(a.stopPropagation(),(a.target||a.srcElement||a.originalTarget)!==this.$stage.get(0)))return!1;this.leave("animating"),this.trigger("translated")},e.prototype.viewport=function(){var d;return this.options.responsiveBaseElement!==b?d=a(this.options.responsiveBaseElement).width():b.innerWidth?d=b.innerWidth:c.documentElement&&c.documentElement.clientWidth?d=c.documentElement.clientWidth:console.warn("Can not detect viewport width."),d},e.prototype.replace=function(b){this.$stage.empty(),this._items=[],b&&(b=b instanceof jQuery?b:a(b)),this.settings.nestedItemSelector&&(b=b.find("."+this.settings.nestedItemSelector)),b.filter(function(){return 1===this.nodeType}).each(a.proxy(function(a,b){b=this.prepare(b),this.$stage.append(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)},this)),this.reset(this.isNumeric(this.settings.startPosition)?this.settings.startPosition:0),this.invalidate("items")},e.prototype.add=function(b,c){var e=this.relative(this._current);c=c===d?this._items.length:this.normalize(c,!0),b=b instanceof jQuery?b:a(b),this.trigger("add",{content:b,position:c}),b=this.prepare(b),0===this._items.length||c===this._items.length?(0===this._items.length&&this.$stage.append(b),0!==this._items.length&&this._items[c-1].after(b),this._items.push(b),this._mergers.push(1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)):(this._items[c].before(b),this._items.splice(c,0,b),this._mergers.splice(c,0,1*b.find("[data-merge]").addBack("[data-merge]").attr("data-merge")||1)),this._items[e]&&this.reset(this._items[e].index()),this.invalidate("items"),this.trigger("added",{content:b,position:c})},e.prototype.remove=function(a){(a=this.normalize(a,!0))!==d&&(this.trigger("remove",{content:this._items[a],position:a}),this._items[a].remove(),this._items.splice(a,1),this._mergers.splice(a,1),this.invalidate("items"),this.trigger("removed",{content:null,position:a}))},e.prototype.preloadAutoWidthImages=function(b){b.each(a.proxy(function(b,c){this.enter("pre-loading"),c=a(c),a(new Image).one("load",a.proxy(function(a){c.attr("src",a.target.src),c.css("opacity",1),this.leave("pre-loading"),!this.is("pre-loading")&&!this.is("initializing")&&this.refresh()},this)).attr("src",c.attr("src")||c.attr("data-src")||c.attr("data-src-retina"))},this))},e.prototype.destroy=function(){this.$element.off(".owl.core"),this.$stage.off(".owl.core"),a(c).off(".owl.core"),!1!==this.settings.responsive&&(b.clearTimeout(this.resizeTimer),this.off(b,"resize",this._handlers.onThrottledResize));for(var d in this._plugins)this._plugins[d].destroy();this.$stage.children(".cloned").remove(),this.$stage.unwrap(),this.$stage.children().contents().unwrap(),this.$stage.children().unwrap(),this.$stage.remove(),this.$element.removeClass(this.options.refreshClass).removeClass(this.options.loadingClass).removeClass(this.options.loadedClass).removeClass(this.options.rtlClass).removeClass(this.options.dragClass).removeClass(this.options.grabClass).attr("class",this.$element.attr("class").replace(new RegExp(this.options.responsiveClass+"-\\S+\\s","g"),"")).removeData("owl.carousel")},e.prototype.op=function(a,b,c){var d=this.settings.rtl;switch(b){case"<":return d?a>c:a":return d?ac;case">=":return d?a<=c:a>=c;case"<=":return d?a>=c:a<=c}},e.prototype.on=function(a,b,c,d){a.addEventListener?a.addEventListener(b,c,d):a.attachEvent&&a.attachEvent("on"+b,c)},e.prototype.off=function(a,b,c,d){a.removeEventListener?a.removeEventListener(b,c,d):a.detachEvent&&a.detachEvent("on"+b,c)},e.prototype.trigger=function(b,c,d,f,g){var h={item:{count:this._items.length,index:this.current()}},i=a.camelCase(a.grep(["on",b,d],function(a){return a}).join("-").toLowerCase()),j=a.Event([b,"owl",d||"carousel"].join(".").toLowerCase(),a.extend({relatedTarget:this},h,c));return this._supress[b]||(a.each(this._plugins,function(a,b){b.onTrigger&&b.onTrigger(j)}),this.register({type:e.Type.Event,name:b}),this.$element.trigger(j),this.settings&&"function"==typeof this.settings[i]&&this.settings[i].call(this,j)),j},e.prototype.enter=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]===d&&(this._states.current[b]=0),this._states.current[b]++},this))},e.prototype.leave=function(b){a.each([b].concat(this._states.tags[b]||[]),a.proxy(function(a,b){this._states.current[b]--},this))},e.prototype.register=function(b){if(b.type===e.Type.Event){if(a.event.special[b.name]||(a.event.special[b.name]={}),!a.event.special[b.name].owl){var c=a.event.special[b.name]._default;a.event.special[b.name]._default=function(a){return!c||!c.apply||a.namespace&&-1!==a.namespace.indexOf("owl")?a.namespace&&a.namespace.indexOf("owl")>-1:c.apply(this,arguments)},a.event.special[b.name].owl=!0}}else b.type===e.Type.State&&(this._states.tags[b.name]?this._states.tags[b.name]=this._states.tags[b.name].concat(b.tags):this._states.tags[b.name]=b.tags,this._states.tags[b.name]=a.grep(this._states.tags[b.name],a.proxy(function(c,d){return a.inArray(c,this._states.tags[b.name])===d},this)))},e.prototype.suppress=function(b){a.each(b,a.proxy(function(a,b){this._supress[b]=!0},this))},e.prototype.release=function(b){a.each(b,a.proxy(function(a,b){delete this._supress[b]},this))},e.prototype.pointer=function(a){var c={x:null,y:null};return a=a.originalEvent||a||b.event,a=a.touches&&a.touches.length?a.touches[0]:a.changedTouches&&a.changedTouches.length?a.changedTouches[0]:a,a.pageX?(c.x=a.pageX,c.y=a.pageY):(c.x=a.clientX,c.y=a.clientY),c},e.prototype.isNumeric=function(a){return!isNaN(parseFloat(a))},e.prototype.difference=function(a,b){return{x:a.x-b.x,y:a.y-b.y}},a.fn.owlCarousel=function(b){var c=Array.prototype.slice.call(arguments,1);return this.each(function(){var d=a(this),f=d.data("owl.carousel");f||(f=new e(this,"object"==typeof b&&b),d.data("owl.carousel",f),a.each(["next","prev","to","destroy","refresh","replace","add","remove"],function(b,c){f.register({type:e.Type.Event,name:c}),f.$element.on(c+".owl.carousel.core",a.proxy(function(a){a.namespace&&a.relatedTarget!==this&&(this.suppress([c]),f[c].apply(this,[].slice.call(arguments,1)),this.release([c]))},f))})),"string"==typeof b&&"_"!==b.charAt(0)&&f[b].apply(f,c)})},a.fn.owlCarousel.Constructor=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._interval=null,this._visible=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoRefresh&&this.watch()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers)};e.Defaults={autoRefresh:!0,autoRefreshInterval:500},e.prototype.watch=function(){this._interval||(this._visible=this._core.isVisible(),this._interval=b.setInterval(a.proxy(this.refresh,this),this._core.settings.autoRefreshInterval))},e.prototype.refresh=function(){this._core.isVisible()!==this._visible&&(this._visible=!this._visible,this._core.$element.toggleClass("owl-hidden",!this._visible),this._visible&&this._core.invalidate("width")&&this._core.refresh())},e.prototype.destroy=function(){var a,c;b.clearInterval(this._interval);for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoRefresh=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._loaded=[],this._handlers={"initialized.owl.carousel change.owl.carousel resized.owl.carousel":a.proxy(function(b){if(b.namespace&&this._core.settings&&this._core.settings.lazyLoad&&(b.property&&"position"==b.property.name||"initialized"==b.type)){var c=this._core.settings,e=c.center&&Math.ceil(c.items/2)||c.items,f=c.center&&-1*e||0,g=(b.property&&b.property.value!==d?b.property.value:this._core.current())+f,h=this._core.clones().length,i=a.proxy(function(a,b){this.load(b)},this);for(c.lazyLoadEager>0&&(e+=c.lazyLoadEager,c.loop&&(g-=c.lazyLoadEager,e++));f++-1||(e.each(a.proxy(function(c,d){var e,f=a(d),g=b.devicePixelRatio>1&&f.attr("data-src-retina")||f.attr("data-src")||f.attr("data-srcset");this._core.trigger("load",{element:f,url:g},"lazy"),f.is("img")?f.one("load.owl.lazy",a.proxy(function(){f.css("opacity",1),this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("src",g):f.is("source")?f.one("load.owl.lazy",a.proxy(function(){this._core.trigger("loaded",{element:f,url:g},"lazy")},this)).attr("srcset",g):(e=new Image,e.onload=a.proxy(function(){f.css({"background-image":'url("'+g+'")',opacity:"1"}),this._core.trigger("loaded",{element:f,url:g},"lazy")},this),e.src=g)},this)),this._loaded.push(d.get(0)))},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this._core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Lazy=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(c){this._core=c,this._previousHeight=null,this._handlers={"initialized.owl.carousel refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&this.update()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&"position"===a.property.name&&this.update()},this),"loaded.owl.lazy":a.proxy(function(a){a.namespace&&this._core.settings.autoHeight&&a.element.closest("."+this._core.settings.itemClass).index()===this._core.current()&&this.update()},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._intervalId=null;var d=this;a(b).on("load",function(){d._core.settings.autoHeight&&d.update()}),a(b).resize(function(){d._core.settings.autoHeight&&(null!=d._intervalId&&clearTimeout(d._intervalId),d._intervalId=setTimeout(function(){d.update()},250))})};e.Defaults={autoHeight:!1,autoHeightClass:"owl-height"},e.prototype.update=function(){var b=this._core._current,c=b+this._core.settings.items,d=this._core.settings.lazyLoad,e=this._core.$stage.children().toArray().slice(b,c),f=[],g=0;a.each(e,function(b,c){f.push(a(c).height())}),g=Math.max.apply(null,f),g<=1&&d&&this._previousHeight&&(g=this._previousHeight),this._previousHeight=g,this._core.$stage.parent().height(g).addClass(this._core.settings.autoHeightClass)},e.prototype.destroy=function(){var a,b;for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.AutoHeight=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._videos={},this._playing=null,this._handlers={"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.register({type:"state",name:"playing",tags:["interacting"]})},this),"resize.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.video&&this.isInFullScreen()&&a.preventDefault()},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._core.is("resizing")&&this._core.$stage.find(".cloned .owl-video-frame").remove()},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"===a.property.name&&this._playing&&this.stop()},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find(".owl-video");c.length&&(c.css("display","none"),this.fetch(c,a(b.content)))}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this._core.$element.on(this._handlers),this._core.$element.on("click.owl.video",".owl-video-play-icon",a.proxy(function(a){this.play(a)},this))};e.Defaults={video:!1,videoHeight:!1,videoWidth:!1},e.prototype.fetch=function(a,b){var c=function(){return a.attr("data-vimeo-id")?"vimeo":a.attr("data-vzaar-id")?"vzaar":"youtube"}(),d=a.attr("data-vimeo-id")||a.attr("data-youtube-id")||a.attr("data-vzaar-id"),e=a.attr("data-width")||this._core.settings.videoWidth,f=a.attr("data-height")||this._core.settings.videoHeight,g=a.attr("href");if(!g)throw new Error("Missing video URL.");if(d=g.match(/(http:|https:|)\/\/(player.|www.|app.)?(vimeo\.com|youtu(be\.com|\.be|be\.googleapis\.com|be\-nocookie\.com)|vzaar\.com)\/(video\/|videos\/|embed\/|channels\/.+\/|groups\/.+\/|watch\?v=|v\/)?([A-Za-z0-9._%-]*)(\&\S+)?/),d[3].indexOf("youtu")>-1)c="youtube";else if(d[3].indexOf("vimeo")>-1)c="vimeo";else{if(!(d[3].indexOf("vzaar")>-1))throw new Error("Video URL not supported.");c="vzaar"}d=d[6],this._videos[g]={type:c,id:d,width:e,height:f},b.attr("data-video",g),this.thumbnail(a,this._videos[g])},e.prototype.thumbnail=function(b,c){var d,e,f,g=c.width&&c.height?"width:"+c.width+"px;height:"+c.height+"px;":"",h=b.find("img"),i="src",j="",k=this._core.settings,l=function(c){e='
',d=k.lazyLoad?a("
",{class:"owl-video-tn "+j,srcType:c}):a("
",{class:"owl-video-tn",style:"opacity:1;background-image:url("+c+")"}),b.after(d),b.after(e)};if(b.wrap(a("
",{class:"owl-video-wrapper",style:g})),this._core.settings.lazyLoad&&(i="data-src",j="owl-lazy"),h.length)return l(h.attr(i)),h.remove(),!1;"youtube"===c.type?(f="//img.youtube.com/vi/"+c.id+"/hqdefault.jpg",l(f)):"vimeo"===c.type?a.ajax({type:"GET",url:"//vimeo.com/api/v2/video/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a[0].thumbnail_large,l(f)}}):"vzaar"===c.type&&a.ajax({type:"GET",url:"//vzaar.com/api/videos/"+c.id+".json",jsonp:"callback",dataType:"jsonp",success:function(a){f=a.framegrab_url,l(f)}})},e.prototype.stop=function(){this._core.trigger("stop",null,"video"),this._playing.find(".owl-video-frame").remove(),this._playing.removeClass("owl-video-playing"),this._playing=null,this._core.leave("playing"),this._core.trigger("stopped",null,"video")},e.prototype.play=function(b){var c,d=a(b.target),e=d.closest("."+this._core.settings.itemClass),f=this._videos[e.attr("data-video")],g=f.width||"100%",h=f.height||this._core.$stage.height();this._playing||(this._core.enter("playing"),this._core.trigger("play",null,"video"),e=this._core.items(this._core.relative(e.index())),this._core.reset(e.index()),c=a(''),c.attr("height",h),c.attr("width",g),"youtube"===f.type?c.attr("src","//www.youtube.com/embed/"+f.id+"?autoplay=1&rel=0&v="+f.id):"vimeo"===f.type?c.attr("src","//player.vimeo.com/video/"+f.id+"?autoplay=1"):"vzaar"===f.type&&c.attr("src","//view.vzaar.com/"+f.id+"/player?autoplay=true"),a(c).wrap('
').insertAfter(e.find(".owl-video")),this._playing=e.addClass("owl-video-playing"))},e.prototype.isInFullScreen=function(){var b=c.fullscreenElement||c.mozFullScreenElement||c.webkitFullscreenElement;return b&&a(b).parent().hasClass("owl-video-frame")},e.prototype.destroy=function(){var a,b;this._core.$element.off("click.owl.video");for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Video=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this.core=b,this.core.options=a.extend({},e.Defaults,this.core.options),this.swapping=!0,this.previous=d,this.next=d,this.handlers={"change.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&(this.previous=this.core.current(),this.next=a.property.value)},this),"drag.owl.carousel dragged.owl.carousel translated.owl.carousel":a.proxy(function(a){a.namespace&&(this.swapping="translated"==a.type)},this),"translate.owl.carousel":a.proxy(function(a){a.namespace&&this.swapping&&(this.core.options.animateOut||this.core.options.animateIn)&&this.swap()},this)},this.core.$element.on(this.handlers)};e.Defaults={animateOut:!1,
+animateIn:!1},e.prototype.swap=function(){if(1===this.core.settings.items&&a.support.animation&&a.support.transition){this.core.speed(0);var b,c=a.proxy(this.clear,this),d=this.core.$stage.children().eq(this.previous),e=this.core.$stage.children().eq(this.next),f=this.core.settings.animateIn,g=this.core.settings.animateOut;this.core.current()!==this.previous&&(g&&(b=this.core.coordinates(this.previous)-this.core.coordinates(this.next),d.one(a.support.animation.end,c).css({left:b+"px"}).addClass("animated owl-animated-out").addClass(g)),f&&e.one(a.support.animation.end,c).addClass("animated owl-animated-in").addClass(f))}},e.prototype.clear=function(b){a(b.target).css({left:""}).removeClass("animated owl-animated-out owl-animated-in").removeClass(this.core.settings.animateIn).removeClass(this.core.settings.animateOut),this.core.onTransitionEnd()},e.prototype.destroy=function(){var a,b;for(a in this.handlers)this.core.$element.off(a,this.handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.Animate=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){var e=function(b){this._core=b,this._call=null,this._time=0,this._timeout=0,this._paused=!0,this._handlers={"changed.owl.carousel":a.proxy(function(a){a.namespace&&"settings"===a.property.name?this._core.settings.autoplay?this.play():this.stop():a.namespace&&"position"===a.property.name&&this._paused&&(this._time=0)},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.autoplay&&this.play()},this),"play.owl.autoplay":a.proxy(function(a,b,c){a.namespace&&this.play(b,c)},this),"stop.owl.autoplay":a.proxy(function(a){a.namespace&&this.stop()},this),"mouseover.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"mouseleave.owl.autoplay":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.play()},this),"touchstart.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this._core.is("rotating")&&this.pause()},this),"touchend.owl.core":a.proxy(function(){this._core.settings.autoplayHoverPause&&this.play()},this)},this._core.$element.on(this._handlers),this._core.options=a.extend({},e.Defaults,this._core.options)};e.Defaults={autoplay:!1,autoplayTimeout:5e3,autoplayHoverPause:!1,autoplaySpeed:!1},e.prototype._next=function(d){this._call=b.setTimeout(a.proxy(this._next,this,d),this._timeout*(Math.round(this.read()/this._timeout)+1)-this.read()),this._core.is("interacting")||c.hidden||this._core.next(d||this._core.settings.autoplaySpeed)},e.prototype.read=function(){return(new Date).getTime()-this._time},e.prototype.play=function(c,d){var e;this._core.is("rotating")||this._core.enter("rotating"),c=c||this._core.settings.autoplayTimeout,e=Math.min(this._time%(this._timeout||c),c),this._paused?(this._time=this.read(),this._paused=!1):b.clearTimeout(this._call),this._time+=this.read()%c-e,this._timeout=c,this._call=b.setTimeout(a.proxy(this._next,this,d),c-e)},e.prototype.stop=function(){this._core.is("rotating")&&(this._time=0,this._paused=!0,b.clearTimeout(this._call),this._core.leave("rotating"))},e.prototype.pause=function(){this._core.is("rotating")&&!this._paused&&(this._time=this.read(),this._paused=!0,b.clearTimeout(this._call))},e.prototype.destroy=function(){var a,b;this.stop();for(a in this._handlers)this._core.$element.off(a,this._handlers[a]);for(b in Object.getOwnPropertyNames(this))"function"!=typeof this[b]&&(this[b]=null)},a.fn.owlCarousel.Constructor.Plugins.autoplay=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(b){this._core=b,this._initialized=!1,this._pages=[],this._controls={},this._templates=[],this.$element=this._core.$element,this._overrides={next:this._core.next,prev:this._core.prev,to:this._core.to},this._handlers={"prepared.owl.carousel":a.proxy(function(b){b.namespace&&this._core.settings.dotsData&&this._templates.push(''+a(b.content).find("[data-dot]").addBack("[data-dot]").attr("data-dot")+"
")},this),"added.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,0,this._templates.pop())},this),"remove.owl.carousel":a.proxy(function(a){a.namespace&&this._core.settings.dotsData&&this._templates.splice(a.position,1)},this),"changed.owl.carousel":a.proxy(function(a){a.namespace&&"position"==a.property.name&&this.draw()},this),"initialized.owl.carousel":a.proxy(function(a){a.namespace&&!this._initialized&&(this._core.trigger("initialize",null,"navigation"),this.initialize(),this.update(),this.draw(),this._initialized=!0,this._core.trigger("initialized",null,"navigation"))},this),"refreshed.owl.carousel":a.proxy(function(a){a.namespace&&this._initialized&&(this._core.trigger("refresh",null,"navigation"),this.update(),this.draw(),this._core.trigger("refreshed",null,"navigation"))},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers)};e.Defaults={nav:!1,navText:['‹ ','› '],navSpeed:!1,navElement:'button type="button" role="presentation"',navContainer:!1,navContainerClass:"owl-nav",navClass:["owl-prev","owl-next"],slideBy:1,dotClass:"owl-dot",dotsClass:"owl-dots",dots:!0,dotsEach:!1,dotsData:!1,dotsSpeed:!1,dotsContainer:!1},e.prototype.initialize=function(){var b,c=this._core.settings;this._controls.$relative=(c.navContainer?a(c.navContainer):a("").addClass(c.navContainerClass).appendTo(this.$element)).addClass("disabled"),this._controls.$previous=a("<"+c.navElement+">").addClass(c.navClass[0]).html(c.navText[0]).prependTo(this._controls.$relative).on("click",a.proxy(function(a){this.prev(c.navSpeed)},this)),this._controls.$next=a("<"+c.navElement+">").addClass(c.navClass[1]).html(c.navText[1]).appendTo(this._controls.$relative).on("click",a.proxy(function(a){this.next(c.navSpeed)},this)),c.dotsData||(this._templates=[a('
').addClass(c.dotClass).append(a("")).prop("outerHTML")]),this._controls.$absolute=(c.dotsContainer?a(c.dotsContainer):a("").addClass(c.dotsClass).appendTo(this.$element)).addClass("disabled"),this._controls.$absolute.on("click","button",a.proxy(function(b){var d=a(b.target).parent().is(this._controls.$absolute)?a(b.target).index():a(b.target).parent().index();b.preventDefault(),this.to(d,c.dotsSpeed)},this));for(b in this._overrides)this._core[b]=a.proxy(this[b],this)},e.prototype.destroy=function(){var a,b,c,d,e;e=this._core.settings;for(a in this._handlers)this.$element.off(a,this._handlers[a]);for(b in this._controls)"$relative"===b&&e.navContainer?this._controls[b].html(""):this._controls[b].remove();for(d in this.overides)this._core[d]=this._overrides[d];for(c in Object.getOwnPropertyNames(this))"function"!=typeof this[c]&&(this[c]=null)},e.prototype.update=function(){var a,b,c,d=this._core.clones().length/2,e=d+this._core.items().length,f=this._core.maximum(!0),g=this._core.settings,h=g.center||g.autoWidth||g.dotsData?1:g.dotsEach||g.items;if("page"!==g.slideBy&&(g.slideBy=Math.min(g.slideBy,g.items)),g.dots||"page"==g.slideBy)for(this._pages=[],a=d,b=0,c=0;a
=h||0===b){if(this._pages.push({start:Math.min(f,a-d),end:a-d+h-1}),Math.min(f,a-d)===f)break;b=0,++c}b+=this._core.mergers(this._core.relative(a))}},e.prototype.draw=function(){var b,c=this._core.settings,d=this._core.items().length<=c.items,e=this._core.relative(this._core.current()),f=c.loop||c.rewind;this._controls.$relative.toggleClass("disabled",!c.nav||d),c.nav&&(this._controls.$previous.toggleClass("disabled",!f&&e<=this._core.minimum(!0)),this._controls.$next.toggleClass("disabled",!f&&e>=this._core.maximum(!0))),this._controls.$absolute.toggleClass("disabled",!c.dots||d),c.dots&&(b=this._pages.length-this._controls.$absolute.children().length,c.dotsData&&0!==b?this._controls.$absolute.html(this._templates.join("")):b>0?this._controls.$absolute.append(new Array(b+1).join(this._templates[0])):b<0&&this._controls.$absolute.children().slice(b).remove(),this._controls.$absolute.find(".active").removeClass("active"),this._controls.$absolute.children().eq(a.inArray(this.current(),this._pages)).addClass("active"))},e.prototype.onTrigger=function(b){var c=this._core.settings;b.page={index:a.inArray(this.current(),this._pages),count:this._pages.length,size:c&&(c.center||c.autoWidth||c.dotsData?1:c.dotsEach||c.items)}},e.prototype.current=function(){var b=this._core.relative(this._core.current());return a.grep(this._pages,a.proxy(function(a,c){return a.start<=b&&a.end>=b},this)).pop()},e.prototype.getPosition=function(b){var c,d,e=this._core.settings;return"page"==e.slideBy?(c=a.inArray(this.current(),this._pages),d=this._pages.length,b?++c:--c,c=this._pages[(c%d+d)%d].start):(c=this._core.relative(this._core.current()),d=this._core.items().length,b?c+=e.slideBy:c-=e.slideBy),c},e.prototype.next=function(b){a.proxy(this._overrides.to,this._core)(this.getPosition(!0),b)},e.prototype.prev=function(b){a.proxy(this._overrides.to,this._core)(this.getPosition(!1),b)},e.prototype.to=function(b,c,d){var e;!d&&this._pages.length?(e=this._pages.length,a.proxy(this._overrides.to,this._core)(this._pages[(b%e+e)%e].start,c)):a.proxy(this._overrides.to,this._core)(b,c)},a.fn.owlCarousel.Constructor.Plugins.Navigation=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){"use strict";var e=function(c){this._core=c,this._hashes={},this.$element=this._core.$element,this._handlers={"initialized.owl.carousel":a.proxy(function(c){c.namespace&&"URLHash"===this._core.settings.startPosition&&a(b).trigger("hashchange.owl.navigation")},this),"prepared.owl.carousel":a.proxy(function(b){if(b.namespace){var c=a(b.content).find("[data-hash]").addBack("[data-hash]").attr("data-hash");if(!c)return;this._hashes[c]=b.content}},this),"changed.owl.carousel":a.proxy(function(c){if(c.namespace&&"position"===c.property.name){var d=this._core.items(this._core.relative(this._core.current())),e=a.map(this._hashes,function(a,b){return a===d?b:null}).join();if(!e||b.location.hash.slice(1)===e)return;b.location.hash=e}},this)},this._core.options=a.extend({},e.Defaults,this._core.options),this.$element.on(this._handlers),a(b).on("hashchange.owl.navigation",a.proxy(function(a){var c=b.location.hash.substring(1),e=this._core.$stage.children(),f=this._hashes[c]&&e.index(this._hashes[c]);f!==d&&f!==this._core.current()&&this._core.to(this._core.relative(f),!1,!0)},this))};e.Defaults={URLhashListener:!1},e.prototype.destroy=function(){var c,d;a(b).off("hashchange.owl.navigation");for(c in this._handlers)this._core.$element.off(c,this._handlers[c]);for(d in Object.getOwnPropertyNames(this))"function"!=typeof this[d]&&(this[d]=null)},a.fn.owlCarousel.Constructor.Plugins.Hash=e}(window.Zepto||window.jQuery,window,document),function(a,b,c,d){function e(b,c){var e=!1,f=b.charAt(0).toUpperCase()+b.slice(1);return a.each((b+" "+h.join(f+" ")+f).split(" "),function(a,b){if(g[b]!==d)return e=!c||b,!1}),e}function f(a){return e(a,!0)}var g=a("").get(0).style,h="Webkit Moz O ms".split(" "),i={transition:{end:{WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd",transition:"transitionend"}},animation:{end:{WebkitAnimation:"webkitAnimationEnd",MozAnimation:"animationend",OAnimation:"oAnimationEnd",animation:"animationend"}}},j={csstransforms:function(){return!!e("transform")},csstransforms3d:function(){return!!e("perspective")},csstransitions:function(){return!!e("transition")},cssanimations:function(){return!!e("animation")}};j.csstransitions()&&(a.support.transition=new String(f("transition")),a.support.transition.end=i.transition.end[a.support.transition]),j.cssanimations()&&(a.support.animation=new String(f("animation")),a.support.animation.end=i.animation.end[a.support.animation]),j.csstransforms()&&(a.support.transform=new String(f("transform")),a.support.transform3d=j.csstransforms3d())}(window.Zepto||window.jQuery,window,document);
\ No newline at end of file
diff --git a/Swiss_JDM_Blog/user_images/profileimage_1641481670.jpg "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/user_images/profileimage_1641481670.jpg"
similarity index 100%
rename from Swiss_JDM_Blog/user_images/profileimage_1641481670.jpg
rename to "Version_22_AllesL\303\244uft/Swiss_JDM_Blog/user_images/profileimage_1641481670.jpg"
diff --git a/Swiss_JDM_Blog/user_images/profileimage_1641482392.jpg "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/user_images/profileimage_1641482392.jpg"
similarity index 100%
rename from Swiss_JDM_Blog/user_images/profileimage_1641482392.jpg
rename to "Version_22_AllesL\303\244uft/Swiss_JDM_Blog/user_images/profileimage_1641482392.jpg"
diff --git a/Swiss_JDM_Blog/user_images/profileimage_1641499037.jpg "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/user_images/profileimage_1641499037.jpg"
similarity index 100%
rename from Swiss_JDM_Blog/user_images/profileimage_1641499037.jpg
rename to "Version_22_AllesL\303\244uft/Swiss_JDM_Blog/user_images/profileimage_1641499037.jpg"
diff --git "a/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/user_images/profileimage_1641499488.jpg" "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/user_images/profileimage_1641499488.jpg"
new file mode 100644
index 0000000..27b968f
Binary files /dev/null and "b/Version_22_AllesL\303\244uft/Swiss_JDM_Blog/user_images/profileimage_1641499488.jpg" differ
diff --git a/Version_23_postCreated=Broke/Swiss_JDM_Blog/.gitignore b/Version_23_postCreated=Broke/Swiss_JDM_Blog/.gitignore
new file mode 100644
index 0000000..09789e5
--- /dev/null
+++ b/Version_23_postCreated=Broke/Swiss_JDM_Blog/.gitignore
@@ -0,0 +1,5 @@
+Password for Admin:
+
+
+
+Password for the registred User Svendolin
\ No newline at end of file
diff --git a/Version_23_postCreated=Broke/Swiss_JDM_Blog/admin/blogposts.php b/Version_23_postCreated=Broke/Swiss_JDM_Blog/admin/blogposts.php
new file mode 100644
index 0000000..102f042
--- /dev/null
+++ b/Version_23_postCreated=Broke/Swiss_JDM_Blog/admin/blogposts.php
@@ -0,0 +1,98 @@
+ 0) {
+ $getquery = "DELETE FROM blogpost WHERE IDblogpost=" . $articleID;
+ if ($res = mysqli_query($conn, $getquery)) {
+ $successMsg = 'Blogpost is successfully deleted!';
+ }
+ }
+}
+
+// Daten auslesen
+$getquery = "SELECT * FROM blogpost ORDER BY post_created DESC";
+$res = mysqli_query($conn, $getquery);
+$data = mysqli_fetch_all($res, MYSQLI_ASSOC);
+?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Published Blogposts
+
+
+
+
+
+
+
+ ID
+ Title
+ Release Date
+ Author
+ Edit
+ Delete
+
+
+
+ 0) { ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Version_23_postCreated=Broke/Swiss_JDM_Blog/admin/html/end-clean-end.php b/Version_23_postCreated=Broke/Swiss_JDM_Blog/admin/html/end-clean-end.php
new file mode 100644
index 0000000..383f244
--- /dev/null
+++ b/Version_23_postCreated=Broke/Swiss_JDM_Blog/admin/html/end-clean-end.php
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+