diff --git a/Version_1/Swiss_JDM_Blog/.gitignore b/Version_1/Swiss_JDM_Blog/.gitignore new file mode 100644 index 0000000..09789e5 --- /dev/null +++ b/Version_1/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_1/Swiss_JDM_Blog/Readme.md b/Version_1/Swiss_JDM_Blog/Readme.md new file mode 100644 index 0000000..6af8d93 --- /dev/null +++ b/Version_1/Swiss_JDM_Blog/Readme.md @@ -0,0 +1,100 @@ +*** +# 🌸 JDM-BLOG Website🌸 +--- + + +![GitHub commit activity](https://img.shields.io/github/commit-activity/m/Svendolin/JDM-Blog-Website?style=for-the-badge) ![GitHub contributors](https://img.shields.io/github/contributors/svendolin/JDM-Blog-Website?style=for-the-badge) ![GitHub forks](https://img.shields.io/github/forks/Svendolin/JDM-Blog-Website?color=pink&style=for-the-badge) ![GitHub last commit](https://img.shields.io/github/last-commit/Svendolin/JDM-Blog-Website?style=for-the-badge) ![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/Svendolin/JDM-Blog-Website?color=yellow&style=for-the-badge) +*** +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) + +
+
+ + +*** +## Additional Infos for usage ☑ +*** + +Your Adds Here + +
+
+ +*** +## JDM-Blog (Explenation) 💬 +*** + +The main purpose of the JDM blog is to network with other people who share the same hobby as me: They also own a car imported from Japan, maintain it, take it out for a drive and show their car at meetings. The blog scheme is meant to serve as a diary, a snapshot of past and future car meets. The site is intended to highlight upcoming car meets, capture past car meets for eternity via the blog feature, and list users who may present themselves in a summary table. + +
+
+ +*** +## Database Design (Explenation) 💬 +*** + +Each user should provide the following information via registration form in order to register: +- Username (Shown in Blogposts, as well as publishing date) +- Regular Name (Sure Name and Family Name) +- Place of residence (Canton only) +- Vehicle (Car Brand, Model, Year) +- Email address +- Password +- Profile picture + +(Users can write and edit blogs while they are registrated and logged in) + +(Users can watch blogs while they aren't registrated and also logged out) + +(Admin should be able to delete blog posts) + +
+
+ +*** +## PHP-Concept (Explenation) 💬 +*** + +Folder Structure... + +
+
+ +*** +## License +*** +[MIT](https://choosealicense.com/licenses/mit/) 🟢✔ + +
+
+ +*** + +## Technologies ✅ +*** + Please make sure to update the CDNJS links from time to time +* [CDNJS](https://cdnjs.com/) : Used to link at JQuery, Fontawesome, GSAP +* [GOOGLE FONTS](https://cdnjs.com/) : Used for my fonts + +
+
+ +*** +## FAQs ✅ +*** +0 Questions have been asked, 0 answers have been given, 0 changes have additionally been made. + +| Questions | Anwers | Changes | +|:--------------|:-------------:|--------------:| +| 0 | 0 | 0 | \ No newline at end of file diff --git a/Version_1/Swiss_JDM_Blog/assets/180sx.jpg b/Version_1/Swiss_JDM_Blog/assets/180sx.jpg new file mode 100644 index 0000000..7e3c4e5 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/180sx.jpg differ diff --git a/Version_1/Swiss_JDM_Blog/assets/180sx2.jpg b/Version_1/Swiss_JDM_Blog/assets/180sx2.jpg new file mode 100644 index 0000000..f26d8b2 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/180sx2.jpg differ diff --git a/Version_1/Swiss_JDM_Blog/assets/180sx3.jpg b/Version_1/Swiss_JDM_Blog/assets/180sx3.jpg new file mode 100644 index 0000000..94c1922 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/180sx3.jpg differ diff --git a/Version_1/Swiss_JDM_Blog/assets/blog-posts/180sx.jpg b/Version_1/Swiss_JDM_Blog/assets/blog-posts/180sx.jpg new file mode 100644 index 0000000..d5e1570 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/blog-posts/180sx.jpg differ diff --git a/Version_1/Swiss_JDM_Blog/assets/blog-posts/rx7.jpg b/Version_1/Swiss_JDM_Blog/assets/blog-posts/rx7.jpg new file mode 100644 index 0000000..2657f04 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/blog-posts/rx7.jpg differ diff --git a/Version_1/Swiss_JDM_Blog/assets/blog-posts/supra.jpg b/Version_1/Swiss_JDM_Blog/assets/blog-posts/supra.jpg new file mode 100644 index 0000000..94746a0 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/blog-posts/supra.jpg differ diff --git a/Version_1/Swiss_JDM_Blog/assets/instagram/thumbcard1.jpg b/Version_1/Swiss_JDM_Blog/assets/instagram/thumbcard1.jpg new file mode 100644 index 0000000..c0f546d Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/instagram/thumbcard1.jpg differ diff --git a/Version_1/Swiss_JDM_Blog/assets/instagram/thumbcard2.jpg b/Version_1/Swiss_JDM_Blog/assets/instagram/thumbcard2.jpg new file mode 100644 index 0000000..bbc1215 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/instagram/thumbcard2.jpg differ diff --git a/Version_1/Swiss_JDM_Blog/assets/instagram/thumbcard3.jpg b/Version_1/Swiss_JDM_Blog/assets/instagram/thumbcard3.jpg new file mode 100644 index 0000000..8dee04c Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/instagram/thumbcard3.jpg differ diff --git a/Version_1/Swiss_JDM_Blog/assets/instagram/thumbcard4.jpg b/Version_1/Swiss_JDM_Blog/assets/instagram/thumbcard4.jpg new file mode 100644 index 0000000..741bf8c Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/instagram/thumbcard4.jpg differ diff --git a/Version_1/Swiss_JDM_Blog/assets/jdmr34.jpg b/Version_1/Swiss_JDM_Blog/assets/jdmr34.jpg new file mode 100644 index 0000000..77df7e0 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/jdmr34.jpg differ diff --git a/Version_1/Swiss_JDM_Blog/assets/jdmsupra.jpg b/Version_1/Swiss_JDM_Blog/assets/jdmsupra.jpg new file mode 100644 index 0000000..e1c0f71 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/jdmsupra.jpg differ diff --git a/Version_1/Swiss_JDM_Blog/assets/leaves.png b/Version_1/Swiss_JDM_Blog/assets/leaves.png new file mode 100644 index 0000000..eb7499b Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/leaves.png differ diff --git a/Version_1/Swiss_JDM_Blog/assets/leaves2.png b/Version_1/Swiss_JDM_Blog/assets/leaves2.png new file mode 100644 index 0000000..5df06c8 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/leaves2.png differ diff --git a/Version_1/Swiss_JDM_Blog/assets/newsflash/JDM1.jpg b/Version_1/Swiss_JDM_Blog/assets/newsflash/JDM1.jpg new file mode 100644 index 0000000..3db3903 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/newsflash/JDM1.jpg differ diff --git a/Version_1/Swiss_JDM_Blog/assets/newsflash/JDM2.jpg b/Version_1/Swiss_JDM_Blog/assets/newsflash/JDM2.jpg new file mode 100644 index 0000000..c70d7a7 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/newsflash/JDM2.jpg differ diff --git a/Version_1/Swiss_JDM_Blog/assets/newsflash/JDM3.jpg b/Version_1/Swiss_JDM_Blog/assets/newsflash/JDM3.jpg new file mode 100644 index 0000000..b5fccd3 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/newsflash/JDM3.jpg differ diff --git a/Version_1/Swiss_JDM_Blog/assets/newsflash/JDM4.jpg b/Version_1/Swiss_JDM_Blog/assets/newsflash/JDM4.jpg new file mode 100644 index 0000000..8326263 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/newsflash/JDM4.jpg differ diff --git a/Version_1/Swiss_JDM_Blog/assets/popular-blogposts/JDM-Meet_Ace.jpg b/Version_1/Swiss_JDM_Blog/assets/popular-blogposts/JDM-Meet_Ace.jpg new file mode 100644 index 0000000..9dbc2e8 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/popular-blogposts/JDM-Meet_Ace.jpg differ diff --git a/Version_1/Swiss_JDM_Blog/assets/popular-blogposts/keytosuccess.jpg b/Version_1/Swiss_JDM_Blog/assets/popular-blogposts/keytosuccess.jpg new file mode 100644 index 0000000..04d8b77 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/popular-blogposts/keytosuccess.jpg differ diff --git a/Version_1/Swiss_JDM_Blog/assets/popular-blogposts/sushitime.jpg b/Version_1/Swiss_JDM_Blog/assets/popular-blogposts/sushitime.jpg new file mode 100644 index 0000000..6478973 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/popular-blogposts/sushitime.jpg differ diff --git a/Version_1/Swiss_JDM_Blog/assets/sakuratree.png b/Version_1/Swiss_JDM_Blog/assets/sakuratree.png new file mode 100644 index 0000000..3dda169 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/sakuratree.png differ diff --git a/Version_1/Swiss_JDM_Blog/assets/sakuratree2.png b/Version_1/Swiss_JDM_Blog/assets/sakuratree2.png new file mode 100644 index 0000000..bcda16e Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/assets/sakuratree2.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/android-icon-144x144.png b/Version_1/Swiss_JDM_Blog/favicon/android-icon-144x144.png new file mode 100644 index 0000000..4d6dd5c Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/android-icon-144x144.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/android-icon-192x192.png b/Version_1/Swiss_JDM_Blog/favicon/android-icon-192x192.png new file mode 100644 index 0000000..241d446 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/android-icon-192x192.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/android-icon-36x36.png b/Version_1/Swiss_JDM_Blog/favicon/android-icon-36x36.png new file mode 100644 index 0000000..528d10e Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/android-icon-36x36.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/android-icon-48x48.png b/Version_1/Swiss_JDM_Blog/favicon/android-icon-48x48.png new file mode 100644 index 0000000..e807132 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/android-icon-48x48.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/android-icon-72x72.png b/Version_1/Swiss_JDM_Blog/favicon/android-icon-72x72.png new file mode 100644 index 0000000..fc98cb6 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/android-icon-72x72.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/android-icon-96x96.png b/Version_1/Swiss_JDM_Blog/favicon/android-icon-96x96.png new file mode 100644 index 0000000..73d41c8 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/android-icon-96x96.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/apple-icon-114x114.png b/Version_1/Swiss_JDM_Blog/favicon/apple-icon-114x114.png new file mode 100644 index 0000000..19f1891 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/apple-icon-114x114.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/apple-icon-120x120.png b/Version_1/Swiss_JDM_Blog/favicon/apple-icon-120x120.png new file mode 100644 index 0000000..adb4c66 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/apple-icon-120x120.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/apple-icon-144x144.png b/Version_1/Swiss_JDM_Blog/favicon/apple-icon-144x144.png new file mode 100644 index 0000000..c4b163c Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/apple-icon-144x144.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/apple-icon-152x152.png b/Version_1/Swiss_JDM_Blog/favicon/apple-icon-152x152.png new file mode 100644 index 0000000..03b09ca Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/apple-icon-152x152.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/apple-icon-180x180.png b/Version_1/Swiss_JDM_Blog/favicon/apple-icon-180x180.png new file mode 100644 index 0000000..e54e920 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/apple-icon-180x180.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/apple-icon-57x57.png b/Version_1/Swiss_JDM_Blog/favicon/apple-icon-57x57.png new file mode 100644 index 0000000..6a27eac Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/apple-icon-57x57.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/apple-icon-60x60.png b/Version_1/Swiss_JDM_Blog/favicon/apple-icon-60x60.png new file mode 100644 index 0000000..80b2122 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/apple-icon-60x60.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/apple-icon-72x72.png b/Version_1/Swiss_JDM_Blog/favicon/apple-icon-72x72.png new file mode 100644 index 0000000..7fbf539 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/apple-icon-72x72.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/apple-icon-76x76.png b/Version_1/Swiss_JDM_Blog/favicon/apple-icon-76x76.png new file mode 100644 index 0000000..85fffbd Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/apple-icon-76x76.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/apple-icon-precomposed.png b/Version_1/Swiss_JDM_Blog/favicon/apple-icon-precomposed.png new file mode 100644 index 0000000..e320a65 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/apple-icon-precomposed.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/apple-icon.png b/Version_1/Swiss_JDM_Blog/favicon/apple-icon.png new file mode 100644 index 0000000..e320a65 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/apple-icon.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/browserconfig.xml b/Version_1/Swiss_JDM_Blog/favicon/browserconfig.xml new file mode 100644 index 0000000..c554148 --- /dev/null +++ b/Version_1/Swiss_JDM_Blog/favicon/browserconfig.xml @@ -0,0 +1,2 @@ + +#ffffff \ No newline at end of file diff --git a/Version_1/Swiss_JDM_Blog/favicon/favicon-16x16.png b/Version_1/Swiss_JDM_Blog/favicon/favicon-16x16.png new file mode 100644 index 0000000..30e1b3a Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/favicon-16x16.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/favicon-32x32.png b/Version_1/Swiss_JDM_Blog/favicon/favicon-32x32.png new file mode 100644 index 0000000..2df95cf Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/favicon-32x32.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/favicon-96x96.png b/Version_1/Swiss_JDM_Blog/favicon/favicon-96x96.png new file mode 100644 index 0000000..5f852cf Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/favicon-96x96.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/favicon.ico b/Version_1/Swiss_JDM_Blog/favicon/favicon.ico new file mode 100644 index 0000000..eb2379c Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/favicon.ico differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/manifest.json b/Version_1/Swiss_JDM_Blog/favicon/manifest.json new file mode 100644 index 0000000..013d4a6 --- /dev/null +++ b/Version_1/Swiss_JDM_Blog/favicon/manifest.json @@ -0,0 +1,41 @@ +{ + "name": "App", + "icons": [ + { + "src": "\/android-icon-36x36.png", + "sizes": "36x36", + "type": "image\/png", + "density": "0.75" + }, + { + "src": "\/android-icon-48x48.png", + "sizes": "48x48", + "type": "image\/png", + "density": "1.0" + }, + { + "src": "\/android-icon-72x72.png", + "sizes": "72x72", + "type": "image\/png", + "density": "1.5" + }, + { + "src": "\/android-icon-96x96.png", + "sizes": "96x96", + "type": "image\/png", + "density": "2.0" + }, + { + "src": "\/android-icon-144x144.png", + "sizes": "144x144", + "type": "image\/png", + "density": "3.0" + }, + { + "src": "\/android-icon-192x192.png", + "sizes": "192x192", + "type": "image\/png", + "density": "4.0" + } + ] +} \ No newline at end of file diff --git a/Version_1/Swiss_JDM_Blog/favicon/ms-icon-144x144.png b/Version_1/Swiss_JDM_Blog/favicon/ms-icon-144x144.png new file mode 100644 index 0000000..c4b163c Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/ms-icon-144x144.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/ms-icon-150x150.png b/Version_1/Swiss_JDM_Blog/favicon/ms-icon-150x150.png new file mode 100644 index 0000000..45cec1a Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/ms-icon-150x150.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/ms-icon-310x310.png b/Version_1/Swiss_JDM_Blog/favicon/ms-icon-310x310.png new file mode 100644 index 0000000..99ab8e6 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/ms-icon-310x310.png differ diff --git a/Version_1/Swiss_JDM_Blog/favicon/ms-icon-70x70.png b/Version_1/Swiss_JDM_Blog/favicon/ms-icon-70x70.png new file mode 100644 index 0000000..2642025 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/favicon/ms-icon-70x70.png differ diff --git a/Version_1/Swiss_JDM_Blog/index.html b/Version_1/Swiss_JDM_Blog/index.html new file mode 100644 index 0000000..1a99676 --- /dev/null +++ b/Version_1/Swiss_JDM_Blog/index.html @@ -0,0 +1,419 @@ + + + + + + + + + + + + Swiss JDM Blog + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+
+ Where JDM enthusiasts come together +

Tell your story

+ +
+
+ + + + +
+
+

Newsflash

+
+
+ +
+ post 1 +
+

"Godzilla has arrived!"

+ + 9th of June 2021 +
+
+ +
+ post 2 +
+

"Slapsticker time!"

+ + 17th of July 2021 +
+
+ +
+ post 3 +
+

"Visited his Brother!"

+ + 30th of September 2021 +
+
+ +
+ post 4 +
+

"Time for some NOS ;)"

+ + 5th of November 2021 +
+
+ + +
+
+ + +
+
+
+
+ + + + + + +
+
+
+

Featured Blog Posts

+
+
+
+ Silvan's Nissan 180sx +
+ +
+
+ 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.

+ +
+
+ +
+ + +
+
+
+ Two Supras and Switzerland +
+ +
+
+ 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.

+ +
+
+ +
+ + +
+
+
+ Madza RX7 on the streets +
+ +
+
+ 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.

+ +
+
+ + + +
+ +
+
+ + + +
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/Version_1/Swiss_JDM_Blog/theme/css/aos.css b/Version_1/Swiss_JDM_Blog/theme/css/aos.css new file mode 100644 index 0000000..66923fe --- /dev/null +++ b/Version_1/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_1/Swiss_JDM_Blog/theme/css/mediaqueries.css b/Version_1/Swiss_JDM_Blog/theme/css/mediaqueries.css new file mode 100644 index 0000000..ab34401 --- /dev/null +++ b/Version_1/Swiss_JDM_Blog/theme/css/mediaqueries.css @@ -0,0 +1,97 @@ +/* ----- 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 */ + } + + .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-- */ + + diff --git a/Version_1/Swiss_JDM_Blog/theme/css/owl.carousel.min.css b/Version_1/Swiss_JDM_Blog/theme/css/owl.carousel.min.css new file mode 100644 index 0000000..a71df11 --- /dev/null +++ b/Version_1/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_1/Swiss_JDM_Blog/theme/css/owl.theme.default.min.css b/Version_1/Swiss_JDM_Blog/theme/css/owl.theme.default.min.css new file mode 100644 index 0000000..487088d --- /dev/null +++ b/Version_1/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_1/Swiss_JDM_Blog/theme/css/style.css b/Version_1/Swiss_JDM_Blog/theme/css/style.css new file mode 100644 index 0000000..83f723a --- /dev/null +++ b/Version_1/Swiss_JDM_Blog/theme/css/style.css @@ -0,0 +1,692 @@ +/* === 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; + +/* Gradient color https://webgradients.com/ */ + +--sky: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%); +--light-pink: linear-gradient(120deg, #f1a3c4 0%, #dfa1ee 100%); +--pink: linear-gradient(120deg, #fd84a2 0%, #cf4585 100%); +--pink-very-light: linear-gradient(120deg, #fd84a2 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 { + 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; + 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 { + min-height: 100%; +} + +hr { + border: 1px solid; + color: var(--text-light); +} + + +/* ----x---- Global Classes ----x---- */ +/* --------- Navigation --------- */ + +/* Navigation bar */ +.nav { + background: var(--white); + padding: 0 3rem; + height: 0; /* used to collapse and fold navigation menu */ + min-height: 5.5vh; + 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; + padding: 1.6rem 0; + margin-right: 1.5rem; +} + +.nav .toggle-collapse .toggle-icons i { + font-size: 1.3rem; + color: var(--text-gray); +} + +/* xMark of the burgerbar */ +.nav .toggle-collapse .toggle-icons .fa-solid { + font-size: 1.7rem; + color: var(--text-gray); + display: none; +} + +.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 { + padding: 1.4rem 2.5rem; + position: relative; + font-family: var(--linksnbtn); + font-size: 1.3rem; + font-weight: 500; +} + +/* 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; + padding: 1rem 1rem; + border-radius: 10px; + border: solid 2px var(--sakura); + display: flex; + justify-content: center; + align-items: center; +} + +.nav .login a { + padding: 0 auto; +} + +/* 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('/assets/180sx2.jpg'); + background-size: cover; + height: 90vh; + display: flex; + justify-content: center; + z-index: 2; + +} + +main .site-title .site-background { + padding-top: 6rem; + text-align: center; + color: var(--white); +} + +main .site-title span,h1 { + margin: 0.3rem; +} + +main .site-title .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('/assets/sakuratree2.png'); + background-repeat: no-repeat; + background-position: right; + height: 80vh; + 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); +} + +/* 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(--light-pink); + 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 .post-btn { + border-radius: 0; + padding: 0.7rem 1.5rem; + background: var(--pink); + margin-top: 2rem; + transition: all 300ms; +} + +main .site-content .post-content .post-title .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(--light-pink); + 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--------------- */ + diff --git a/Version_1/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf b/Version_1/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf new file mode 100644 index 0000000..bff3b0d Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf differ diff --git a/Version_1/Swiss_JDM_Blog/theme/fonts/Japan.ttf b/Version_1/Swiss_JDM_Blog/theme/fonts/Japan.ttf new file mode 100644 index 0000000..85ead95 Binary files /dev/null and b/Version_1/Swiss_JDM_Blog/theme/fonts/Japan.ttf differ diff --git a/Version_1/Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff b/Version_1/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_1/Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff differ diff --git a/Version_1/Swiss_JDM_Blog/theme/javascript/aos.js b/Version_1/Swiss_JDM_Blog/theme/javascript/aos.js new file mode 100644 index 0000000..0ba1c7b --- /dev/null +++ b/Version_1/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_1/Swiss_JDM_Blog/theme/javascript/main.js b/Version_1/Swiss_JDM_Blog/theme/javascript/main.js new file mode 100644 index 0000000..e8ecdcb --- /dev/null +++ b/Version_1/Swiss_JDM_Blog/theme/javascript/main.js @@ -0,0 +1,72 @@ +// 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) + }, + 320: { + 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') + + /* --- click event on toggle menu --- */ + $toggleCollapse.click(function(){ + $nav.toggleClass('collapse'); /* we get a new collapse class especially made for toggeling */ + }) + + // -- 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 + }, 2000); // 2 Second duration to scroll up + }) + + // -- AOS Animation on scroll Instance -- // + AOS.init() + + + + }); \ No newline at end of file diff --git a/Version_1/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js b/Version_1/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js new file mode 100644 index 0000000..fbbffc5 --- /dev/null +++ b/Version_1/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(' +
+
+ + post 1 +
+

"Godzilla has arrived!"

+ + 9th of June 2021 +
+
+ +
+
+ post 2 +
+

"Slapsticker time!"

+ + 17th of July 2021 +
+
+ +
+
+ post 3 +
+

"Visited his Brother!"

+ + 30th of September 2021 +
+
+ +
+
+ post 4 +
+

"Time for some NOS ;)"

+ + 5th of November 2021 +
+
+ + +
+
+ + +
+
+
+ + + + + + + +
+
+
+

Featured Blog Posts

+
+
+
+ Silvan's Nissan 180sx +
+ +
+
+ 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   + +
+
+ +
+ + +
+
+
+ Two Supras and Switzerland +
+ +
+
+ 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   + +
+
+ +
+ + +
+
+
+ Madza RX7 on the streets +
+ +
+
+ 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_8/Swiss_JDM_Blog/login.php b/Version_8/Swiss_JDM_Blog/login.php new file mode 100644 index 0000000..d5d133b --- /dev/null +++ b/Version_8/Swiss_JDM_Blog/login.php @@ -0,0 +1,177 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Version_8/Swiss_JDM_Blog/logout.php b/Version_8/Swiss_JDM_Blog/logout.php new file mode 100644 index 0000000..ea174cf --- /dev/null +++ b/Version_8/Swiss_JDM_Blog/logout.php @@ -0,0 +1,2 @@ + diff --git a/Version_8/Swiss_JDM_Blog/memberboard.php b/Version_8/Swiss_JDM_Blog/memberboard.php new file mode 100644 index 0000000..1d42aa6 --- /dev/null +++ b/Version_8/Swiss_JDM_Blog/memberboard.php @@ -0,0 +1,84 @@ + + + + + + + +
+ Let's see +

Our Members:

+
+ +
+
+ +
+
+
+ Member since: 08.05.2021 +

That's me:

+

Svendolin

+

My Car:

+

Nissan Skyline R33

+

I live in:

+

Aargau

+
+
+
+

Admin

+
+
+
+ + +
+
+
+ Member since: 09.06.2021 +

That's me:

+

Sillest

+

My Car:

+

Nissan 200sx S13

+

I live in:

+

Nidwalden

+
+
+
+

User

+
+
+
+ + +
+
+
+ Member since: 11.06.2021 +

That's me:

+

Oli_Supra

+

My Car:

+

Toyota Supra MK4

+

I live in:

+

Aargau

+
+
+
+

User

+
+
+
+ +
+ +
+ + + + + + + \ No newline at end of file diff --git a/Version_8/Swiss_JDM_Blog/post.php b/Version_8/Swiss_JDM_Blog/post.php new file mode 100644 index 0000000..607fe53 --- /dev/null +++ b/Version_8/Swiss_JDM_Blog/post.php @@ -0,0 +1,42 @@ + + + + + + + +
+ +
+ let's read +

My Story

+
+ +
+
+
+ Silvan's Nissan 180sx +
+
+ 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_8/Swiss_JDM_Blog/tellyourstory.php b/Version_8/Swiss_JDM_Blog/tellyourstory.php new file mode 100644 index 0000000..d0e28ef --- /dev/null +++ b/Version_8/Swiss_JDM_Blog/tellyourstory.php @@ -0,0 +1,69 @@ + + + + + + +
+ let's hear +

Your Story:

+
+ + + + +
+ +
+ + +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ + + + + +
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/Version_8/Swiss_JDM_Blog/theme/css/aos.css b/Version_8/Swiss_JDM_Blog/theme/css/aos.css new file mode 100644 index 0000000..66923fe --- /dev/null +++ b/Version_8/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_8/Swiss_JDM_Blog/theme/css/mediaqueries.css b/Version_8/Swiss_JDM_Blog/theme/css/mediaqueries.css new file mode 100644 index 0000000..25e71e6 --- /dev/null +++ b/Version_8/Swiss_JDM_Blog/theme/css/mediaqueries.css @@ -0,0 +1,296 @@ + +/* ======================= 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) { + .login-container { + min-height: 800px; + height: 100vh; + } + + /* 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; */ + z-index: 10; + 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%; + } + +} + +@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%; + } +} + +/* ====x================== login.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_8/Swiss_JDM_Blog/theme/css/owl.carousel.min.css b/Version_8/Swiss_JDM_Blog/theme/css/owl.carousel.min.css new file mode 100644 index 0000000..a71df11 --- /dev/null +++ b/Version_8/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_8/Swiss_JDM_Blog/theme/css/owl.theme.default.min.css b/Version_8/Swiss_JDM_Blog/theme/css/owl.theme.default.min.css new file mode 100644 index 0000000..487088d --- /dev/null +++ b/Version_8/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_8/Swiss_JDM_Blog/theme/css/style.css b/Version_8/Swiss_JDM_Blog/theme/css/style.css new file mode 100644 index 0000000..25cc4b6 --- /dev/null +++ b/Version_8/Swiss_JDM_Blog/theme/css/style.css @@ -0,0 +1,1234 @@ +/* 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; + border-bottom: 1px solid rgba(0,0,0,0.05); + +} +.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: 35%; /* 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; +} + +/* ====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; + flex-direction: column; + justify-content: center; + align-items: center; +} + +/*TODO: Change the names here for the STORY STYLE */ + +.input-field { + max-width: 23.7rem; + /* width: 100rem; */ + 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); +} + + +/* ====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; + cursor: pointer; + margin: 0 auto; +} + +.card:hover { + transform: scale(1.1); + box-shadow: 5px 5px 15px rgba(0,0,0,0.7); +} + +.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==== */ \ No newline at end of file diff --git a/Version_8/Swiss_JDM_Blog/theme/css/variables.css b/Version_8/Swiss_JDM_Blog/theme/css/variables.css new file mode 100644 index 0000000..cc2dbdd --- /dev/null +++ b/Version_8/Swiss_JDM_Blog/theme/css/variables.css @@ -0,0 +1,185 @@ +/* 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: 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; + 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); +} + +hr { + border: 1px solid; + color: var(--text-light); +} + +/* ----x---- Global Classes ----x---- */ \ No newline at end of file diff --git a/Version_8/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf b/Version_8/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf new file mode 100644 index 0000000..bff3b0d Binary files /dev/null and b/Version_8/Swiss_JDM_Blog/theme/fonts/JAPANBRUSH.ttf differ diff --git a/Version_8/Swiss_JDM_Blog/theme/fonts/Japan.ttf b/Version_8/Swiss_JDM_Blog/theme/fonts/Japan.ttf new file mode 100644 index 0000000..85ead95 Binary files /dev/null and b/Version_8/Swiss_JDM_Blog/theme/fonts/Japan.ttf differ diff --git a/Version_8/Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff b/Version_8/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_8/Swiss_JDM_Blog/theme/fonts/SF_Shai_Fontai_Extended-webfont.woff differ diff --git a/Version_8/Swiss_JDM_Blog/theme/javascript/aos.js b/Version_8/Swiss_JDM_Blog/theme/javascript/aos.js new file mode 100644 index 0000000..0ba1c7b --- /dev/null +++ b/Version_8/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_8/Swiss_JDM_Blog/theme/javascript/main.js b/Version_8/Swiss_JDM_Blog/theme/javascript/main.js new file mode 100644 index 0000000..355d59a --- /dev/null +++ b/Version_8/Swiss_JDM_Blog/theme/javascript/main.js @@ -0,0 +1,121 @@ +/* ======================== 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); + }); + + + }); + + /* ====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_8/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js b/Version_8/Swiss_JDM_Blog/theme/javascript/owl.carousel.min.js new file mode 100644 index 0000000..fbbffc5 --- /dev/null +++ b/Version_8/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('