commit 51ea013bc344014f2522acc657f55e3a7687fbad
Author: Maxime Delporte
Date: Fri Apr 4 18:47:44 2025 -0300
first commit
diff --git a/.gitea/workflows/deploy.yml b/.gitea/workflows/deploy.yml
new file mode 100644
index 0000000..3ed1a5b
--- /dev/null
+++ b/.gitea/workflows/deploy.yml
@@ -0,0 +1,42 @@
+name: Deploying Website
+run-name: ${{ gitea.actor }} is testing out Deploying Website
+on:
+ push:
+ branches:
+ - master
+
+jobs:
+ build:
+ runs-on: ubuntu-latest
+ steps:
+ - name: Updating apt get
+ run: apt-get update -y
+
+ - name: Install rsync
+ run: apt-get install rsync -y
+
+ - name: Install Hugo
+ run: apt-get install hugo -y
+
+ - name: Clone the repository
+ uses: actions/checkout@v4
+
+ - name: Create the public directory
+ run: mkdir /public /hugo_cache
+
+ - name: Build the website
+ run: hugo --minify
+
+ - name: Add host key to known_hosts
+ run: |
+ mkdir -p ~/.ssh
+ echo "${{ secrets.RUNNER_SSH_KEY }}" > ~/.ssh/id_rsa
+ chmod 600 ~/.ssh/id_rsa
+ ssh-keyscan -p ${{ secrets.SERVER_PORT }} -H ${{ secrets.SERVER_IP}} >> ~/.ssh/known_hosts
+
+ - name: Test SSH connection
+ run: ssh -v -p ${{ secrets.SERVER_PORT }} -i ~/.ssh/id_rsa ${{ secrets.SERVER_USER }}@${{ secrets.SERVER_IP }} 'echo "SSH connection successful"'
+
+ - name: Deploy to server
+ run: |
+ rsync -avz -e 'ssh -p ${{ secrets.SERVER_PORT }}' --delete public/ ${{ secrets.SERVER_USER }}@${{ secrets.SERVER_IP }}:/var/www/acme-corporation.hstr.fr
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..c39fa75
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+.idea/
+public/
diff --git a/.hugo_build.lock b/.hugo_build.lock
new file mode 100644
index 0000000..e69de29
diff --git a/archetypes/default.md b/archetypes/default.md
new file mode 100644
index 0000000..0d5eebd
--- /dev/null
+++ b/archetypes/default.md
@@ -0,0 +1,5 @@
+---
+date: '{{ .Date }}'
+draft: true
+title: '{{ replace .File.ContentBaseName "-" " " | title }}'
+---
diff --git a/assets/image/background.svg b/assets/image/background.svg
new file mode 100644
index 0000000..b3aac26
--- /dev/null
+++ b/assets/image/background.svg
@@ -0,0 +1,316 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/assets/image/logo.svg b/assets/image/logo.svg
new file mode 100644
index 0000000..aa6aec8
--- /dev/null
+++ b/assets/image/logo.svg
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+Acme
+Corporation
+
diff --git a/content/about.md b/content/about.md
new file mode 100644
index 0000000..9261d16
--- /dev/null
+++ b/content/about.md
@@ -0,0 +1,59 @@
+---
+title: About Us
+date: 2020-01-01T00:00:00Z
+draft: false
+description: >
+ World's leading manufacturer of digital shapes.
+ We shape the world. You live in it.
+---
+
+Acme Corporation™ is the world's leading manufacturer of digital shapes. From squares and circles to triangles and hexagons, we have it all. Browse through our collection of various forms with different thicknesses and line styles.
+
+> We shape the world. You live in it.
+
+We provide :smile: to hundreds of happy customers.
+
+## Manufacturing
+
+At Acme Corporation, we take pride in what we create. Our manufacturing process goes through **3 different** stages of fine workmanship to give you the best possible shapes.
+
+
+
+1) **Drawing** - Our shapes are drawn with precision to 1/100 of a millimeter.
+ * We use advanced vector drawing tools to create our catalog.
+ * Quality checking happens hundreds of times for each shape we create.
+ * We have high-quality bots that inspect our output.
+ * There is also a manual team inspecting each product.
+ * All our bugs are turned into automated checks that bots perform in every future shape.
+ * We round all corners and clean up properly.
+2) **Rasterizing** - Our raster engine is world-class and keeps the vector right until it gets to our high-quality laser printers.
+3) **Delivery** - Our output is hosted on the fastest of CDN with a 99.99% uptime and the bandwidth that can take care of all your load.
+
+
+
+## Products
+
+We make over **_200 shapes_**. The most popular of these include:
+
+| Shape | Design | Description | Links |
+|------------|---------|------------------------------------------------------------------|--------------------------------------------------------------------|
+| Line | -- | Two pointy ends and a straight stretch of ink, Line on Wikipedia | [Line on Wikipedia](https://en.wikipedia.org/wiki/Line_(geometry)) |
+| Circle | ◯ | A full round with no corners, Circle on Wikipedia | [Circle on Wikipedia](https://en.wikipedia.org/wiki/Circle) |
+| Triangle | △ | Three lines with three corners, Triangle on Wikipedia | [Triangle on Wikipedia](https://en.wikipedia.org/wiki/Triangle) |
+
+
+## Team
+
+Alex
+: Hippy Web Developer
+: Technophile
+
+Bob
+: Classic SysAdmin
+: Conservative
+
+Gabby
+: Cool Content Master
+: Cautious
\ No newline at end of file
diff --git a/content/authors/hoster/_index.md b/content/authors/hoster/_index.md
new file mode 100644
index 0000000..a73f048
--- /dev/null
+++ b/content/authors/hoster/_index.md
@@ -0,0 +1,10 @@
+---
+author:
+ facebook: " https://facebook.com/example"
+ twitter: " https://twitter.com/example"
+ email: "contact@example.org"
+ name: "Maxime Delporte"
+ location: New York
+ phone: (999) 999-9999
+ hours: "Mon-Fri: 9:00AM - 6:00PM, ET"
+---
\ No newline at end of file
diff --git a/content/authors/hoster/portrait.jpg b/content/authors/hoster/portrait.jpg
new file mode 100644
index 0000000..69c69e0
Binary files /dev/null and b/content/authors/hoster/portrait.jpg differ
diff --git a/content/contact.md b/content/contact.md
new file mode 100644
index 0000000..343a8e2
--- /dev/null
+++ b/content/contact.md
@@ -0,0 +1,12 @@
+Contact Us
+----------
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tellus id interdum velit laoreet id donec ultrices tincidunt arcu. Faucibus scelerisque eleifend donec pretium. Facilisi morbi tempus iaculis urna id volutpat lacus laoreet non. Rutrum quisque non tellus orci. Tincidunt dui ut ornare lectus sit amet est placerat in. Erat velit scelerisque in dictum non consectetur a erat nam. Sed faucibus turpis in eu. Nullam vehicula ipsum a arcu cursus vitae congue mauris. Ut venenatis tellus in metus vulputate eu scelerisque felis.
+
+Nisl pretium fusce id velit ut tortor pretium viverra. Faucibus turpis in eu mi bibendum neque egestas congue quisque. Luctus venenatis lectus magna fringilla urna porttitor. Imperdiet sed euismod nisi porta. Enim diam vulputate ut pharetra sit. Consectetur libero id faucibus nisl tincidunt eget nullam non. Sagittis eu volutpat odio facilisis. Faucibus vitae aliquet nec ullamcorper. Faucibus scelerisque eleifend donec pretium vulputate sapien nec sagittis aliquam. Lobortis elementum nibh tellus molestie. Amet volutpat consequat mauris nunc congue nisi vitae suscipit tellus. Erat pellentesque adipiscing commodo elit. Integer malesuada nunc vel risus commodo viverra maecenas. Tortor at risus viverra adipiscing at.
+
+Sit amet mauris commodo quis imperdiet. Mauris in aliquam sem fringilla ut morbi tincidunt augue interdum. Commodo elit at imperdiet dui accumsan sit amet. Elementum sagittis vitae et leo duis ut diam. Iaculis eu non diam phasellus vestibulum. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et netus et. Accumsan sit amet nulla facilisi morbi tempus iaculis urna. Non diam phasellus vestibulum lorem sed. Neque ornare aenean euismod elementum nisi quis eleifend. Tellus in metus vulputate eu. Sit amet tellus cras adipiscing enim eu turpis egestas pretium. Elementum eu facilisis sed odio. Ultrices sagittis orci a scelerisque purus semper eget duis. Amet cursus sit amet dictum. Sed euismod nisi porta lorem mollis aliquam. Viverra nibh cras pulvinar mattis nunc sed blandit libero volutpat. Volutpat commodo sed egestas egestas fringilla. Curabitur vitae nunc sed velit dignissim sodales ut eu.
+
+Purus faucibus ornare suspendisse sed nisi. Eleifend mi in nulla posuere. Quis risus sed vulputate odio ut enim blandit volutpat. At tempor commodo ullamcorper a lacus. Ut consequat semper viverra nam libero. In eu mi bibendum neque egestas. Donec pretium vulputate sapien nec sagittis. Faucibus vitae aliquet nec ullamcorper sit. Eu nisl nunc mi ipsum faucibus vitae aliquet. Ultrices in iaculis nunc sed augue. At auctor urna nunc id cursus metus aliquam eleifend.
+
+Et magnis dis parturient montes nascetur ridiculus. Ac turpis egestas integer eget. Eget lorem dolor sed viverra ipsum nunc aliquet. Dictum sit amet justo donec enim diam vulputate. Nulla facilisi morbi tempus iaculis. Et ultrices neque ornare aenean euismod elementum. Ultricies integer quis auctor elit sed. Quam viverra orci sagittis eu. Tortor pretium viverra suspendisse potenti nullam ac. Elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus.
\ No newline at end of file
diff --git a/content/credits.md b/content/credits.md
new file mode 100644
index 0000000..d68c086
--- /dev/null
+++ b/content/credits.md
@@ -0,0 +1,47 @@
+Credits
+=======
+
+This website uses resources from a variety of places. Here is to all of them:
+
+* Built using [Hugo](https://gohugo.io/)
+* Styled using [Tailwind CSS](https://tailwindcss.com/)
+* Using [Treact UI Kit from Owais Khan](https://owaiskhan.me/post/free-tailwindcss-react-ui-kit)
+* Background based on am image [designed by BiZkettE1 / Freepik](http://www.freepik.com)
+* Early code using [Eclectic](https://github.com/atishay/eclectic-hugo-theme) and [Universal](https://github.com/devcows/hugo-universal-theme)
+* About Us - Font [Cheveux d'ange](http://www.peax-webdesign.com/polices-de-caracteres-gratuites.html) on drawing from [PxHere](https://pxhere.com/de/photo/1606921?utm_content=clipUser&utm_medium=referral&utm_source=pxhere).
+* The text for the news image using font Chomsky Regular by copypaste on [1001fonts](https://www.1001fonts.com/users/copypaste/).
+* Cover Images:
+ * Manufaturing I - Image by [gefrorene_wand](https://pixabay.com/users/gefrorene_wand-73807/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=1151323) from [Pixabay](https://pixabay.com/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=1151323)
+ * Manufacturing II - Image by [Michael Schwarzenberger](https://pixabay.com/users/blickpixel-52945/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=444504) from [Pixabay](https://pixabay.com/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=444504)
+ * Manufacturing III - Image by [gefrorene_wand](https://pixabay.com/users/gefrorene_wand-73807/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=1151344) from [Pixabay](https://pixabay.com/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=1151344)
+ * Manufacturig IV - Image by [Robert Wilkos](https://pixabay.com/users/robbiewi-19234622/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=5770326) from [Pixabay](https://pixabay.com/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=5770326)
+ * Squares - Image by [Pexels](https://pixabay.com/users/pexels-2286921/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=1867937) from [Pixabay](https://pixabay.com/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=1867937)
+ * Triangles - Image by [Alexandr Nebesyuk](https://pixabay.com/users/sashanebesuyk-7028296/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=3031607) from [Pixabay](https://pixabay.com/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=3031607)
+ * Circle - Image by [PublicDomainPictures](https://pixabay.com/users/publicdomainpictures-14/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=2063) from [Pixabay](https://pixabay.com/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=2063)
+ * Curve - Image by [Free-Photos](https://pixabay.com/photos/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=1209392) from [Pixabay](https://pixabay.com/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=1209392)
+ * News- Shaper - Image by [tookapic](https://pixabay.com/users/tookapic-1386459/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=933150) from [Pixabay](https://pixabay.com/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=933150)
+ * Square License - Image by [ds_30](https://pixabay.com/users/ds_30-1795490/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=5370033) from [Pixabay](https://pixabay.com/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=5370033)
+ * Shape Blog (French) - Image by [PIRO4D](https://pixabay.com/users/piro4d-2707530/) from [Pixabay](https://pixabay.com/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=2803223)
+* Home Page
+ * About Image: Photo by [Angela Pencheva](https://unsplash.com/@angelapencheva) on [Unsplash](https://unsplash.com/photos/ktYfccpLuSk)
+ * Contact Image: Photo by [Cristofer Jeschke](https://unsplash.com/@cristofer) on [Unsplash](https://unsplash.com/photos/PP1yKpfA4HY)
+ * Blog icon: Pen by Icon Lauk from the [Noun Project](https://thenounproject.com/search/?q=pen&i=2256440)
+ * News icon: News Camera by Ben Davis from the [Noun Project](https://thenounproject.com/search/?q=news+camera&i=829713)
+ * About icon: Info by i cons from the [Noun Project](https://thenounproject.com/search/?q=info&i=2442959)
+ * Contact icon: Phone by Aulia from the [Noun Project](https://thenounproject.com/search/?q=phone&i=1778896)
+ * Facebook icon: from [iconmonstr](https://iconmonstr.com/facebook-1-svg/)
+ * RSS icon: from [iconmonstr](https://iconmonstr.com/rss-feed-1-svg/)
+ * Twitter icon: from [iconmonstr](https://iconmonstr.com/twitter-1-svg/)
+ * Email icon: from [icomonstr](https://iconmonstr.com/email-3-svg/)
+ * Hero image (Instruction Manual) from [Undraw](https://undraw.co/)
+ * Plain text icon: Chrome Reader Mode by Justin Blake from the [Noun Project](https://thenounproject.com/search/?q=reader+mode&i=3643822)
+* Blog Page:
+ * Tags icon: Tag by [Factoricons](https://thenounproject.com/factoricons) from the Noun Project
+ * Editor icon: App by [Tienan](https://thenounproject.com/search/?q=app&i=1935524) from the Noun Project
+* Contact Us:
+ * Map from [OpenGeoFiction](https://opengeofiction.net/#map=15/-40.2657/159.8088)
+* Store
+ * Add to Cart: https://uxwing.com/add-to-cart-icon/
+ * Remove from cart: https://uxwing.com/delete-cart-item-icon/
+ * Shopping cart: https://uxwing.com/delete-icon/
+ * Cross icon: https://uxwing.com/remove-icon/
\ No newline at end of file
diff --git a/content/markdown.md b/content/markdown.md
new file mode 100644
index 0000000..8f6badd
--- /dev/null
+++ b/content/markdown.md
@@ -0,0 +1,63 @@
+Markdown
+===========
+
+I am a paragraph in markdown with line
+wrapping so fit in this width.
+I am a continuation of the first paragraph
+as there is no empty line before me.
+
+I am in the second paragraph.
+
+
+I am the third one. Even though there are
+two line breaks before me, this does not
+create any newline characters. After me there
+are two spaces before the newline character.
+I have a line break before me. Even though
+I am not a new paragraph, I do start on a
+new line due to the manual line break via
+spaces before the newline character.
+
+Top Level H1
+=============
+H2
+---
+
+#Just a tag
+\# Not a heading
+Also a # tag.
+# Alternate H1
+## Alternate H2
+### H3
+###### H6
+
+* This is a list element
++ This is also a list element
+- This is also a list element
+ - This is a sublist element
+ + Also a sublist element
+ + Sublist level 2
+ 1. Numbered sublist
+ 2. Next item
+ 1. Next indent level
+
+1) Numbered list
+2) Next item
+ 1. Next indent level
+ * Sublist non numbered
+3. Back
+
+Horizontal Lines:
+
+------------------------------------
+.
+***********************************
+.
+***
+.
+
+---
+
+> Block Quote
+
+ Preformatted text
diff --git a/content/privacy.md b/content/privacy.md
new file mode 100644
index 0000000..6064d72
--- /dev/null
+++ b/content/privacy.md
@@ -0,0 +1,146 @@
+Privacy Policy
+==============
+
+Last updated **August 19, 2019**
+
+Thank you for choosing to be part of our community at _Acme Corporation™_ (_“Company”_, _“we”_, _“us”_, or _“our”_). We are committed to protecting your personal information and your right to privacy. If you have any questions or concerns about our notice or our practices with regard to your personal information, please contact us at [contact@example.org](mailto:contact@example.org).
+
+When you visit our website -- https://hugoinaction.com and use our services, you trust us with your personal information. We take your privacy very seriously. In this privacy notice, we describe our privacy notice. We seek to explain to you in the clearest way possible what information we collect, how we use it, and what rights you have in relation to it. We hope you take some time to read through it carefully, as it is important. If there are any terms in this privacy notice that you do not agree with, please discontinue the use of our Sites and our services.
+
+This privacy notice applies to all information collected through our website (such as https://hugoinaction.com) and/or any related services, sales, marketing, or events (we refer to them collectively in this privacy notice as the “Services”).
+
+Please read this privacy notice carefully, as it will help you make informed decisions about sharing your personal information with us.
+
+WHAT INFORMATION DO WE COLLECT?
+-------------------------------
+
+Information automatically collected
+
+**_Some information – such as IP address and/or browser, and device characteristics – is collected automatically when you visit our Services._**
+
+We automatically collect certain information when you visit, use or navigate the Services. This information does not reveal your specific identity (like your name or contact information) but may include device and usage information, such as your IP address, browser, and device characteristics, operating system, language preferences, referring URLs, device name, country, location, information about how and when you use our Services and other technical information. This information is primarily needed to maintain the security and operation of our Services and for our internal analytics and reporting purposes.
+
+Like many businesses, we also collect information through cookies and similar technologies.
+
+HOW DO WE USE YOUR INFORMATION?
+---------------------------------
+
+**_We process your information for purposes based on legitimate business interests, the fulfillment of our contract with you, compliance with our legal obligations, and/or your consent._**
+
+We use personal information collected via our Services for a variety of business purposes described below. We process your personal information for these purposes in reliance on our legitimate business interests in order to enter into or perform a contract with you, with your consent, and/or for compliance with our legal obligations. We indicate the specific processing grounds we rely on next to each purpose listed below.
+
+We use the information we collect or receive:
+
+
+* To protect our Services. We may use your information as part of our efforts to keep our Services safe and secure (for example, for fraud monitoring and prevention).
+
+* To deliver services to the user. We may use your information to provide you with the requested service.
+
+
+* For other Business Purposes. We may use your information for other Business Purposes, such as data analysis, identifying usage trends, determining the effectiveness of our promotional campaigns and to evaluate and improve our Services, products, marketing and your experience. We may use and store this information in aggregated and anonymized form so that it is not associated with individual end users and does not include personal information. We will not use identifiable personal information without your consent.
+
+WILL YOUR INFORMATION BE SHARED WITH ANYONE?
+---------------------------------------------
+
+We only share information with your consent, to comply with laws, to provide you with services, to protect your rights, or to fulfill business obligations.
+
+We may process or share data based on the following legal basis:
+
+* Consent: We may process your data if you have given us specific consent to use your personal information in a specific purpose.
+
+
+* Legitimate Interests: We may process your data when it is reasonably necessary to achieve our legitimate business interests.
+
+
+* Performance of a Contract: Where we have entered into a contract with you, we may process your personal information to fulfill the terms of our contract.
+
+
+* Legal Obligations: We may disclose your information where we are legally required to do so in order to comply with applicable law, governmental requests, a judicial proceeding, court order, or legal process, such as in response to a court order or a subpoena (including in response to public authorities to meet national security or law enforcement requirements).
+
+
+* Vital Interests: We may disclose your information where we believe it is necessary to investigate, prevent, or take action regarding potential violations of our policies, suspected fraud, situations involving potential threats to the safety of any person and illegal activities, or as evidence in litigation in which we are involved.
+
+More specifically, we may need to process your data or share your personal information in the following situations:
+
+* Vendors, Consultants and Other Third-Party Service Providers. We may share your data with third party vendors, service providers, contractors or agents who perform services for us or on our behalf and require access to such information to do that work. Examples include: payment processing, commenting, data analysis, email delivery, hosting services, customer service and marketing efforts. We may allow selected third parties to use tracking technology on the Services, which will enable them to collect data about how you interact with the Services over time. This information may be used to, among other things, analyze and track data, determine the popularity of certain content and better understand online activity. Unless described in this Policy, we do not share, sell, rent or trade any of your information with third parties for their promotional purposes.
+
+
+* Business Transfers. We may share or transfer your information in connection with, or during negotiations of, any merger, sale of company assets, financing, or acquisition of all or a portion of our business to another company.
+
+
+* Third-Party Advertisers.We may use third-party advertising companies to serve ads when you visit the Services. These companies may use information about your visits to our Website(s) and other websites that are contained in web cookies and other tracking technologies in order to provide advertisements about goods and services of interest to you.
+
+
+DO WE USE COOKIES AND OTHER TRACKING TECHNOLOGIES?
+--------------------------------------------------
+
+We may use cookies and other tracking technologies to collect and store your information.
+
+We may use cookies and similar tracking technologies (like web beacons and pixels) to access or store information. Specific information about how we use such technologies and how you can refuse certain cookies is set out in our Cookie Policy.
+
+
+HOW LONG DO WE KEEP YOUR INFORMATION?
+-------------------------------------
+
+We keep your information for as long as necessary to fulfill the purposes outlined in this privacy notice unless otherwise required by law.
+
+We will only keep your personal information for as long as it is necessary for the purposes set out in this privacy notice, unless a longer retention period is required or permitted by law (such as tax, accounting or other legal requirements). No purpose in this policy will require us keeping your personal information for longer than 90 days .
+
+When we have no ongoing legitimate business need to process your personal information, we will either delete or anonymize it, or, if this is not possible (for example, because your personal information has been stored in backup archives), then we will securely store your personal information and isolate it from any further processing until deletion is possible.
+
+HOW DO WE KEEP YOUR INFORMATION SAFE?
+--------------------------------------
+
+
+We aim to protect your personal information through a system of organizational and technical security measures.
+
+We have implemented appropriate technical and organizational security measures designed to protect the security of any personal information we process. However, please also remember that we cannot guarantee that the internet itself is 100% secure. Although we will do our best to protect your personal information, transmission of personal information to and from our Services is at your own risk. You should only access the services within a secure environment.
+
+DO WE COLLECT INFORMATION FROM MINORS?
+--------------------------------------
+
+We do not knowingly collect data from or market to children under 18 years of age.
+
+We do not knowingly solicit data from or market to children under 18 years of age. By using the Services, you represent that you are at least 18 or that you are the parent or guardian of such a minor and consent to such minor dependent’s use of the Services. If we learn that personal information from users less than 18 years of age has been collected, we will deactivate the account and take reasonable measures to promptly delete such data from our records. If you become aware of any data we have collected from children under age 18, please contact us at dpo@exmaple.org.
+
+WHAT ARE YOUR PRIVACY RIGHTS?
+-----------------------------
+
+In some regions, such as the European Economic Area, you have rights that allow you greater access to and control over your personal information. You may review, change, or terminate your account at any time.
+
+In some regions (like the European Economic Area), you have certain rights under applicable data protection laws. These may include the right (i) to request access and obtain a copy of your personal information, (ii) to request rectification or erasure; (iii) to restrict the processing of your personal information; and (iv) if applicable, to data portability. In certain circumstances, you may also have the right to object to the processing of your personal information. To make such a request, please use the contact details provided below. We will consider and act upon any request in accordance with applicable data protection laws.
+
+If we are relying on your consent to process your personal information, you have the right to withdraw your consent at any time. Please note however that this will not affect the lawfulness of the processing before its withdrawal.
+
+If you are resident in the European Economic Area and you believe we are unlawfully processing your personal information, you also have the right to complain to your local data protection supervisory authority. You can find their contact details here: http://ec.europa.eu/justice/data-protection/bodies/authorities/index\en.htm
+
+Cookies and similar technologies: Most Web browsers are set to accept cookies by default. If you prefer, you can usually choose to set your browser to remove cookies and to reject cookies. If you choose to remove cookies or reject cookies, this could affect certain features or services of our Services. To opt-out of interest-based advertising by advertisers on our Services visit http://www.aboutads.info/choices/.
+
+CONTROLS FOR DO-NOT-TRACK FEATURES
+------------------------------------
+
+Most web browsers and some mobile operating systems and mobile applications include a Do-Not-Track (“DNT”) feature or setting you can activate to signal your privacy preference not to have data about your online browsing activities monitored and collected. No uniform technology standard for recognizing and implementing DNT signals has been finalized. As such, we do not currently respond to DNT browser signals or any other mechanism that automatically communicates your choice not to be tracked online. If a standard for online tracking is adopted that we must follow in the future, we will inform you about that practice in a revised version of this privacy notice.
+
+DO CALIFORNIA RESIDENTS HAVE SPECIFIC PRIVACY RIGHTS?
+----------------------------------------------------
+
+**_Yes, if you are a resident of California, you are granted specific rights regarding access to your personal information._**
+
+California Civil Code Section 1798.83, also known as the “Shine The Light” law, permits our users who are California residents to request and obtain from us, once a year and free of charge, information about categories of personal information (if any) we disclosed to third parties for direct marketing purposes and the names and addresses of all third parties with which we shared personal information in the immediately preceding calendar year. If you are a California resident and would like to make such a request, please submit your request in writing to us using the contact information provided below.
+
+If you are under 18 years of age, reside in California, and have a registered account with the Services, you have the right to request removal of unwanted data that you publicly post on the Services. To request removal of such data, please contact us using the contact information provided below, and include the email address associated with your account and a statement that you reside in California. We will make sure the data is not publicly displayed on the Services, but please be aware that the data may not be completely or comprehensively removed from our systems.
+
+DO WE MAKE UPDATES TO THIS POLICY?
+-----------------------------------
+
+**_Yes, we will update this policy as necessary to stay compliant with relevant laws._**
+
+We may update this privacy notice from time to time. The updated version will be indicated by an updated “Revised” date and the updated version will be effective as soon as it is accessible. If we make material changes to this privacy notice, we may notify you either by prominently posting a notice of such changes or by directly sending you a notification. We encourage you to review this privacy notice frequently to be informed of how we are protecting your information.
+
+HOW CAN YOU CONTACT US ABOUT THIS POLICY?
+----------------------------------------
+
+If you have questions or comments about this policy, you may contact our Data Protection Officer (DPO), DPO Sample, by email at [dpo@exmaple.org](mailto:dpo@exmaple.org), by phone at [(999)999-9999](tel:(999)999-9999), or by post to:
+
+Acme Corporation
+Data Protection Officer
\ No newline at end of file
diff --git a/content/terms.md b/content/terms.md
new file mode 100644
index 0000000..0ff2d73
--- /dev/null
+++ b/content/terms.md
@@ -0,0 +1,40 @@
+Terms of Use
+============
+## Terms
+
+By accessing the website for Acme Corporation, you are agreeing to be bound by these terms of service, all applicable laws and regulations, and agree that you are responsible for compliance with any applicable local laws. If you do not agree with any of these terms, you are prohibited from using or accessing this site. The materials contained in this website are protected by applicable copyright and trademark law.
+
+## Use License
+
+1. Permission is granted to temporarily download one copy of the materials (information or software) on Acme Corporation's website for personal, non-commercial transitory viewing only. This is the grant of a license, not a transfer of title, and under this license you may not:
+ * modify or copy the materials;
+ * use the materials for any commercial purpose, or for any public display (commercial or non-commercial);
+ * attempt to decompile or reverse engineer any software contained on Acme Corporation's website;
+ * remove any copyright or other proprietary notations from the materials; or
+ * transfer the materials to another person or "mirror" the materials on any other server.
+2. This license shall automatically terminate if you violate any of these restrictions and may be terminated by Acme Corporation at any time. Upon terminating your viewing of these materials or upon the termination of this license, you must destroy any downloaded materials in your possession whether in electronic or printed format.
+
+## Disclaimer
+
+1. The materials on Acme Corporation's website are provided on an 'as-is' basis. Acme Corporation makes no warranties, expressed or implied, and hereby disclaims and negates all other warranties including, without limitation, implied warranties or conditions of merchantability, fitness for a particular purpose, or non-infringement of intellectual property or other violation of rights.
+2. Further, Acme Corporation does not warrant or make any representations concerning the accuracy, likely results, or reliability of the use of the materials on its website or otherwise relating to such materials or on any sites linked to this site.
+
+## Limitations
+
+In no event shall Acme Corporation or its suppliers be liable for any damages (including, without limitation, damages for loss of data or profit, or due to business interruption) arising out of the use or inability to use the materials on Acme Corporation's website, even if Acme Corporation or a Acme Corporation authorized representative has been notified orally or in writing of the possibility of such damage. Because some jurisdictions do not allow limitations on implied warranties, or limitations of liability for consequential or incidental damages, these limitations may not apply to you.
+
+## Accuracy of materials
+
+The materials appearing on Acme Corporation website could include technical, typographical, or photographic errors. Acme Corporation does not warrant that any of the materials on its website are accurate, complete or current. Acme Corporation may make changes to the materials contained on its website at any time without notice. However Acme Corporation does not make any commitment to update the materials.
+
+## Links
+
+Acme Corporation has not reviewed all of the sites linked to its website and is not responsible for the contents of any such linked site. The inclusion of any link does not imply endorsement by Acme Corporation of the site. Use of any such linked website is at the user's own risk.
+
+## Modifications
+
+Acme Corporation may revise these terms of service for its website at any time without notice. By using this website you are agreeing to be bound by the then current version of these terms of service.
+
+## Governing Law
+
+These terms and conditions are governed by and construed in accordance with the laws of fictional universe and you irrevocably submit to the exclusive jurisdiction of the courts in that State or location.
\ No newline at end of file
diff --git a/hugo.yaml b/hugo.yaml
new file mode 100644
index 0000000..90c3725
--- /dev/null
+++ b/hugo.yaml
@@ -0,0 +1,76 @@
+baseURL: https://acme-corporation.h0ster.com/
+languageCode: en-us
+title: Acme Corporation
+theme: Eclectic
+
+# Documentation: https://gohugo.io/templates/taxonomy/#display-metadata
+taxonomies:
+ author: authors
+# Deprecated
+#author:
+# facebook: " https://facebook.com/example"
+# twitter: " https://twitter.com/example"
+# email: "contact@example.org"
+# name: "Acme Corporation"
+# location: New York
+# phone: (999) 999-9999
+# hours: "Mon-Fri: 9:00AM - 6:00PM, ET"
+
+menu:
+ main:
+ - identifier: about
+ name: About
+ url: /about
+ weight: 100
+ - identifier: contact
+ name: Contact
+ url: /contact
+ weight: 200
+
+params:
+ color: "#4f46e5"
+ copyright: "Copyright © 2022 Acme Corporation. All Rights Reserved."
+ footer:
+ - title: About
+ content: >
+ Acme Corporation is the world's leading
+ manufacturer of digital shapes. From squares and
+ circles to triangles and hexagons, whe have it
+ all. Browse through our collection of various
+ forms with different thicknesses and line styles.
+ We shape the world. You live in it.
+
+
+ - title: Recent Blog Posts
+ recent: blog
+ recentCount: 7
+ - title: Contact Us
+ contact: true
+ content: >
+ The author key is deprecated for the taxonomies one.
+ Normally, we should have the author information but
+ we can't because of this version.
+
+
+ style: blue
+ logo: /image/logo.png
+ logo_small: /image/logo.png
+ about_us: >
+ Acme Corporation is the world's leading manufacturer
+ of digital shapes. From squares and circles to
+ triangles and hexagons, whe have it all. Browse through
+ our collection of various forms with different
+ thicknesses and line styles. We shape the world.
+ You live in it.
+
+
+ recent_posts:
+ enable: true
+
+markup:
+ goldmark:
+ renderer:
+ unsafe: true
+ highlight:
+ lineNos: true
+enableEmoji: true
diff --git a/layouts/authors/taxonomy.html b/layouts/authors/taxonomy.html
new file mode 100644
index 0000000..ad53bdc
--- /dev/null
+++ b/layouts/authors/taxonomy.html
@@ -0,0 +1,13 @@
+{{ define "main" }}
+ {{ .Title }}
+ {{ .Content }}
+ {{ range .Data.Terms.Alphabetical }}
+
+ Affiliation: {{ .Page.Params.Affiliation }}
+ {{ with .Page.Resources.Get "portrait.jpg" }}
+ {{ with .Fill "100x100" }}
+
+ {{ end }}
+ {{ end }}
+ {{ end }}
+{{ end }}
\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
new file mode 100644
index 0000000..77b3e04
--- /dev/null
+++ b/layouts/index.html
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
+ Acme Corporation
+
+
+
+
+ Acme Corporation
+ Shaping the world for you to live in
+ Explore
+
+
+
+
\ No newline at end of file
diff --git a/resources/_gen/images/image/background-dark_hu_4203528aac9bb419.jpg b/resources/_gen/images/image/background-dark_hu_4203528aac9bb419.jpg
new file mode 100644
index 0000000..a636c16
Binary files /dev/null and b/resources/_gen/images/image/background-dark_hu_4203528aac9bb419.jpg differ
diff --git a/resources/_gen/images/image/background_hu_1271c43941128405.jpg b/resources/_gen/images/image/background_hu_1271c43941128405.jpg
new file mode 100644
index 0000000..50f284c
Binary files /dev/null and b/resources/_gen/images/image/background_hu_1271c43941128405.jpg differ
diff --git a/static/favicon.ico b/static/favicon.ico
new file mode 100644
index 0000000..2f7a07d
Binary files /dev/null and b/static/favicon.ico differ
diff --git a/static/image/background.svg b/static/image/background.svg
new file mode 100644
index 0000000..b3aac26
--- /dev/null
+++ b/static/image/background.svg
@@ -0,0 +1,316 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/static/image/draw.jpg b/static/image/draw.jpg
new file mode 100644
index 0000000..2918203
Binary files /dev/null and b/static/image/draw.jpg differ
diff --git a/static/image/logo.svg b/static/image/logo.svg
new file mode 100644
index 0000000..aa6aec8
--- /dev/null
+++ b/static/image/logo.svg
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+Acme
+Corporation
+
diff --git a/static/index.css b/static/index.css
new file mode 100644
index 0000000..4d11a64
--- /dev/null
+++ b/static/index.css
@@ -0,0 +1,1751 @@
+/**!
+ * Not meant as a reference for good CSS practices. The goal of Hugo in Action
+ * is for us to understand Hugo. The HTML/CSS/JS code has been intentionally
+ * made complicated so that we can simplify the Go HTML Template pieces of Hugo.
+ * There are intentional cases where CSS selectors are used instead of class
+ * parameters for targeting. Many of the targeting done in CSS is more
+ * specific than it should be. Some of the decisions taken are sub-optimal.
+ * You are free to use this code on your website but beware of caveats and
+ * do understand that support may be lacking where expected.
+ **/
+:root {
+ --red: 79;
+ --green: 70;
+ --blue: 229;
+
+ -moz-tab-size: 4;
+ tab-size: 4;
+}
+html {
+ -webkit-text-size-adjust: 100%;
+ font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
+ line-height: 1.5;
+ background: url(image/background.svg) 0 0/cover;
+ min-height: 100vh;
+ width: 100vw;
+ scroll-snap-type: y proximity;
+ max-height: 100vh;
+}
+body {
+ margin: 0 auto;
+ font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
+ font-family: inherit;
+ line-height: inherit;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ min-height: 100vh;
+ width: 100vw;
+}
+hr {
+ height: 0;
+ color: inherit;
+ border-top-width: 1px;
+}
+strong {
+ font-weight: bolder;
+}
+code,
+pre {
+ font-size: 1em;
+ font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
+}
+small {
+ font-size: 80%;
+}
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+ top: -.5em;
+}
+table {
+ text-indent: 0;
+ border-color: inherit;
+ border-collapse: collapse;
+}
+button,
+input,
+select,
+textarea {
+ font-family: inherit;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+ padding: 0;
+ line-height: inherit;
+ color: inherit;
+}
+button,
+select {
+ text-transform: none;
+}
+[type=button],
+[type=submit],
+button {
+ -webkit-appearance: button;
+}
+[type=search] {
+ -webkit-appearance: textfield;
+ outline-offset: -2px;
+}
+summary {
+ display: list-item;
+}
+blockquote,
+dd,
+dl,
+figure,
+h1,
+h2,
+h3,
+h6,
+hr,
+p,
+pre {
+ margin: 0;
+}
+button {
+ background-color: transparent;
+ background-image: none;
+}
+button:focus {
+ outline: dotted 1px;
+ outline: -webkit-focus-ring-color auto 5px;
+}
+ol,
+ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+*,
+:after,
+:before {
+ box-sizing: border-box;
+ border: 0 solid #e5e7eb;
+}
+img {
+ border-style: solid;
+}
+textarea {
+ resize: vertical;
+}
+input::placeholder,
+textarea::placeholder {
+ color: #6b7280;
+ opacity: 1;
+}
+[role=button],
+button {
+ cursor: pointer;
+}
+h1,
+h2,
+h3,
+h6 {
+ font-size: inherit;
+ font-weight: inherit;
+}
+a {
+ color: inherit;
+ text-decoration: inherit;
+}
+iframe,
+img,
+svg,
+video {
+ display: block;
+ vertical-align: middle;
+}
+img,
+video {
+ max-width: 100%;
+ height: auto;
+}
+[multiple],
+[type=email],
+[type=search],
+[type=text],
+[type=time],
+[type=url],
+select,
+textarea {
+ appearance: none;
+ background-color: #fff;
+ border-color: #6b7280;
+ border-width: 1px;
+ border-radius: 0;
+ padding: .5rem .75rem;
+ font-size: 1rem;
+ line-height: 1.5rem;
+}
+[multiple]:focus,
+[type=email]:focus,
+[type=search]:focus,
+[type=text]:focus,
+[type=time]:focus,
+[type=url]:focus,
+select:focus,
+textarea:focus {
+ outline: transparent solid 2px;
+ outline-offset: 2px;
+ box-shadow: 0 0 0 0 #fff,0 0 0 calc(1px + 0px) #2563eb,0 0 transparent;
+ border-color: #2563eb;
+}
+select {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+ background-position: right .5rem center;
+ background-repeat: no-repeat;
+ background-size: 1.5em 1.5em;
+ padding-right: 2.5rem;
+ color-adjust: exact;
+}
+[multiple] {
+ background-image: none;
+ background-position: 0 0;
+ background-repeat: unset;
+ background-size: initial;
+ padding-right: .75rem;
+ color-adjust: unset;
+}
+[type=checkbox],
+[type=radio] {
+ appearance: none;
+ padding: 0;
+ color-adjust: exact;
+ display: inline-block;
+ vertical-align: middle;
+ background-origin: border-box;
+ user-select: none;
+ flex-shrink: 0;
+ height: 1rem;
+ width: 1rem;
+ color: #2563eb;
+ background-color: #fff;
+ border-color: #6b7280;
+ border-width: 1px;
+}
+[type=checkbox] {
+ border-radius: 0;
+}
+[type=radio] {
+ border-radius: 100%;
+}
+[type=checkbox]:focus,
+[type=radio]:focus {
+ outline: transparent solid 2px;
+ outline-offset: 2px;
+ box-shadow: 0 0 0 2px #fff,0 0 0 calc(2px + 2px) #2563eb,0 0 transparent;
+}
+[type=checkbox]:checked,
+[type=radio]:checked {
+ border-color: transparent;
+ background-color: currentColor;
+ background-size: 100% 100%;
+ background-position: 50%;
+ background-repeat: no-repeat;
+}
+[type=checkbox]:checked {
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+}
+[type=radio]:checked {
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
+}
+[type=checkbox]:checked:focus,
+[type=checkbox]:checked:hover,
+[type=radio]:checked:focus,
+[type=radio]:checked:hover {
+ border-color: transparent;
+ background-color: currentColor;
+}
+[type=checkbox]:indeterminate {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
+ border-color: transparent;
+ background-color: currentColor;
+ background-size: 100% 100%;
+ background-position: 50%;
+ background-repeat: no-repeat;
+}
+[type=checkbox]:indeterminate:focus,
+[type=checkbox]:indeterminate:hover {
+ border-color: transparent;
+ background-color: currentColor;
+}
+[type=file] {
+ background: unset;
+ border-color: inherit;
+ border-width: 0;
+ border-radius: 0;
+ padding: 0;
+ font-size: unset;
+ line-height: inherit;
+}
+[type=file]:focus {
+ outline: -webkit-focus-ring-color auto 1px;
+}
+body > * {
+ width: 100%;
+ margin-left: 1.25rem;
+ margin-right: 1.25rem;
+}
+@media (min-width:640px) {
+ body>*,
+ header {
+ max-width: 640px;
+ }
+}
+@media (min-width:768px) {
+ body > * {
+ max-width: 768px;
+ margin-left: 1.75rem;
+ margin-right: 1.75rem;
+ }
+}
+@media (min-width:1024px) {
+ body > * {
+ max-width: 1024px;
+ margin-left: 2.5rem;
+ margin-right: 2.5rem;
+ }
+}
+.btn {
+ background-color: #fff;
+ border-radius: .75rem;
+ border: 2px solid rgb(var(--red), var(--green), var(--blue));
+ display: inline-block;
+ font-weight: 400;
+ font-size: 1rem;
+ line-height: 1.5rem;
+ margin-left: auto;
+ margin-right: auto;
+ padding: .5rem 1rem;
+ color: rgb(var(--red), var(--green), var(--blue));
+ text-decoration: none;
+ transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
+ transition-timing-function: cubic-bezier(.4,0,.2,1);
+ transition-duration: .15s;
+}
+.btn:hover,
+.home #description a:hover,
+.home #products>a:hover,
+.home #store>a:hover,
+body.page form button:hover {
+ background-color: rgb(var(--red), var(--green), var(--blue));
+ color: #fff;
+ text-decoration: none;
+}
+.btn:focus,
+.home #description a:focus,
+.home #products>a:focus,
+.home #store>a:focus,
+.home section:first-of-type>a:focus,
+body.page form button:focus {
+ box-shadow: 0 0 0 0 #fff,0 0 0 calc(4px + 0px) rgba(59,130,246,.5),0 0 transparent;
+}
+.icon-blog {
+ background: url('data:image/svg+xml;utf8, ') 50% no-repeat;
+}
+.icon-facebook {
+ background: url('data:image/svg+xml;utf8, ') 50% no-repeat;
+}
+.icon-rss {
+ background: url('data:image/svg+xml;utf8, ') 50% no-repeat;
+}
+.icon-twitter {
+ background: url('data:image/svg+xml;utf8, ') 50% no-repeat;
+}
+.icon-email {
+ background: url('data:image/svg+xml;utf8, ') 50% no-repeat;
+}
+.icon-news {
+ background: url('data:image/svg+xml;utf8, ') 50% no-repeat;
+}
+.icon-about {
+ background: url('data:image/svg+xml;utf8, ') 50% no-repeat;
+}
+.icon-contact {
+ background: url('data:image/svg+xml;utf8, ') 50% no-repeat;
+}
+.icon-editor {
+ background: url("data:image/svg+xml;utf8, ") 50% no-repeat;
+}
+.icon-store {
+ background: url("data:image/svg+xml;utf8, ") 50% no-repeat;
+}
+.icon-reader {
+ background: url("data:image/svg+xml;utf8, ") 50% no-repeat;
+}
+.posts {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: stretch;
+ justify-content: space-around;
+ margin-left: auto;
+ margin-right: auto;
+}
+html body .post a {
+ text-decoration: none;
+}
+.post {
+ background-color: #fff;
+ border: 2px solid transparent;
+ cursor: pointer;
+ overflow: hidden;
+ padding: .5rem;
+ transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
+}
+.post:hover {
+ border-color: rgba(209,213,219,.4);
+ border-radius: .5rem;
+ box-shadow: 0 0 transparent,0 0 transparent,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
+ transition-property: all;
+ transition-timing-function: cubic-bezier(.4,0,.2,1);
+ transition-duration: .3s;
+ filter: contrast(1.5) saturate(1.5) drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06));
+ transform: scale(1.02);
+ z-index: 9;
+ position: relative;
+}
+.post:hover a:before {
+ content: " ";
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ box-shadow: inset 0 0 2000px hsla(0,0%,100%,.3);
+}
+.post img {
+ display: inline-block;
+ height: 16rem;
+ object-fit: cover;
+ width: 100%;
+}
+.post div {
+ font-weight: 700;
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+ color: rgb(var(--red), var(--green), var(--blue));
+}
+.post div:hover {
+ text-decoration: underline;
+}
+.post h2 {
+ font-weight: 700;
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+ padding-bottom: .75rem;
+ padding-top: 2rem;
+ color: #1f2937;
+}
+.post article {
+ color: #4b5563;
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-line-clamp: 3;
+ -webkit-box-orient: vertical;
+}
+.text {
+ color: #4b5563;
+}
+header {
+ width: 100%;
+ background-color: #fff;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ padding: 1rem .5rem .5rem;
+ justify-content: stretch;
+}
+header:before {
+ content: " ";
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px'%3E%3Cpattern id='diagonalHatch' patternUnits='userSpaceOnUse' width='4' height='4'%3E%3Cpath d='M-1,1 l2,-2 M0, 4 l4, -4 M3, 5 l2, -2' style='stroke:rgba(255,255,255,.3); stroke-width:1.5'/%3E%3C/pattern%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='url(%23diagonalHatch)'/%3E%3C/svg%3E%0A");
+ border-bottom-width: 1px;
+ border-top-width: 1px;
+ background-color: rgb(var(--red), var(--green), var(--blue));
+ border-color: rgb(var(--red), var(--green), var(--blue));
+ height: .5rem;
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+}
+@media (min-width:768px) {
+ .btn {
+ font-size: 1.125rem;
+ line-height: 1.75rem;
+ padding: .75rem 1.25rem;
+ }
+ .post {
+ padding: .75rem;
+ width: 50%;
+ }
+ .post article,
+ .text {
+ font-size: .875rem;
+ line-height: 1.25rem;
+ }
+ header {
+ max-width: 768px;
+ padding-bottom: 1rem;
+ padding-top: 1.5rem;
+ }
+}
+@media (min-width:1024px) {
+ .btn {
+ padding: 1rem 1.5rem;
+ }
+ .post {
+ padding: 1rem;
+ width: 33.333333%;
+ }
+ .post article,
+ .text {
+ font-size: 1rem;
+ line-height: 1.5rem;
+ }
+ header {
+ max-width: 1024px;
+ padding: 2.5rem .25rem 2rem;
+ }
+ header nav li a:hover {
+ text-decoration: underline;
+ }
+}
+header > a > img {
+ padding-right: .75rem;
+ width: 3rem;
+ align-self: center;
+}
+header > a {
+ display: flex;
+ align-items: center;
+ font-weight: 700;
+ font-size: 1.125rem;
+ line-height: 1.75rem;
+ white-space: nowrap;
+ flex: 1;
+}
+header nav li {
+ border-color: #374151;
+ cursor: pointer;
+ display: block;
+ text-align: center;
+ width: 100%;
+}
+header nav li a {
+ border-top-width: 1px;
+ border-color: #d1d5db;
+ display: inline-block;
+ padding-top: .5rem;
+ padding-bottom: .5rem;
+ width: 100%;
+}
+header nav ul {
+ background-color: #fff;
+ border-radius: .375rem;
+ display: none;
+ box-shadow: 0 0 transparent,0 0 transparent,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);
+ z-index: 20;
+ transition-property: all;
+ transition-timing-function: cubic-bezier(.4,0,.2,1);
+ transition-duration: .15s;
+}
+.relative,
+header nav ul>li {
+ position: relative;
+}
+header nav ul > li ul {
+ display: block;
+ font-size: .875rem;
+ line-height: 1.25rem;
+ position: static;
+ left: 0;
+ top: 3rem;
+ z-index: 10;
+}
+header nav ul > li ul li:first-of-type a {
+ border-top-width: 0;
+}
+header nav ul > li:hover ul {
+ visibility: visible;
+}
+header .hamburger {
+ border-color: #6b7280;
+ border-radius: .125rem;
+ border-width: 1px;
+ padding: .5rem 1rem;
+}
+header nav:hover .hamburger {
+ background-color: rgba(var(--red), var(--green), var(--blue), .3);
+ border-color: rgba(var(--red), var(--green), var(--blue), .7);
+}
+.block,
+header nav:hover>ul {
+ display: block;
+}
+@media (max-width:1023px) {
+ header nav:hover > ul ul {
+ background-color: #fff;
+ position: static;
+ }
+ header nav:hover > ul {
+ padding-top: .25rem;
+ position: absolute;
+ right: .75rem;
+ left: .75rem;
+ }
+ header nav:hover > ul li {
+ background-color: #fff;
+ }
+ header nav:hover > ul li > a:hover {
+ background-color: rgba(var(--red), var(--green), var(--blue), .3);
+ border-color: rgba(var(--red), var(--green), var(--blue), .7);
+ }
+ header nav:hover > ul > li:hover + li > a {
+ border-color: rgba(var(--red), var(--green), var(--blue), .7);
+ }
+ header nav:hover > ul > li:hover:last-of-type > a {
+ border-bottom-width: 1px;
+ }
+}
+.page header ~ main {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+.page main {
+ width: 100%;
+ background-color: #fff;
+ border-radius: .5rem;
+ margin: 4rem;
+ padding: 1.25rem;
+ box-shadow: 0 0 transparent,0 0 transparent,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);
+}
+.page main h1 {
+ font-size: 1.5rem;
+ line-height: 2rem;
+ padding-top: .75rem;
+ padding-bottom: .75rem;
+ text-align: center;
+ margin-left: auto;
+ margin-right: auto;
+ position: relative;
+ width: fit-content;
+ width: -moz-fit-content;
+}
+.home h1:after,
+.page main h1:after {
+ content: "";
+ height: 2px;
+ width: 50%;
+ background-color: rgb(var(--red), var(--green), var(--blue));
+ position: absolute;
+ bottom: .5rem;
+ left: 25%;
+}
+.page main h2 {
+ font-weight: 300;
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+ padding-top: 1.5rem;
+ padding-bottom: .5rem;
+ color: #4b5563;
+}
+.home #description h1 strong,
+.home section:first-of-type h2 strong,
+.page main h2 strong {
+ font-weight: 700;
+ color: rgb(var(--red), var(--green), var(--blue));
+ text-shadow: 0 0 1px rgba(0,0,0,20%),0 0 1px rgba(1,0,5,10%);
+}
+.page main h3 {
+ font-weight: 300;
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+ padding-top: 1rem;
+ padding-bottom: .5rem;
+}
+.page main h4 {
+ font-weight: 700;
+ font-size: 1.125rem;
+ line-height: 1.75rem;
+ padding-top: .75rem;
+ padding-bottom: .5rem;
+}
+.page main h5 {
+ font-size: 1.125rem;
+ line-height: 1.75rem;
+ padding-top: .5rem;
+ padding-bottom: .25rem;
+}
+.page main h6 {
+ font-weight: 700;
+ padding-top: .25rem;
+ padding-bottom: .25rem;
+}
+.page main p {
+ padding-top: .75rem;
+ padding-bottom: 1.25rem;
+}
+.page main ol,
+.page main ul {
+ padding: 1.25rem 1.25rem 1.25rem 2rem;
+}
+.page main ol {
+ list-style: upper-roman;
+}
+.page main ol ol {
+ list-style: lower-roman;
+}
+.page main ol ol ol {
+ list-style: lower-alpha;
+}
+.page main ul {
+ list-style-type: "→ ";
+}
+.page main ul ul {
+ list-style: disc;
+}
+.page main ul ul ul {
+ list-style: circle;
+}
+.page main blockquote {
+ background-color: #f3f4f6;
+ border-radius: .25rem;
+ padding: .75rem;
+ box-shadow: 0 0 transparent,0 0 transparent,inset 0 2px 4px 0 rgba(0,0,0,.06);
+}
+.page main code {
+ background-color: #272822;
+ border-radius: .25rem;
+ padding: .25rem;
+ color: #f3f4f6;
+}
+.page main pre {
+ display: block;
+ margin-top: 1.25rem;
+ margin-bottom: 1.25rem;
+}
+.home #intro nav li a:hover,
+.page main a,
+footer a:hover {
+ color: rgb(var(--red), var(--green), var(--blue));
+ text-decoration: underline;
+}
+.page main table {
+ border-color: #e5e7eb;
+ border-width: 2px;
+}
+.page main td,
+.page main th {
+ padding: .5rem .75rem;
+}
+.page main thead {
+ background-color: #e5e7eb;
+}
+.home #menu h1:after,
+.home #products h1:after,
+.home #store h1:after,
+.home #testimonials h1:after,
+.page main tr:nth-child(2) {
+ background-color: #f3f4f6;
+}
+.page main dl {
+ border-color: #f3f4f6;
+ border-width: 2px;
+}
+.page main dl dt {
+ border-left-width: 8px;
+ font-weight: 700;
+ padding-left: 1rem;
+}
+.page main dl dd {
+ padding-left: 6rem;
+}
+@media (min-width:640px) {
+ .page main {
+ max-width: 640px;
+ }
+}
+@media (min-width:768px) {
+ .page main h1 {
+ font-size: 1.875rem;
+ line-height: 2.25rem;
+ }
+ .page main {
+ max-width: 768px;
+ }
+}
+@media (min-width:1024px) {
+ header nav li a {
+ border-top-width: 0;
+ width: auto;
+ }
+ header nav ul > li ul {
+ background-color: #e5e7eb;
+ display: none;
+ position: absolute;
+ top: 2rem;
+ }
+ header nav ul > li:hover ul {
+ display: block;
+ visibility: visible;
+ }
+ header nav:hover > ul {
+ display: inline-block;
+ }
+ header nav li {
+ display: inline-block;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ width: auto;
+ }
+ header nav ul {
+ background-color: transparent;
+ display: inline-block;
+ box-shadow: 0 0 transparent,0 0 transparent,0 0 transparent;
+ width: auto;
+ }
+ header .hamburger {
+ display: none;
+ }
+ .page main h1 {
+ font-size: 2.25rem;
+ line-height: 2.5rem;
+ padding-top: 2.5rem;
+ }
+ .page main h2,
+ .page main h3 {
+ font-size: 1.5rem;
+ line-height: 2rem;
+ }
+ .page main {
+ max-width: 1024px;
+ }
+}
+.home section:not(:last-of-type) {
+ border-bottom: 1px solid #e5e7eb;
+}
+.home footer,
+.home header,
+.home section {
+ scroll-snap-align: start;
+}
+.home header + section {
+ scroll-snap-align: none;
+}
+.home #intro nav {
+ position: absolute;
+ bottom: 0;
+ text-align: center;
+ width: 100%;
+}
+.home #intro nav li {
+ display: inline-block;
+ font-size: .75rem;
+ line-height: 1rem;
+}
+.home #intro nav li a {
+ display: inline-block;
+ padding: .75rem;
+}
+.home #intro {
+ padding-bottom: 2.5rem;
+ position: relative;
+}
+.home h1 {
+ font-size: 1.5rem;
+ line-height: 2rem;
+ padding-top: .75rem;
+ padding-bottom: .75rem;
+ margin-left: auto;
+ margin-right: auto;
+ position: relative;
+ width: fit-content;
+ width: -moz-fit-content;
+}
+.home section:first-of-type:not(:last-of-type):after {
+ content: "↓";
+ border-radius: 9999px;
+ border: 2px dashed rgb(var(--red), var(--green), var(--blue));
+ height: 2.5rem;
+ font-size: 1.125rem;
+ line-height: 2.5rem;
+ opacity: .8;
+ color: rgb(var(--red), var(--green), var(--blue));
+ width: 2.5rem;
+ margin: 50px auto 20px;
+}
+.home section:first-of-type:not(:last-of-type) {
+ min-height: 100vh;
+}
+.home header + section:first-of-type:not(:last-of-type) {
+ min-height: calc(100vh - 40px - 1.5rem);
+}
+.home section:first-of-type {
+ display: flex;
+ flex-direction: column;
+ align-content: center;
+ justify-content: center;
+ flex-grow: 1;
+ text-align: center;
+}
+.home section:first-of-type img {
+ background-color: #fff;
+ margin-left: auto;
+ margin-right: auto;
+ width: 3rem;
+}
+.home section:first-of-type h1 {
+ background-color: #fff;
+ font-size: 1.875rem;
+ line-height: 2.25rem;
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+}
+.hidden,
+.home #testimonials li .twitter-tweet *,
+.home section:first-of-type h1:after {
+ display: none;
+}
+.home section:first-of-type h2 {
+ background-color: #fff;
+ font-weight: 300;
+ color: #4b5563;
+}
+.home section:first-of-type > a {
+ border-radius: .75rem;
+ border: 2px solid rgb(var(--red), var(--green), var(--blue));
+ display: inline-block;
+ font-weight: 400;
+ font-size: 1rem;
+ line-height: 1.5rem;
+ margin-left: auto;
+ margin-right: auto;
+ padding: .5rem 1rem;
+ text-decoration: none;
+ transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
+ transition-timing-function: cubic-bezier(.4,0,.2,1);
+ transition-duration: .15s;
+ background-color: rgb(var(--red), var(--green), var(--blue));
+ margin-top: 2.5rem;
+ color: #fff;
+}
+.home section:first-of-type > a:hover {
+ background-color: rgb(var(--red), var(--green), var(--blue));
+ color: #fff;
+ text-decoration: none;
+ filter: brightness(.75) contrast(1.25);
+}
+@media (min-width:640px) {
+ .home section:first-of-type img {
+ width: 3.5rem;
+ }
+ .home section:first-of-type h1 {
+ font-size: 3rem;
+ line-height: 1;
+ }
+}
+.home #description {
+ background-color: #fff;
+ min-height: 100vh;
+ padding-left: 1.75rem;
+ padding-right: 1.75rem;
+ padding-bottom: 2.5rem;
+}
+.home #description p {
+ padding-top: .5rem;
+ padding-bottom: .5rem;
+ color: #000;
+}
+.home #description a {
+ background-color: #fff;
+ border-radius: .75rem;
+ border: 2px solid rgb(var(--red), var(--green), var(--blue));
+ display: inline-block;
+ font-weight: 400;
+ font-size: 1rem;
+ line-height: 1.5rem;
+ margin-left: auto;
+ margin-right: auto;
+ padding: .5rem 1rem;
+ color: rgb(var(--red), var(--green), var(--blue));
+ text-decoration: none;
+ transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
+ transition-timing-function: cubic-bezier(.4,0,.2,1);
+ transition-duration: .15s;
+ margin-bottom: 2.5rem;
+}
+.home #description h1 {
+ margin-top: 2.5rem;
+ text-align: center;
+}
+.home #description h2 {
+ font-weight: 700;
+ font-size: 1.125rem;
+ line-height: 1.75rem;
+ padding-top: .75rem;
+ padding-bottom: .75rem;
+ margin-top: 5rem;
+}
+.home #description hr {
+ clear: both;
+ scroll-snap-align: start;
+}
+.home #description img {
+ border-radius: .125rem;
+ float: left;
+ margin-top: 1.25rem;
+ margin-bottom: 2.5rem;
+ box-shadow: 0 0 transparent,0 0 transparent,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
+ width: 100%;
+}
+.float-right,
+.home #description hr:nth-of-type(odd)~p img {
+ float: right;
+}
+.home #menu {
+ background-color: rgba(var(--red), var(--green), var(--blue), .7);
+ margin: 0;
+ max-width: none;
+ padding: 1.75rem 1.25rem;
+ color: #fff;
+ width: 100vw;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.home #menu h1 {
+ text-align: center;
+ text-shadow: 0 1px 2px rgba(30,29,39,19%),1px 2px 4px rgba(54,64,147,18%);
+}
+.home #menu h2 {
+ font-weight: 300;
+ opacity: .9;
+ color: #f3f4f6;
+ text-shadow: 1px 1px 3px rgba(36,37,47,25%);
+}
+.home #menu ul {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: space-evenly;
+ width: 100%;
+}
+.home #menu li {
+ border-color: #c7d2fe;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+ padding: 1.25rem;
+ text-align: center;
+ transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
+}
+.home #menu li a {
+ display: block;
+ padding-bottom: .25rem;
+ padding-top: .5rem;
+ text-shadow: 0 1px 2px rgba(30,29,39,19%),1px 2px 4px rgba(54,64,147,18%);
+}
+.home #menu li p {
+ opacity: .9;
+ color: #f3f4f6;
+ text-shadow: 1px 1px 3px rgba(36,37,47,25%);
+}
+.home #menu i {
+ background-color: #f3f4f6;
+ border-radius: 9999px;
+ display: block;
+ height: 4rem;
+ margin: 1rem auto;
+ width: 4rem;
+ filter: drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06));
+ background-size: 30px;
+}
+.home #blog {
+ padding-top: 1.75rem;
+ padding-bottom: 1.75rem;
+}
+.home #blog .posts {
+ margin-top: 6rem;
+ margin-bottom: 6rem;
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+}
+.home #blog h1 {
+ background-color: #fff;
+ text-align: center;
+}
+.home #testimonials {
+ display: flex;
+ flex-direction: column;
+ align-items: stretch;
+ padding-top: 1.75rem;
+ padding-bottom: 1.75rem;
+ background-color: rgba(var(--red), var(--green), var(--blue), .7);
+ margin: 0;
+ max-width: none;
+ color: #fff;
+ width: 100vw;
+}
+.home #testimonials h1 {
+ flex-grow: 0;
+ text-align: center;
+ text-shadow: 0 1px 2px rgba(30,29,39,19%),1px 2px 4px rgba(54,64,147,18%);
+}
+.home #testimonials > div {
+ display: flex;
+ align-items: center;
+ flex-grow: 1;
+ margin-left: auto;
+ margin-right: auto;
+ overflow: scroll;
+ scroll-snap-type: x mandatory;
+ width: 100vw;
+}
+.home #testimonials ol {
+ display: flex;
+ padding: .75rem;
+ width: fit-content;
+}
+.home #store ul li:hover .price,
+.home #store ul li:hover h2,
+.home #testimonials ol:hover li {
+ color: #000;
+}
+.home #testimonials li {
+ scroll-snap-align: center;
+ background-color: #fff;
+ border-radius: .125rem;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ font-size: 1.125rem;
+ line-height: 1.75rem;
+ padding: 1.5rem .75rem;
+ box-shadow: 0 0 transparent,0 0 transparent,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
+ text-align: center;
+ color: #1f2937;
+ width: calc(100vw - 4rem);
+ margin: .5rem;
+}
+.home #testimonials li:hover {
+ box-shadow: 0 0 transparent,0 0 transparent,0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);
+}
+.home #testimonials li > div {
+ margin-top: 2rem;
+}
+.home #testimonials li h2 {
+ display: block;
+ font-weight: 700;
+ font-size: 1rem;
+ line-height: 1.5rem;
+ text-align: left;
+}
+.home #testimonials li h2:before {
+ content: "-";
+ display: inline-block;
+ text-align: left;
+ width: .75rem;
+}
+.home #testimonials li h3 {
+ font-size: 1rem;
+ line-height: 1.5rem;
+ padding-left: .75rem;
+ padding-right: .75rem;
+ text-align: left;
+}
+.home #testimonials li .twitter-tweet {
+ font-size: 0;
+ visibility: hidden;
+}
+.home #testimonials li .twitter-tweet p {
+ display: inline-block;
+ font-size: 1.125rem;
+ line-height: 1.75rem;
+ visibility: visible;
+}
+.home #testimonials li .twitter-tweet p:before,
+.home #testimonials li > p:first-of-type:not(:empty):before {
+ content: " ";
+ background-position-y: top;
+ float: left;
+ height: 100%;
+ opacity: .5;
+ width: 1.5rem;
+ background: url('data:image/svg+xml;utf8, ') top no-repeat;
+ margin-top: -10px;
+ margin-bottom: 10px;
+ min-height: 30px;
+}
+@media (min-width:640px) {
+ .home #testimonials li .twitter-tweet p {
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+ }
+ .home #testimonials > div {
+ max-width: 640px;
+ width: 612px;
+ }
+}
+.home #testimonials li:first-child {
+ margin-left: 1rem;
+}
+@media (min-width:768px) {
+ .home header + section:first-of-type:not(:last-of-type) {
+ min-height: calc(100vh - 40px - 2.5rem);
+ }
+ .home section:first-of-type img {
+ width: 4rem;
+ }
+ .home section:first-of-type h1 {
+ font-size: 3.75rem;
+ line-height: 1;
+ }
+ .home section:first-of-type > a {
+ font-size: 1.125rem;
+ line-height: 1.75rem;
+ padding: .75rem 1.25rem;
+ margin-top: 5rem;
+ }
+ .home #description p {
+ font-size: .875rem;
+ line-height: 1.25rem;
+ margin-left: 1rem;
+ margin-right: 1rem;
+ padding-top: .75rem;
+ padding-bottom: .75rem;
+ }
+ .home #description a {
+ font-size: 1.125rem;
+ line-height: 1.75rem;
+ padding: .75rem 1.25rem;
+ }
+ .home #description hr~h2,
+ .home #description hr~p {
+ margin-left: 2rem;
+ margin-right: 2rem;
+ }
+ .home #description img {
+ border-radius: .375rem;
+ margin: 2.5rem 1rem;
+ max-width: 24rem;
+ }
+ .home #description h2 {
+ margin-left: 1rem;
+ margin-right: 1rem;
+ margin-top: .75rem;
+ }
+ .home #menu li p {
+ font-size: .875rem;
+ line-height: 1.25rem;
+ }
+ .home #testimonials li .twitter-tweet p {
+ font-size: 1.5rem;
+ line-height: 2rem;
+ }
+ .home #testimonials > div {
+ max-width: 768px;
+ width: 740px;
+ }
+}
+@media (min-width:1024px) {
+ .home #intro nav li {
+ font-size: .875rem;
+ line-height: 1.25rem;
+ }
+ .home header + section:first-of-type:not(:last-of-type) {
+ min-height: calc(100vh - 46px - 4.5rem);
+ }
+ .home section:first-of-type h1 {
+ font-size: 4.5rem;
+ line-height: 1;
+ }
+ .home section:first-of-type h2 {
+ font-size: 1.5rem;
+ line-height: 2rem;
+ }
+ .home #description a,
+ .home section:first-of-type>a {
+ padding: 1rem 1.5rem;
+ }
+ .home #description p {
+ font-size: 1rem;
+ line-height: 1.5rem;
+ padding-top: 1.5rem;
+ padding-bottom: 1.5rem;
+ }
+ .home #description h1 {
+ margin-top: 5rem;
+ }
+ .home #description h2 {
+ font-size: 1.5rem;
+ line-height: 2rem;
+ padding-top: 2.5rem;
+ }
+ .home #description img {
+ margin-top: 5rem;
+ margin-bottom: 5rem;
+ max-width: 36rem;
+ }
+ .home #menu h2 {
+ font-size: 1.125rem;
+ line-height: 1.75rem;
+ }
+ .home #menu li p {
+ font-size: 1rem;
+ line-height: 1.5rem;
+ }
+ .home #testimonials > div {
+ max-width: 1024px;
+ width: 968px;
+ }
+}
+@media (min-width:640px) {
+ .home #testimonials ol {
+ padding: 1.25rem;
+ }
+ .home #testimonials li {
+ border-radius: .375rem;
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+ margin: .75rem;
+ width: 530px;
+ }
+}
+.home #products,
+.home #store {
+ background-color: rgba(var(--red), var(--green), var(--blue), .7);
+ margin: 0;
+ max-width: none;
+ padding: 1.75rem 1.25rem;
+ color: #fff;
+ width: 100vw;
+}
+.home #products h1,
+.home #store h1 {
+ opacity: .9;
+ text-align: center;
+ color: #f3f4f6;
+ text-shadow: 1px 1px 3px rgba(36,37,47,25%);
+}
+.home #products>a,
+.home #store>a {
+ background-color: #fff;
+ border-radius: .75rem;
+ border: 2px solid rgb(var(--red), var(--green), var(--blue));
+ font-weight: 400;
+ font-size: 1rem;
+ line-height: 1.5rem;
+ padding: .5rem 1rem;
+ color: rgb(var(--red), var(--green), var(--blue));
+ text-decoration: none;
+ transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
+ transition-timing-function: cubic-bezier(.4,0,.2,1);
+ transition-duration: .15s;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 2rem;
+ width: max-content;
+}
+.home #products>a:before,
+.home #store>a:before {
+ content: "↓ ";
+}
+.home #products table {
+ background-color: #fff;
+ border-radius: .375rem;
+ margin: 1.5rem auto;
+ overflow: hidden;
+ box-shadow: 0 0 transparent,0 0 transparent,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);
+ color: #000;
+}
+.home #products table thead {
+ border-bottom: 4px solid #fff;
+ background-color: rgba(var(--red), var(--green), var(--blue), .1);
+ border-color: rgba(var(--red), var(--green), var(--blue), .3);
+ font-weight: 700;
+}
+.home #products table thead td {
+ padding: 1.25rem;
+}
+.home #products table thead td:nth-of-type(3):before {
+ content: "";
+}
+.home #products table td:first-child {
+ font-weight: 700;
+}
+.home #products table td {
+ padding: 1rem;
+}
+.home #products table td:nth-of-type(3):before {
+ content: "$ ";
+}
+.home #products table tr:nth-child(2n) {
+ background-color: rgba(var(--red), var(--green), var(--blue), .1);
+}
+.home #products table tr:hover {
+ background-color: rgba(var(--red), var(--green), var(--blue), .3);
+}
+.home #store ul {
+ display: grid;
+ align-items: stretch;
+ justify-content: space-around;
+ margin: 4rem auto;
+ padding-left: 1.25rem;
+ padding-right: 1.25rem;
+ gap: 1rem;
+ grid-template-columns: repeat(1,minmax(0,1fr));
+}
+.home #store ul h2 {
+ font-weight: 700;
+ font-size: 1.5rem;
+ line-height: 2rem;
+ padding: 2rem 1rem .75rem;
+ color: #1f2937;
+}
+.home #store ul li {
+ background-color: #f3f4f6;
+ border-radius: .375rem;
+ display: inline-block;
+ display: flex;
+ flex-direction: column;
+ place-content: stretch;
+ overflow: hidden;
+ position: relative;
+ box-shadow: 0 0 transparent,0 0 transparent,0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
+ width: 100%;
+}
+.home #store ul li:hover {
+ background-color: #fff;
+ box-shadow: 0 0 transparent,0 0 transparent,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);
+ transform: scale(1.02);
+}
+.home #store ul li:hover img {
+ filter: saturate(2);
+}
+.home #store ul li > a {
+ background-color: transparent;
+ border-radius: 0;
+ cursor: pointer;
+ display: inline-block;
+ overflow: hidden;
+ box-shadow: 0 0 transparent,0 0 transparent,0 0 transparent;
+ width: 100%;
+ transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
+ transition-property: all;
+ transition-timing-function: cubic-bezier(.4,0,.2,1);
+ transition-duration: .3s;
+}
+.home #store ul li > a img {
+ background-color: #f3f4f6;
+ height: 12rem;
+ object-fit: cover;
+ width: 100%;
+ box-shadow: inset 0 0 240px rgba(var(--red), var(--green), var(--blue), .6);
+ object-position: bottom center;
+}
+.home #store ul li > a .price {
+ font-weight: 700;
+ font-size: 1.875rem;
+ line-height: 2.25rem;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ padding-bottom: 2rem;
+ color: #1f2937;
+}
+.home #store ul li > a .price:first-letter {
+ display: inline-block;
+ font-weight: 600;
+ padding-right: .25rem;
+ color: #374151;
+}
+.home #store ul li > a .rating {
+ background-color: rgba(var(--red), var(--green), var(--blue), .7);
+ border-radius: 9999px;
+ font-weight: 700;
+ height: 2rem;
+ font-size: .875rem;
+ margin-top: 2rem;
+ position: absolute;
+ right: 2rem;
+ top: 12rem;
+ box-shadow: 0 0 transparent,0 0 transparent,inset 0 2px 4px 0 rgba(0,0,0,.06);
+ text-align: center;
+ color: #fff;
+ width: 5rem;
+ text-shadow: 0 0 1px rgba(0,0,0,20%),0 0 1px rgba(1,0,5,10%);
+ line-height: 2rem!important;
+}
+@media (min-width:640px) {
+ .home #intro nav {
+ max-width: 640px;
+ }
+}
+@media (min-width:768px) {
+ .home #testimonials ol {
+ padding: 1.75rem;
+ }
+ .home #testimonials li {
+ border-radius: .5rem;
+ font-size: 1.5rem;
+ line-height: 2rem;
+ padding: 2.5rem 1.75rem;
+ margin: 1rem;
+ width: 622px;
+ }
+ .home #products>a,
+ .home #store>a {
+ font-size: 1.125rem;
+ line-height: 1.75rem;
+ padding: .75rem 1.25rem;
+ }
+ .home #store ul {
+ grid-template-columns: repeat(2,minmax(0,1fr));
+ }
+ .home #intro nav {
+ max-width: 768px;
+ }
+ .home h1 {
+ font-size: 1.875rem;
+ line-height: 2.25rem;
+ }
+}
+@media (min-width:1024px) {
+ .home #testimonials ol {
+ padding: 2.5rem;
+ }
+ .home #testimonials li {
+ padding: 5rem 2.5rem;
+ margin: 1.25rem;
+ width: 850px;
+ }
+ .home #products>a,
+ .home #store>a {
+ padding: 1rem 1.5rem;
+ }
+ .home #store ul li > a img {
+ height: 16rem;
+ }
+ .home #store ul li > a .rating {
+ font-size: 1rem;
+ line-height: 1.5rem;
+ top: 16rem;
+ width: 6rem;
+ }
+ .home #store ul li {
+ width: 100%;
+ }
+ .home #store ul {
+ grid-template-columns: repeat(3,minmax(0,1fr));
+ }
+ .home #intro nav {
+ max-width: 1024px;
+ }
+ .home #intro {
+ padding-bottom: 3rem;
+ }
+}
+@media (min-width:1280px) {
+ .home #intro nav,
+ .home #testimonials>div,
+ .page main,
+ body>*,
+ header {
+ max-width: 1280px;
+ }
+}
+@media (min-width:1536px) {
+ .home #intro nav,
+ .home #testimonials>div,
+ .page main,
+ body>*,
+ header {
+ max-width: 1536px;
+ }
+}
+.contact-box {
+ display: grid;
+ grid-template-columns: repeat(1,minmax(0,1fr));
+}
+.contact-box p {
+ color: #1f2937;
+}
+.contact-box form div,
+footer nav {
+ margin: 1rem;
+}
+body.page form button {
+ border-radius: .75rem;
+ border: 2px solid rgb(var(--red), var(--green), var(--blue));
+ display: inline-block;
+ font-weight: 400;
+ font-size: 1rem;
+ line-height: 1.5rem;
+ margin-left: auto;
+ margin-right: auto;
+ padding: .25rem .5rem;
+ text-decoration: none;
+ transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
+ transition-timing-function: cubic-bezier(.4,0,.2,1);
+ transition-duration: .15s;
+ background-color: rgb(var(--red), var(--green), var(--blue));
+ color: #fff;
+}
+body.page form label {
+ display: inline-block;
+ color: #374151;
+ width: 5rem;
+}
+body.page form input,
+body.page form select,
+body.page form textarea {
+ background-color: #f3f4f6;
+ border-color: transparent;
+ border-radius: .375rem;
+ display: block;
+ margin-top: .25rem;
+ width: 100%;
+}
+body.page form input:focus,
+body.page form select:focus,
+body.page form textarea:focus {
+ background-color: #fff;
+ border-color: #6b7280;
+ box-shadow: 0 0 0 0 #fff,0 0 0 calc(0px) rgba(59,130,246,.5),0 0 transparent;
+}
+@media (min-width:768px) {
+ .home #description {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ body.page form button {
+ font-size: 1.125rem;
+ line-height: 1.75rem;
+ padding: .5rem 1rem;
+ }
+}
+.page.survey form li {
+ margin: 1rem;
+ clear: both;
+}
+.page.survey form label {
+ width: auto;
+}
+.page.survey form input,
+.page.survey form select {
+ float: right;
+ width: 12rem;
+}
+.page.survey form button {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+footer {
+ text-align: center;
+ vertical-align: bottom;
+}
+footer a {
+ display: inline-block;
+ flex-grow: 0;
+ font-weight: 700;
+ font-size: .75rem;
+ line-height: 1rem;
+ padding: .75rem;
+ color: #374151;
+ transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
+ transition-timing-function: cubic-bezier(.4,0,.2,1);
+ transition-duration: .15s;
+}
+footer a:focus {
+ color: rgb(var(--red), var(--green), var(--blue));
+}
+footer img {
+ margin: .75rem auto;
+}
+footer ul {
+ align-items: center;
+}
+footer li {
+ display: inline-block;
+}
+footer > div {
+ font-size: .875rem;
+ line-height: 1.25rem;
+ margin: 1.75rem;
+}
+footer i {
+ display: block;
+ height: 2rem;
+ width: 2rem;
+ transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
+ transition-property: all;
+ transition-timing-function: cubic-bezier(.4,0,.2,1);
+ transition-duration: .15s;
+}
+footer i:hover {
+ opacity: .9;
+}
+footer.dark {
+ background-color: #111827;
+ margin: 0;
+ max-width: none;
+ padding: 1.25rem;
+ color: #d1d5db;
+ width: 100vw;
+}
+footer.dark a {
+ color: #e5e7eb;
+}
+footer.dark a:focus {
+ color: #f3f4f6;
+}
+@media (min-width:640px) {
+ footer a {
+ padding: .5rem;
+ }
+}
+@media (min-width:1024px) {
+ .home h1 {
+ font-size: 2.25rem;
+ line-height: 2.5rem;
+ padding-top: 2.5rem;
+ }
+ .contact-box {
+ grid-template-columns: repeat(2,minmax(0,1fr));
+ }
+ body.page form button {
+ padding: .75rem 1.25rem;
+ }
+ footer a {
+ font-size: .875rem;
+ line-height: 1.25rem;
+ }
+}
+.border {
+ border-width: 1px;
+}
+.inline {
+ display: inline;
+}
+.table {
+ display: table;
+}
+.contents {
+ display: contents;
+}
+.float-left {
+ float: left;
+}
+.transform {
+ transform: translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
+}
\ No newline at end of file
diff --git a/static/robots.txt b/static/robots.txt
new file mode 100644
index 0000000..77470cb
--- /dev/null
+++ b/static/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /
\ No newline at end of file
diff --git a/themes/Eclectic/.gitignore b/themes/Eclectic/.gitignore
new file mode 100644
index 0000000..3c3629e
--- /dev/null
+++ b/themes/Eclectic/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/themes/Eclectic/LICENSE b/themes/Eclectic/LICENSE
new file mode 100644
index 0000000..a78bb6b
--- /dev/null
+++ b/themes/Eclectic/LICENSE
@@ -0,0 +1,23 @@
+MIT License
+
+NOTE: REQUIRES ATTRIBUTION IN FOOTER TO STAY INTACT FOR USAGE.
+
+Copyright (c) 2016-2020 Atishay Jain
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/themes/Eclectic/README.md b/themes/Eclectic/README.md
new file mode 100644
index 0000000..f4e8bd9
--- /dev/null
+++ b/themes/Eclectic/README.md
@@ -0,0 +1,175 @@
+Eclectic
+=====
+
+A theme for high performance customizable hugo websites.
+
+
+
+ NOTE: REQUIRES ATTRIBUTION IN FOOTER TO STAY INTACT FOR USAGE.
+
+See [atishay.me](https://github.com/atishay/atishay.github.io) for sample website.
+
+## Key Features:
+* Fast
+* Millions of color themes with CSS Variables
+* Color switcher to allow users to customize the color theme.
+* Dark mode support.
+* Structured metadata support for adding advanced content to any page (not just home page).
+* Configurable footer.
+* Search support (no external dependencies).
+* Full SEO with JSON-LD, twitter cards and open graph.
+* CSS Grid based powerful grid system.
+
+## Layout Types
+
+* `default` Pages with simple markdown content. Support structured metadata described below.
+* `post` Used for pages where the content has a sidebar, a cover image etc.
+* `contact` Used for Contact Us pages.
+
+## Images
+* `assets/image/favicon.svg` - Favicon SVG Version
+* `assets/image/favicon.png` - Favicon PNG Version
+* `assets/image/logo.svg` or `assets/image/logo.png` - Logo
+
+## Search
+* The theme creates a JSON of the entire website in the home pages's index.json which is used for search.
+* To get the search functionality, add the json output format to the home page.
+
+```
+[outputs]
+ home = [
+ "html",
+ "rss",
+ "json"
+ ]
+```
+
+## Series
+If `series` taxonomy is used, pages from the same series are shown in the related pages before using any other related pages.
+
+## Menus
+
+* `main` - Top menu shown in the header. Supports one nested level of submenus. Uses the Section name to find the appropriate top level item to highlight.
+* `footer` The footer menu (does not have submenu support).
+
+## Template blocks
+
+* `favicon` - Present in the `` tag. Defaults to basic favicon and basic apple touch icon support.
+* `social` - All the data for open graph, twitter cards and JSON-LD. Contains sub-blocks
+ * `opengraph` - For Open Graph tags
+ * `meta` - General meta tags like description and canonical url.
+ * `jsonld` - JSON-LD for Google.
+
+## Footer
+
+* The footer contains multiple sections that can be specified in the front matter. The template has special column arrangement for the sectioning as defined below.
+* There can be modified in the settings as an array in `Site.Params.Footer` with the following options
+
+ * `title` - Title of the section.
+ * `content` - In Markdown
+ * `image` - Show an image in the section (by default pulled to the left with 50% width).
+ * `recent` - Name of the section to show recents from.
+ * `recentCount` - Count for the recent range.
+ * `contact` - Optimized version of the contact us snippets. The order and contents are not customizable as you can still use markdown to make a custom version.
+ * `menu` - Displays the menu named `footer`. Does not have sub-menu support.
+
+## Column arrangements
+
+CSS Grids are used for column arrangements in the most logical manner.
+
+* 1 - Single Item
+* 2 - Two items till `md`
+* 3 - Three items till `lg`
+* 4 - 4 items till `xl`, 2 2 till `md`
+* 5 - 2 3 till `lg`, 2 2 1 till `md`
+* 6 - 3 3 till `lg`, 2 2 2 till `md`
+* 7 - 3 4 till `xl`, 3 3 1 till `lg`, 2 2 2 1 till `md`
+* 8 - 4 4 till `xl`, 2 2 2 2 till `md`
+* 9 - 3 3 3 till `lg`
+* 12 - 4 4 4 till `xl`, 3 3 3 3 till `lg`, 2 2 2 2 2 2 till `md`
+
+8 and 9 can be further improved if needed.
+
+## Settings
+
+* `Site.Params.colorPickerEnabled` Enable color picker to help the user switch color themes as well as dark mode.
+* `Site.Params.checksDarkMode` - Should enable automatic switching to dark mode based on media query.
+* `Site.Params.custom_css` - Custom CSS File for overrides.
+* `Site.Params.github` - Github link for the octocat on top right.
+* `Site.Params.custom_css` - Custom CSS Overrides file.
+* `Site.Author` - Contains `facebook`, `twitter`, `github`, `email`, `linkedin` and `name` fields.
+* `Site.Params.color` - Default theme color.
+* `Site.Params.description` - Default Description.
+* `Site.Params.sidebar` - Shared sidebar for all posts. Will be available under the post specific sidebar.
+* `Site.Params.sharedHeader` - List of sections where the header has no changes (like blogs unless we have a submenu). This cached headers to improve performance.
+* `Site.Params.Tex` - tex2svg hosted location.
+* `Site.Params.Guitar` - guitar2svg hosted location.
+* `Site.Params.scss` - Set this to true if using Hugo extended - the scss version is pre-compiled as main.css to support non-extended Hugo version. This is to allow new developers on Hugo to non get stuck with the extended requirement. Enable if looking for CSS bugs.
+
+## Browsers
+
+* This theme uses all modern CSS like CSS Variables, CSS Grid and Flexbox. Do not expect this to support older browsers.
+
+## Posts
+
+* Use Hugo Page Bundles for posts. The theme automatically picks up `cover.jpg` in the page bundle as the cover image.
+
+## Top Matter
+
+* `sidebar` - You can add stuff to the page sidebar by using a the front matter and passing a list to `sidebar` with `title` and `content` properties. `content` can be markdown.
+* `coverAnchor` - Add anchoring position for the cover image.
+
+## Shortcodes
+
+* `fig` Same as `figure`, but added support for providing image size.
+* `tex` Renders Latex as SVG. Optional parameter `inline` for inline latex. Needs `Site.Params.Tex` for the `tex2svg` hosting.
+* `guitar` Renders guitar tabs and chords using jtab. Needs `Site.Params.Guitar` for the `guitar2svg` hosting.
+
+## Structured metadata
+
+You can supplied structured metadata in a default page. These pages provide multiple sections with advanced styling and grouping into columns, support for carousels, lists etc. In the front matter, you can supply the following information a list in the `content` to render structured data:
+
+* `file` Reads the structured data from a file instead of from inline properties. The file can be present in the page bundle for the page or the asset bundle for the entire website. It is _recommended_ to use separate files if the data gets large.
+* `title` The title of the section
+* `subtitle` Section's subtitle
+* `image` Top level image for the section:
+ * `href` relative location fo the image inside assets folder.
+ * `alt` Alt text to the image
+ * `width` Desired width
+ * `height` Desired height
+* `content` Markdown content
+* `icon` Section icon (Can be a file relative to assets or a fontawesome name eg link for `fa-link`)
+* `items` List of items to display in the section. Each item contains the following:
+ * `title` Item's title
+ * `content` Markdown content of the item
+ * `image` Image for the item. Contains the following:
+ * `href` relative location
+ * `width` desired width
+ * `height` desired height
+ * `alt` Alt text to the image
+ * `anchor` Anchor location for resizing the image
+ * `attribution` Markdown content for image attribution.
+ * `icon` Contains the item's icon. Consists of:
+ * `href` relative location
+ * `alt` Alt text
+ * `width` Element width
+ * `height` Element height
+* `type` Section type. Can be one fo the following:
+ * Unspecified content grouped into columns as described in column arrangement.
+ * `left-image` Full sized image floated to the left.
+ * `item-icon-left` Icon is shown to the left of the item in the grid
+ * `full-width` Each item takes full width instead of being placed in the grid.
+ * `max-2` Alternate grid with maximum items specified each row to be 2.
+ * `filter` Provides a filter list. The top level has additional parameter called `filter` for the default filter. Each item has a a space separated list of filters in a field called `filter` applicable to the item.
+ * `blog` to show recent blog entries. Has additional parameters `count` which is the number of blog items and `section` which is the name of the section to get recent posts from.
+ * `carousel` Provides support for running a carousel of content.
+ * `centered` Provides content centered on the page behind the background image supplied as `background`
+ * `content` Renders the content of the page's markdown content outside of the params. If not provided, page's markdown is rendered at the bottom and honors the page's title and subtitle properties.
+
+NOTE: Almost all the properties are optional. The theme is usable without providing any of the config properties.
+
+## Credits
+`Ecelectic` is a collection of some of the best work in Hugo. It incorporates many of great components that the Hugo community provides. Here are some of them:
+* Hugo debug bar: https://github.com/JugglerX/hugo-debug-bar
+* Hugo tag cloud: https://www.sidorenko.io/post/2017/07/nice-tagcloud-with-hugo/
+* Series in Hugo: https://discourse.gohugo.io/t/previous-in-series-and-next-in-series-links/2654/6
diff --git a/themes/Eclectic/archetypes/default.md b/themes/Eclectic/archetypes/default.md
new file mode 100644
index 0000000..91065c9
--- /dev/null
+++ b/themes/Eclectic/archetypes/default.md
@@ -0,0 +1,6 @@
+---
+date: {{ .Date }}
+title: "{{ replace .Name "-" " " | title }}"
+description: "Placeholder"
+draft: true
+---
diff --git a/themes/Eclectic/archetypes/post/cover.jpg b/themes/Eclectic/archetypes/post/cover.jpg
new file mode 100644
index 0000000..f1a83c9
Binary files /dev/null and b/themes/Eclectic/archetypes/post/cover.jpg differ
diff --git a/themes/Eclectic/archetypes/post/index.md b/themes/Eclectic/archetypes/post/index.md
new file mode 100644
index 0000000..68ce4a4
--- /dev/null
+++ b/themes/Eclectic/archetypes/post/index.md
@@ -0,0 +1,13 @@
+---
+date: {{ .Date }}
+type: post
+title: "{{ replace .Name "-" " " | title }}"
+description: "Placeholder"
+draft: true
+tags:
+sidebar:
+ - title: attribution
+ content: "Image by author from [Website](Link)"
+categories:
+ - general
+---
diff --git a/themes/Eclectic/assets/compiled/main.css b/themes/Eclectic/assets/compiled/main.css
new file mode 100644
index 0000000..99a5526
--- /dev/null
+++ b/themes/Eclectic/assets/compiled/main.css
@@ -0,0 +1,6323 @@
+/*
+ atishay.me // Pre-compiled scss file.
+
+ {{- $color := (int (print "0x" ($.Site.Params.color | default "#f92b3f" | strings.TrimLeft "#"))) -}}
+ {{- $b := mod $color 256 -}}
+ {{- $color = sub $color $b -}}
+ {{- $color = div $color 256 -}}
+ {{- $g := mod $color 256 -}}
+ {{- $color = sub $color $g -}}
+ {{- $r := div $color 256 -}}
+ {{- $cover := (partial "util/backgroundImage.html" .).Permalink -}}
+ {{- $coverDark := (partial "util/backgroundImageDark.html" .).Permalink -}}
+*/
+
+:root {
+ --theme-color-rgb: {{$r}}, {{$g}}, {{$b}};
+}
+
+:root {
+ --max-width: 100vw;
+ --header-height: 60px;
+ --background-color-rgb: 255, 255, 255;
+ --text-color-rgb: 0, 0, 0;
+ --theme-color: rgba(var(--theme-color-rgb), 1.0);
+ --background-color: rgba(var(--background-color-rgb), 1.0);
+ --text-color: #666;
+ --content-padding: 15px;
+ --heading-color: #444;
+ --shade-color: #f6f6f6;
+ --hover-color: #111;
+}
+
+@media (min-width: 576px) {
+ :root {
+ --max-width: 540px;
+ }
+}
+
+@media (min-width: 768px) {
+ :root {
+ --max-width: 720px;
+ }
+}
+
+@media (min-width: 992px) {
+ :root {
+ --header-height: 75px;
+ --max-width: 960px;
+ }
+}
+
+@media (min-width: 1200px) {
+ :root {
+ --max-width: 1140px;
+ }
+}
+
+.dark:root {
+ --background-color-rgb: 35, 35, 37;
+ --text-color-rgb: 255, 240, 230;
+ --heading-color: rgb(226, 217, 211);
+ --shade-color: rgb(20, 20, 20);
+ --text-color: rgb(185, 178, 167);
+ --hover-color: rgb(220, 210, 200);
+}
+
+* {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ scroll-behavior: smooth;
+ text-align: justify;
+ text-decoration-skip-ink: auto;
+}
+
+html {
+ display: flex;
+ min-height: 100%;
+ background-image: linear-gradient(to bottom, #1d1d1d 0%, #1d1d1d 200px, var(--background-color) 200px, var(--background-color) calc(100% - 200px), transparent calc(100% - 200px), transparent calc(100% - 2px), var(--theme-color) calc(100% - 2px)), linear-gradient(to left, var(--theme-color) 0%, var(--theme-color) var(--header-height), transparent var(--header-height));
+ background-color: var(--background-color);
+ opacity: 1 !important;
+ overflow-x: hidden;
+ width: 100vw;
+}
+
+body {
+ border-bottom: 2px solid #1d1d1d;
+ background: var(--background-color);
+ font-size: 14px;
+ font-weight: 400;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+ color: var(--text-color);
+ line-height: 25px;
+ display: flex;
+ flex-direction: column;
+ flex: 1;
+ width: 100vw;
+ overflow-x: hidden;
+ padding-top: var(--header-height);
+}
+
+body>article,
+body>section {
+ flex: 1;
+ background: var(--background-color);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-weight: 500;
+ color: var(--heading-color);
+}
+
+h1 {
+ font-size: 30px;
+ padding: 20px 0;
+}
+
+h2 {
+ line-height: 30px;
+ margin: 30px 0 8px;
+ font-size: 21px;
+}
+
+h3 {
+ line-height: 20px;
+ margin: 20px 0 8px;
+ font-size: 16px;
+}
+
+h4 {
+ line-height: 18px;
+ margin: 10px 0 8px;
+ font-size: 16px;
+}
+
+article {
+ padding-top: 50px;
+ padding-bottom: 50px;
+}
+
+ul,
+ol {
+ padding: 0 0 0 40px;
+}
+
+li:hover,
+li.hover {
+ color: var(--hover-color);
+}
+
+p {
+ margin-bottom: 16px;
+}
+
+p:hover,
+p.hover {
+ color: var(--hover-color);
+ text-shadow: 0 0 2px rgba(var(--background-color-rgb), 0.5);
+}
+
+a {
+ text-decoration: none;
+ color: var(--theme-color);
+}
+
+a:hover {
+ filter: brightness(85%);
+}
+
+strong {
+ font-style: normal;
+ font-weight: 500;
+}
+
+blockquote {
+ margin: 40px 0;
+ quotes: "“""‘";
+ font-family: cursive;
+ font-size: 25px;
+ line-height: 35px;
+}
+
+blockquote:before {
+ font-family: _serif;
+ content: open-quote;
+ font-size: 60px;
+ float: left;
+ padding-right: 20px;
+}
+
+::selection {
+ background: var(--theme-color);
+ color: var(--background-color);
+ text-shadow: none;
+}
+
+input,
+textarea {
+ background: rgba(var(--text-color-rgb), 0.05) none repeat scroll 0 0;
+ color: var(--text-color);
+ font-size: 15px;
+ padding: 12px;
+ touch-action: manipulation;
+ box-shadow: none;
+ border: none;
+ background-image: none;
+ border: 1px solid rgba(var(--text-color-rgb), 0.15);
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+}
+
+input:focus,
+textarea:focus {
+ border-color: var(--theme-color);
+ outline: none;
+}
+
+.chroma td:first-child {
+ border-right: 1px solid rgba(var(--text-color-rgb), 0.1);
+ padding-left: 5px;
+}
+
+.chroma td.lntd:nth-child(2) {
+ padding-left: 10px;
+}
+
+.chroma table::-webkit-scrollbar {
+ border: none;
+}
+
+.chroma table::-webkit-scrollbar-button {
+ background-color: #666;
+}
+
+.chroma table::-webkit-scrollbar-track {
+ background-color: #646464;
+ border: none;
+}
+
+.chroma table::-webkit-scrollbar-track-piece {
+ background-color: #272822;
+ border: none;
+}
+
+.chroma table::-webkit-scrollbar-thumb {
+ background-color: #666;
+ overflow: hidden;
+ box-shadow: none;
+}
+
+.chroma table::-webkit-scrollbar-corner {
+ background-color: #646464;
+}
+
+.chroma table::-webkit-resizer {
+ background-color: #666;
+}
+
+dt {
+ font-weight: 600;
+ padding: 5px;
+ margin: 0 0 5px;
+ background-color: rgba(var(--theme-color-rgb), 0.1);
+}
+
+dd {
+ margin-left: 80px;
+}
+
+table {
+ border-collapse: collapse;
+ width: 100%;
+ border-bottom: 1px solid rgba(var(--theme-color-rgb), 0.3);
+}
+
+table thead {
+ background-color: rgba(var(--theme-color-rgb), 0.3);
+}
+
+table tr:nth-child(even) {
+ background-color: rgba(var(--theme-color-rgb), 0.1);
+}
+
+table td,
+table th {
+ padding: 4px;
+}
+
+table tr:hover {
+ background-color: rgba(var(--theme-color-rgb), 0.3);
+}
+
+.highlight {
+ padding-bottom: 3px;
+ background-color: #272822;
+ margin-bottom: 20px;
+}
+
+.highlight table {
+ border-collapse: unset;
+ width: auto;
+ border-bottom: none;
+}
+
+.highlight table tr:nth-child(even) {
+ background-color: transparent;
+}
+
+.highlight table thead {
+ background-color: transparent;
+}
+
+.highlight table tr:hover {
+ background-color: transparent;
+}
+
+.highlight table td,
+.highlight table th {
+ padding: 0;
+}
+
+.highlight table td:nth-child(2) {
+ width: 99%;
+}
+
+button,
+.button,
+.button-small {
+ cursor: pointer;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: middle;
+ border-radius: 0px;
+ font-weight: 500;
+ color: var(--theme-color);
+ background: transparent;
+ font-size: 16px;
+ padding: 13px 30px;
+ user-select: none;
+ text-transform: none;
+ border: transparent;
+ display: inline-block;
+ position: relative;
+ overflow: hidden;
+ border: 2px solid var(--theme-color);
+ transition: color .1s;
+ z-index: 2;
+}
+
+button:focus,
+.button:focus,
+.button-small:focus {
+ outline: none;
+}
+
+button:checked,
+button:hover,
+button:focus,
+.button:checked,
+.button:hover,
+.button:focus,
+.button-small:checked,
+.button-small:hover,
+.button-small:focus {
+ color: #fff;
+ filter: none;
+}
+
+button:checked:hover,
+.button:checked:hover,
+.button-small:checked:hover {
+ transition: filter 0.5s ease-in;
+ filter: brightness(90%);
+}
+
+button:before,
+.button:before,
+.button-small:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ background: var(--theme-color);
+ height: 150px;
+ width: calc(100% + 60px);
+ border-radius: 50%;
+ top: 100%;
+ left: 100%;
+ transition: all .5s;
+}
+
+button:checked:before,
+button:hover:before,
+button:focus:before,
+.button:checked:before,
+.button:hover:before,
+.button:focus:before,
+.button-small:checked:before,
+.button-small:hover:before,
+.button-small:focus:before {
+ top: -30px;
+ left: -30px;
+}
+
+button.disabled,
+.button.disabled,
+.button-small.disabled {
+ pointer-events: none;
+ opacity: 0.5;
+}
+
+.button-small {
+ font-size: 12px;
+ padding: 5px 13px;
+}
+
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ border: 0;
+}
+
+.title {
+ text-align: center;
+ color: var(--text-color-rgb, 0.95);
+}
+
+.subtitle {
+ display: block;
+ text-align: center;
+ padding-bottom: 30px;
+ font-style: italic;
+ text-shadow: 1px 1px 3px var(--background-color);
+}
+
+.center {
+ text-align: center;
+}
+
+.items-12,
+.blog-posts {
+ display: grid;
+ grid-template-columns: 1fr;
+ grid-column-gap: 20px;
+ grid-row-gap: 20px;
+}
+
+@media (min-width: 768px) {
+
+ .items-12,
+ .blog-posts {
+ grid-template-columns: 1fr 1fr;
+ }
+}
+
+@media (min-width: 992px) {
+
+ .items-12,
+ .blog-posts {
+ grid-template-columns: 1fr 1fr 1fr;
+ }
+}
+
+@media (min-width: 1200px) {
+
+ .items-12,
+ .blog-posts {
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ }
+}
+
+.items-7 {
+ display: grid;
+ grid-template-columns: 1fr;
+ grid-column-gap: 20px;
+ grid-row-gap: 20px;
+}
+
+@media (min-width: 768px) {
+ .items-7 {
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ grid-template-areas: "one one two two""three three four four""five five six six"". seven seven .";
+ }
+}
+
+@media (min-width: 992px) {
+ .items-7 {
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-template-areas: "one two three""four five six"". seven .";
+ }
+}
+
+@media (min-width: 1200px) {
+ .items-7 {
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
+ grid-template-areas: "one one one one two two two two three three three three""four four four five five five six six six seven seven seven";
+ }
+}
+
+@media (min-width: 768px) {
+ .items-7>*:nth-child(1) {
+ grid-area: one;
+ }
+
+ .items-7>*:nth-child(2) {
+ grid-area: two;
+ }
+
+ .items-7>*:nth-child(3) {
+ grid-area: three;
+ }
+
+ .items-7>*:nth-child(4) {
+ grid-area: four;
+ }
+
+ .items-7>*:nth-child(5) {
+ grid-area: five;
+ }
+
+ .items-7>*:nth-child(6) {
+ grid-area: six;
+ }
+
+ .items-7>*:nth-child(7) {
+ grid-area: seven;
+ }
+}
+
+.items-5 {
+ display: grid;
+ grid-template-columns: 1fr;
+ grid-column-gap: 20px;
+ grid-row-gap: 20px;
+ grid-column-gap: 20px;
+}
+
+@media (min-width: 768px) {
+ .items-5 {
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ grid-template-areas: "one one two two""three three four four"". five five .";
+ }
+}
+
+@media (min-width: 992px) {
+ .items-5 {
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+ grid-template-areas: "one one one two two two""three three four four five five";
+ }
+}
+
+@media (min-width: 768px) {
+ .items-5>*:nth-child(1) {
+ grid-area: one;
+ }
+
+ .items-5>*:nth-child(2) {
+ grid-area: two;
+ }
+
+ .items-5>*:nth-child(3) {
+ grid-area: three;
+ }
+
+ .items-5>*:nth-child(4) {
+ grid-area: four;
+ }
+
+ .items-5>*:nth-child(5) {
+ grid-area: five;
+ }
+}
+
+.items-4,
+.items-8 {
+ display: grid;
+ grid-template-columns: 1fr;
+ grid-column-gap: 20px;
+ grid-row-gap: 20px;
+}
+
+@media (min-width: 768px) {
+
+ .items-4,
+ .items-8 {
+ grid-template-columns: 1fr 1fr;
+ }
+}
+
+@media (min-width: 1200px) {
+
+ .items-4,
+ .items-8 {
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ }
+}
+
+@media (min-width: 768px) {
+ .items-6 {
+ grid-template-columns: 1fr 1fr;
+ }
+}
+
+.items-3,
+.items-6,
+.items-9 {
+ display: grid;
+ grid-template-columns: 1fr;
+ grid-column-gap: 20px;
+ grid-row-gap: 20px;
+}
+
+@media (min-width: 992px) {
+
+ .items-3,
+ .items-6,
+ .items-9 {
+ grid-template-columns: 1fr 1fr 1fr;
+ }
+}
+
+.items-2 {
+ display: grid;
+ grid-template-columns: 1fr;
+ grid-column-gap: 20px;
+ grid-row-gap: 20px;
+}
+
+@media (min-width: 768px) {
+ .items-2 {
+ grid-template-columns: 1fr 1fr;
+ }
+}
+
+.items-1 {
+ display: block;
+}
+
+.float-3 {
+ width: 100%;
+ float: left;
+ margin: 15px;
+}
+
+@media (min-width: 992px) {
+ .float-3 {
+ width: 33%;
+ }
+}
+
+.full {
+ width: 100%;
+}
+
+figure {
+ border: 1px solid rgba(var(--text-color-rgb), 0.1);
+ border-radius: 5px;
+ overflow: hidden;
+}
+
+figure img {
+ width: 100%;
+ height: auto;
+}
+
+figcaption {
+ padding: 0 5px;
+ text-align: center;
+}
+
+figcaption h4 {
+ margin: 0 !important;
+ padding: 0 !important;
+ text-align: center;
+}
+
+figcaption p {
+ text-align: center;
+}
+
+.hidden {
+ visibility: hidden;
+}
+
+@keyframes rubberBand {
+ from {
+ transform: scale3d(1, 1, 1);
+ }
+
+ 30% {
+ transform: scale3d(1.25, 0.75, 1);
+ }
+
+ 40% {
+ transform: scale3d(0.75, 1.25, 1);
+ }
+
+ 50% {
+ transform: scale3d(1.15, 0.85, 1);
+ }
+
+ 65% {
+ transform: scale3d(0.95, 1.05, 1);
+ }
+
+ 75% {
+ transform: scale3d(1.05, 0.95, 1);
+ }
+
+ to {
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+@keyframes bounceInLeftNoDelay {
+ 0% {
+ transform: translate3d(-100vw, 0, 0) scale3d(1.1, 0.8, 1);
+ }
+
+ 50% {
+ transform: translate3d(0, 0, 0);
+ }
+
+ 60% {
+ transform: translate3d(25px, 0, 0) scale3d(0.9, 1.2, 1);
+ }
+
+ 75% {
+ transform: translate3d(-10px, 0, 0) scale3d(1.05, 0.95, 1);
+ }
+
+ 90% {
+ transform: translate3d(5px, 0, 0);
+ }
+
+ 100% {
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@keyframes bounceInRightNoDelay {
+ 0% {
+ transform: translate3d(100vw, 0, 0) scale3d(1.1, 0.8, 1);
+ }
+
+ 50% {
+ transform: translate3d(0, 0, 0);
+ }
+
+ 60% {
+ transform: translate3d(-25px, 0, 0) scale3d(0.9, 1.2, 1);
+ }
+
+ 75% {
+ transform: translate3d(10px, 0, 0) scale3d(1.05, 0.95, 1);
+ }
+
+ 90% {
+ transform: translate3d(-5px, 0, 0);
+ }
+
+ 100% {
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@keyframes bounceInLeft {
+
+ 0%,
+ 20% {
+ transform: translate3d(-100vw, 0, 0) scale3d(1.1, 0.8, 1);
+ }
+
+ 60% {
+ transform: translate3d(0, 0, 0);
+ }
+
+ 68% {
+ transform: translate3d(25px, 0, 0) scale3d(0.9, 1.2, 1);
+ }
+
+ 80% {
+ transform: translate3d(-10px, 0, 0) scale3d(1.05, 0.95, 1);
+ }
+
+ 92% {
+ transform: translate3d(5px, 0, 0);
+ }
+
+ 100% {
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@keyframes bounceInRight {
+
+ 0%,
+ 20% {
+ transform: translate3d(100vw, 0, 0) scale3d(1.1, 0.8, 1);
+ }
+
+ 60% {
+ transform: translate3d(0, 0, 0);
+ }
+
+ 68% {
+ transform: translate3d(-25px, 0, 0) scale3d(0.9, 1.2, 1);
+ }
+
+ 80% {
+ transform: translate3d(10px, 0, 0) scale3d(1.05, 0.95, 1);
+ }
+
+ 92% {
+ transform: translate3d(-5px, 0, 0);
+ }
+
+ 100% {
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@keyframes fade-up-item-1 {
+
+ 0%,
+ 0% {
+ transform: translate3d(0, 200px, 0);
+ opacity: 0;
+ }
+
+ 9% {
+ transform: translate3d(0, -10px, 0);
+ opacity: 0.9;
+ }
+
+ 10% {
+ transform: translate3d(0, 5px, 0);
+ opacity: 1.0;
+ }
+
+ 10%,
+ 100% {
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
+}
+
+@keyframes fade-up-item-2 {
+
+ 0%,
+ 10% {
+ transform: translate3d(0, 200px, 0);
+ opacity: 0;
+ }
+
+ 19% {
+ transform: translate3d(0, -10px, 0);
+ opacity: 0.9;
+ }
+
+ 20% {
+ transform: translate3d(0, 5px, 0);
+ opacity: 1.0;
+ }
+
+ 20%,
+ 100% {
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
+}
+
+@keyframes fade-up-item-3 {
+
+ 0%,
+ 20% {
+ transform: translate3d(0, 200px, 0);
+ opacity: 0;
+ }
+
+ 29% {
+ transform: translate3d(0, -10px, 0);
+ opacity: 0.9;
+ }
+
+ 30% {
+ transform: translate3d(0, 5px, 0);
+ opacity: 1.0;
+ }
+
+ 30%,
+ 100% {
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
+}
+
+@keyframes fade-up-item-4 {
+
+ 0%,
+ 30% {
+ transform: translate3d(0, 200px, 0);
+ opacity: 0;
+ }
+
+ 39% {
+ transform: translate3d(0, -10px, 0);
+ opacity: 0.9;
+ }
+
+ 40% {
+ transform: translate3d(0, 5px, 0);
+ opacity: 1.0;
+ }
+
+ 40%,
+ 100% {
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
+}
+
+@keyframes fade-up-item-5 {
+
+ 0%,
+ 40% {
+ transform: translate3d(0, 200px, 0);
+ opacity: 0;
+ }
+
+ 49% {
+ transform: translate3d(0, -10px, 0);
+ opacity: 0.9;
+ }
+
+ 50% {
+ transform: translate3d(0, 5px, 0);
+ opacity: 1.0;
+ }
+
+ 50%,
+ 100% {
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
+}
+
+@keyframes fade-up-item-6 {
+
+ 0%,
+ 50% {
+ transform: translate3d(0, 200px, 0);
+ opacity: 0;
+ }
+
+ 59% {
+ transform: translate3d(0, -10px, 0);
+ opacity: 0.9;
+ }
+
+ 60% {
+ transform: translate3d(0, 5px, 0);
+ opacity: 1.0;
+ }
+
+ 60%,
+ 100% {
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
+}
+
+@keyframes fade-up-item-7 {
+
+ 0%,
+ 60% {
+ transform: translate3d(0, 200px, 0);
+ opacity: 0;
+ }
+
+ 69% {
+ transform: translate3d(0, -10px, 0);
+ opacity: 0.9;
+ }
+
+ 70% {
+ transform: translate3d(0, 5px, 0);
+ opacity: 1.0;
+ }
+
+ 70%,
+ 100% {
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
+}
+
+@keyframes fade-up-item-8 {
+
+ 0%,
+ 70% {
+ transform: translate3d(0, 200px, 0);
+ opacity: 0;
+ }
+
+ 79% {
+ transform: translate3d(0, -10px, 0);
+ opacity: 0.9;
+ }
+
+ 80% {
+ transform: translate3d(0, 5px, 0);
+ opacity: 1.0;
+ }
+
+ 80%,
+ 100% {
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
+}
+
+@keyframes fade-up-item-9 {
+
+ 0%,
+ 80% {
+ transform: translate3d(0, 200px, 0);
+ opacity: 0;
+ }
+
+ 89% {
+ transform: translate3d(0, -10px, 0);
+ opacity: 0.9;
+ }
+
+ 90% {
+ transform: translate3d(0, 5px, 0);
+ opacity: 1.0;
+ }
+
+ 90%,
+ 100% {
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
+}
+
+@keyframes fade-up-item-10 {
+
+ 0%,
+ 90% {
+ transform: translate3d(0, 200px, 0);
+ opacity: 0;
+ }
+
+ 99% {
+ transform: translate3d(0, -10px, 0);
+ opacity: 0.9;
+ }
+
+ 100% {
+ transform: translate3d(0, 5px, 0);
+ opacity: 1.0;
+ }
+
+ 100%,
+ 100% {
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
+}
+
+@keyframes zoomIn {
+ 0% {
+ opacity: 0;
+ }
+
+ 50% {
+ opacity: 1;
+ transform: scale3d(1.1, 1.1, 1);
+ }
+
+ 100% {
+ opacity: 1;
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+header {
+ width: 100%;
+ padding-left: calc((100% - var(--max-width)) /2 + var(--content-padding));
+ padding-right: calc((100% - var(--max-width)) /2 + var(--content-padding));
+ position: fixed;
+ top: 0;
+ background: var(--background-color);
+ box-shadow: 0 1px 1px rgba(var(--text-color-rgb), 0.1), 0 -2px var(--theme-color);
+ display: flex;
+ align-items: center;
+ min-height: var(--header-height);
+ flex-wrap: wrap;
+ z-index: 10;
+ will-change: transform;
+ margin-bottom: 7px;
+}
+
+#scroll-indicator {
+ position: absolute;
+ bottom: -2px;
+ left: 0;
+ height: 2px;
+ background: var(--theme-color);
+ border-bottom-right-radius: 1px;
+ border-top-right-radius: 1px;
+}
+
+.logo {
+ height: var(--header-height);
+ display: flex;
+ align-items: center;
+}
+
+.logo svg {
+ fill: var(--text-color);
+ stroke: var(--text-color);
+ width: 130px;
+ height: 47px;
+}
+
+.hamburger {
+ display: block;
+ width: calc(8px + var(--header-height) / 2);
+ height: calc(8px + var(--header-height) / 2);
+ margin: calc(calc(var(--header-height) - calc(8px + var(--header-height) / 2)) / 2) 0;
+ position: absolute;
+ cursor: pointer;
+ top: 0;
+ opacity: 0;
+ z-index: 2;
+}
+
+.hamburger~.icon {
+ display: block;
+ width: calc(8px + var(--header-height) / 2);
+ height: calc(8px + var(--header-height) / 2);
+ position: relative;
+ background: #EEE;
+ z-index: 1;
+ padding: 4px;
+ fill: rgba(0, 0, 0, 0.5);
+ border-radius: 2px;
+ margin: 0 15px 0 0;
+}
+
+.hamburger~.icon svg {
+ width: 100%;
+ height: 100%;
+}
+
+.hamburger:checked~.icon .bar:nth-of-type(2) {
+ opacity: 0;
+}
+
+.hamburger:checked~.icon .bar:nth-of-type(3) {
+ transform: translateY(5px) translateX(4px) rotateZ(-225deg);
+ transform-origin: center;
+}
+
+.hamburger:checked~.icon .bar:nth-of-type(1) {
+ transform: translateY(-5px) translateX(2px) rotateZ(225deg);
+ transform-origin: center;
+}
+
+@media (min-width: 768px) {
+
+ .hamburger,
+ .hamburger~.icon {
+ display: none;
+ }
+}
+
+@media (max-width: 767px) {
+ .hamburger:checked~.top-menu {
+ max-height: 100vh;
+ opacity: 1;
+ padding: 15px 0;
+ }
+}
+
+.top-menu {
+ font-weight: 400;
+}
+
+@media (max-width: 767px) {
+ .top-menu {
+ flex-grow: 1;
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ max-height: 0;
+ opacity: 0;
+ overflow: hidden;
+ transition: all 0.3s ease-out;
+ border-top: 1px solid #eee;
+ }
+}
+
+@media (min-width: 768px) {
+ .top-menu {
+ display: inline-flex;
+ flex-wrap: wrap;
+ align-items: stretch;
+ height: var(--header-height);
+ }
+}
+
+.top-menu-item {
+ list-style: none;
+ display: flex;
+ align-items: center;
+}
+
+.top-menu-item.active>a,
+.top-menu-item:hover>a {
+ color: var(--theme-color);
+}
+
+@media (min-width: 768px) {
+ .top-menu-item {
+ position: relative;
+ }
+
+ .top-menu-item.active::after {
+ content: " ";
+ background: var(--theme-color);
+ position: absolute;
+ width: 100%;
+ left: 0;
+ bottom: 0;
+ height: 5px;
+ }
+}
+
+.top-menu-item a {
+ text-decoration: none;
+ color: inherit;
+ display: inline-block;
+ width: 100%;
+}
+
+@media (min-width: 992px) {
+ .top-menu-item a {
+ padding: 10px 20px;
+ }
+}
+
+@media (max-width: 991px) {
+ .top-menu-item a {
+ padding: 5px 8px;
+ font-size: 12px;
+ }
+}
+
+@media (max-width: 767px) {
+ .top-menu-item a {
+ padding: 12px 0px;
+ font-size: 12px;
+ }
+}
+
+@media (max-width: 767px) {
+ .top-menu-item {
+ flex-direction: column;
+ align-items: flex-start;
+ }
+}
+
+.sub-menu {
+ position: absolute;
+ top: var(--header-height);
+ max-height: 0;
+ overflow: hidden;
+ display: flex;
+ flex-direction: column;
+ box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
+ background: var(--background-color);
+ min-width: 200px;
+ border-color: rgba(var(--text-color-rgb), 0.1);
+ transition: max-height, opacity 0.3s ease-out;
+}
+
+.sub-menu li {
+ list-style: none;
+}
+
+.sub-menu li a {
+ padding: 10px;
+}
+
+.sub-menu li.active>a,
+.sub-menu li:hover>a {
+ color: var(--theme-color);
+}
+
+.sub-menu li:not(:last-child) {
+ border-bottom: 1px dotted rgba(var(--text-color-rgb), 0.1);
+}
+
+@media (max-width: 767px) {
+ .sub-menu {
+ position: static;
+ max-height: 100vh;
+ box-shadow: none;
+ border-top: 1px solid rgba(var(--text-color-rgb), 0.1);
+ border-bottom: 1px dotted rgba(var(--text-color-rgb), 0.1);
+ background: transparent;
+ }
+}
+
+@media (min-width: 769px) {
+ .top-menu-item:hover .sub-menu {
+ max-height: 100vh;
+ opacity: 1;
+ border: 1px solid rgba(var(--text-color-rgb), 0.1);
+ }
+}
+
+.github-corner {
+ position: absolute;
+ top: 0;
+ border: 0;
+ right: 0;
+}
+
+.github-corner svg {
+ width: var(--header-height);
+ height: var(--header-height);
+ color: var(--background-color);
+ fill: var(--theme-color);
+ position: absolute;
+ top: 0;
+ border: 0;
+ right: 0;
+}
+
+.github-corner:before {
+ content: " ";
+ position: absolute;
+ right: 0;
+ top: -200px;
+ height: 200px;
+ z-index: 1;
+ background: var(--theme-color);
+ width: var(--header-height);
+}
+
+.github-corner .octo-arm {
+ transform-origin: 130px 106px;
+}
+
+.github-corner:hover .octo-arm {
+ animation: octocat-wave 560ms ease-in-out;
+}
+
+@keyframes octocat-wave {
+
+ 0%,
+ 100% {
+ transform: rotate(0);
+ }
+
+ 20%,
+ 60% {
+ transform: rotate(-25deg);
+ }
+
+ 40%,
+ 80% {
+ transform: rotate(10deg);
+ }
+}
+
+@media (max-width: 575px) {
+ .github-corner:hover .octo-arm {
+ animation: none;
+ }
+
+ .github-corner .octo-arm {
+ animation: octocat-wave 560ms ease-in-out;
+ }
+}
+
+@media (max-width: 767px) {
+ #header {
+ transition: transform 0.2s ease-in;
+ }
+
+ #header #color-picker {
+ transition: opacity 0.2s ease-in;
+ }
+
+ .header-unpin {
+ transform: translateY(calc(-2px - var(--header-height)));
+ }
+
+ .header-unpin #color-picker {
+ opacity: 0;
+ }
+
+ .header-pin {
+ transform: translateY(0);
+ }
+
+ .header-pin #color-picker {
+ opacity: 1;
+ }
+}
+
+.scroll-up {
+ opacity: 0;
+ width: 30px;
+ height: 30px;
+ position: fixed;
+ right: 20px;
+ bottom: 20px;
+ z-index: 2;
+ transition: transform 0.2s ease-in, opacity 0.2s ease-in;
+ will-change: transform;
+}
+
+.scroll-up svg {
+ background-color: var(--theme-color);
+ padding: 5px;
+ fill: var(--background-color);
+}
+
+.scroll-up:hover {
+ transform: scale(1.1, 1.1);
+ filter: none;
+}
+
+.scroll-up.visible {
+ opacity: 1;
+}
+
+@media (max-width: 767px) {
+ .scroll-up.visible.unpin {
+ opacity: 0;
+ }
+}
+
+#searchbox {
+ position: relative;
+ margin-left: auto;
+ max-height: var(--header-height);
+ padding-top: calc(var(--header-height)/4);
+ height: var(--header-height);
+ opacity: 0;
+}
+
+#searchbox.visible {
+ opacity: 1;
+}
+
+#searchbox>svg {
+ position: absolute;
+ left: 7px;
+ top: calc(var(--header-height)/4 + 7px);
+ color: rgba(var(--text-color-rgb), 0.2);
+ pointer-events: none;
+}
+
+@media (min-width: 992px) {
+ #searchbox>svg {
+ top: calc(var(--header-height)/4 + 10px);
+ }
+}
+
+#searchbox input {
+ height: calc(var(--header-height)/2);
+ line-height: calc(var(--header-height)/2);
+ font-size: calc(var(--header-height)/5);
+ border-radius: 50px;
+ padding: 7px 10px 7px 30px;
+ background: none;
+ width: 170px;
+ transition: all .2s ease-in-out;
+}
+
+#searchbox input~.results {
+ width: 130px;
+}
+
+#searchbox input:focus {
+ width: 300px;
+}
+
+#searchbox input:focus~.results {
+ width: 260px;
+ max-height: 500px;
+ transition: width .2s ease-in-out, max-height 0.5s ease-in-out;
+}
+
+#searchbox input:focus~svg {
+ color: rgba(var(--text-color-rgb), 0.6);
+}
+
+#searchbox .results {
+ max-height: 0;
+ overflow: hidden;
+ background: var(--background-color);
+ border-bottom-right-radius: 5px;
+ border-bottom-left-radius: 5px;
+ margin: -2px 20px 0;
+ box-shadow: 0 2px 2px #bbb;
+ transition: width .2s ease-in-out;
+}
+
+#searchbox .results>div {
+ cursor: pointer;
+ border-bottom: 1px solid #eee;
+ padding: 10px;
+ height: 80px;
+}
+
+#searchbox .results>div.hidden {
+ display: none;
+}
+
+#searchbox .results>div.selected {
+ background: rgba(var(--theme-color-rgb), 0.1);
+}
+
+#searchbox .results>div img {
+ float: left;
+ border-radius: 3px;
+ background: #DDD;
+ min-height: 50px;
+ margin: 5px 10px 5px 0;
+}
+
+#searchbox .results>div h2 {
+ font-size: 12px;
+ line-height: 14px;
+ margin: 0;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ padding: 0;
+ overflow: hidden;
+}
+
+#searchbox .results>div .description {
+ font-size: 10px;
+ line-height: 12px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ height: 30px;
+ text-align: left;
+ padding: 3px 0;
+}
+
+#searchbox .results>div>span {
+ font-size: 8px;
+ line-height: 10px;
+ display: flex;
+ align-items: center;
+ white-space: nowrap;
+ height: 14px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+#searchbox .results>div>span .category {
+ min-width: 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+#searchbox .results>div>span svg {
+ margin: 0 2px 0 5px;
+ min-width: 12px;
+}
+
+#searchbox .results>div>span svg:first-of-type {
+ margin-left: 0;
+}
+
+#searchbox .results>div::after {
+ content: " ";
+ display: block;
+ clear: both;
+}
+
+@media (max-width: 767px) {
+ #searchbox {
+ margin: 0;
+ position: absolute;
+ top: 0;
+ z-index: 3;
+ right: calc(50vw - var(--max-width)/2);
+ background: var(--background-color);
+ padding-top: calc(var(--header-height)/4);
+ height: var(--header-height);
+ }
+
+ #searchbox>svg {
+ top: calc(7px + var(--header-height)/4);
+ }
+
+ #searchbox .results {
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+
+ #searchbox input:focus {
+ width: calc(var(--max-width));
+ }
+
+ #searchbox input:focus~.results {
+ width: calc(var(--max-width) - 20px);
+ }
+}
+
+@media (max-width: 660px) {
+ #searchbox {
+ right: var(--header-height);
+ }
+
+ #searchbox input:focus {
+ margin-left: 20px;
+ width: calc(100vw - 2*var(--header-height));
+ }
+
+ #searchbox input:focus~.results {
+ margin-left: 30px;
+ width: calc(100vw - 2*var(--header-height) - 20px);
+ }
+
+ #searchbox input:focus~svg {
+ left: 27px;
+ }
+}
+
+@media (max-width: 575px) {
+ #searchbox input:focus {
+ margin-left: 0;
+ }
+
+ #searchbox input:focus~.results {
+ margin-left: 10px;
+ }
+
+ #searchbox input:focus~svg {
+ left: 7px;
+ }
+
+ #searchbox input:not(:focus) {
+ width: 0px;
+ padding-left: 25px;
+ border-radius: 0;
+ background: var(--theme-color);
+ border: none;
+ }
+
+ #searchbox input:not(:focus)~svg {
+ color: var(--background-color);
+ }
+
+ #searchbox input:not(:focus)~.results {
+ width: 0;
+ }
+}
+
+.no-js #color-picker {
+ display: none;
+}
+
+#color-picker {
+ position: absolute;
+ top: calc(var(--header-height) + 20px);
+ right: 10px;
+ z-index: 10;
+}
+
+#color-picker .theme {
+ display: none;
+}
+
+#color-picker:hover {
+ border-radius: 20px;
+ text-align: right;
+}
+
+#color-picker:hover::before {
+ content: " ";
+ position: absolute;
+ left: -10px;
+ right: 30px;
+ height: 5px;
+ background: var(--theme-color);
+ top: 14px;
+}
+
+#color-picker:hover::after {
+ content: " ";
+ width: 14px;
+ height: 14px;
+ border-radius: 50%;
+ left: -19px;
+ top: 9px;
+ display: block;
+ background: var(--theme-color);
+ position: absolute;
+}
+
+#color-picker:hover .theme {
+ display: inline-block;
+ height: 150px;
+ width: 200px;
+ margin-right: 20px;
+ background: var(--background-color);
+ border: 1px solid var(--theme-color);
+ vertical-align: top;
+ margin-top: 18px;
+}
+
+#color-picker:hover .theme h3 {
+ font-weight: 500;
+ text-align: center;
+}
+
+#color-picker:hover .theme .colors {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: center;
+ margin: 5px;
+}
+
+#color-picker:hover .theme .custom-color {
+ display: block;
+ text-align: center;
+}
+
+#color-picker:hover .theme .theme-choice {
+ margin: 5px 3px;
+ width: 20px;
+ height: 20px;
+ background-color: var(--color);
+ border-radius: 3px;
+ cursor: pointer;
+ box-shadow: 1px 1px 1px 0 var(--text-color);
+}
+
+#color-picker:hover .theme a {
+ margin: 0 5px;
+}
+
+#color-picker:hover .picker {
+ vertical-align: middle;
+ color: var(--background-color);
+ background: var(--theme-color);
+ transform: rotateZ(-180deg);
+}
+
+#color-picker .picker {
+ height: 30px;
+ width: 30px;
+ padding: 5px;
+ border-radius: 50%;
+ color: var(--theme-color);
+ border: 1px solid var(--theme-color);
+ cursor: pointer;
+ background: rgba(var(--background-color-rgb), 0.8);
+ transition: transform 0.2s ease-in;
+}
+
+#color-picker input[type="checkbox"] {
+ display: none;
+}
+
+#color-picker span {
+ vertical-align: middle;
+ display: inline-block;
+ padding: 5px 5px 5px 30px;
+}
+
+#color-picker .toggle {
+ position: relative;
+ display: inline-block;
+ width: 40px;
+ height: 20px;
+ vertical-align: middle;
+}
+
+#color-picker .toggle label,
+#color-picker .toggle i {
+ box-sizing: border-box;
+ display: block;
+ background: #ffffff;
+}
+
+#color-picker .toggle label {
+ width: 40px;
+ height: 20px;
+ border-radius: 32px;
+ border: 1px solid #e5e5e5;
+ transition: all 0.30s ease;
+}
+
+#color-picker .toggle i {
+ position: absolute;
+ top: 1px;
+ left: 1px;
+ width: 18px;
+ height: 18px;
+ border-radius: 18px;
+ box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25), 0 3px 3px 0 rgba(0, 0, 0, 0.15);
+ background: #ffffff;
+ transition: all 0.3s cubic-bezier(0.275, -0.45, 0.725, 1.45);
+}
+
+#color-picker input[type="checkbox"]:active+.toggle i {
+ width: 20px;
+}
+
+#color-picker input[type="checkbox"]:active+.toggle label,
+#color-picker input[type="checkbox"]:checked+.toggle label {
+ border: 10px solid #666;
+}
+
+#color-picker input[type="checkbox"]:active+.toggle label i,
+#color-picker input[type="checkbox"]:checked+.toggle label i {
+ background: #222;
+}
+
+#color-picker input[type="checkbox"]:checked+.toggle i {
+ left: 21px;
+}
+
+#color-picker input[type="checkbox"]:checked:active+.toggle label {
+ border: 10px solid #e5e5e5;
+}
+
+#color-picker input[type="checkbox"]:checked:active+.toggle i {
+ left: 14px;
+}
+
+/**
+ * Specific types for page type list.
+ **/
+.list,
+.terms,
+.page404 {
+ z-index: 1;
+ margin: calc(var(--header-height)/2);
+ width: 100%;
+ padding-left: var(--content-padding);
+ padding-right: var(--content-padding);
+ margin-left: calc((100% - var(--max-width))/2);
+ margin-right: calc((100% - var(--max-width))/2);
+ max-width: var(--max-width);
+ padding: calc(2*var(--content-padding));
+ background: rgba(var(--background-color-rgb), 0.9);
+ border-radius: 5px;
+ flex: 1;
+}
+
+.list:hover,
+.terms:hover,
+.page404:hover {
+ background: var(--background-color);
+}
+
+.list {
+ background: transparent;
+}
+
+.list:hover {
+ background: transparent;
+}
+
+.list .content {
+ background: var(--background-color);
+ padding: 5px;
+ background: var(--background-color);
+ padding: 5px 5px 0 5px;
+}
+
+.terms {
+ background: rgba(var(--background-color-rgb), 0.9);
+}
+
+.terms:hover {
+ background: var(--background-color);
+}
+
+.terms h4 {
+ display: inline-block;
+}
+
+.terms ol {
+ list-style: none;
+ padding: 0;
+}
+
+.terms ol>li ul {
+ border: 1px solid var(--theme-color);
+ border-top: 0;
+ border-bottom: 0;
+}
+
+.terms label {
+ padding: 5px 5px 5px 15px;
+ font-weight: bold;
+ cursor: pointer;
+ color: var(--background-color);
+ background: var(--theme-color);
+ display: block;
+}
+
+.terms label h4 a {
+ color: var(--background-color);
+}
+
+.terms label::after {
+ float: right;
+ content: "\276F";
+ width: 1em;
+ height: 1em;
+ text-align: center;
+ transition: all .35s;
+ transform-origin: 50% 100%;
+ right: 5px;
+}
+
+.terms li:first-child label {
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
+}
+
+.terms li:last-child label {
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px;
+}
+
+.terms input {
+ display: none;
+}
+
+.terms input~ul {
+ max-height: 0;
+ overflow: hidden;
+ transition: max-height 0.35s cubic-bezier(0, 1.05, 0, 1);
+}
+
+.terms input:checked+label::after {
+ transform: rotate(90deg);
+}
+
+.terms input:checked~ul {
+ max-height: 100vh;
+}
+
+.terms li:last-child input:checked+label {
+ border-radius: 0;
+}
+
+.terms li:last-child input:checked~ul {
+ border-bottom: 1px solid var(--theme-color);
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px;
+}
+
+.blog-posts {
+ width: 100%;
+ align-content: center;
+ padding: 0;
+}
+
+.blog-post {
+ contain: content;
+ list-style: none;
+ text-align: left;
+ padding: 15px;
+ background: var(--background-color);
+ box-shadow: 0 1px 1px rgba(var(--text-color-rgb), 0.1);
+ display: flex;
+ flex-direction: column;
+}
+
+.blog-post .banner-holder {
+ width: 100%;
+ position: relative;
+ padding-bottom: 75%;
+ overflow: hidden;
+}
+
+.blog-post .banner-holder img {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ transition: transform 0.2s linear;
+}
+
+.blog-post:hover .banner-holder img,
+.blog-post .banner-holder.hover img {
+ transform: scale(1.1);
+}
+
+.blog-post:hover,
+.blog-post.hover {
+ box-shadow: 0 0 40px rgba(var(--text-color-rgb), 0.1);
+}
+
+.blog-post hr {
+ border: none;
+ border-bottom: 1px dashed rgba(var(--text-color-rgb), 0.1);
+}
+
+.blog-post h3:hover {
+ color: var(--theme-color);
+}
+
+.blog-post p {
+ flex: 1;
+}
+
+.blog-post .blog-post-footer {
+ display: flex;
+}
+
+.blog-post .blog-post-footer a {
+ font-size: 12px;
+ padding-right: 15px;
+ color: var(--text-color);
+}
+
+.blog-post .blog-post-footer a:hover {
+ color: var(--theme-color);
+}
+
+.blog-post .blog-post-footer .categories {
+ text-align: right;
+ flex: 1;
+}
+
+.blog-post .blog-post-footer .categories svg {
+ fill: var(--theme-color);
+ vertical-align: middle;
+}
+
+.pagination {
+ list-style: none;
+ display: flex;
+ align-content: center;
+ justify-content: center;
+ padding: 40px 0 0;
+ flex-wrap: wrap;
+}
+
+.pagination .page-item {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+@media (max-width: 575px) {
+
+ .pagination .page-item:last-child,
+ .pagination .page-item:first-child {
+ display: none;
+ }
+}
+
+.pagination .page-link {
+ text-decoration: none;
+ background-color: var(--background-color);
+ box-shadow: 0 1px 1px rgba(var(--text-color-rgb), 0.1);
+ display: block;
+ padding: 10px;
+ margin: 10px;
+}
+
+.pagination .page-link:hover {
+ filter: none;
+ box-shadow: 0 0 40px rgba(var(--text-color-rgb), 0.1);
+ background: var(--theme-color);
+ color: var(--text-color);
+}
+
+.pagination .active .page-link {
+ background: var(--theme-color);
+ color: var(--background-color);
+ pointer-events: none;
+}
+
+.pagination .disabled .page-link {
+ background: rgba(var(--text-color-rgb), 0.1);
+ color: var(--text-color);
+ pointer-events: none;
+}
+
+.list .blog-post:nth-of-type(1) {
+ will-change: transform, opacity;
+ animation: fade-up-item-1 2s ease-in-out;
+}
+
+.list .blog-post:nth-of-type(2) {
+ will-change: transform, opacity;
+ animation: fade-up-item-2 2s ease-in-out;
+}
+
+.list .blog-post:nth-of-type(3) {
+ will-change: transform, opacity;
+ animation: fade-up-item-3 2s ease-in-out;
+}
+
+.list .blog-post:nth-of-type(4) {
+ will-change: transform, opacity;
+ animation: fade-up-item-4 2s ease-in-out;
+}
+
+.list .blog-post:nth-of-type(5) {
+ will-change: transform, opacity;
+ animation: fade-up-item-5 2s ease-in-out;
+}
+
+.list .blog-post:nth-of-type(6) {
+ will-change: transform, opacity;
+ animation: fade-up-item-6 2s ease-in-out;
+}
+
+.list .blog-post:nth-of-type(7) {
+ will-change: transform, opacity;
+ animation: fade-up-item-7 2s ease-in-out;
+}
+
+.list .blog-post:nth-of-type(8) {
+ will-change: transform, opacity;
+ animation: fade-up-item-8 2s ease-in-out;
+}
+
+.list .blog-post:nth-of-type(9) {
+ will-change: transform, opacity;
+ animation: fade-up-item-9 2s ease-in-out;
+}
+
+.list .blog-post:nth-of-type(10) {
+ will-change: transform, opacity;
+ animation: fade-up-item-10 2s ease-in-out;
+}
+
+.page404 .number {
+ font-family: cursive, serif;
+ font-size: 200px;
+ text-align: center;
+ line-height: normal;
+}
+
+.page404 .error-banner {
+ display: flex;
+ justify-content: center;
+}
+
+.page404 .error-banner svg {
+ position: relative;
+ overflow: visible;
+ z-index: 2;
+ transform: translate3d(0, 0, 0);
+ margin: 3em;
+}
+
+.page404 [id$=cube-1],
+.page404 [id$=cube-13],
+.page404 [id$=cube-25] {
+ animation: drop-cube-1 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-1] path,
+.page404 [id$=cube-13] path,
+.page404 [id$=cube-25] path {
+ animation: fade-cube-1 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-2],
+.page404 [id$=cube-14],
+.page404 [id$=cube-26] {
+ animation: drop-cube-2 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-2] path,
+.page404 [id$=cube-14] path,
+.page404 [id$=cube-26] path {
+ animation: fade-cube-2 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-3],
+.page404 [id$=cube-15],
+.page404 [id$=cube-27] {
+ animation: drop-cube-3 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-3] path,
+.page404 [id$=cube-15] path,
+.page404 [id$=cube-27] path {
+ animation: fade-cube-3 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-4],
+.page404 [id$=cube-16],
+.page404 [id$=cube-28] {
+ animation: drop-cube-4 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-4] path,
+.page404 [id$=cube-16] path,
+.page404 [id$=cube-28] path {
+ animation: fade-cube-4 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-5],
+.page404 [id$=cube-17],
+.page404 [id$=cube-29] {
+ animation: drop-cube-5 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-5] path,
+.page404 [id$=cube-17] path,
+.page404 [id$=cube-29] path {
+ animation: fade-cube-5 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-6],
+.page404 [id$=cube-18],
+.page404 [id$=cube-30] {
+ animation: drop-cube-6 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-6] path,
+.page404 [id$=cube-18] path,
+.page404 [id$=cube-30] path {
+ animation: fade-cube-6 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-7],
+.page404 [id$=cube-19],
+.page404 [id$=cube-31] {
+ animation: drop-cube-7 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-7] path,
+.page404 [id$=cube-19] path,
+.page404 [id$=cube-31] path {
+ animation: fade-cube-7 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-8],
+.page404 [id$=cube-20],
+.page404 [id$=cube-32] {
+ animation: drop-cube-8 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-8] path,
+.page404 [id$=cube-20] path,
+.page404 [id$=cube-32] path {
+ animation: fade-cube-8 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-9],
+.page404 [id$=cube-21],
+.page404 [id$=cube-33] {
+ animation: drop-cube-9 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-9] path,
+.page404 [id$=cube-21] path,
+.page404 [id$=cube-33] path {
+ animation: fade-cube-9 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-10],
+.page404 [id$=cube-22],
+.page404 [id$=cube-34] {
+ animation: drop-cube-10 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-10] path,
+.page404 [id$=cube-22] path,
+.page404 [id$=cube-34] path {
+ animation: fade-cube-10 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-11],
+.page404 [id$=cube-23],
+.page404 [id$=cube-35] {
+ animation: drop-cube-11 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-11] path,
+.page404 [id$=cube-23] path,
+.page404 [id$=cube-35] path {
+ animation: fade-cube-11 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-12],
+.page404 [id$=cube-24],
+.page404 [id$=cube-36] {
+ animation: drop-cube-12 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 [id$=cube-12] path,
+.page404 [id$=cube-24] path,
+.page404 [id$=cube-36] path {
+ animation: fade-cube-12 0.9s cubic-bezier(0.19, 1, 0.32, 1);
+}
+
+.page404 svg:hover [id$=cube-1] path,
+.page404 svg:hover [id$=cube-13] path,
+.page404 svg:hover [id$=cube-25] path {
+ animation: fade-out-cube-1 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+}
+
+.page404 svg:hover [id$=cube-2] path,
+.page404 svg:hover [id$=cube-14] path,
+.page404 svg:hover [id$=cube-26] path {
+ animation: fade-out-cube-2 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+}
+
+.page404 svg:hover [id$=cube-3] path,
+.page404 svg:hover [id$=cube-15] path,
+.page404 svg:hover [id$=cube-27] path {
+ animation: fade-out-cube-3 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+}
+
+.page404 svg:hover [id$=cube-4] path,
+.page404 svg:hover [id$=cube-16] path,
+.page404 svg:hover [id$=cube-28] path {
+ animation: fade-out-cube-4 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+}
+
+.page404 svg:hover [id$=cube-5] path,
+.page404 svg:hover [id$=cube-17] path,
+.page404 svg:hover [id$=cube-29] path {
+ animation: fade-out-cube-5 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+}
+
+.page404 svg:hover [id$=cube-6] path,
+.page404 svg:hover [id$=cube-18] path,
+.page404 svg:hover [id$=cube-30] path {
+ animation: fade-out-cube-6 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+}
+
+.page404 svg:hover [id$=cube-7] path,
+.page404 svg:hover [id$=cube-19] path,
+.page404 svg:hover [id$=cube-31] path {
+ animation: fade-out-cube-7 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+}
+
+.page404 svg:hover [id$=cube-8] path,
+.page404 svg:hover [id$=cube-20] path,
+.page404 svg:hover [id$=cube-32] path {
+ animation: fade-out-cube-8 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+}
+
+.page404 svg:hover [id$=cube-9] path,
+.page404 svg:hover [id$=cube-21] path,
+.page404 svg:hover [id$=cube-33] path {
+ animation: fade-out-cube-9 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+}
+
+.page404 svg:hover [id$=cube-10] path,
+.page404 svg:hover [id$=cube-22] path,
+.page404 svg:hover [id$=cube-34] path {
+ animation: fade-out-cube-10 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+}
+
+.page404 svg:hover [id$=cube-11] path,
+.page404 svg:hover [id$=cube-23] path,
+.page404 svg:hover [id$=cube-35] path {
+ animation: fade-out-cube-11 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+}
+
+.page404 svg:hover [id$=cube-12] path,
+.page404 svg:hover [id$=cube-24] path,
+.page404 svg:hover [id$=cube-36] path {
+ animation: fade-out-cube-12 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite;
+}
+
+@keyframes drop-cube-1 {
+
+ 0%,
+ 7% {
+ transform: translateY(300px);
+ }
+
+ 100% {
+ transform: translateY(0);
+ }
+}
+
+@keyframes fade-cube-1 {
+
+ 0%,
+ 7% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes fade-out-cube-1 {
+
+ 0%,
+ 3% {
+ opacity: 1;
+ }
+
+ 97% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes drop-cube-2 {
+
+ 0%,
+ 14% {
+ transform: translateY(300px);
+ }
+
+ 100% {
+ transform: translateY(0);
+ }
+}
+
+@keyframes fade-cube-2 {
+
+ 0%,
+ 14% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes fade-out-cube-2 {
+
+ 0%,
+ 6% {
+ opacity: 1;
+ }
+
+ 94% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes drop-cube-3 {
+
+ 0%,
+ 21% {
+ transform: translateY(300px);
+ }
+
+ 100% {
+ transform: translateY(0);
+ }
+}
+
+@keyframes fade-cube-3 {
+
+ 0%,
+ 21% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes fade-out-cube-3 {
+
+ 0%,
+ 9% {
+ opacity: 1;
+ }
+
+ 91% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes drop-cube-4 {
+
+ 0%,
+ 28% {
+ transform: translateY(300px);
+ }
+
+ 100% {
+ transform: translateY(0);
+ }
+}
+
+@keyframes fade-cube-4 {
+
+ 0%,
+ 28% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes fade-out-cube-4 {
+
+ 0%,
+ 12% {
+ opacity: 1;
+ }
+
+ 88% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes drop-cube-5 {
+
+ 0%,
+ 35% {
+ transform: translateY(300px);
+ }
+
+ 100% {
+ transform: translateY(0);
+ }
+}
+
+@keyframes fade-cube-5 {
+
+ 0%,
+ 35% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes fade-out-cube-5 {
+
+ 0%,
+ 15% {
+ opacity: 1;
+ }
+
+ 85% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes drop-cube-6 {
+
+ 0%,
+ 42% {
+ transform: translateY(300px);
+ }
+
+ 100% {
+ transform: translateY(0);
+ }
+}
+
+@keyframes fade-cube-6 {
+
+ 0%,
+ 42% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes fade-out-cube-6 {
+
+ 0%,
+ 18% {
+ opacity: 1;
+ }
+
+ 82% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes drop-cube-7 {
+
+ 0%,
+ 49% {
+ transform: translateY(300px);
+ }
+
+ 100% {
+ transform: translateY(0);
+ }
+}
+
+@keyframes fade-cube-7 {
+
+ 0%,
+ 49% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes fade-out-cube-7 {
+
+ 0%,
+ 21% {
+ opacity: 1;
+ }
+
+ 79% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes drop-cube-8 {
+
+ 0%,
+ 56% {
+ transform: translateY(300px);
+ }
+
+ 100% {
+ transform: translateY(0);
+ }
+}
+
+@keyframes fade-cube-8 {
+
+ 0%,
+ 56% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes fade-out-cube-8 {
+
+ 0%,
+ 24% {
+ opacity: 1;
+ }
+
+ 76% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes drop-cube-9 {
+
+ 0%,
+ 63% {
+ transform: translateY(300px);
+ }
+
+ 100% {
+ transform: translateY(0);
+ }
+}
+
+@keyframes fade-cube-9 {
+
+ 0%,
+ 63% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes fade-out-cube-9 {
+
+ 0%,
+ 27% {
+ opacity: 1;
+ }
+
+ 73% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes drop-cube-10 {
+
+ 0%,
+ 70% {
+ transform: translateY(300px);
+ }
+
+ 100% {
+ transform: translateY(0);
+ }
+}
+
+@keyframes fade-cube-10 {
+
+ 0%,
+ 70% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes fade-out-cube-10 {
+
+ 0%,
+ 30% {
+ opacity: 1;
+ }
+
+ 70% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes drop-cube-11 {
+
+ 0%,
+ 77% {
+ transform: translateY(300px);
+ }
+
+ 100% {
+ transform: translateY(0);
+ }
+}
+
+@keyframes fade-cube-11 {
+
+ 0%,
+ 77% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes fade-out-cube-11 {
+
+ 0%,
+ 33% {
+ opacity: 1;
+ }
+
+ 67% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes drop-cube-12 {
+
+ 0%,
+ 84% {
+ transform: translateY(300px);
+ }
+
+ 100% {
+ transform: translateY(0);
+ }
+}
+
+@keyframes fade-cube-12 {
+
+ 0%,
+ 84% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+@keyframes fade-out-cube-12 {
+
+ 0%,
+ 36% {
+ opacity: 1;
+ }
+
+ 64% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+.post {
+ z-index: 1;
+ margin: calc(var(--header-height)/2);
+ width: 100%;
+ padding-left: var(--content-padding);
+ padding-right: var(--content-padding);
+ margin-left: calc((100% - var(--max-width))/2);
+ margin-right: calc((100% - var(--max-width))/2);
+ max-width: var(--max-width);
+ padding: calc(2*var(--content-padding));
+ background: rgba(var(--background-color-rgb), 0.9);
+ border-radius: 5px;
+}
+
+.post .yt {
+ border-radius: 5px;
+ position: relative;
+ padding-bottom: 56.25%;
+ height: 0;
+ overflow: hidden;
+}
+
+.post .yt iframe {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ border: 0;
+}
+
+.post .i-tex {
+ transform: scale(0.8);
+}
+
+.post .tex,
+.post .i-tex {
+ color: var(--text-color);
+}
+
+.post .tex:hover,
+.post .tex.hover,
+.post .i-tex:hover,
+.post .i-tex.hover {
+ color: black;
+}
+
+.post:hover {
+ background: var(--background-color);
+}
+
+@media (min-width: 992px) {
+ .post {
+ display: grid;
+ grid-template-columns: 2fr 1fr 1fr;
+ grid-template-areas: "main main aside""buttons buttons aside""more more aside""comments comments aside";
+ }
+
+ .post main {
+ grid-area: main;
+ min-width: 0;
+ contain: content;
+ }
+
+ .post aside {
+ grid-area: aside;
+ contain: content;
+ }
+
+ .post .buttons {
+ grid-area: buttons;
+ }
+
+ .post .more {
+ grid-area: more;
+ }
+
+ .post .comments {
+ grid-area: comments;
+ }
+}
+
+.post main>p {
+ font-size: 16px;
+ line-height: 30px;
+}
+
+.post main>p:first-of-type:first-letter {
+ color: var(--theme-color);
+ margin-top: 7px;
+ margin-right: 5px;
+ float: left;
+ font-size: 80px;
+ line-height: 80px;
+ font-family: NouveauDropCaps, serif;
+ font-display: optional;
+}
+
+.post main>ul>li,
+.post main>ol>li {
+ font-size: 16px;
+ line-height: 30px;
+}
+
+.post main h1:first-of-type {
+ padding-left: 0;
+}
+
+.post .post-anchor {
+ position: relative;
+ margin: 0 0 40px;
+ border-radius: 5px;
+ width: 100%;
+ padding-bottom: 50%;
+}
+
+.post .post-anchor .banner-holder {
+ width: 100%;
+ position: relative;
+ padding-bottom: 0;
+ overflow: hidden;
+}
+
+.post .post-anchor .banner-holder img {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ transition: transform 0.2s linear;
+}
+
+.post .post-anchor:hover .banner-holder img,
+.post .post-anchor .banner-holder.hover img {
+ transform: scale(1.1);
+}
+
+.post .post-anchor .banner-holder {
+ height: 100%;
+ position: absolute;
+}
+
+.post aside {
+ line-height: 30px;
+}
+
+@media (min-width: 992px) {
+ .post aside {
+ padding: 0 calc(2*var(--content-padding));
+ }
+}
+
+.post aside * {
+ text-align: left;
+}
+
+.post aside svg {
+ fill: var(--theme-color);
+}
+
+.post aside svg:hover,
+.post aside svg.hover {
+ animation: rubberBand 0.5s linear;
+}
+
+.post aside th {
+ padding: 0 12px 0 0;
+ white-space: nowrap;
+}
+
+.post aside th svg {
+ vertical-align: middle;
+ margin: 0 5px 0 0;
+}
+
+@media (max-width: 1199px) and (min-width: 992px) {
+ .post aside th {
+ font-size: 0;
+ }
+}
+
+@media (max-width: 767px) and (min-width: 576px) {
+ .post aside th {
+ font-size: 0;
+ }
+}
+
+.post aside .tags span,
+.post aside .category span {
+ font-weight: 700;
+}
+
+@media (max-width: 1199px) and (min-width: 992px) {
+
+ .post aside .tags span,
+ .post aside .category span {
+ display: none;
+ }
+}
+
+@media (max-width: 767px) and (min-width: 576px) {
+
+ .post aside .tags span,
+ .post aside .category span {
+ display: none;
+ }
+}
+
+.post aside .tags svg,
+.post aside .category svg {
+ vertical-align: middle;
+ margin: 0 5px 0 0;
+}
+
+.post aside h2 {
+ padding-top: 20px;
+ margin: 0 0 8px;
+}
+
+.post aside section {
+ padding: 0 0 20px;
+ border-bottom: 1px dashed #ddd;
+}
+
+.post aside section .info {
+ font-size: 10px;
+ float: right;
+}
+
+@media (max-width: 991px) and (min-width: 576px) {
+ .post aside {
+ columns: 2;
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
+ }
+
+ .post aside section {
+ border-bottom: none;
+ }
+}
+
+@media (max-width: 575px) {
+ .post aside {
+ border-top: 1px dashed #ddd;
+ }
+}
+
+.post aside .tag-cloud {
+ line-height: 2.0rem;
+}
+
+.post aside .tag-cloud>a {
+ white-space: nowrap;
+ color: var(--text-color);
+ padding: 2px;
+ border-radius: 2px;
+}
+
+.post aside .tag-cloud>a:hover {
+ color: var(--theme-color);
+ text-decoration: underline;
+}
+
+.post .buttons {
+ margin: 20px 0;
+}
+
+.post .next {
+ float: right;
+}
+
+.post .comments ul {
+ padding: 0;
+}
+
+.post .comments li {
+ list-style: none;
+}
+
+.post .comments form {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ grid-column-gap: 20px;
+ grid-row-gap: 20px;
+}
+
+@media (min-width: 576px) {
+ .post .comments form {
+ grid-template-areas: "input1 input2""comment comment""button .";
+ }
+}
+
+@media (max-width: 575px) {
+ .post .comments form {
+ grid-template-areas: "input1 input1""input2 input2""comment comment""button button";
+ }
+}
+
+.post .comments input:not(:placeholder-shown):not(:focus):invalid {
+ border-color: red;
+}
+
+.post .comments input:first-child {
+ grid-area: input1;
+}
+
+.post .comments input:nth-child(2) {
+ grid-area: input2;
+}
+
+.post .comments textarea {
+ grid-area: comment;
+}
+
+.post .comments button {
+ grid-area: button;
+ justify-self: flex-start;
+}
+
+@font-face {
+ font-family: "NouveauDropCaps";
+ src: url(/fonts/NouveauDropCaps.woff2) format("woff2");
+ unicode-range: U+41-5A;
+}
+
+.comment {
+ min-height: 120px;
+}
+
+.comment img {
+ margin: 5px 20px 0 0;
+ width: 100px;
+ height: 100px;
+ border-radius: 50%;
+ border: 1px solid rgba(var(--text-color-rgb), 0.1);
+ float: left;
+}
+
+.comment svg {
+ fill: var(--text-color);
+ vertical-align: middle;
+ width: 20px;
+ height: 20px;
+}
+
+.comment time {
+ font-size: 12px;
+}
+
+.commenter-comment {
+ background: rgba(var(--theme-color-rgb), 0.1);
+ margin-left: 120px;
+ min-height: 80px;
+ padding: 10px 20px;
+ border-radius: 5px;
+}
+
+.commenter-name {
+ font-weight: 400;
+ padding: 0 20px 0 0;
+}
+
+.background {
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ left: 0;
+ top: 0;
+ background-image: url("{{$cover}}");
+ background-size: cover;
+}
+
+.dark .background {
+ background-image: url("{{$coverDark}}");
+}
+
+.more ul {
+ padding: 0;
+}
+
+@media (min-width: 768px) {
+ .more ul.items-3 {
+ grid-template-columns: 1fr 1fr 1fr;
+ }
+}
+
+.more li {
+ border-radius: 4px;
+ overflow: hidden;
+ list-style: none;
+ display: flex;
+ flex-direction: column;
+ box-shadow: 0 1px 1px rgba(var(--text-color-rgb), 0.1);
+}
+
+.more li .img-container {
+ width: 100%;
+ position: relative;
+ padding-bottom: 75%;
+ overflow: hidden;
+}
+
+.more li .img-container img {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ transition: transform 0.2s linear;
+}
+
+.more li:hover .img-container img,
+.more li .img-container.hover img {
+ transform: scale(1.1);
+}
+
+.more li>.description {
+ font-weight: 400;
+ padding: 10px 10px;
+ display: flex;
+ flex: 1;
+ flex-direction: column;
+ border-top: 2px solid transparent;
+ justify-content: space-between;
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+
+.more li:hover,
+.more li.hover {
+ box-shadow: 0 1px 10px rgba(var(--text-color-rgb), 0.1);
+}
+
+.more li:hover .description,
+.more li.hover .description {
+ border-top-color: var(--theme-color);
+}
+
+.more svg {
+ vertical-align: middle;
+ fill: var(--text-color);
+}
+
+.more small {
+ color: var(--text-color);
+}
+
+@media (min-width: 769px) {
+ aside {
+ transform-origin: top left;
+ animation: bounceInRightNoDelay 1.1s ease-in-out;
+ }
+
+ main {
+ transform-origin: top right;
+ animation: bounceInLeftNoDelay 1.1s ease-in-out;
+ }
+
+ .more ul li,
+ .comments ul li {
+ transform-origin: top center;
+ will-change: opacity, transform;
+ }
+
+ .comments.visible h2,
+ .more.visible h2 {
+ animation: fade-up-item-1 2s ease-in-out;
+ }
+
+ .comments.visible ul li:nth-child(1),
+ .more.visible ul li:nth-child(1) {
+ animation: fade-up-item-2 2s ease-in-out;
+ }
+
+ .comments.visible ul li:nth-child(2),
+ .more.visible ul li:nth-child(2) {
+ animation: fade-up-item-3 2s ease-in-out;
+ }
+
+ .comments.visible ul li:nth-child(3),
+ .more.visible ul li:nth-child(3) {
+ animation: fade-up-item-4 2s ease-in-out;
+ }
+
+ .comments.visible ul li:nth-child(4),
+ .more.visible ul li:nth-child(4) {
+ animation: fade-up-item-5 2s ease-in-out;
+ }
+
+ .comments.visible ul li:nth-child(5),
+ .more.visible ul li:nth-child(5) {
+ animation: fade-up-item-6 2s ease-in-out;
+ }
+
+ .comments.visible ul li:nth-child(6),
+ .more.visible ul li:nth-child(6) {
+ animation: fade-up-item-7 2s ease-in-out;
+ }
+
+ .comments.visible ul li:nth-child(7),
+ .more.visible ul li:nth-child(7) {
+ animation: fade-up-item-8 2s ease-in-out;
+ }
+
+ .comments.visible ul li:nth-child(8),
+ .more.visible ul li:nth-child(8) {
+ animation: fade-up-item-9 2s ease-in-out;
+ }
+
+ .comments.visible ul li:nth-child(9),
+ .more.visible ul li:nth-child(9) {
+ animation: fade-up-item-10 2s ease-in-out;
+ }
+
+ .comments.visible ul li:nth-child(10),
+ .more.visible ul li:nth-child(10) {
+ animation: fade-up-item-11 2s ease-in-out;
+ }
+
+ .comments.visible>h3,
+ .more.visible>h3 {
+ animation: fade-up-item-1 2s ease-in-out;
+ }
+
+ .comments.visible>p,
+ .more.visible>p {
+ animation: fade-up-item-2 2s ease-in-out;
+ }
+
+ .comments form.visible input {
+ animation: fade-up-item-3 2s ease-in-out;
+ }
+
+ .comments form.visible textarea {
+ animation: fade-up-item-4 2s ease-in-out;
+ }
+
+ .comments form.visible button {
+ animation: fade-up-item-5 2s ease-in-out;
+ }
+}
+
+.honeypot {
+ position: absolute;
+ left: -5000px;
+}
+
+.newsletter {
+ min-width: 220px;
+ width: 100%;
+}
+
+.newsletter .email {
+ width: calc(100% - 50px);
+ display: inline-block;
+}
+
+.newsletter button {
+ display: inline-block;
+ width: 50px;
+ padding: 0;
+ text-align: center;
+ background: var(--theme-color);
+ color: var(--background-color);
+}
+
+.newsletter button:hover {
+ filter: brightness(95%);
+}
+
+.newsletter button,
+.newsletter .email {
+ height: 42px;
+ vertical-align: middle;
+}
+
+.post main h1,
+.post main h2,
+.post main h3,
+.post main h4,
+.post main h5,
+.post main h6 {
+ position: relative;
+ padding-left: 30px;
+}
+
+.heading-anchor {
+ display: inline-block;
+ color: #DDD;
+ position: absolute;
+ margin-top: calc(-1 * var(--header-height));
+ padding-top: var(--header-height);
+ left: 0;
+}
+
+@media (prefers-reduced-motion) {
+ .post * {
+ animation: none !important;
+ }
+}
+
+.contact-cover {
+ width: 100%;
+ padding-bottom: 20.83333333%;
+}
+
+.contact-cover img {
+ position: fixed;
+ object-fit: cover;
+ width: 100vw;
+ object-position: 50% 0%;
+}
+
+.contact {
+ background: var(--background-color);
+ z-index: 1;
+ width: 100%;
+ padding-left: calc((100% - var(--max-width)) /2 + var(--content-padding));
+ padding-right: calc((100% - var(--max-width)) /2 + var(--content-padding));
+}
+
+.contact>section {
+ display: grid;
+ grid-template-columns: 1fr;
+ grid-column-gap: 20px;
+ grid-row-gap: 20px;
+}
+
+@media (min-width: 768px) {
+ .contact>section {
+ grid-template-columns: 4fr 6fr;
+ }
+}
+
+.contact aside svg {
+ width: 32px;
+ height: 32px;
+ vertical-align: middle;
+ fill: var(--background-color);
+ background: var(--theme-color);
+ border-radius: 4px;
+ margin: 4px 10px 4px 0;
+ padding: 3px;
+}
+
+.contact aside ul {
+ padding: 0;
+}
+
+.contact aside li {
+ list-style: none;
+ text-align: left;
+}
+
+.contact aside li a {
+ color: var(--text-color);
+}
+
+.contact aside li a:hover {
+ color: var(--theme-color);
+}
+
+.contact aside .social a {
+ font-size: 0;
+}
+
+.contact aside .social li {
+ display: inline-block;
+}
+
+.contact aside .social svg {
+ border-radius: 50%;
+ padding: 7px;
+ width: 40px;
+ height: 40px;
+}
+
+.contact form {
+ padding: 20px 0;
+}
+
+.contact form input,
+.contact form textarea {
+ width: 100%;
+ margin: 10px 0;
+}
+
+@media (min-width: 769px) {
+ .contact-cover img {
+ animation: zoomIn 0.8s ease-in;
+ will-change: opacity, transform;
+ }
+
+ .contact h1 {
+ animation: fade-up-item-1 2.0s ease-in-out;
+ }
+
+ .contact .subtitle {
+ animation: fade-up-item-2 2.0s ease-in-out;
+ }
+
+ .contact form {
+ transform-origin: center left;
+ animation: bounceInRightNoDelay 1.1s ease-in-out;
+ contain: content;
+ }
+
+ .contact .email {
+ position: absolute;
+ opacity: 0;
+ top: 0;
+ z-index: -1;
+ }
+
+ .contact aside {
+ transform-origin: center right;
+ animation: bounceInLeftNoDelay 1.1s ease-in-out;
+ contain: content;
+ }
+}
+
+.contact-response {
+ border: 2px double var(--text-color);
+ background-color: var(--shade-color);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: larger;
+ padding: 20px;
+ text-align: center;
+}
+
+@media (prefers-reduced-motion) {
+ .contact * {
+ animation: none !important;
+ }
+}
+
+:root {
+ --max-width: 100vw;
+ --header-height: 60px;
+ --background-color-rgb: 255, 255, 255;
+ --text-color-rgb: 0, 0, 0;
+ --theme-color: rgba(var(--theme-color-rgb), 1.0);
+ --background-color: rgba(var(--background-color-rgb), 1.0);
+ --text-color: #666;
+ --content-padding: 15px;
+ --heading-color: #444;
+ --shade-color: #f6f6f6;
+ --hover-color: #111;
+}
+
+@media (min-width: 576px) {
+ :root {
+ --max-width: 540px;
+ }
+}
+
+@media (min-width: 768px) {
+ :root {
+ --max-width: 720px;
+ }
+}
+
+@media (min-width: 992px) {
+ :root {
+ --header-height: 75px;
+ --max-width: 960px;
+ }
+}
+
+@media (min-width: 1200px) {
+ :root {
+ --max-width: 1140px;
+ }
+}
+
+.meta:nth-child(2n) {
+ background: var(--shade-color);
+}
+
+.meta {
+ width: 100%;
+ padding-left: calc((100% - var(--max-width)) /2 + var(--content-padding));
+ padding-right: calc((100% - var(--max-width)) /2 + var(--content-padding));
+ contain: content;
+}
+
+.meta> :last-child {
+ margin-bottom: 40px;
+}
+
+.meta> :first-child,
+.meta>h1 {
+ margin-top: 40px;
+}
+
+.meta h1,
+.meta h2,
+.meta h3,
+.meta h4 {
+ text-align: center;
+ transition: transform 0.2s ease-in;
+ transform-origin: 50% 50%;
+}
+
+.meta h1:hover,
+.meta h2:hover,
+.meta h3:hover,
+.meta h4:hover {
+ text-shadow: 1px 1px 2px var(--text-color);
+}
+
+.meta h2:hover {
+ transform: none;
+}
+
+.meta .subtitle {
+ text-align: center;
+}
+
+.meta .content:hover,
+.meta .content.hover {
+ color: var(--hover-color);
+}
+
+.meta .main-icon {
+ float: right;
+ margin: 60px 0 40px;
+ z-index: 1;
+}
+
+.meta .item {
+ display: flex;
+ flex-direction: column;
+ padding: 10px 0 0;
+}
+
+.meta .item .item-cover {
+ align-self: center;
+ border-radius: 5px;
+ background-color: var(--theme-color);
+ transition: border-radius 0.5s ease-in-out;
+ border: 2px solid transparent;
+ box-sizing: content-box;
+}
+
+.meta .item .item-cover:hover,
+.meta .item .item-cover.hover {
+ border-radius: 50%;
+}
+
+.meta .item h2 {
+ padding: 8px 0;
+ margin: 0;
+ color: var(--text-color);
+}
+
+.meta .item h3 {
+ margin: 0;
+ padding: 5px 0;
+ color: var(--text-color);
+}
+
+.meta .item h4 {
+ margin: 0;
+ padding: 3px 0;
+ color: var(--text-color);
+}
+
+.meta .item .item-icon {
+ align-self: center;
+ min-height: 65px;
+ margin: 5px 0;
+}
+
+.meta .item .links {
+ align-self: flex-end;
+ flex: 1;
+ display: flex;
+ align-items: flex-end;
+ justify-content: flex-end;
+ flex-wrap: wrap;
+ margin: 5px;
+ align-content: flex-end;
+}
+
+.meta .item .links a {
+ display: flex;
+ align-items: center;
+ min-height: 45px;
+ margin: 5px 0;
+}
+
+.meta .item .links a svg,
+.meta .item .links a .link-text {
+ margin: 0 5px;
+ transition: none;
+}
+
+.meta .item .links a:not(:first-child) {
+ margin-left: 10px;
+}
+
+.main-icon:hover,
+.item-icon:hover,
+.item-icon.hover,
+.main-icon.hover {
+ animation: rubberBand 0.5s ease-in-out;
+}
+
+.meta.default .item-cover {
+ width: 100%;
+ height: auto;
+}
+
+.meta.default .items {
+ grid-row-gap: 40px;
+}
+
+.meta.default>img {
+ display: block;
+ margin: 0 auto;
+ max-width: 100%;
+ height: auto;
+}
+
+.left-image {
+ display: grid;
+ grid-template-columns: 1fr 4fr;
+ grid-column-gap: 20px;
+ grid-row-gap: 10px;
+ grid-template-areas: "pic title""pic subtitle""pic desc";
+}
+
+.left-image img {
+ margin: 40px 0;
+ grid-area: pic;
+ border: 1px solid rgba(var(--text-color-rgb), 0.1);
+ background: rgba(var(--text-color-rgb), 0.1);
+ width: 100%;
+ height: auto;
+ border-radius: 50%;
+}
+
+.left-image img:hover {
+ box-shadow: 0 0 10px rgba(var(--text-color-rgb), 0.1);
+}
+
+.left-image p {
+ grid-area: desc;
+}
+
+.left-image h1 {
+ margin: 40px 0 0;
+ grid-area: title;
+}
+
+.left-image .subtitle {
+ grid-area: subtitle;
+}
+
+@media (max-width: 1200px) {
+ .left-image {
+ grid-template-columns: 1.5fr 3fr;
+ }
+}
+
+@media (min-width: 993px) {
+
+ .left-image h1,
+ .left-image .subtitle {
+ padding: 0;
+ margin: 0;
+ }
+
+ .left-image h1 {
+ margin-top: 40px;
+ }
+}
+
+@media (max-width: 992px) {
+ .left-image {
+ display: block;
+ }
+
+ .left-image * {
+ margin: 20px 0;
+ }
+
+ .left-image img {
+ margin: 0 20px 0 0;
+ width: 33%;
+ max-width: 200px;
+ float: left;
+ }
+}
+
+.item-icon-left .item {
+ display: grid;
+ grid-template-columns: 40px 1fr;
+ grid-column-gap: 20px;
+ grid-template-areas: "icon title""icon subtitle""icon heading""icon desc""icon links";
+}
+
+.item-icon-left .item .item-icon {
+ grid-area: icon;
+ align-self: flex-start;
+ min-height: 40px;
+}
+
+.item-icon-left .item h2 {
+ grid-area: title;
+}
+
+.item-icon-left .item h3 {
+ grid-area: subtitle;
+}
+
+.item-icon-left .item h4 {
+ grid-area: heading;
+}
+
+.item-icon-left .item .content {
+ grid-area: desc;
+}
+
+.item-icon-left .item .links {
+ grid-area: links;
+}
+
+.dark .meta.content.with-background {
+ background-image: url("{{$coverDark}}");
+}
+
+.meta.content {
+ background-attachment: fixed;
+ background-repeat: no-repeat;
+ background-size: cover;
+ height: auto;
+}
+
+.meta.content.with-background {
+ background-image: url("{{$cover}}");
+}
+
+.meta.content:not(:first-of-type) {
+ flex: 0;
+}
+
+.meta.content .tags {
+ float: right;
+ display: inline-block;
+}
+
+.meta.content .tags svg {
+ vertical-align: middle;
+}
+
+.meta.content .banner {
+ width: 100%;
+}
+
+.meta.content h1,
+.meta.content h2,
+.meta.content h3,
+.meta.content h4 {
+ text-align: left;
+}
+
+.meta.content h1:first-of-type {
+ text-align: center;
+}
+
+.meta.content>article {
+ width: 100%;
+ padding-left: var(--content-padding);
+ padding-right: var(--content-padding);
+ margin-left: calc((100% - var(--max-width))/2);
+ margin-right: calc((100% - var(--max-width))/2);
+ max-width: var(--max-width);
+ padding: calc(2*var(--content-padding));
+ background: rgba(var(--background-color-rgb), 0.9);
+ border-radius: 5px;
+ box-shadow: 0 0 2px #ddd;
+}
+
+.meta.content>article:hover {
+ background: var(--background-color);
+}
+
+@media (min-width: 769px) {
+ .meta.content>article * {
+ animation: fade-up-item-3 2s ease-in-out;
+ }
+
+ .meta.content>article h1 {
+ animation: fade-up-item-1 2s ease-in-out;
+ }
+
+ .meta.content>article .subtitle {
+ animation: fade-up-item-2 2s ease-in-out;
+ }
+}
+
+@media (prefers-reduced-motion) {
+ .meta.content>article * {
+ animation: none !important;
+ }
+}
+
+.meta.full-width {
+ padding: 0;
+}
+
+.meta.full-width .items {
+ display: block;
+}
+
+.meta.full-width .items .item {
+ padding: 40px 0;
+ width: 100%;
+ padding-left: calc((100% - var(--max-width)) /2 + var(--content-padding));
+ padding-right: calc((100% - var(--max-width)) /2 + var(--content-padding));
+ display: block;
+}
+
+.meta.full-width .items .item .item-cover {
+ float: left;
+ margin: 0 40px 40px 0;
+ position: relative;
+ z-index: 2;
+}
+
+.meta.full-width .items .item video.item-cover {
+ background: black;
+ border-color: var(--theme-color);
+}
+
+.meta.full-width .items .item:nth-child(2n) {
+ background: var(--shade-color);
+}
+
+.meta.full-width .items .item:nth-child(2n) .item-cover {
+ float: right;
+ margin: 0 0 40px 40px;
+}
+
+.meta.full-width .items .item:nth-child(2n) .links {
+ align-self: flex-start;
+ align-items: flex-start;
+ justify-content: flex-start;
+}
+
+.meta.full-width .items .item:after {
+ content: " ";
+ clear: both;
+ display: block;
+}
+
+.meta.full-width .items .item .content {
+ padding: 20px 0;
+}
+
+.meta.full-width .items .item small {
+ display: inline-block;
+}
+
+.meta.full-width:nth-child(2n) .item:nth-child(2n) {
+ background: var(--background-color);
+}
+
+@media (max-width: 767px) {
+ .meta.full-width .items .item {
+ display: grid;
+ grid-template-columns: 1fr;
+ grid-template-areas: "title""subtitle""image""content""links""attribution";
+ }
+
+ .meta.full-width .items .item h2 {
+ grid-area: title;
+ }
+
+ .meta.full-width .items .item h3 {
+ grid-area: subtitle;
+ }
+
+ .meta.full-width .items .item:nth-child(2n) .item-cover {
+ margin: 0;
+ }
+
+ .meta.full-width .items .item .links {
+ grid-area: links;
+ }
+
+ .meta.full-width .items .item .links:nth-child(2n) {
+ align-self: flex-end;
+ align-items: flex-end;
+ justify-content: flex-end;
+ }
+
+ .meta.full-width .items .item .attribution {
+ grid-area: attribution;
+ }
+
+ .meta.full-width .items .item .item-cover {
+ grid-area: image;
+ align-self: center;
+ justify-self: center;
+ margin-top: 10px;
+ margin-right: 10px;
+ margin-bottom: 10px;
+ margin-left: 10px;
+ }
+
+ .meta.full-width .items .item .content {
+ grid-area: content;
+ }
+}
+
+.meta.max-2 .items {
+ grid-template-areas: none;
+ grid-template-columns: 1fr 1fr;
+}
+
+@media (max-width: 767px) {
+ .meta.max-2 .items {
+ grid-template-columns: 1fr;
+ }
+}
+
+.meta.carousel {
+ width: 100%;
+ padding-left: var(--content-padding);
+ padding-right: var(--content-padding);
+ margin-left: calc((100% - var(--max-width))/2);
+ margin-right: calc((100% - var(--max-width))/2);
+ max-width: var(--max-width);
+ padding-left: 0;
+ padding-right: 0;
+ overflow: hidden;
+ margin-bottom: 20px;
+}
+
+.meta.carousel .items {
+ display: flex;
+ grid-column-gap: 0;
+ grid-row-gap: 0;
+}
+
+.meta.carousel:nth-child(2n) {
+ box-shadow: 400px 0 0 20px var(--shade-color), -400px 0 0 20px var(--shade-color);
+}
+
+.meta.carousel .item {
+ background-color: var(--background-color);
+ transform: translate3d(0, 0, 0);
+ min-width: calc(var(--max-width)/2 - 40px);
+ margin: 0 20px;
+ padding: 20px;
+ box-shadow: 0 0 4px rgba(var(--text-color-rgb), 0.1);
+ border-radius: 4px;
+ display: grid;
+ grid-template-areas: "icon""content""heading";
+ justify-content: center;
+}
+
+.meta.carousel .item:hover,
+.meta.carousel .item.hover {
+ box-shadow: 0 0 20px rgba(var(--text-color-rgb), 0.1);
+}
+
+.meta.carousel .item:hover h2,
+.meta.carousel .item.hover h2 {
+ filter: none;
+}
+
+.meta.carousel .item h2 {
+ grid-area: heading;
+ font-size: 14px;
+}
+
+.meta.carousel .item .item-icon {
+ grid-area: icon;
+ justify-self: center;
+}
+
+.meta.carousel .item .content {
+ grid-area: "content";
+}
+
+.meta.carousel .item-icon {
+ min-height: 60px;
+ min-width: 60px;
+ padding: 2px;
+ filter: drop-shadow(2px 3px 4px #AAA);
+ border-radius: 50%;
+}
+
+.meta.carousel h2 {
+ color: var(--theme-color);
+ filter: brightness(60%);
+ text-align: right;
+}
+
+.meta.carousel h2::before {
+ content: "“";
+ font-family: _serif;
+ font-size: 40px;
+ padding-right: 10px;
+ line-height: 15px;
+ vertical-align: text-bottom;
+}
+
+.meta.carousel h2 small {
+ font-size: 60%;
+}
+
+.meta.carousel h2:hover {
+ transform: none;
+}
+
+.meta.carousel h2::selected {
+ filter: none;
+}
+
+.meta.carousel .items:hover {
+ animation-play-state: paused;
+}
+
+.meta.carousel .items:hover .item:first-child {
+ animation-play-state: paused;
+}
+
+.meta.carousel .items:hover .item:nth-child(2) {
+ animation-play-state: paused;
+}
+
+.meta.carousel .items-10 {
+ animation: scroll-10 40s linear infinite;
+}
+
+@keyframes scroll-10 {
+
+ 0%,
+ 7.5% {
+ transform: translateX(calc(var(--max-width) * 0));
+ }
+
+ 10%,
+ 17.5% {
+ transform: translateX(calc(var(--max-width) * -0.5));
+ }
+
+ 20%,
+ 27.5% {
+ transform: translateX(calc(var(--max-width) * -1));
+ }
+
+ 30%,
+ 37.5% {
+ transform: translateX(calc(var(--max-width) * -1.5));
+ }
+
+ 40%,
+ 47.5% {
+ transform: translateX(calc(var(--max-width) * -2));
+ }
+
+ 50%,
+ 57.5% {
+ transform: translateX(calc(var(--max-width) * -2.5));
+ }
+
+ 60%,
+ 67.5% {
+ transform: translateX(calc(var(--max-width) * -3));
+ }
+
+ 70%,
+ 77.5% {
+ transform: translateX(calc(var(--max-width) * -3.5));
+ }
+
+ 80%,
+ 87.5% {
+ transform: translateX(calc(var(--max-width) * -4));
+ }
+
+ 90%,
+ 97.5% {
+ transform: translateX(calc(var(--max-width) * -4.5));
+ }
+
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*-5));
+ }
+}
+
+@keyframes scroll-10-end {
+
+ 87.49%,
+ 100% {
+ transform: none;
+ }
+
+ 87.5%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*5));
+ }
+}
+
+@keyframes scroll-10-end-2 {
+
+ 97.49%,
+ 100% {
+ transform: none;
+ }
+
+ 97.5%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*5));
+ }
+}
+
+.meta.carousel .items-10 .item:first-child {
+ animation: scroll-10-end 40s linear infinite;
+}
+
+.meta.carousel .items-10 .item:nth-child(2) {
+ animation: scroll-10-end-2 40s linear infinite;
+}
+
+.meta.carousel .items-9 {
+ animation: scroll-9 36s linear infinite;
+}
+
+@keyframes scroll-9 {
+
+ 0%,
+ 8.33333333% {
+ transform: translateX(calc(var(--max-width) * 0));
+ }
+
+ 11.11111111%,
+ 19.44444444% {
+ transform: translateX(calc(var(--max-width) * -0.5));
+ }
+
+ 22.22222222%,
+ 30.55555556% {
+ transform: translateX(calc(var(--max-width) * -1));
+ }
+
+ 33.33333333%,
+ 41.66666667% {
+ transform: translateX(calc(var(--max-width) * -1.5));
+ }
+
+ 44.44444444%,
+ 52.77777778% {
+ transform: translateX(calc(var(--max-width) * -2));
+ }
+
+ 55.55555556%,
+ 63.88888889% {
+ transform: translateX(calc(var(--max-width) * -2.5));
+ }
+
+ 66.66666667%,
+ 75% {
+ transform: translateX(calc(var(--max-width) * -3));
+ }
+
+ 77.77777778%,
+ 86.11111111% {
+ transform: translateX(calc(var(--max-width) * -3.5));
+ }
+
+ 88.88888889%,
+ 97.22222222% {
+ transform: translateX(calc(var(--max-width) * -4));
+ }
+
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*-4.5));
+ }
+}
+
+@keyframes scroll-9-end {
+
+ 86.10111111%,
+ 100% {
+ transform: none;
+ }
+
+ 86.11111111%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*4.5));
+ }
+}
+
+@keyframes scroll-9-end-2 {
+
+ 97.21222222%,
+ 100% {
+ transform: none;
+ }
+
+ 97.22222222%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*4.5));
+ }
+}
+
+.meta.carousel .items-9 .item:first-child {
+ animation: scroll-9-end 36s linear infinite;
+}
+
+.meta.carousel .items-9 .item:nth-child(2) {
+ animation: scroll-9-end-2 36s linear infinite;
+}
+
+.meta.carousel .items-8 {
+ animation: scroll-8 32s linear infinite;
+}
+
+@keyframes scroll-8 {
+
+ 0%,
+ 9.375% {
+ transform: translateX(calc(var(--max-width) * 0));
+ }
+
+ 12.5%,
+ 21.875% {
+ transform: translateX(calc(var(--max-width) * -0.5));
+ }
+
+ 25%,
+ 34.375% {
+ transform: translateX(calc(var(--max-width) * -1));
+ }
+
+ 37.5%,
+ 46.875% {
+ transform: translateX(calc(var(--max-width) * -1.5));
+ }
+
+ 50%,
+ 59.375% {
+ transform: translateX(calc(var(--max-width) * -2));
+ }
+
+ 62.5%,
+ 71.875% {
+ transform: translateX(calc(var(--max-width) * -2.5));
+ }
+
+ 75%,
+ 84.375% {
+ transform: translateX(calc(var(--max-width) * -3));
+ }
+
+ 87.5%,
+ 96.875% {
+ transform: translateX(calc(var(--max-width) * -3.5));
+ }
+
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*-4));
+ }
+}
+
+@keyframes scroll-8-end {
+
+ 84.365%,
+ 100% {
+ transform: none;
+ }
+
+ 84.375%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*4));
+ }
+}
+
+@keyframes scroll-8-end-2 {
+
+ 96.865%,
+ 100% {
+ transform: none;
+ }
+
+ 96.875%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*4));
+ }
+}
+
+.meta.carousel .items-8 .item:first-child {
+ animation: scroll-8-end 32s linear infinite;
+}
+
+.meta.carousel .items-8 .item:nth-child(2) {
+ animation: scroll-8-end-2 32s linear infinite;
+}
+
+.meta.carousel .items-7 {
+ animation: scroll-7 28s linear infinite;
+}
+
+@keyframes scroll-7 {
+
+ 0%,
+ 10.71428571% {
+ transform: translateX(calc(var(--max-width) * 0));
+ }
+
+ 14.28571429%,
+ 25% {
+ transform: translateX(calc(var(--max-width) * -0.5));
+ }
+
+ 28.57142857%,
+ 39.28571429% {
+ transform: translateX(calc(var(--max-width) * -1));
+ }
+
+ 42.85714286%,
+ 53.57142857% {
+ transform: translateX(calc(var(--max-width) * -1.5));
+ }
+
+ 57.14285714%,
+ 67.85714286% {
+ transform: translateX(calc(var(--max-width) * -2));
+ }
+
+ 71.42857143%,
+ 82.14285714% {
+ transform: translateX(calc(var(--max-width) * -2.5));
+ }
+
+ 85.71428571%,
+ 96.42857143% {
+ transform: translateX(calc(var(--max-width) * -3));
+ }
+
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*-3.5));
+ }
+}
+
+@keyframes scroll-7-end {
+
+ 82.13285714%,
+ 100% {
+ transform: none;
+ }
+
+ 82.14285714%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*3.5));
+ }
+}
+
+@keyframes scroll-7-end-2 {
+
+ 96.41857143%,
+ 100% {
+ transform: none;
+ }
+
+ 96.42857143%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*3.5));
+ }
+}
+
+.meta.carousel .items-7 .item:first-child {
+ animation: scroll-7-end 28s linear infinite;
+}
+
+.meta.carousel .items-7 .item:nth-child(2) {
+ animation: scroll-7-end-2 28s linear infinite;
+}
+
+.meta.carousel .items-6 {
+ animation: scroll-6 24s linear infinite;
+}
+
+@keyframes scroll-6 {
+
+ 0%,
+ 12.5% {
+ transform: translateX(calc(var(--max-width) * 0));
+ }
+
+ 16.66666667%,
+ 29.16666667% {
+ transform: translateX(calc(var(--max-width) * -0.5));
+ }
+
+ 33.33333333%,
+ 45.83333333% {
+ transform: translateX(calc(var(--max-width) * -1));
+ }
+
+ 50%,
+ 62.5% {
+ transform: translateX(calc(var(--max-width) * -1.5));
+ }
+
+ 66.66666667%,
+ 79.16666667% {
+ transform: translateX(calc(var(--max-width) * -2));
+ }
+
+ 83.33333333%,
+ 95.83333333% {
+ transform: translateX(calc(var(--max-width) * -2.5));
+ }
+
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*-3));
+ }
+}
+
+@keyframes scroll-6-end {
+
+ 79.15666667%,
+ 100% {
+ transform: none;
+ }
+
+ 79.16666667%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*3));
+ }
+}
+
+@keyframes scroll-6-end-2 {
+
+ 95.82333333%,
+ 100% {
+ transform: none;
+ }
+
+ 95.83333333%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*3));
+ }
+}
+
+.meta.carousel .items-6 .item:first-child {
+ animation: scroll-6-end 24s linear infinite;
+}
+
+.meta.carousel .items-6 .item:nth-child(2) {
+ animation: scroll-6-end-2 24s linear infinite;
+}
+
+.meta.carousel .items-5 {
+ animation: scroll-5 20s linear infinite;
+}
+
+@keyframes scroll-5 {
+
+ 0%,
+ 15% {
+ transform: translateX(calc(var(--max-width) * 0));
+ }
+
+ 20%,
+ 35% {
+ transform: translateX(calc(var(--max-width) * -0.5));
+ }
+
+ 40%,
+ 55% {
+ transform: translateX(calc(var(--max-width) * -1));
+ }
+
+ 60%,
+ 75% {
+ transform: translateX(calc(var(--max-width) * -1.5));
+ }
+
+ 80%,
+ 95% {
+ transform: translateX(calc(var(--max-width) * -2));
+ }
+
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*-2.5));
+ }
+}
+
+@keyframes scroll-5-end {
+
+ 74.99%,
+ 100% {
+ transform: none;
+ }
+
+ 75%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*2.5));
+ }
+}
+
+@keyframes scroll-5-end-2 {
+
+ 94.99%,
+ 100% {
+ transform: none;
+ }
+
+ 95%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*2.5));
+ }
+}
+
+.meta.carousel .items-5 .item:first-child {
+ animation: scroll-5-end 20s linear infinite;
+}
+
+.meta.carousel .items-5 .item:nth-child(2) {
+ animation: scroll-5-end-2 20s linear infinite;
+}
+
+.meta.carousel .items-4 {
+ animation: scroll-4 16s linear infinite;
+}
+
+@keyframes scroll-4 {
+
+ 0%,
+ 18.75% {
+ transform: translateX(calc(var(--max-width) * 0));
+ }
+
+ 25%,
+ 43.75% {
+ transform: translateX(calc(var(--max-width) * -0.5));
+ }
+
+ 50%,
+ 68.75% {
+ transform: translateX(calc(var(--max-width) * -1));
+ }
+
+ 75%,
+ 93.75% {
+ transform: translateX(calc(var(--max-width) * -1.5));
+ }
+
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*-2));
+ }
+}
+
+@keyframes scroll-4-end {
+
+ 68.74%,
+ 100% {
+ transform: none;
+ }
+
+ 68.75%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*2));
+ }
+}
+
+@keyframes scroll-4-end-2 {
+
+ 93.74%,
+ 100% {
+ transform: none;
+ }
+
+ 93.75%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*2));
+ }
+}
+
+.meta.carousel .items-4 .item:first-child {
+ animation: scroll-4-end 16s linear infinite;
+}
+
+.meta.carousel .items-4 .item:nth-child(2) {
+ animation: scroll-4-end-2 16s linear infinite;
+}
+
+.meta.carousel .items-3 {
+ animation: scroll-3 12s linear infinite;
+}
+
+@keyframes scroll-3 {
+
+ 0%,
+ 25% {
+ transform: translateX(calc(var(--max-width) * 0));
+ }
+
+ 33.33333333%,
+ 58.33333333% {
+ transform: translateX(calc(var(--max-width) * -0.5));
+ }
+
+ 66.66666667%,
+ 91.66666667% {
+ transform: translateX(calc(var(--max-width) * -1));
+ }
+
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*-1.5));
+ }
+}
+
+@keyframes scroll-3-end {
+
+ 58.32333333%,
+ 100% {
+ transform: none;
+ }
+
+ 58.33333333%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*1.5));
+ }
+}
+
+@keyframes scroll-3-end-2 {
+
+ 91.65666667%,
+ 100% {
+ transform: none;
+ }
+
+ 91.66666667%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*1.5));
+ }
+}
+
+.meta.carousel .items-3 .item:first-child {
+ animation: scroll-3-end 12s linear infinite;
+}
+
+.meta.carousel .items-3 .item:nth-child(2) {
+ animation: scroll-3-end-2 12s linear infinite;
+}
+
+.meta.carousel .items-2 {
+ animation: scroll-2 8s linear infinite;
+}
+
+@keyframes scroll-2 {
+
+ 0%,
+ 37.5% {
+ transform: translateX(calc(var(--max-width) * 0));
+ }
+
+ 50%,
+ 87.5% {
+ transform: translateX(calc(var(--max-width) * -0.5));
+ }
+
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*-1));
+ }
+}
+
+@keyframes scroll-2-end {
+
+ 37.49%,
+ 100% {
+ transform: none;
+ }
+
+ 37.5%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*1));
+ }
+}
+
+@keyframes scroll-2-end-2 {
+
+ 87.49%,
+ 100% {
+ transform: none;
+ }
+
+ 87.5%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*1));
+ }
+}
+
+.meta.carousel .items-2 .item:first-child {
+ animation: scroll-2-end 8s linear infinite;
+}
+
+.meta.carousel .items-2 .item:nth-child(2) {
+ animation: scroll-2-end-2 8s linear infinite;
+}
+
+@media (max-width: 767px) {
+ .meta.carousel .item {
+ min-width: calc(var(--max-width) - 40px);
+ }
+
+ @keyframes scroll-md-10 {
+
+ 0%,
+ 7.5% {
+ transform: translateX(calc(var(--max-width) * 0));
+ }
+
+ 10%,
+ 17.5% {
+ transform: translateX(calc(var(--max-width) * -1));
+ }
+
+ 20%,
+ 27.5% {
+ transform: translateX(calc(var(--max-width) * -2));
+ }
+
+ 30%,
+ 37.5% {
+ transform: translateX(calc(var(--max-width) * -3));
+ }
+
+ 40%,
+ 47.5% {
+ transform: translateX(calc(var(--max-width) * -4));
+ }
+
+ 50%,
+ 57.5% {
+ transform: translateX(calc(var(--max-width) * -5));
+ }
+
+ 60%,
+ 67.5% {
+ transform: translateX(calc(var(--max-width) * -6));
+ }
+
+ 70%,
+ 77.5% {
+ transform: translateX(calc(var(--max-width) * -7));
+ }
+
+ 80%,
+ 87.5% {
+ transform: translateX(calc(var(--max-width) * -8));
+ }
+
+ 90%,
+ 97.5% {
+ transform: translateX(calc(var(--max-width) * -9));
+ }
+
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*-10));
+ }
+ }
+
+ @keyframes scroll-md-10-end {
+
+ 87.49%,
+ 100% {
+ transform: none;
+ }
+
+ 87.5%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*10));
+ }
+ }
+
+ .meta.carousel .items-10 {
+ animation: scroll-md-10 40s infinite;
+ }
+
+ .meta.carousel .items-10 .item:first-child {
+ animation: scroll-md-10-end 40s infinite;
+ }
+
+ .meta.carousel .items-10 .item:nth-child(2) {
+ animation: none;
+ }
+
+ @keyframes scroll-md-9 {
+
+ 0%,
+ 8.33333333% {
+ transform: translateX(calc(var(--max-width) * 0));
+ }
+
+ 11.11111111%,
+ 19.44444444% {
+ transform: translateX(calc(var(--max-width) * -1));
+ }
+
+ 22.22222222%,
+ 30.55555556% {
+ transform: translateX(calc(var(--max-width) * -2));
+ }
+
+ 33.33333333%,
+ 41.66666667% {
+ transform: translateX(calc(var(--max-width) * -3));
+ }
+
+ 44.44444444%,
+ 52.77777778% {
+ transform: translateX(calc(var(--max-width) * -4));
+ }
+
+ 55.55555556%,
+ 63.88888889% {
+ transform: translateX(calc(var(--max-width) * -5));
+ }
+
+ 66.66666667%,
+ 75% {
+ transform: translateX(calc(var(--max-width) * -6));
+ }
+
+ 77.77777778%,
+ 86.11111111% {
+ transform: translateX(calc(var(--max-width) * -7));
+ }
+
+ 88.88888889%,
+ 97.22222222% {
+ transform: translateX(calc(var(--max-width) * -8));
+ }
+
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*-9));
+ }
+ }
+
+ @keyframes scroll-md-9-end {
+
+ 86.10111111%,
+ 100% {
+ transform: none;
+ }
+
+ 86.11111111%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*9));
+ }
+ }
+
+ .meta.carousel .items-9 {
+ animation: scroll-md-9 36s infinite;
+ }
+
+ .meta.carousel .items-9 .item:first-child {
+ animation: scroll-md-9-end 36s infinite;
+ }
+
+ .meta.carousel .items-9 .item:nth-child(2) {
+ animation: none;
+ }
+
+ @keyframes scroll-md-8 {
+
+ 0%,
+ 9.375% {
+ transform: translateX(calc(var(--max-width) * 0));
+ }
+
+ 12.5%,
+ 21.875% {
+ transform: translateX(calc(var(--max-width) * -1));
+ }
+
+ 25%,
+ 34.375% {
+ transform: translateX(calc(var(--max-width) * -2));
+ }
+
+ 37.5%,
+ 46.875% {
+ transform: translateX(calc(var(--max-width) * -3));
+ }
+
+ 50%,
+ 59.375% {
+ transform: translateX(calc(var(--max-width) * -4));
+ }
+
+ 62.5%,
+ 71.875% {
+ transform: translateX(calc(var(--max-width) * -5));
+ }
+
+ 75%,
+ 84.375% {
+ transform: translateX(calc(var(--max-width) * -6));
+ }
+
+ 87.5%,
+ 96.875% {
+ transform: translateX(calc(var(--max-width) * -7));
+ }
+
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*-8));
+ }
+ }
+
+ @keyframes scroll-md-8-end {
+
+ 84.365%,
+ 100% {
+ transform: none;
+ }
+
+ 84.375%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*8));
+ }
+ }
+
+ .meta.carousel .items-8 {
+ animation: scroll-md-8 32s infinite;
+ }
+
+ .meta.carousel .items-8 .item:first-child {
+ animation: scroll-md-8-end 32s infinite;
+ }
+
+ .meta.carousel .items-8 .item:nth-child(2) {
+ animation: none;
+ }
+
+ @keyframes scroll-md-7 {
+
+ 0%,
+ 10.71428571% {
+ transform: translateX(calc(var(--max-width) * 0));
+ }
+
+ 14.28571429%,
+ 25% {
+ transform: translateX(calc(var(--max-width) * -1));
+ }
+
+ 28.57142857%,
+ 39.28571429% {
+ transform: translateX(calc(var(--max-width) * -2));
+ }
+
+ 42.85714286%,
+ 53.57142857% {
+ transform: translateX(calc(var(--max-width) * -3));
+ }
+
+ 57.14285714%,
+ 67.85714286% {
+ transform: translateX(calc(var(--max-width) * -4));
+ }
+
+ 71.42857143%,
+ 82.14285714% {
+ transform: translateX(calc(var(--max-width) * -5));
+ }
+
+ 85.71428571%,
+ 96.42857143% {
+ transform: translateX(calc(var(--max-width) * -6));
+ }
+
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*-7));
+ }
+ }
+
+ @keyframes scroll-md-7-end {
+
+ 82.13285714%,
+ 100% {
+ transform: none;
+ }
+
+ 82.14285714%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*7));
+ }
+ }
+
+ .meta.carousel .items-7 {
+ animation: scroll-md-7 28s infinite;
+ }
+
+ .meta.carousel .items-7 .item:first-child {
+ animation: scroll-md-7-end 28s infinite;
+ }
+
+ .meta.carousel .items-7 .item:nth-child(2) {
+ animation: none;
+ }
+
+ @keyframes scroll-md-6 {
+
+ 0%,
+ 12.5% {
+ transform: translateX(calc(var(--max-width) * 0));
+ }
+
+ 16.66666667%,
+ 29.16666667% {
+ transform: translateX(calc(var(--max-width) * -1));
+ }
+
+ 33.33333333%,
+ 45.83333333% {
+ transform: translateX(calc(var(--max-width) * -2));
+ }
+
+ 50%,
+ 62.5% {
+ transform: translateX(calc(var(--max-width) * -3));
+ }
+
+ 66.66666667%,
+ 79.16666667% {
+ transform: translateX(calc(var(--max-width) * -4));
+ }
+
+ 83.33333333%,
+ 95.83333333% {
+ transform: translateX(calc(var(--max-width) * -5));
+ }
+
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*-6));
+ }
+ }
+
+ @keyframes scroll-md-6-end {
+
+ 79.15666667%,
+ 100% {
+ transform: none;
+ }
+
+ 79.16666667%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*6));
+ }
+ }
+
+ .meta.carousel .items-6 {
+ animation: scroll-md-6 24s infinite;
+ }
+
+ .meta.carousel .items-6 .item:first-child {
+ animation: scroll-md-6-end 24s infinite;
+ }
+
+ .meta.carousel .items-6 .item:nth-child(2) {
+ animation: none;
+ }
+
+ @keyframes scroll-md-5 {
+
+ 0%,
+ 15% {
+ transform: translateX(calc(var(--max-width) * 0));
+ }
+
+ 20%,
+ 35% {
+ transform: translateX(calc(var(--max-width) * -1));
+ }
+
+ 40%,
+ 55% {
+ transform: translateX(calc(var(--max-width) * -2));
+ }
+
+ 60%,
+ 75% {
+ transform: translateX(calc(var(--max-width) * -3));
+ }
+
+ 80%,
+ 95% {
+ transform: translateX(calc(var(--max-width) * -4));
+ }
+
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*-5));
+ }
+ }
+
+ @keyframes scroll-md-5-end {
+
+ 74.99%,
+ 100% {
+ transform: none;
+ }
+
+ 75%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*5));
+ }
+ }
+
+ .meta.carousel .items-5 {
+ animation: scroll-md-5 20s infinite;
+ }
+
+ .meta.carousel .items-5 .item:first-child {
+ animation: scroll-md-5-end 20s infinite;
+ }
+
+ .meta.carousel .items-5 .item:nth-child(2) {
+ animation: none;
+ }
+
+ @keyframes scroll-md-4 {
+
+ 0%,
+ 18.75% {
+ transform: translateX(calc(var(--max-width) * 0));
+ }
+
+ 25%,
+ 43.75% {
+ transform: translateX(calc(var(--max-width) * -1));
+ }
+
+ 50%,
+ 68.75% {
+ transform: translateX(calc(var(--max-width) * -2));
+ }
+
+ 75%,
+ 93.75% {
+ transform: translateX(calc(var(--max-width) * -3));
+ }
+
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*-4));
+ }
+ }
+
+ @keyframes scroll-md-4-end {
+
+ 68.74%,
+ 100% {
+ transform: none;
+ }
+
+ 68.75%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*4));
+ }
+ }
+
+ .meta.carousel .items-4 {
+ animation: scroll-md-4 16s infinite;
+ }
+
+ .meta.carousel .items-4 .item:first-child {
+ animation: scroll-md-4-end 16s infinite;
+ }
+
+ .meta.carousel .items-4 .item:nth-child(2) {
+ animation: none;
+ }
+
+ @keyframes scroll-md-3 {
+
+ 0%,
+ 25% {
+ transform: translateX(calc(var(--max-width) * 0));
+ }
+
+ 33.33333333%,
+ 58.33333333% {
+ transform: translateX(calc(var(--max-width) * -1));
+ }
+
+ 66.66666667%,
+ 91.66666667% {
+ transform: translateX(calc(var(--max-width) * -2));
+ }
+
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*-3));
+ }
+ }
+
+ @keyframes scroll-md-3-end {
+
+ 58.32333333%,
+ 100% {
+ transform: none;
+ }
+
+ 58.33333333%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*3));
+ }
+ }
+
+ .meta.carousel .items-3 {
+ animation: scroll-md-3 12s infinite;
+ }
+
+ .meta.carousel .items-3 .item:first-child {
+ animation: scroll-md-3-end 12s infinite;
+ }
+
+ .meta.carousel .items-3 .item:nth-child(2) {
+ animation: none;
+ }
+
+ @keyframes scroll-md-2 {
+
+ 0%,
+ 37.5% {
+ transform: translateX(calc(var(--max-width) * 0));
+ }
+
+ 50%,
+ 87.5% {
+ transform: translateX(calc(var(--max-width) * -1));
+ }
+
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*-2));
+ }
+ }
+
+ @keyframes scroll-md-2-end {
+
+ 37.49%,
+ 100% {
+ transform: none;
+ }
+
+ 37.5%,
+ 99.99% {
+ transform: translateX(calc(var(--max-width)*2));
+ }
+ }
+
+ .meta.carousel .items-2 {
+ animation: scroll-md-2 8s infinite;
+ }
+
+ .meta.carousel .items-2 .item:first-child {
+ animation: scroll-md-2-end 8s infinite;
+ }
+
+ .meta.carousel .items-2 .item:nth-child(2) {
+ animation: none;
+ }
+}
+
+.meta.filter {
+ text-align: center;
+}
+
+.meta.filter .item-cover {
+ width: 100%;
+ height: auto;
+}
+
+.meta.filter .filter {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ width: auto;
+ height: auto;
+ text-align: center;
+ margin: 5px;
+ font-size: 14px;
+ padding: 0;
+ border-radius: 2px;
+}
+
+.meta.filter .filter:after {
+ content: attr(value);
+ padding: 5px 12px;
+ display: block;
+}
+
+.meta.filter .items {
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.meta.filter .filter-0:checked~.items>.filter-0 {
+ width: calc(var(--max-width)/3 - 50px);
+ margin: 10px;
+ height: auto;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s, width 0.50s ease-out;
+}
+
+.meta.filter .filter-1:checked~.items>.filter-1 {
+ width: calc(var(--max-width)/3 - 50px);
+ margin: 10px;
+ height: auto;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s, width 0.50s ease-out;
+}
+
+.meta.filter .filter-2:checked~.items>.filter-2 {
+ width: calc(var(--max-width)/3 - 50px);
+ margin: 10px;
+ height: auto;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s, width 0.50s ease-out;
+}
+
+.meta.filter .filter-3:checked~.items>.filter-3 {
+ width: calc(var(--max-width)/3 - 50px);
+ margin: 10px;
+ height: auto;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s, width 0.50s ease-out;
+}
+
+.meta.filter .filter-4:checked~.items>.filter-4 {
+ width: calc(var(--max-width)/3 - 50px);
+ margin: 10px;
+ height: auto;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s, width 0.50s ease-out;
+}
+
+.meta.filter .filter-5:checked~.items>.filter-5 {
+ width: calc(var(--max-width)/3 - 50px);
+ margin: 10px;
+ height: auto;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s, width 0.50s ease-out;
+}
+
+.meta.filter .filter-6:checked~.items>.filter-6 {
+ width: calc(var(--max-width)/3 - 50px);
+ margin: 10px;
+ height: auto;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s, width 0.50s ease-out;
+}
+
+.meta.filter .filter-7:checked~.items>.filter-7 {
+ width: calc(var(--max-width)/3 - 50px);
+ margin: 10px;
+ height: auto;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s, width 0.50s ease-out;
+}
+
+.meta.filter .filter-8:checked~.items>.filter-8 {
+ width: calc(var(--max-width)/3 - 50px);
+ margin: 10px;
+ height: auto;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s, width 0.50s ease-out;
+}
+
+.meta.filter .filter-9:checked~.items>.filter-9 {
+ width: calc(var(--max-width)/3 - 50px);
+ margin: 10px;
+ height: auto;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s, width 0.50s ease-out;
+}
+
+.meta.filter .filter-10:checked~.items>.filter-10 {
+ width: calc(var(--max-width)/3 - 50px);
+ margin: 10px;
+ height: auto;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s, width 0.50s ease-out;
+}
+
+@media (max-width: 991px) {
+ .meta.filter .filter-0:checked~.items>.filter-0 {
+ width: calc(var(--max-width) - 50px);
+ height: auto;
+ margin: 10px;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s, width 0.50s ease-out;
+ }
+
+ .meta.filter .filter-1:checked~.items>.filter-1 {
+ width: calc(var(--max-width) - 50px);
+ height: auto;
+ margin: 10px;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s, width 0.50s ease-out;
+ }
+
+ .meta.filter .filter-2:checked~.items>.filter-2 {
+ width: calc(var(--max-width) - 50px);
+ height: auto;
+ margin: 10px;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s, width 0.50s ease-out;
+ }
+
+ .meta.filter .filter-3:checked~.items>.filter-3 {
+ width: calc(var(--max-width) - 50px);
+ height: auto;
+ margin: 10px;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s, width 0.50s ease-out;
+ }
+
+ .meta.filter .filter-4:checked~.items>.filter-4 {
+ width: calc(var(--max-width) - 50px);
+ height: auto;
+ margin: 10px;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s, width 0.50s ease-out;
+ }
+
+ .meta.filter .filter-5:checked~.items>.filter-5 {
+ width: calc(var(--max-width) - 50px);
+ height: auto;
+ margin: 10px;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s, width 0.50s ease-out;
+ }
+
+ .meta.filter .filter-6:checked~.items>.filter-6 {
+ width: calc(var(--max-width) - 50px);
+ height: auto;
+ margin: 10px;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s, width 0.50s ease-out;
+ }
+
+ .meta.filter .filter-7:checked~.items>.filter-7 {
+ width: calc(var(--max-width) - 50px);
+ height: auto;
+ margin: 10px;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s, width 0.50s ease-out;
+ }
+
+ .meta.filter .filter-8:checked~.items>.filter-8 {
+ width: calc(var(--max-width) - 50px);
+ height: auto;
+ margin: 10px;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s, width 0.50s ease-out;
+ }
+
+ .meta.filter .filter-9:checked~.items>.filter-9 {
+ width: calc(var(--max-width) - 50px);
+ height: auto;
+ margin: 10px;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s, width 0.50s ease-out;
+ }
+
+ .meta.filter .filter-10:checked~.items>.filter-10 {
+ width: calc(var(--max-width) - 50px);
+ height: auto;
+ margin: 10px;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s, width 0.50s ease-out;
+ }
+}
+
+.meta.filter .item {
+ width: 0;
+ margin: 0;
+ height: 0;
+ transform: scale(0);
+ transform-origin: 20% 40%;
+ transition: transform 0.5s ease-in, width 0.50s ease-out 0.45s, margin 0.50s ease-out 0.45s, height 0s ease-out 0.45s;
+}
+
+.meta.centered {
+ min-height: 80vh;
+ background-attachment: fixed;
+ background-repeat: no-repeat;
+ background-size: cover;
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.meta.centered .items {
+ background: inherit;
+}
+
+.meta.centered .item {
+ position: relative;
+ background: inherit;
+ overflow: hidden;
+ padding: 20px;
+ border-radius: 5px;
+}
+
+.meta.centered .item:before {
+ content: " ";
+ position: absolute;
+ top: -25px;
+ left: -25px;
+ bottom: -25px;
+ right: -25px;
+ background: inherit;
+ box-shadow: inset 0 0 0 200px rgba(var(--background-color-rgb), 0.4);
+ filter: blur(10px);
+}
+
+.meta.centered .item * {
+ z-index: 5;
+ text-align: center;
+}
+
+.meta.centered>.attribution {
+ position: absolute;
+ bottom: -30px;
+ right: 5px;
+ padding: 5px;
+ background: rgba(var(--background-color-rgb), 0.4);
+ border-radius: 2px;
+ color: var(--text-color);
+}
+
+@media (hover: none) {
+ .meta.centered {
+ background-attachment: scroll;
+ }
+
+ .meta.centered .items {
+ background: rgba(var(--background-color-rgb), 0.4);
+ }
+
+ .meta.centered .item {
+ background: transparent;
+ }
+
+ .meta.centered .item:before {
+ content: none;
+ }
+}
+
+.meta.blog>ul {
+ padding: 0;
+}
+
+.meta.blog h3:hover {
+ transform: none;
+}
+
+.meta.blog .item {
+ padding: 15px;
+}
+
+.meta.gray-image .item-cover {
+ filter: contrast(1);
+ transition: filter 0.2s ease-in;
+}
+
+.meta.gray-image .item-cover:hover,
+.meta.gray-image .item-cover.hover {
+ border-radius: 5px;
+ filter: contrast(1.3) brightness(1.1);
+}
+
+.meta.keep-width .item-cover {
+ max-width: 100%;
+ height: auto;
+}
+
+@media (min-width: 769px) {
+ .left-image>* {
+ transform: translate3d(0, 0, 0);
+ will-change: transform;
+ }
+
+ .left-image>img {
+ transform: translate3d(0, 0, 0);
+ will-change: transform;
+ }
+
+ .left-image.visible>*,
+ .left-image:nth-of-type(1)>*,
+ .left-image:nth-of-type(2)>* {
+ transform-origin: center left;
+ animation: bounceInRightNoDelay 1.1s ease-in-out;
+ }
+
+ .left-image.visible>img,
+ .left-image:nth-of-type(1)>img,
+ .left-image:nth-of-type(2)>img {
+ transform-origin: center right;
+ animation: bounceInLeftNoDelay 1.1s ease-in-out;
+ }
+
+ .meta.default.visible h1,
+ .meta.default.visible .main-icon,
+ .meta.default:nth-of-type(1) h1,
+ .meta.default:nth-of-type(1) .main-icon,
+ .meta.default:nth-of-type(2) h1,
+ .meta.default:nth-of-type(2) .main-icon,
+ .full-width.visible h1,
+ .full-width.visible .main-icon,
+ .full-width:nth-of-type(1) h1,
+ .full-width:nth-of-type(1) .main-icon,
+ .full-width:nth-of-type(2) h1,
+ .full-width:nth-of-type(2) .main-icon,
+ .max-2.visible h1,
+ .max-2.visible .main-icon,
+ .max-2:nth-of-type(1) h1,
+ .max-2:nth-of-type(1) .main-icon,
+ .max-2:nth-of-type(2) h1,
+ .max-2:nth-of-type(2) .main-icon,
+ .blog.visible h1,
+ .blog.visible .main-icon,
+ .blog:nth-of-type(1) h1,
+ .blog:nth-of-type(1) .main-icon,
+ .blog:nth-of-type(2) h1,
+ .blog:nth-of-type(2) .main-icon,
+ .filter.visible h1,
+ .filter.visible .main-icon,
+ .filter:nth-of-type(1) h1,
+ .filter:nth-of-type(1) .main-icon,
+ .filter:nth-of-type(2) h1,
+ .filter:nth-of-type(2) .main-icon,
+ .item-icon-left.visible h1,
+ .item-icon-left.visible .main-icon,
+ .item-icon-left:nth-of-type(1) h1,
+ .item-icon-left:nth-of-type(1) .main-icon,
+ .item-icon-left:nth-of-type(2) h1,
+ .item-icon-left:nth-of-type(2) .main-icon {
+ animation: fade-up-item-1 2s ease-in-out;
+ }
+
+ .meta.default.visible .subtitle,
+ .meta.default:nth-of-type(1) .subtitle,
+ .meta.default:nth-of-type(2) .subtitle,
+ .full-width.visible .subtitle,
+ .full-width:nth-of-type(1) .subtitle,
+ .full-width:nth-of-type(2) .subtitle,
+ .max-2.visible .subtitle,
+ .max-2:nth-of-type(1) .subtitle,
+ .max-2:nth-of-type(2) .subtitle,
+ .blog.visible .subtitle,
+ .blog:nth-of-type(1) .subtitle,
+ .blog:nth-of-type(2) .subtitle,
+ .filter.visible .subtitle,
+ .filter:nth-of-type(1) .subtitle,
+ .filter:nth-of-type(2) .subtitle,
+ .item-icon-left.visible .subtitle,
+ .item-icon-left:nth-of-type(1) .subtitle,
+ .item-icon-left:nth-of-type(2) .subtitle {
+ animation: fade-up-item-2 2s ease-in-out;
+ }
+
+ .meta.default h1,
+ .meta.default .main-icon,
+ .meta.default .subtitle,
+ .full-width h1,
+ .full-width .main-icon,
+ .full-width .subtitle,
+ .max-2 h1,
+ .max-2 .main-icon,
+ .max-2 .subtitle,
+ .blog h1,
+ .blog .main-icon,
+ .blog .subtitle,
+ .filter h1,
+ .filter .main-icon,
+ .filter .subtitle,
+ .item-icon-left h1,
+ .item-icon-left .main-icon,
+ .item-icon-left .subtitle {
+ transform: translate3d(0, 0, 0);
+ will-change: opacity, transform;
+ }
+
+ .full-width .item>* {
+ transform: translate3d(0, 0, 0);
+ will-change: opacity, transform;
+ backface-visibility: hidden;
+ }
+
+ .full-width:nth-of-type(1) .item:nth-child(2n)>*,
+ .full-width:nth-of-type(2) .item:nth-child(2n)>*,
+ .full-width .item.visible:nth-child(2n)>* {
+ transform-origin: center right;
+ animation: bounceInLeft 0.8s ease-in-out;
+ perspective: 1000;
+ }
+
+ .full-width:nth-of-type(1) .item:nth-child(2n) img,
+ .full-width:nth-of-type(2) .item:nth-child(2n) img,
+ .full-width .item.visible:nth-child(2n) img {
+ transform-origin: center left;
+ animation: bounceInRight 0.8s ease-in-out;
+ perspective: 1000;
+ }
+
+ .full-width:nth-of-type(1) .item:nth-child(2n - 1)>*,
+ .full-width:nth-of-type(2) .item:nth-child(2n - 1)>*,
+ .full-width .item.visible:nth-child(2n - 1)>* {
+ transform-origin: center left;
+ animation: bounceInRight 0.8s ease-in-out;
+ }
+
+ .full-width:nth-of-type(1) .item:nth-child(2n - 1) img,
+ .full-width:nth-of-type(2) .item:nth-child(2n - 1) img,
+ .full-width .item.visible:nth-child(2n - 1) img {
+ transform-origin: center right;
+ animation: bounceInLeft 0.8s ease-in-out;
+ }
+
+ .max-2 .item {
+ transform-origin: top center;
+ will-change: opacity, transform;
+ }
+
+ .max-2:nth-of-type(1) .item:nth-child(2n),
+ .max-2:nth-of-type(2) .item:nth-child(2n),
+ .max-2 .item.visible:nth-child(2n) {
+ animation: fade-up-item-2 2s ease-in-out;
+ }
+
+ .max-2:nth-of-type(1) .item:nth-child(2n - 1),
+ .max-2:nth-of-type(2) .item:nth-child(2n - 1),
+ .max-2 .item.visible:nth-child(2n - 1) {
+ animation: fade-up-item-1 2s ease-in-out;
+ }
+
+ .filter .items-2 .item:nth-child(1),
+ .blog .items-2 .item:nth-child(1),
+ .meta.default .items-2 .item:nth-child(1),
+ .item-icon-left .items-2 .item:nth-child(1) {
+ transform-origin: top center;
+ will-change: opacity, transform;
+ }
+
+ .filter .items-2 .item:nth-child(1).visible,
+ .blog .items-2 .item:nth-child(1).visible,
+ .meta.default .items-2 .item:nth-child(1).visible,
+ .item-icon-left .items-2 .item:nth-child(1).visible {
+ animation: fade-up-item-1 2s ease-in-out;
+ }
+
+ .filter .items-2 .item:nth-child(2),
+ .blog .items-2 .item:nth-child(2),
+ .meta.default .items-2 .item:nth-child(2),
+ .item-icon-left .items-2 .item:nth-child(2) {
+ transform-origin: top center;
+ will-change: opacity, transform;
+ }
+
+ .filter .items-2 .item:nth-child(2).visible,
+ .blog .items-2 .item:nth-child(2).visible,
+ .meta.default .items-2 .item:nth-child(2).visible,
+ .item-icon-left .items-2 .item:nth-child(2).visible {
+ animation: fade-up-item-2 2s ease-in-out;
+ }
+
+ .filter:nth-of-type(1) .items-2,
+ .filter:nth-of-type(2) .items-2,
+ .blog:nth-of-type(1) .items-2,
+ .blog:nth-of-type(2) .items-2,
+ .meta.default:nth-of-type(1) .items-2,
+ .meta.default:nth-of-type(2) .items-2,
+ .item-icon-left:nth-of-type(1) .items-2,
+ .item-icon-left:nth-of-type(2) .items-2 {
+ animation: fade-up-item-1 2s ease-in-out;
+ animation: fade-up-item-2 2s ease-in-out;
+ }
+
+ .filter .items-3 .item:nth-child(1),
+ .blog .items-3 .item:nth-child(1),
+ .meta.default .items-3 .item:nth-child(1),
+ .item-icon-left .items-3 .item:nth-child(1) {
+ transform-origin: top center;
+ will-change: opacity, transform;
+ }
+
+ .filter .items-3 .item:nth-child(1).visible,
+ .blog .items-3 .item:nth-child(1).visible,
+ .meta.default .items-3 .item:nth-child(1).visible,
+ .item-icon-left .items-3 .item:nth-child(1).visible {
+ animation: fade-up-item-1 2s ease-in-out;
+ }
+
+ .filter .items-3 .item:nth-child(2),
+ .blog .items-3 .item:nth-child(2),
+ .meta.default .items-3 .item:nth-child(2),
+ .item-icon-left .items-3 .item:nth-child(2) {
+ transform-origin: top center;
+ will-change: opacity, transform;
+ }
+
+ .filter .items-3 .item:nth-child(2).visible,
+ .blog .items-3 .item:nth-child(2).visible,
+ .meta.default .items-3 .item:nth-child(2).visible,
+ .item-icon-left .items-3 .item:nth-child(2).visible {
+ animation: fade-up-item-2 2s ease-in-out;
+ }
+
+ .filter .items-3 .item:nth-child(3),
+ .blog .items-3 .item:nth-child(3),
+ .meta.default .items-3 .item:nth-child(3),
+ .item-icon-left .items-3 .item:nth-child(3) {
+ transform-origin: top center;
+ will-change: opacity, transform;
+ }
+
+ .filter .items-3 .item:nth-child(3).visible,
+ .blog .items-3 .item:nth-child(3).visible,
+ .meta.default .items-3 .item:nth-child(3).visible,
+ .item-icon-left .items-3 .item:nth-child(3).visible {
+ animation: fade-up-item-3 2s ease-in-out;
+ }
+
+ .filter:nth-of-type(1) .items-3,
+ .filter:nth-of-type(2) .items-3,
+ .blog:nth-of-type(1) .items-3,
+ .blog:nth-of-type(2) .items-3,
+ .meta.default:nth-of-type(1) .items-3,
+ .meta.default:nth-of-type(2) .items-3,
+ .item-icon-left:nth-of-type(1) .items-3,
+ .item-icon-left:nth-of-type(2) .items-3 {
+ animation: fade-up-item-1 2s ease-in-out;
+ animation: fade-up-item-2 2s ease-in-out;
+ animation: fade-up-item-3 2s ease-in-out;
+ }
+
+ .filter .items-4 .item:nth-child(1),
+ .blog .items-4 .item:nth-child(1),
+ .meta.default .items-4 .item:nth-child(1),
+ .item-icon-left .items-4 .item:nth-child(1) {
+ transform-origin: top center;
+ will-change: opacity, transform;
+ }
+
+ .filter .items-4 .item:nth-child(1).visible,
+ .blog .items-4 .item:nth-child(1).visible,
+ .meta.default .items-4 .item:nth-child(1).visible,
+ .item-icon-left .items-4 .item:nth-child(1).visible {
+ animation: fade-up-item-1 2s ease-in-out;
+ }
+
+ .filter .items-4 .item:nth-child(2),
+ .blog .items-4 .item:nth-child(2),
+ .meta.default .items-4 .item:nth-child(2),
+ .item-icon-left .items-4 .item:nth-child(2) {
+ transform-origin: top center;
+ will-change: opacity, transform;
+ }
+
+ .filter .items-4 .item:nth-child(2).visible,
+ .blog .items-4 .item:nth-child(2).visible,
+ .meta.default .items-4 .item:nth-child(2).visible,
+ .item-icon-left .items-4 .item:nth-child(2).visible {
+ animation: fade-up-item-2 2s ease-in-out;
+ }
+
+ .filter .items-4 .item:nth-child(3),
+ .blog .items-4 .item:nth-child(3),
+ .meta.default .items-4 .item:nth-child(3),
+ .item-icon-left .items-4 .item:nth-child(3) {
+ transform-origin: top center;
+ will-change: opacity, transform;
+ }
+
+ .filter .items-4 .item:nth-child(3).visible,
+ .blog .items-4 .item:nth-child(3).visible,
+ .meta.default .items-4 .item:nth-child(3).visible,
+ .item-icon-left .items-4 .item:nth-child(3).visible {
+ animation: fade-up-item-3 2s ease-in-out;
+ }
+
+ .filter .items-4 .item:nth-child(4),
+ .blog .items-4 .item:nth-child(4),
+ .meta.default .items-4 .item:nth-child(4),
+ .item-icon-left .items-4 .item:nth-child(4) {
+ transform-origin: top center;
+ will-change: opacity, transform;
+ }
+
+ .filter .items-4 .item:nth-child(4).visible,
+ .blog .items-4 .item:nth-child(4).visible,
+ .meta.default .items-4 .item:nth-child(4).visible,
+ .item-icon-left .items-4 .item:nth-child(4).visible {
+ animation: fade-up-item-4 2s ease-in-out;
+ }
+
+ .filter:nth-of-type(1) .items-4,
+ .filter:nth-of-type(2) .items-4,
+ .blog:nth-of-type(1) .items-4,
+ .blog:nth-of-type(2) .items-4,
+ .meta.default:nth-of-type(1) .items-4,
+ .meta.default:nth-of-type(2) .items-4,
+ .item-icon-left:nth-of-type(1) .items-4,
+ .item-icon-left:nth-of-type(2) .items-4 {
+ animation: fade-up-item-1 2s ease-in-out;
+ animation: fade-up-item-2 2s ease-in-out;
+ animation: fade-up-item-3 2s ease-in-out;
+ animation: fade-up-item-4 2s ease-in-out;
+ }
+
+ .filter .items-6 .item,
+ .blog .items-6 .item,
+ .meta.default .items-6 .item,
+ .item-icon-left .items-6 .item {
+ transform-origin: top center;
+ will-change: opacity, transform;
+ }
+
+ .filter:nth-of-type(1) .items-6 .item:nth-child(3n+1),
+ .filter:nth-of-type(2) .items-6 .item:nth-child(3n+1),
+ .filter .items-6 .item:nth-child(3n+1).visible,
+ .blog:nth-of-type(1) .items-6 .item:nth-child(3n+1),
+ .blog:nth-of-type(2) .items-6 .item:nth-child(3n+1),
+ .blog .items-6 .item:nth-child(3n+1).visible,
+ .meta.default:nth-of-type(1) .items-6 .item:nth-child(3n+1),
+ .meta.default:nth-of-type(2) .items-6 .item:nth-child(3n+1),
+ .meta.default .items-6 .item:nth-child(3n+1).visible,
+ .item-icon-left:nth-of-type(1) .items-6 .item:nth-child(3n+1),
+ .item-icon-left:nth-of-type(2) .items-6 .item:nth-child(3n+1),
+ .item-icon-left .items-6 .item:nth-child(3n+1).visible {
+ animation: fade-up-item-1 2s ease-in-out;
+ }
+
+ .filter:nth-of-type(1) .items-6 .item:nth-child(3n+2),
+ .filter:nth-of-type(2) .items-6 .item:nth-child(3n+2),
+ .filter .items-6 .item:nth-child(3n+2).visible,
+ .blog:nth-of-type(1) .items-6 .item:nth-child(3n+2),
+ .blog:nth-of-type(2) .items-6 .item:nth-child(3n+2),
+ .blog .items-6 .item:nth-child(3n+2).visible,
+ .meta.default:nth-of-type(1) .items-6 .item:nth-child(3n+2),
+ .meta.default:nth-of-type(2) .items-6 .item:nth-child(3n+2),
+ .meta.default .items-6 .item:nth-child(3n+2).visible,
+ .item-icon-left:nth-of-type(1) .items-6 .item:nth-child(3n+2),
+ .item-icon-left:nth-of-type(2) .items-6 .item:nth-child(3n+2),
+ .item-icon-left .items-6 .item:nth-child(3n+2).visible {
+ animation: fade-up-item-2 2s ease-in-out;
+ }
+
+ .filter:nth-of-type(1) .items-6 .item:nth-child(3n+3),
+ .filter:nth-of-type(2) .items-6 .item:nth-child(3n+3),
+ .filter .items-6 .item:nth-child(3n).visible,
+ .blog:nth-of-type(1) .items-6 .item:nth-child(3n+3),
+ .blog:nth-of-type(2) .items-6 .item:nth-child(3n+3),
+ .blog .items-6 .item:nth-child(3n).visible,
+ .meta.default:nth-of-type(1) .items-6 .item:nth-child(3n+3),
+ .meta.default:nth-of-type(2) .items-6 .item:nth-child(3n+3),
+ .meta.default .items-6 .item:nth-child(3n).visible,
+ .item-icon-left:nth-of-type(1) .items-6 .item:nth-child(3n+3),
+ .item-icon-left:nth-of-type(2) .items-6 .item:nth-child(3n+3),
+ .item-icon-left .items-6 .item:nth-child(3n).visible {
+ animation: fade-up-item-3 2s ease-in-out;
+ }
+
+ .filter .items-9 .item,
+ .blog .items-9 .item,
+ .meta.default .items-9 .item,
+ .item-icon-left .items-9 .item {
+ transform-origin: top center;
+ will-change: opacity, transform;
+ }
+
+ .filter:nth-of-type(1) .items-9 .item:nth-child(3n+1),
+ .filter:nth-of-type(2) .items-9 .item:nth-child(3n+1),
+ .filter .items-9 .item:nth-child(3n+1).visible,
+ .blog:nth-of-type(1) .items-9 .item:nth-child(3n+1),
+ .blog:nth-of-type(2) .items-9 .item:nth-child(3n+1),
+ .blog .items-9 .item:nth-child(3n+1).visible,
+ .meta.default:nth-of-type(1) .items-9 .item:nth-child(3n+1),
+ .meta.default:nth-of-type(2) .items-9 .item:nth-child(3n+1),
+ .meta.default .items-9 .item:nth-child(3n+1).visible,
+ .item-icon-left:nth-of-type(1) .items-9 .item:nth-child(3n+1),
+ .item-icon-left:nth-of-type(2) .items-9 .item:nth-child(3n+1),
+ .item-icon-left .items-9 .item:nth-child(3n+1).visible {
+ animation: fade-up-item-1 2s ease-in-out;
+ }
+
+ .filter:nth-of-type(1) .items-9 .item:nth-child(3n+2),
+ .filter:nth-of-type(2) .items-9 .item:nth-child(3n+2),
+ .filter .items-9 .item:nth-child(3n+2).visible,
+ .blog:nth-of-type(1) .items-9 .item:nth-child(3n+2),
+ .blog:nth-of-type(2) .items-9 .item:nth-child(3n+2),
+ .blog .items-9 .item:nth-child(3n+2).visible,
+ .meta.default:nth-of-type(1) .items-9 .item:nth-child(3n+2),
+ .meta.default:nth-of-type(2) .items-9 .item:nth-child(3n+2),
+ .meta.default .items-9 .item:nth-child(3n+2).visible,
+ .item-icon-left:nth-of-type(1) .items-9 .item:nth-child(3n+2),
+ .item-icon-left:nth-of-type(2) .items-9 .item:nth-child(3n+2),
+ .item-icon-left .items-9 .item:nth-child(3n+2).visible {
+ animation: fade-up-item-2 2s ease-in-out;
+ }
+
+ .filter:nth-of-type(1) .items-9 .item:nth-child(3n+3),
+ .filter:nth-of-type(2) .items-9 .item:nth-child(3n+3),
+ .filter .items-9 .item:nth-child(3n).visible,
+ .blog:nth-of-type(1) .items-9 .item:nth-child(3n+3),
+ .blog:nth-of-type(2) .items-9 .item:nth-child(3n+3),
+ .blog .items-9 .item:nth-child(3n).visible,
+ .meta.default:nth-of-type(1) .items-9 .item:nth-child(3n+3),
+ .meta.default:nth-of-type(2) .items-9 .item:nth-child(3n+3),
+ .meta.default .items-9 .item:nth-child(3n).visible,
+ .item-icon-left:nth-of-type(1) .items-9 .item:nth-child(3n+3),
+ .item-icon-left:nth-of-type(2) .items-9 .item:nth-child(3n+3),
+ .item-icon-left .items-9 .item:nth-child(3n).visible {
+ animation: fade-up-item-3 2s ease-in-out;
+ }
+}
+
+@media (prefers-reduced-motion) {
+
+ .meta,
+ .meta * {
+ animation: none !important;
+ }
+}
+
+footer {
+ background: #282828;
+ color: #7C7C7C;
+ z-index: 1;
+}
+
+footer>* {
+ width: 100%;
+ padding-left: calc((100% - var(--max-width)) /2 + var(--content-padding));
+ padding-right: calc((100% - var(--max-width)) /2 + var(--content-padding));
+ padding-top: 30px;
+ padding-bottom: 30px;
+}
+
+footer h2 {
+ color: #CCC;
+}
+
+footer p,
+footer li {
+ color: #7C7C7C;
+}
+
+footer p:hover,
+footer p.hover,
+footer li:hover,
+footer li.hover {
+ color: #AAA;
+ text-shadow: none;
+}
+
+footer #copyright {
+ text-align: center;
+ background: #1D1D1D;
+}
+
+footer h2 {
+ text-align: center;
+}
+
+footer ul {
+ padding: 0;
+}
+
+footer li {
+ list-style: none;
+ text-align: left;
+}
+
+footer input {
+ background: #1D1D1D;
+ color: #ccc;
+}
+
+footer .contact-us svg {
+ width: 32px;
+ height: 32px;
+ vertical-align: middle;
+ fill: var(--background-color);
+ background: var(--theme-color);
+ border-radius: 4px;
+ margin: 4px 10px 4px 0;
+ padding: 3px;
+}
+
+footer section:nth-of-type(1) {
+ will-change: transform, opacity;
+}
+
+footer .items.visible section:nth-of-type(1) {
+ animation: fade-up-item-1 2s ease-in-out;
+}
+
+footer section:nth-of-type(2) {
+ will-change: transform, opacity;
+}
+
+footer .items.visible section:nth-of-type(2) {
+ animation: fade-up-item-2 2s ease-in-out;
+}
+
+footer section:nth-of-type(3) {
+ will-change: transform, opacity;
+}
+
+footer .items.visible section:nth-of-type(3) {
+ animation: fade-up-item-3 2s ease-in-out;
+}
+
+footer section:nth-of-type(4) {
+ will-change: transform, opacity;
+}
+
+footer .items.visible section:nth-of-type(4) {
+ animation: fade-up-item-4 2s ease-in-out;
+}
diff --git a/themes/Eclectic/assets/css/debug.css b/themes/Eclectic/assets/css/debug.css
new file mode 100644
index 0000000..80409bb
--- /dev/null
+++ b/themes/Eclectic/assets/css/debug.css
@@ -0,0 +1,204 @@
+.debug {
+ font-size: 14px;
+ position: fixed;
+ z-index: 999999;
+ max-height: 100vh;
+ overflow: auto;
+ width: 50px;
+ bottom: 0;
+}
+
+.debug.expanded {
+ width: 100%;
+}
+
+.debug.expanded .debug-badge {
+ position: absolute;
+ top: 0px;
+}
+
+.debug.expanded .debug-badge .debug-toggle {
+ background: url("data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNzcuNiAyMS4xLTI4IDI4LjEtMjguMS0yOC4xLTEuOSAxLjkgMjggMjguMS0yOCAyOC4xIDEuOSAxLjkgMjguMS0yOC4xIDI4IDI4LjEgMi0xLjktMjguMS0yOC4xIDI4LjEtMjguMXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4K");
+ background-size: 30px;
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+}
+
+.debug.expanded .debug-badge .debug-toggle:hover {
+ background-color: transparent;
+}
+
+.debug.expanded .debug-content {
+ display: block;
+}
+
+.debug .debug-badge {
+ height: 50px;
+ display: inline-flex;
+ justify-content: flex-start;
+ align-content: center;
+ align-items: center;
+ background: #0a1922;
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ color: white;
+ width: auto;
+ z-index: 1000;
+ border: none;
+}
+
+.debug .debug-badge .debug-template-name {
+ line-height: 1;
+ font-weight: normal;
+ flex: 0;
+ padding: 20px 20px;
+}
+
+.debug .debug-badge .debug-toggle {
+ flex: 0;
+ display: flex;
+ align-items: center;
+ background-color: #f72929;
+ padding: 25px;
+ background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEuNDE0MjEiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im01My42IDIzLjI1M2MuMDU5LjAxMS4xMTkuMDE5LjE3Ny4wMzMuMDk3LjAyNC4xNzUuMDU1LjI2NS4wOS4wOTguMDM4LjE5Ny4wNzguMjk0LjExOS4xOTUuMDgyLjM4Ny4xNjkuNTc3LjI2MiAxLjAwMS40OSAxLjkyNyAxLjEzMSAyLjc0IDEuODk0Ljk5MS45MjkgMS44MTEgMi4wMzcgMi40MDcgMy4yNTcuNDUzLjkyNy43NzcgMS45MTcuOTU4IDIuOTMzLjMyMyAxLjgxNi4xOTMgMy43MDgtLjM4MiA1LjQ2MS0uMzU2IDEuMDg1LS44ODEgMi4xMTQtMS41NDggMy4wNDEtLjY0MS44OTEtMS40MTMgMS42ODctMi4yODQgMi4zNTQtLjM2LjI3Ny0uNzM3LjUyNy0xLjEyNi43NjFsLS4wMTMuMDA4djE5LjExMmMuMDYxLjAzNS4xMi4wNzIuMTguMTA4LjM4NC4yNDEuNzU3LjQ5NyAxLjExMi43NzkuODA5LjY0MyAxLjUyOCAxLjM5NyAyLjEzMSAyLjIzNS41NTIuNzY2IDEuMDA2IDEuNjAzIDEuMzQ4IDIuNDgzLjgyNSAyLjEyNS45NzggNC40OTIuNDM3IDYuNzA3LS4yMjguOTMxLS41NzYgMS44MzItMS4wMzQgMi42NzQtLjYgMS4xMDMtMS4zODYgMi4xMDQtMi4zMTUgMi45NDgtMSAuOTA5LTIuMTY0IDEuNjM2LTMuNDIxIDIuMTMyLTEuMzQ5LjUzMi0yLjc5OC43OTUtNC4yNDcuNzc2LTEuMzk5LS4wMTctMi43OTEtLjI5OC00LjA4Ni0uODI3LTEuMTY3LS40NzctMi4yNTEtMS4xNTQtMy4xOTQtMS45OTEtLjkzOS0uODMzLTEuNzM3LTEuODI0LTIuMzUtMi45MTktLjQ2Ny0uODM2LS44MjYtMS43MzEtMS4wNjUtMi42NTgtLjU1NS0yLjE1Ni0uNDUxLTQuNDY5LjI5OS02LjU2NS4zMy0uOTIxLjc4Mi0xLjc5OCAxLjM0LTIuNjAxLjY2Mi0uOTU1IDEuNDc0LTEuODA2IDIuMzk2LTIuNTEzLjM2LS4yNzYuNzM3LS41MjYgMS4xMjYtLjc2MWwuMDEzLS4wMDd2LTE5LjExMmMtLjA2MS0uMDM2LS4xMi0uMDcyLS4xOC0uMTA4LS4zODQtLjI0MS0uNzU3LS40OTctMS4xMTItLjc4LS44NTktLjY4My0xLjYxNy0xLjQ5Mi0yLjI0My0yLjM5My0uNzA5LTEuMDIyLTEuMjQ2LTIuMTYxLTEuNTgtMy4zNTgtLjQ5MS0xLjc1Ni0uNTQzLTMuNjMtLjE1My01LjQxMS4yNDItMS4xMDcuNjU0LTIuMTc1IDEuMjE3LTMuMTU4LjYyMy0xLjA4NSAxLjQyOC0yLjA2NSAyLjM3MS0yLjg4Ni42NTctLjU3MiAxLjM4LTEuMDY3IDIuMTUxLTEuNDcyLjM0My0uMTguNjk1LS4zNCAxLjA1NC0uNDg2bC4wOTgtLjAzOGMuMDk0LS4wMzYuMTYxLS4wNjQuMjY1LS4wOS4xMTctLjAyOS4yMzctLjA0NC4zNTctLjA0NC41NS0uMDAxIDEuMDY4LjMxMSAxLjMyNC43OTguMDg0LjE2LjEzOS4zMzUuMTYxLjUxNC4wMDcuMDYuMDA3LjEyLjAxLjE4djguMjQ0bDEuOTI1IDEuMjM5IDEuOTI1LTEuMjM5di04LjI0NGwuMDEtLjE4Yy4wMTEtLjA1OS4wMTktLjExOS4wMzMtLjE3OC4wMjktLjExNy4wNzItLjIzLjEyOC0uMzM2LjE5Ny0uMzc2LjU1NC0uNjU1Ljk2Ni0uNzU1LjE1Ni0uMDM5LjE5OC0uMDM0LjM1OC0uMDQzLjA2LjAwNC4xMi4wMDcuMTguMDExem0tOC41MDkgMy45ODRjLS44MTYuNjE3LTEuNTE4IDEuMzczLTIuMDYgMi4yNDEtLjQ2NS43NDYtLjgxIDEuNTY3LTEuMDE0IDIuNDIyLS40MDMgMS42ODMtLjI2IDMuNDg0LjQwOSA1LjA4MS4zMzIuNzkxLjc4OSAxLjUyOCAxLjM0OCAyLjE3OC41MjYuNjEyIDEuMTQxIDEuMTQ2IDEuODIxIDEuNTguMjg2LjE4Mi41ODMuMzQzLjg4Ny40OTFsLjE0NS4wODJjLjEyLjA4Ni4xNTUuMTAzLjI1OS4yMDguMTk2LjE5OC4zMzQuNDQ5LjM5Ni43MjEuMDMzLjE0NC4wMjkuMTgyLjAzNy4zM3YyMC45MDJjLS4wMDguMTQ3LS4wMDQuMTg1LS4wMzcuMzMtLjA3NC4zMjYtLjI1OS42MjItLjUyLjgzMi0uMTY1LjEzMy0uMzYuMjE2LS41NDguMzEyLS4xMjcuMDY3LS4xMjYuMDY3LS4yNTIuMTM3LS4yODguMTY3LS41NjguMzQ1LS44MzYuNTQ0LS42ODcuNTA4LTEuMjkzIDEuMTIyLTEuNzkyIDEuODE1LS40MzMuNjAxLS43ODQgMS4yNi0xLjA0IDEuOTU1LS41OTUgMS42MTktLjY2MiAzLjQxOS0uMTkgNS4wNzguMi43MDQuNDk2IDEuMzgxLjg3NiAyLjAwNy40OTYuODE1IDEuMTM1IDEuNTQzIDEuODc4IDIuMTQyLjcyMi41ODIgMS41NDIgMS4wNCAyLjQxNiAxLjM0OC45NzQuMzQ0IDIuMDEyLjQ5OCAzLjA0NC40NTggMS4wMi0uMDM5IDIuMDMxLS4yNjggMi45NjYtLjY3OC44NzctLjM4NCAxLjY4NC0uOTIzIDIuMzc3LTEuNTgzLjY0NC0uNjE0IDEuMTg4LTEuMzMyIDEuNjAzLTIuMTE4LjMxMi0uNTkxLjU1MS0xLjIyMS43MS0xLjg3LjQ0OS0xLjgzNy4yNDUtMy44MS0uNTc4LTUuNTEyLS4yODktLjYtLjY1My0xLjE2NC0xLjA3OC0xLjY3Ny0uNTQ2LS42NTctMS4xOTMtMS4yMjktMS45MTMtMS42ODgtLjI4Ni0uMTgzLS41ODMtLjM0My0uODg3LS40OTJsLS4xNDUtLjA4MWMtLjEyLS4wODYtLjE1NS0uMTAzLS4yNTktLjIwOS0uMTk2LS4xOTctLjMzNC0uNDQ5LS4zOTYtLjcyLS4wMzMtLjE0NS0uMDI5LS4xODMtLjAzNy0uMzN2LTIwLjkwMmMuMDA4LS4xNDguMDA0LS4xODYuMDM3LS4zMy4wNzQtLjMyNy4yNTktLjYyMy41Mi0uODMyLjE2NS0uMTM0LjM2LS4yMTcuNTQ4LS4zMTMuMTI3LS4wNjcuMTI2LS4wNjcuMjUyLS4xMzYuMjg4LS4xNjcuNTY4LS4zNDYuODM2LS41NDQuNjEtLjQ1MiAxLjE1OC0uOTg4IDEuNjIyLTEuNTg4LjUxMS0uNjYuOTIxLTEuMzk5IDEuMjEtMi4xODMuNTY1LTEuNTM1LjY1NC0zLjIzNS4yNTktNC44MjItLjIxMy0uODUyLS41NjUtMS42NjktMS4wMzctMi40MDktLjUzNi0uODQyLTEuMjI0LTEuNTc2LTIuMDE5LTIuMTc3aC0uMDAxdjYuNTU1bC0uMDA5LjE2NWMtLjAyNC4xNDUtLjAyNC4xODMtLjA3My4zMjMtLjA3Mi4yMDktLjE5MS40LS4zNDYuNTU4LS4xMDMuMTA1LS4xMzcuMTIyLS4yNTYuMjA5bC0zLjQxNiAyLjE5OWMtLjEzMi4wNzQtLjE2My4wOTktLjMwNi4xNS0uMzIzLjExNi0uNjgxLjExNi0xLjAwNCAwLS4xNDMtLjA1MS0uMTc0LS4wNzYtLjMwNi0uMTVsLTMuNDE2LTIuMTk5Yy0uMTE5LS4wODctLjE1My0uMTA0LS4yNTYtLjIwOS0uMTk0LS4xOTctLjMzMS0uNDQ4LS4zOTItLjcxNy0uMDMyLS4xNDQtLjAyOC0uMTgyLS4wMzYtLjMyOSAwLTIuMTg1IDEuNzU1LTcuODU2LS4wMDEtNi41NTV6bTQuOTc4IDM5LjIxN2MuMTE0LjAwOC4yMjYuMDIzLjMzNy4wNTRzLjIxNS4wNzcuMzE3LjEzYzEuMTc0LjY4MSAyLjMxNyAxLjQxNSAzLjQ3NiAyLjEyMy4wNzguMDUuMTUzLjEwNC4yMjMuMTY2LjIwNy4xODcuMzYuNDMyLjQzNy43MDEuMDMyLjExMi4wNDguMjI2LjA1Ni4zNDMuMDMzIDEuNDA3LjAwMSAyLjgxNS4wMDEgNC4yMjMtLjAwMi4wOTMtLjAwOC4xODUtLjAyNS4yNzctLjA1Mi4yNzUtLjE4MS41MzItLjM3LjczOC0uMDc5LjA4Ni0uMTY4LjE1OS0uMjY0LjIyNy0xLjE0MS43MzUtMi4zMTYgMS40MTgtMy40NzUgMi4xMjYtLjExOS4wNjktLjI0Mi4xMjctLjM3Ni4xNjQtLjI2NC4wNzUtLjU0OC4wNzUtLjgxMiAwLS4xMTEtLjAzMS0uMjE1LS4wNzYtLjMxNy0uMTI5LTEuMTc0LS42ODItMi4zMTctMS40MTUtMy40NzYtMi4xMjMtLjA3OC0uMDUxLS4xNTMtLjEwNC0uMjIzLS4xNjctLjIwNy0uMTg3LS4zNi0uNDMyLS40MzctLjctLjAzMi0uMTEzLS4wNDgtLjIyNy0uMDU2LS4zNDMtLjAzMy0xLjQwOC0uMDAxLTIuODE2LS4wMDEtNC4yMjMuMDAyLS4wOTQuMDA4LS4xODYuMDI1LS4yNzguMDUyLS4yNzQuMTgxLS41MzIuMzctLjczOC4wNzktLjA4Ni4xNjgtLjE1OS4yNjQtLjIyNyAxLjE0MS0uNzM1IDIuMzE2LTEuNDE3IDMuNDc1LTIuMTI2LjA5OS0uMDU3LjIwMS0uMTA3LjMxLS4xNDQuMTA5LS4wMzYuMjIxLS4wNTYuMzM1LS4wNy4wNjktLjAwNC4xMzYtLjAwNi4yMDYtLjAwNHptLTEuOTg1IDQuNDI4djIuNDcxbDEuOTE2IDEuMTcxIDEuOTE2LTEuMTcxdi0yLjQ3MWwtMS45MTYtMS4xNzJjLS42MzkuMzkxLTEuMjc4Ljc4MS0xLjkxNiAxLjE3MnptMi4wNTQtMjYuMDU3Yy4xNTUuMDE5LjMwMy4wNTIuNDQ3LjExMi40LjE3LjcxMy41MTMuODQ0LjkyNy4wNDguMTQ5LjA2Ni4yOTkuMDcxLjQ1NXYxNC40NDFjLS4wMDMuMDkzLS4wMDguMTg0LS4wMjYuMjc2LS4wMzkuMjEyLS4xMjUuNDE1LS4yNS41OTEtLjA4OS4xMjUtLjE5Ny4yMzctLjMyLjMzLS40NS4zNC0xLjA2OC4zOTctMS41NzMuMTQ2LS4xMzctLjA2OS0uMjY1LS4xNTktLjM3NS0uMjY2LS4xMzMtLjEyOS0uMjQxLS4yODItLjMxOS0uNDUtLjA2NC0uMTQtLjEwNy0uMjktLjEyNi0uNDQzLS4wMS0uMDgxLS4wMDgtLjEwMi0uMDExLS4xODR2LTE0LjQ0MWMuMDA1LS4xNTYuMDIzLS4zMDYuMDcxLS40NTUuMTMxLS40MTQuNDQ0LS43NTcuODQ0LS45MjcuMTczLS4wNzMuMzUyLS4xMDYuNTM5LS4xMTcuMDkzIDAgLjA5MiAwIC4xODQuMDA1eiIgdHJhbnNmb3JtPSJtYXRyaXgoLjcwNzEwNyAtLjcwNzEwNyAuNzA3MTA3IC43MDcxMDcgLTIyLjg0NzQgNDcuODYzMykiLz48L3N2Zz4K");
+ background-repeat: no-repeat;
+ background-size: 60px;
+ background-position: center center;
+ cursor: pointer;
+}
+
+.debug .debug-badge .debug-toggle:hover {
+ background-color: #e11919;
+}
+
+.debug .debug-badge .debug-toggle img {
+ height: 20px;
+ width: 20px;
+}
+
+.debug .debug-content {
+ display: none;
+ background: #0a1922;
+ bottom: 0;
+ width: 100%;
+ z-index: 1000;
+ padding: 60px;
+ color: white;
+ margin: 0 auto;
+}
+
+.debug .debug-content .debug-expander {
+ display: none;
+}
+
+.debugprint_wrap {
+ display: inline-block;
+}
+
+table.debugprint {
+ -webkit-font-smoothing: antialiased;
+ font-size: 15px;
+ line-height: 1.1;
+ color: #fff;
+ font-family: 'Source Code Pro', monospace;
+}
+
+table.debugprint table.debugprint th {
+ padding: 5px 20px;
+}
+
+table.debugprint td {
+ vertical-align: top;
+}
+
+table.debugprint th {
+ color: #e66798;
+ padding: 5px 20px;
+ text-align: left;
+ font-weight: 700;
+}
+
+table.debugprint th.type {
+ display: none;
+}
+
+table.debugprint td {
+ padding: 5px 20px;
+ text-align: left;
+}
+
+table.debugprint th:first-of-type {
+ padding-left: 0 !important;
+}
+
+table.debugprint td:first-of-type {
+ padding-left: 0 !important;
+}
+
+table.debugprint td.key {
+ color: #fff;
+}
+
+table.debugprint td.type {
+ display: none;
+ font-family: 'Source Code Pro', monospace;
+ color: #ced0d3;
+}
+
+table.debugprint td.value {
+ color: #ced0d3;
+ font-family: 'Source Code Pro', monospace;
+}
+
+/* Style the tab */
+.tabs {
+ width: 100%;
+}
+
+.tab {
+ overflow: hidden;
+}
+
+/* Style the buttons that are used to open the tab content */
+.tab button {
+ background-color: inherit;
+ display: inline-block;
+ border: none;
+ outline: none;
+ cursor: pointer;
+ padding: 14px 20px;
+ transition: 0.3s;
+ background: #586168;
+ color: #fff;
+ font-size: 15px;
+ border-top-left-radius: 2px;
+ outline: none;
+ border-top-right-radius: 2px;
+}
+
+.tab button:focus {
+ outline: none;
+}
+
+/* Change background color of buttons on hover */
+.tab button:hover {
+ background-color: #33414b;
+}
+
+/* Create an active/current tablink class */
+.tab button.active {
+ background-color: #2c353b;
+}
+
+/* Style the tab content */
+.tabcontent {
+ display: none;
+ border-top: none;
+ background: #2c353b;
+ padding: 20px 20px;
+ border-bottom-left-radius: 2px;
+ border-bottom-right-radius: 2px;
+ width: 100%;
+ overflow: auto;
+}
diff --git a/themes/Eclectic/assets/css/debugprint.css b/themes/Eclectic/assets/css/debugprint.css
new file mode 100644
index 0000000..df5035b
--- /dev/null
+++ b/themes/Eclectic/assets/css/debugprint.css
@@ -0,0 +1,51 @@
+/* CSS for Pretty Print for Debug (debugprint.html) */
+/* https://github.com/kaushalmodi/hugo-debugprint/blob/master/layouts/partials/debugprint.html */
+/* https://github.com/kaushalmodi/hugo-debugprint/blob/master/layouts/partials/debugprint.css */
+.debugprint_wrap {
+ padding: 20px;
+ display: inline-block;
+ margin: 10px auto;
+ border-radius: 5px;
+ border: 2px solid #ddd;
+}
+.debugprint td, .debugprint th {
+ padding-left: 4px;
+ padding-right: 4px;
+}
+.debugprint th {
+ border-bottom: 1px solid #ddd;
+ padding-bottom: 10px;
+ margin-bottom: 10px;
+}
+.debugprint tr {
+ padding: 5px 10px;
+}
+.debugprint .key {
+ font-weight: bold;
+}
+.debugprint .type {
+ /* Hide Type columns in debugprint */
+ /* display: none; */
+ font-size: 0.9em;
+ font-family: monospace;
+ font-style: italic;
+}
+.debugprint .value {
+ font-family: monospace;
+}
+.debugprint .true {
+ color: green;
+}
+.debugprint .false {
+ color: red;
+}
+/* Don't touch the table headers */
+.debugprint th.key,
+.debugprint th.type,
+.debugprint th.value {
+ font-family: helvetica, arial, san-serif;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ font-size: 1em;
+ font-style: normal;
+}
diff --git a/themes/Eclectic/assets/css/syntax.css b/themes/Eclectic/assets/css/syntax.css
new file mode 100644
index 0000000..681758d
--- /dev/null
+++ b/themes/Eclectic/assets/css/syntax.css
@@ -0,0 +1,59 @@
+/* Background */ .chroma { color: #f8f8f2; background-color: #272822 }
+/* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
+/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
+/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
+/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc }
+/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
+/* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
+/* Keyword */ .chroma .k { color: #66d9ef }
+/* KeywordConstant */ .chroma .kc { color: #66d9ef }
+/* KeywordDeclaration */ .chroma .kd { color: #66d9ef }
+/* KeywordNamespace */ .chroma .kn { color: #f92672 }
+/* KeywordPseudo */ .chroma .kp { color: #66d9ef }
+/* KeywordReserved */ .chroma .kr { color: #66d9ef }
+/* KeywordType */ .chroma .kt { color: #66d9ef }
+/* NameAttribute */ .chroma .na { color: #a6e22e }
+/* NameClass */ .chroma .nc { color: #a6e22e }
+/* NameConstant */ .chroma .no { color: #66d9ef }
+/* NameDecorator */ .chroma .nd { color: #a6e22e }
+/* NameException */ .chroma .ne { color: #a6e22e }
+/* NameFunction */ .chroma .nf { color: #a6e22e }
+/* NameOther */ .chroma .nx { color: #a6e22e }
+/* NameTag */ .chroma .nt { color: #f92672 }
+/* Literal */ .chroma .l { color: #ae81ff }
+/* LiteralDate */ .chroma .ld { color: #e6db74 }
+/* LiteralString */ .chroma .s { color: #e6db74 }
+/* LiteralStringAffix */ .chroma .sa { color: #e6db74 }
+/* LiteralStringBacktick */ .chroma .sb { color: #e6db74 }
+/* LiteralStringChar */ .chroma .sc { color: #e6db74 }
+/* LiteralStringDelimiter */ .chroma .dl { color: #e6db74 }
+/* LiteralStringDoc */ .chroma .sd { color: #e6db74 }
+/* LiteralStringDouble */ .chroma .s2 { color: #e6db74 }
+/* LiteralStringEscape */ .chroma .se { color: #ae81ff }
+/* LiteralStringHeredoc */ .chroma .sh { color: #e6db74 }
+/* LiteralStringInterpol */ .chroma .si { color: #e6db74 }
+/* LiteralStringOther */ .chroma .sx { color: #e6db74 }
+/* LiteralStringRegex */ .chroma .sr { color: #e6db74 }
+/* LiteralStringSingle */ .chroma .s1 { color: #e6db74 }
+/* LiteralStringSymbol */ .chroma .ss { color: #e6db74 }
+/* LiteralNumber */ .chroma .m { color: #ae81ff }
+/* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
+/* LiteralNumberFloat */ .chroma .mf { color: #ae81ff }
+/* LiteralNumberHex */ .chroma .mh { color: #ae81ff }
+/* LiteralNumberInteger */ .chroma .mi { color: #ae81ff }
+/* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff }
+/* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
+/* Operator */ .chroma .o { color: #f92672 }
+/* OperatorWord */ .chroma .ow { color: #f92672 }
+/* Comment */ .chroma .c { color: #75715e }
+/* CommentHashbang */ .chroma .ch { color: #75715e }
+/* CommentMultiline */ .chroma .cm { color: #75715e }
+/* CommentSingle */ .chroma .c1 { color: #75715e }
+/* CommentSpecial */ .chroma .cs { color: #75715e }
+/* CommentPreproc */ .chroma .cp { color: #75715e }
+/* CommentPreprocFile */ .chroma .cpf { color: #75715e }
+/* GenericDeleted */ .chroma .gd { color: #f92672 }
+/* GenericEmph */ .chroma .ge { font-style: italic }
+/* GenericInserted */ .chroma .gi { color: #a6e22e }
+/* GenericStrong */ .chroma .gs { font-weight: bold }
+/* GenericSubheading */ .chroma .gu { color: #75715e }
diff --git a/themes/Eclectic/assets/image/background-dark.jpg b/themes/Eclectic/assets/image/background-dark.jpg
new file mode 100644
index 0000000..504b3cc
Binary files /dev/null and b/themes/Eclectic/assets/image/background-dark.jpg differ
diff --git a/themes/Eclectic/assets/image/background.jpg b/themes/Eclectic/assets/image/background.jpg
new file mode 100644
index 0000000..7e7d89f
Binary files /dev/null and b/themes/Eclectic/assets/image/background.jpg differ
diff --git a/themes/Eclectic/assets/image/hamburger.svg b/themes/Eclectic/assets/image/hamburger.svg
new file mode 100644
index 0000000..fc44d5d
--- /dev/null
+++ b/themes/Eclectic/assets/image/hamburger.svg
@@ -0,0 +1,16 @@
+
+
+
+
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-500px.svg b/themes/Eclectic/assets/image/line-awesome/fa-500px.svg
new file mode 100755
index 0000000..e052c1d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-500px.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-adjust.svg b/themes/Eclectic/assets/image/line-awesome/fa-adjust.svg
new file mode 100755
index 0000000..9ca2a52
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-adjust.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-adn.svg b/themes/Eclectic/assets/image/line-awesome/fa-adn.svg
new file mode 100755
index 0000000..a689a84
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-adn.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-align-center.svg b/themes/Eclectic/assets/image/line-awesome/fa-align-center.svg
new file mode 100755
index 0000000..85fed97
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-align-center.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-align-justify.svg b/themes/Eclectic/assets/image/line-awesome/fa-align-justify.svg
new file mode 100755
index 0000000..446a5aa
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-align-justify.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-align-left.svg b/themes/Eclectic/assets/image/line-awesome/fa-align-left.svg
new file mode 100755
index 0000000..137c36e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-align-left.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-align-right.svg b/themes/Eclectic/assets/image/line-awesome/fa-align-right.svg
new file mode 100755
index 0000000..d8f0528
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-align-right.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-amazon.svg b/themes/Eclectic/assets/image/line-awesome/fa-amazon.svg
new file mode 100755
index 0000000..4876817
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-amazon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-ambulance.svg b/themes/Eclectic/assets/image/line-awesome/fa-ambulance.svg
new file mode 100755
index 0000000..190b8eb
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-ambulance.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-anchor.svg b/themes/Eclectic/assets/image/line-awesome/fa-anchor.svg
new file mode 100755
index 0000000..8bb7747
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-anchor.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-android.svg b/themes/Eclectic/assets/image/line-awesome/fa-android.svg
new file mode 100755
index 0000000..eafa155
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-android.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-angellist.svg b/themes/Eclectic/assets/image/line-awesome/fa-angellist.svg
new file mode 100755
index 0000000..92daae6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-angellist.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-angle-double-down.svg b/themes/Eclectic/assets/image/line-awesome/fa-angle-double-down.svg
new file mode 100755
index 0000000..1fc5131
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-angle-double-down.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-angle-double-left.svg b/themes/Eclectic/assets/image/line-awesome/fa-angle-double-left.svg
new file mode 100755
index 0000000..0cd7bff
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-angle-double-left.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-angle-double-right.svg b/themes/Eclectic/assets/image/line-awesome/fa-angle-double-right.svg
new file mode 100755
index 0000000..a8190eb
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-angle-double-right.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-angle-double-up.svg b/themes/Eclectic/assets/image/line-awesome/fa-angle-double-up.svg
new file mode 100755
index 0000000..e22df20
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-angle-double-up.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-angle-down.svg b/themes/Eclectic/assets/image/line-awesome/fa-angle-down.svg
new file mode 100755
index 0000000..ce0999c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-angle-down.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-angle-left.svg b/themes/Eclectic/assets/image/line-awesome/fa-angle-left.svg
new file mode 100755
index 0000000..e34f3e2
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-angle-left.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-angle-right.svg b/themes/Eclectic/assets/image/line-awesome/fa-angle-right.svg
new file mode 100755
index 0000000..0410cdd
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-angle-right.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-angle-up.svg b/themes/Eclectic/assets/image/line-awesome/fa-angle-up.svg
new file mode 100755
index 0000000..2128996
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-angle-up.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-apple.svg b/themes/Eclectic/assets/image/line-awesome/fa-apple.svg
new file mode 100755
index 0000000..f583aa9
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-apple.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-archive.svg b/themes/Eclectic/assets/image/line-awesome/fa-archive.svg
new file mode 100755
index 0000000..213b451
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-archive.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-area-chart.svg b/themes/Eclectic/assets/image/line-awesome/fa-area-chart.svg
new file mode 100755
index 0000000..e1ecd1a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-area-chart.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-down.svg b/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-down.svg
new file mode 100755
index 0000000..ffaa8fa
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-down.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-left.svg b/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-left.svg
new file mode 100755
index 0000000..9df7ef3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-left.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-o-down.svg b/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-o-down.svg
new file mode 100755
index 0000000..ffaa8fa
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-o-down.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-o-left.svg b/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-o-left.svg
new file mode 100755
index 0000000..9df7ef3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-o-left.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-o-right.svg b/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-o-right.svg
new file mode 100755
index 0000000..956fb6f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-o-right.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-o-up.svg b/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-o-up.svg
new file mode 100755
index 0000000..016fbaf
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-o-up.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-right.svg b/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-right.svg
new file mode 100755
index 0000000..956fb6f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-right.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-up.svg b/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-up.svg
new file mode 100755
index 0000000..016fbaf
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-arrow-circle-up.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-arrow-down.svg b/themes/Eclectic/assets/image/line-awesome/fa-arrow-down.svg
new file mode 100755
index 0000000..d9bc1f9
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-arrow-down.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-arrow-left.svg b/themes/Eclectic/assets/image/line-awesome/fa-arrow-left.svg
new file mode 100755
index 0000000..10b8875
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-arrow-left.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-arrow-right.svg b/themes/Eclectic/assets/image/line-awesome/fa-arrow-right.svg
new file mode 100755
index 0000000..4705977
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-arrow-right.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-arrow-up.svg b/themes/Eclectic/assets/image/line-awesome/fa-arrow-up.svg
new file mode 100755
index 0000000..22196cc
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-arrow-up.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-arrows-alt.svg b/themes/Eclectic/assets/image/line-awesome/fa-arrows-alt.svg
new file mode 100755
index 0000000..e3bdcfc
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-arrows-alt.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-arrows-h.svg b/themes/Eclectic/assets/image/line-awesome/fa-arrows-h.svg
new file mode 100755
index 0000000..c6171e5
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-arrows-h.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-arrows-v.svg b/themes/Eclectic/assets/image/line-awesome/fa-arrows-v.svg
new file mode 100755
index 0000000..342d95d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-arrows-v.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-arrows.svg b/themes/Eclectic/assets/image/line-awesome/fa-arrows.svg
new file mode 100755
index 0000000..e3bdcfc
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-arrows.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-asterisk.svg b/themes/Eclectic/assets/image/line-awesome/fa-asterisk.svg
new file mode 100755
index 0000000..5dea5f7
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-asterisk.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-at.svg b/themes/Eclectic/assets/image/line-awesome/fa-at.svg
new file mode 100755
index 0000000..26efae7
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-at.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-automobile.svg b/themes/Eclectic/assets/image/line-awesome/fa-automobile.svg
new file mode 100755
index 0000000..ce2d881
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-automobile.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-backward.svg b/themes/Eclectic/assets/image/line-awesome/fa-backward.svg
new file mode 100755
index 0000000..b9a5648
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-backward.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-balance-scale.svg b/themes/Eclectic/assets/image/line-awesome/fa-balance-scale.svg
new file mode 100755
index 0000000..422198a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-balance-scale.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-ban.svg b/themes/Eclectic/assets/image/line-awesome/fa-ban.svg
new file mode 100755
index 0000000..2d56a51
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-ban.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-bank.svg b/themes/Eclectic/assets/image/line-awesome/fa-bank.svg
new file mode 100755
index 0000000..87c2989
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-bank.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-bar-chart-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-bar-chart-o.svg
new file mode 100755
index 0000000..faa885f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-bar-chart-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-bar-chart.svg b/themes/Eclectic/assets/image/line-awesome/fa-bar-chart.svg
new file mode 100755
index 0000000..faa885f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-bar-chart.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-barcode.svg b/themes/Eclectic/assets/image/line-awesome/fa-barcode.svg
new file mode 100755
index 0000000..876a1da
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-barcode.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-bars.svg b/themes/Eclectic/assets/image/line-awesome/fa-bars.svg
new file mode 100755
index 0000000..a5bf4ae
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-bars.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-battery-0.svg b/themes/Eclectic/assets/image/line-awesome/fa-battery-0.svg
new file mode 100755
index 0000000..ca0892c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-battery-0.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-battery-1.svg b/themes/Eclectic/assets/image/line-awesome/fa-battery-1.svg
new file mode 100755
index 0000000..381c9da
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-battery-1.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-battery-2.svg b/themes/Eclectic/assets/image/line-awesome/fa-battery-2.svg
new file mode 100755
index 0000000..825911a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-battery-2.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-battery-3.svg b/themes/Eclectic/assets/image/line-awesome/fa-battery-3.svg
new file mode 100755
index 0000000..061cee7
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-battery-3.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-battery-4.svg b/themes/Eclectic/assets/image/line-awesome/fa-battery-4.svg
new file mode 100755
index 0000000..35ad75d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-battery-4.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-battery-empty.svg b/themes/Eclectic/assets/image/line-awesome/fa-battery-empty.svg
new file mode 100755
index 0000000..ca0892c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-battery-empty.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-battery-full.svg b/themes/Eclectic/assets/image/line-awesome/fa-battery-full.svg
new file mode 100755
index 0000000..35ad75d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-battery-full.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-battery-half.svg b/themes/Eclectic/assets/image/line-awesome/fa-battery-half.svg
new file mode 100755
index 0000000..825911a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-battery-half.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-battery-quarter.svg b/themes/Eclectic/assets/image/line-awesome/fa-battery-quarter.svg
new file mode 100755
index 0000000..381c9da
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-battery-quarter.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-battery-three-quarters.svg b/themes/Eclectic/assets/image/line-awesome/fa-battery-three-quarters.svg
new file mode 100755
index 0000000..061cee7
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-battery-three-quarters.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-bed.svg b/themes/Eclectic/assets/image/line-awesome/fa-bed.svg
new file mode 100755
index 0000000..5a73fc8
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-bed.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-beer.svg b/themes/Eclectic/assets/image/line-awesome/fa-beer.svg
new file mode 100755
index 0000000..0ed3d8b
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-beer.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-behance-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-behance-square.svg
new file mode 100755
index 0000000..26d1bea
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-behance-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-behance.svg b/themes/Eclectic/assets/image/line-awesome/fa-behance.svg
new file mode 100755
index 0000000..26d1bea
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-behance.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-bell-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-bell-o.svg
new file mode 100755
index 0000000..e9eff1b
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-bell-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-bell-slash-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-bell-slash-o.svg
new file mode 100755
index 0000000..15182f3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-bell-slash-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-bell-slash.svg b/themes/Eclectic/assets/image/line-awesome/fa-bell-slash.svg
new file mode 100755
index 0000000..15182f3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-bell-slash.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-bell.svg b/themes/Eclectic/assets/image/line-awesome/fa-bell.svg
new file mode 100755
index 0000000..e9eff1b
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-bell.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-bicycle.svg b/themes/Eclectic/assets/image/line-awesome/fa-bicycle.svg
new file mode 100755
index 0000000..186e1ad
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-bicycle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-binoculars.svg b/themes/Eclectic/assets/image/line-awesome/fa-binoculars.svg
new file mode 100755
index 0000000..70fa96a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-binoculars.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-birthday-cake.svg b/themes/Eclectic/assets/image/line-awesome/fa-birthday-cake.svg
new file mode 100755
index 0000000..f1c621e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-birthday-cake.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-bitbucket-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-bitbucket-square.svg
new file mode 100755
index 0000000..754de8f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-bitbucket-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-bitbucket.svg b/themes/Eclectic/assets/image/line-awesome/fa-bitbucket.svg
new file mode 100755
index 0000000..754de8f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-bitbucket.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-bitcoin.svg b/themes/Eclectic/assets/image/line-awesome/fa-bitcoin.svg
new file mode 100755
index 0000000..e0468cc
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-bitcoin.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-black-tie.svg b/themes/Eclectic/assets/image/line-awesome/fa-black-tie.svg
new file mode 100755
index 0000000..7bcd0f3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-black-tie.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-bold.svg b/themes/Eclectic/assets/image/line-awesome/fa-bold.svg
new file mode 100755
index 0000000..e48cb0e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-bold.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-bolt.svg b/themes/Eclectic/assets/image/line-awesome/fa-bolt.svg
new file mode 100755
index 0000000..a2d5749
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-bolt.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-bomb.svg b/themes/Eclectic/assets/image/line-awesome/fa-bomb.svg
new file mode 100755
index 0000000..ac64783
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-bomb.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-book.svg b/themes/Eclectic/assets/image/line-awesome/fa-book.svg
new file mode 100755
index 0000000..70b0c3c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-book.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-bookmark-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-bookmark-o.svg
new file mode 100755
index 0000000..987379f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-bookmark-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-bookmark.svg b/themes/Eclectic/assets/image/line-awesome/fa-bookmark.svg
new file mode 100755
index 0000000..987379f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-bookmark.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-briefcase.svg b/themes/Eclectic/assets/image/line-awesome/fa-briefcase.svg
new file mode 100755
index 0000000..9cfd5e0
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-briefcase.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-btc.svg b/themes/Eclectic/assets/image/line-awesome/fa-btc.svg
new file mode 100755
index 0000000..e0468cc
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-btc.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-bug.svg b/themes/Eclectic/assets/image/line-awesome/fa-bug.svg
new file mode 100755
index 0000000..e82add7
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-bug.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-building-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-building-o.svg
new file mode 100755
index 0000000..0f4448c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-building-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-building.svg b/themes/Eclectic/assets/image/line-awesome/fa-building.svg
new file mode 100755
index 0000000..0f4448c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-building.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-bullhorn.svg b/themes/Eclectic/assets/image/line-awesome/fa-bullhorn.svg
new file mode 100755
index 0000000..02ca139
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-bullhorn.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-bullseye.svg b/themes/Eclectic/assets/image/line-awesome/fa-bullseye.svg
new file mode 100755
index 0000000..1d92e47
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-bullseye.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-bus.svg b/themes/Eclectic/assets/image/line-awesome/fa-bus.svg
new file mode 100755
index 0000000..b2e439c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-bus.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-buysellads.svg b/themes/Eclectic/assets/image/line-awesome/fa-buysellads.svg
new file mode 100755
index 0000000..86c0b95
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-buysellads.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-cab.svg b/themes/Eclectic/assets/image/line-awesome/fa-cab.svg
new file mode 100755
index 0000000..952570c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-cab.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-calculator.svg b/themes/Eclectic/assets/image/line-awesome/fa-calculator.svg
new file mode 100755
index 0000000..b81c794
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-calculator.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-calendar-check-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-calendar-check-o.svg
new file mode 100755
index 0000000..eaea13d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-calendar-check-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-calendar-minus-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-calendar-minus-o.svg
new file mode 100755
index 0000000..1423641
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-calendar-minus-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-calendar-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-calendar-o.svg
new file mode 100755
index 0000000..b5cab02
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-calendar-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-calendar-plus-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-calendar-plus-o.svg
new file mode 100755
index 0000000..765e306
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-calendar-plus-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-calendar-times-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-calendar-times-o.svg
new file mode 100755
index 0000000..95cd2b7
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-calendar-times-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-calendar.svg b/themes/Eclectic/assets/image/line-awesome/fa-calendar.svg
new file mode 100755
index 0000000..b5cab02
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-calendar.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-camera-retro.svg b/themes/Eclectic/assets/image/line-awesome/fa-camera-retro.svg
new file mode 100755
index 0000000..0f10ce3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-camera-retro.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-camera.svg b/themes/Eclectic/assets/image/line-awesome/fa-camera.svg
new file mode 100755
index 0000000..b59d724
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-camera.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-car.svg b/themes/Eclectic/assets/image/line-awesome/fa-car.svg
new file mode 100755
index 0000000..ce2d881
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-car.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-caret-down.svg b/themes/Eclectic/assets/image/line-awesome/fa-caret-down.svg
new file mode 100755
index 0000000..8207566
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-caret-down.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-caret-left.svg b/themes/Eclectic/assets/image/line-awesome/fa-caret-left.svg
new file mode 100755
index 0000000..f671da8
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-caret-left.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-caret-right.svg b/themes/Eclectic/assets/image/line-awesome/fa-caret-right.svg
new file mode 100755
index 0000000..cc0981e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-caret-right.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-caret-square-o-down.svg b/themes/Eclectic/assets/image/line-awesome/fa-caret-square-o-down.svg
new file mode 100755
index 0000000..c9907bd
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-caret-square-o-down.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-caret-square-o-left.svg b/themes/Eclectic/assets/image/line-awesome/fa-caret-square-o-left.svg
new file mode 100755
index 0000000..6d2ef69
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-caret-square-o-left.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-caret-square-o-right.svg b/themes/Eclectic/assets/image/line-awesome/fa-caret-square-o-right.svg
new file mode 100755
index 0000000..0892421
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-caret-square-o-right.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-caret-square-o-up.svg b/themes/Eclectic/assets/image/line-awesome/fa-caret-square-o-up.svg
new file mode 100755
index 0000000..af1264c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-caret-square-o-up.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-caret-up.svg b/themes/Eclectic/assets/image/line-awesome/fa-caret-up.svg
new file mode 100755
index 0000000..0ff437a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-caret-up.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-cart-arrow-down.svg b/themes/Eclectic/assets/image/line-awesome/fa-cart-arrow-down.svg
new file mode 100755
index 0000000..583e341
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-cart-arrow-down.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-cart-plus.svg b/themes/Eclectic/assets/image/line-awesome/fa-cart-plus.svg
new file mode 100755
index 0000000..4d904d7
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-cart-plus.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-cc-amex.svg b/themes/Eclectic/assets/image/line-awesome/fa-cc-amex.svg
new file mode 100755
index 0000000..23519c0
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-cc-amex.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-cc-diners-club.svg b/themes/Eclectic/assets/image/line-awesome/fa-cc-diners-club.svg
new file mode 100755
index 0000000..46016c6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-cc-diners-club.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-cc-discover.svg b/themes/Eclectic/assets/image/line-awesome/fa-cc-discover.svg
new file mode 100755
index 0000000..13fd6dd
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-cc-discover.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-cc-jcb.svg b/themes/Eclectic/assets/image/line-awesome/fa-cc-jcb.svg
new file mode 100755
index 0000000..ad5a93e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-cc-jcb.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-cc-mastercard.svg b/themes/Eclectic/assets/image/line-awesome/fa-cc-mastercard.svg
new file mode 100755
index 0000000..455e5f0
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-cc-mastercard.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-cc-paypal.svg b/themes/Eclectic/assets/image/line-awesome/fa-cc-paypal.svg
new file mode 100755
index 0000000..b0799f9
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-cc-paypal.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-cc-stripe.svg b/themes/Eclectic/assets/image/line-awesome/fa-cc-stripe.svg
new file mode 100755
index 0000000..a0338d5
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-cc-stripe.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-cc-visa.svg b/themes/Eclectic/assets/image/line-awesome/fa-cc-visa.svg
new file mode 100755
index 0000000..e58bfdf
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-cc-visa.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-cc.svg b/themes/Eclectic/assets/image/line-awesome/fa-cc.svg
new file mode 100755
index 0000000..05fec69
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-cc.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-certificate.svg b/themes/Eclectic/assets/image/line-awesome/fa-certificate.svg
new file mode 100755
index 0000000..29ba7be
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-certificate.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-chain-broken.svg b/themes/Eclectic/assets/image/line-awesome/fa-chain-broken.svg
new file mode 100755
index 0000000..a6b2ed3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-chain-broken.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-chain.svg b/themes/Eclectic/assets/image/line-awesome/fa-chain.svg
new file mode 100755
index 0000000..a44cff3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-chain.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-check-circle-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-check-circle-o.svg
new file mode 100755
index 0000000..b7d2c82
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-check-circle-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-check-circle.svg b/themes/Eclectic/assets/image/line-awesome/fa-check-circle.svg
new file mode 100755
index 0000000..b7d2c82
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-check-circle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-check-square-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-check-square-o.svg
new file mode 100755
index 0000000..658a681
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-check-square-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-check-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-check-square.svg
new file mode 100755
index 0000000..658a681
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-check-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-check.svg b/themes/Eclectic/assets/image/line-awesome/fa-check.svg
new file mode 100755
index 0000000..e9faf2f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-check.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-chevron-circle-down.svg b/themes/Eclectic/assets/image/line-awesome/fa-chevron-circle-down.svg
new file mode 100755
index 0000000..15d665f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-chevron-circle-down.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-chevron-circle-left.svg b/themes/Eclectic/assets/image/line-awesome/fa-chevron-circle-left.svg
new file mode 100755
index 0000000..952393c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-chevron-circle-left.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-chevron-circle-right.svg b/themes/Eclectic/assets/image/line-awesome/fa-chevron-circle-right.svg
new file mode 100755
index 0000000..e7142d4
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-chevron-circle-right.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-chevron-circle-up.svg b/themes/Eclectic/assets/image/line-awesome/fa-chevron-circle-up.svg
new file mode 100755
index 0000000..7cf4ecd
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-chevron-circle-up.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-chevron-down.svg b/themes/Eclectic/assets/image/line-awesome/fa-chevron-down.svg
new file mode 100755
index 0000000..2e72b8f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-chevron-down.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-chevron-left.svg b/themes/Eclectic/assets/image/line-awesome/fa-chevron-left.svg
new file mode 100755
index 0000000..db2dcf9
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-chevron-left.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-chevron-right.svg b/themes/Eclectic/assets/image/line-awesome/fa-chevron-right.svg
new file mode 100755
index 0000000..3900feb
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-chevron-right.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-chevron-up.svg b/themes/Eclectic/assets/image/line-awesome/fa-chevron-up.svg
new file mode 100755
index 0000000..ccd6a3c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-chevron-up.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-child.svg b/themes/Eclectic/assets/image/line-awesome/fa-child.svg
new file mode 100755
index 0000000..f48a6b2
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-child.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-chrome.svg b/themes/Eclectic/assets/image/line-awesome/fa-chrome.svg
new file mode 100755
index 0000000..61c11e5
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-chrome.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-circle-o-notch.svg b/themes/Eclectic/assets/image/line-awesome/fa-circle-o-notch.svg
new file mode 100755
index 0000000..2a33070
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-circle-o-notch.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-circle-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-circle-o.svg
new file mode 100755
index 0000000..2ecba59
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-circle-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-circle-thin.svg b/themes/Eclectic/assets/image/line-awesome/fa-circle-thin.svg
new file mode 100755
index 0000000..0ccd4fb
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-circle-thin.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-circle.svg b/themes/Eclectic/assets/image/line-awesome/fa-circle.svg
new file mode 100755
index 0000000..2ecba59
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-circle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-clipboard.svg b/themes/Eclectic/assets/image/line-awesome/fa-clipboard.svg
new file mode 100755
index 0000000..27b6821
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-clipboard.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-clock-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-clock-o.svg
new file mode 100755
index 0000000..67e77ed
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-clock-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-clone.svg b/themes/Eclectic/assets/image/line-awesome/fa-clone.svg
new file mode 100755
index 0000000..d6021b5
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-clone.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-close.svg b/themes/Eclectic/assets/image/line-awesome/fa-close.svg
new file mode 100755
index 0000000..eccf59f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-close.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-cloud-download.svg b/themes/Eclectic/assets/image/line-awesome/fa-cloud-download.svg
new file mode 100755
index 0000000..15cbd7e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-cloud-download.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-cloud-upload.svg b/themes/Eclectic/assets/image/line-awesome/fa-cloud-upload.svg
new file mode 100755
index 0000000..0408c3c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-cloud-upload.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-cloud.svg b/themes/Eclectic/assets/image/line-awesome/fa-cloud.svg
new file mode 100755
index 0000000..f28de5f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-cloud.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-cny.svg b/themes/Eclectic/assets/image/line-awesome/fa-cny.svg
new file mode 100755
index 0000000..1fde12f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-cny.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-code-fork.svg b/themes/Eclectic/assets/image/line-awesome/fa-code-fork.svg
new file mode 100755
index 0000000..b29c8ba
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-code-fork.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-code.svg b/themes/Eclectic/assets/image/line-awesome/fa-code.svg
new file mode 100755
index 0000000..2ff37ab
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-code.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-codepen.svg b/themes/Eclectic/assets/image/line-awesome/fa-codepen.svg
new file mode 100755
index 0000000..26615df
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-codepen.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-coffee.svg b/themes/Eclectic/assets/image/line-awesome/fa-coffee.svg
new file mode 100755
index 0000000..14a2a91
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-coffee.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-cog.svg b/themes/Eclectic/assets/image/line-awesome/fa-cog.svg
new file mode 100755
index 0000000..1ee34b3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-cog.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-cogs.svg b/themes/Eclectic/assets/image/line-awesome/fa-cogs.svg
new file mode 100755
index 0000000..aedfce4
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-cogs.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-columns.svg b/themes/Eclectic/assets/image/line-awesome/fa-columns.svg
new file mode 100755
index 0000000..bcdb0e7
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-columns.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-comment-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-comment-o.svg
new file mode 100755
index 0000000..33e4e60
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-comment-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-comment.svg b/themes/Eclectic/assets/image/line-awesome/fa-comment.svg
new file mode 100755
index 0000000..33e4e60
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-comment.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-commenting-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-commenting-o.svg
new file mode 100755
index 0000000..33e4e60
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-commenting-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-commenting.svg b/themes/Eclectic/assets/image/line-awesome/fa-commenting.svg
new file mode 100755
index 0000000..33e4e60
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-commenting.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-comments-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-comments-o.svg
new file mode 100755
index 0000000..0ec21bd
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-comments-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-comments.svg b/themes/Eclectic/assets/image/line-awesome/fa-comments.svg
new file mode 100755
index 0000000..0ec21bd
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-comments.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-compass.svg b/themes/Eclectic/assets/image/line-awesome/fa-compass.svg
new file mode 100755
index 0000000..5b90ce6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-compass.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-compress.svg b/themes/Eclectic/assets/image/line-awesome/fa-compress.svg
new file mode 100755
index 0000000..90d158a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-compress.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-connectdevelop.svg b/themes/Eclectic/assets/image/line-awesome/fa-connectdevelop.svg
new file mode 100755
index 0000000..9067c70
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-connectdevelop.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-contao.svg b/themes/Eclectic/assets/image/line-awesome/fa-contao.svg
new file mode 100755
index 0000000..09a3dc8
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-contao.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-copy.svg b/themes/Eclectic/assets/image/line-awesome/fa-copy.svg
new file mode 100755
index 0000000..e65f81f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-copy.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-copyright.svg b/themes/Eclectic/assets/image/line-awesome/fa-copyright.svg
new file mode 100755
index 0000000..1462468
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-copyright.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-creative-commons.svg b/themes/Eclectic/assets/image/line-awesome/fa-creative-commons.svg
new file mode 100755
index 0000000..6d39136
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-creative-commons.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-credit-card.svg b/themes/Eclectic/assets/image/line-awesome/fa-credit-card.svg
new file mode 100755
index 0000000..399e8d9
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-credit-card.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-crop.svg b/themes/Eclectic/assets/image/line-awesome/fa-crop.svg
new file mode 100755
index 0000000..a82809b
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-crop.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-crosshairs.svg b/themes/Eclectic/assets/image/line-awesome/fa-crosshairs.svg
new file mode 100755
index 0000000..b3b2cb5
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-crosshairs.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-css3.svg b/themes/Eclectic/assets/image/line-awesome/fa-css3.svg
new file mode 100755
index 0000000..238276b
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-css3.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-cube.svg b/themes/Eclectic/assets/image/line-awesome/fa-cube.svg
new file mode 100755
index 0000000..463313a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-cube.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-cubes.svg b/themes/Eclectic/assets/image/line-awesome/fa-cubes.svg
new file mode 100755
index 0000000..5c9cbd3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-cubes.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-cut.svg b/themes/Eclectic/assets/image/line-awesome/fa-cut.svg
new file mode 100755
index 0000000..9fab26a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-cut.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-cutlery.svg b/themes/Eclectic/assets/image/line-awesome/fa-cutlery.svg
new file mode 100755
index 0000000..6cc944c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-cutlery.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-dashboard.svg b/themes/Eclectic/assets/image/line-awesome/fa-dashboard.svg
new file mode 100755
index 0000000..8f47cd6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-dashboard.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-dashcube.svg b/themes/Eclectic/assets/image/line-awesome/fa-dashcube.svg
new file mode 100755
index 0000000..363996d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-dashcube.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-database.svg b/themes/Eclectic/assets/image/line-awesome/fa-database.svg
new file mode 100755
index 0000000..9823829
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-database.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-dedent.svg b/themes/Eclectic/assets/image/line-awesome/fa-dedent.svg
new file mode 100755
index 0000000..cbd2bd9
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-dedent.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-delicious.svg b/themes/Eclectic/assets/image/line-awesome/fa-delicious.svg
new file mode 100755
index 0000000..7768e45
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-delicious.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-desktop.svg b/themes/Eclectic/assets/image/line-awesome/fa-desktop.svg
new file mode 100755
index 0000000..3eabab2
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-desktop.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-deviantart.svg b/themes/Eclectic/assets/image/line-awesome/fa-deviantart.svg
new file mode 100755
index 0000000..5907644
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-deviantart.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-diamond.svg b/themes/Eclectic/assets/image/line-awesome/fa-diamond.svg
new file mode 100755
index 0000000..37b2922
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-diamond.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-digg.svg b/themes/Eclectic/assets/image/line-awesome/fa-digg.svg
new file mode 100755
index 0000000..e8e8519
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-digg.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-dollar.svg b/themes/Eclectic/assets/image/line-awesome/fa-dollar.svg
new file mode 100755
index 0000000..c51a256
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-dollar.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-dot-circle-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-dot-circle-o.svg
new file mode 100755
index 0000000..619b679
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-dot-circle-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-download.svg b/themes/Eclectic/assets/image/line-awesome/fa-download.svg
new file mode 100755
index 0000000..d276187
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-download.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-dribbble.svg b/themes/Eclectic/assets/image/line-awesome/fa-dribbble.svg
new file mode 100755
index 0000000..b35c14b
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-dribbble.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-dropbox.svg b/themes/Eclectic/assets/image/line-awesome/fa-dropbox.svg
new file mode 100755
index 0000000..9671223
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-dropbox.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-drupal.svg b/themes/Eclectic/assets/image/line-awesome/fa-drupal.svg
new file mode 100755
index 0000000..7d0b7ee
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-drupal.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-edit.svg b/themes/Eclectic/assets/image/line-awesome/fa-edit.svg
new file mode 100755
index 0000000..8edf38c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-edit.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-eject.svg b/themes/Eclectic/assets/image/line-awesome/fa-eject.svg
new file mode 100755
index 0000000..5b0da95
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-eject.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-ellipsis-h.svg b/themes/Eclectic/assets/image/line-awesome/fa-ellipsis-h.svg
new file mode 100755
index 0000000..f1ae6a2
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-ellipsis-h.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-ellipsis-v.svg b/themes/Eclectic/assets/image/line-awesome/fa-ellipsis-v.svg
new file mode 100755
index 0000000..590b0e3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-ellipsis-v.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-empire.svg b/themes/Eclectic/assets/image/line-awesome/fa-empire.svg
new file mode 100755
index 0000000..e2e8f25
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-empire.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-envelope-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-envelope-o.svg
new file mode 100755
index 0000000..90e52f1
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-envelope-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-envelope-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-envelope-square.svg
new file mode 100755
index 0000000..845b533
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-envelope-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-envelope.svg b/themes/Eclectic/assets/image/line-awesome/fa-envelope.svg
new file mode 100755
index 0000000..90e52f1
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-envelope.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-eraser.svg b/themes/Eclectic/assets/image/line-awesome/fa-eraser.svg
new file mode 100755
index 0000000..4dd584f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-eraser.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-eur.svg b/themes/Eclectic/assets/image/line-awesome/fa-eur.svg
new file mode 100755
index 0000000..b62c22d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-eur.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-euro.svg b/themes/Eclectic/assets/image/line-awesome/fa-euro.svg
new file mode 100755
index 0000000..b62c22d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-euro.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-exchange.svg b/themes/Eclectic/assets/image/line-awesome/fa-exchange.svg
new file mode 100755
index 0000000..0406118
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-exchange.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-exclamation-circle.svg b/themes/Eclectic/assets/image/line-awesome/fa-exclamation-circle.svg
new file mode 100755
index 0000000..557737c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-exclamation-circle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-exclamation-triangle.svg b/themes/Eclectic/assets/image/line-awesome/fa-exclamation-triangle.svg
new file mode 100755
index 0000000..d7a5c1c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-exclamation-triangle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-exclamation.svg b/themes/Eclectic/assets/image/line-awesome/fa-exclamation.svg
new file mode 100755
index 0000000..1354d15
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-exclamation.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-expand.svg b/themes/Eclectic/assets/image/line-awesome/fa-expand.svg
new file mode 100755
index 0000000..d34a58e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-expand.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-expeditedssl.svg b/themes/Eclectic/assets/image/line-awesome/fa-expeditedssl.svg
new file mode 100755
index 0000000..2e62ff6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-expeditedssl.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-external-link-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-external-link-square.svg
new file mode 100755
index 0000000..9f6a939
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-external-link-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-external-link.svg b/themes/Eclectic/assets/image/line-awesome/fa-external-link.svg
new file mode 100755
index 0000000..4eeefc2
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-external-link.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-eye-slash.svg b/themes/Eclectic/assets/image/line-awesome/fa-eye-slash.svg
new file mode 100755
index 0000000..928fd1a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-eye-slash.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-eye.svg b/themes/Eclectic/assets/image/line-awesome/fa-eye.svg
new file mode 100755
index 0000000..6ae850d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-eye.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-eyedropper.svg b/themes/Eclectic/assets/image/line-awesome/fa-eyedropper.svg
new file mode 100755
index 0000000..d0cf935
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-eyedropper.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-facebook-official.svg b/themes/Eclectic/assets/image/line-awesome/fa-facebook-official.svg
new file mode 100755
index 0000000..5f93307
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-facebook-official.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-facebook-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-facebook-square.svg
new file mode 100755
index 0000000..5f93307
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-facebook-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-facebook.svg b/themes/Eclectic/assets/image/line-awesome/fa-facebook.svg
new file mode 100755
index 0000000..5f93307
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-facebook.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-fast-backward.svg b/themes/Eclectic/assets/image/line-awesome/fa-fast-backward.svg
new file mode 100755
index 0000000..3bdf35d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-fast-backward.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-fast-forward.svg b/themes/Eclectic/assets/image/line-awesome/fa-fast-forward.svg
new file mode 100755
index 0000000..8d439ed
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-fast-forward.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-fax.svg b/themes/Eclectic/assets/image/line-awesome/fa-fax.svg
new file mode 100755
index 0000000..dd607f5
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-fax.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-female.svg b/themes/Eclectic/assets/image/line-awesome/fa-female.svg
new file mode 100755
index 0000000..d06dfd6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-female.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-fighter-jet.svg b/themes/Eclectic/assets/image/line-awesome/fa-fighter-jet.svg
new file mode 100755
index 0000000..6b8c1d2
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-fighter-jet.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-file-archive-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-file-archive-o.svg
new file mode 100755
index 0000000..98b7884
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-file-archive-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-file-audio-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-file-audio-o.svg
new file mode 100755
index 0000000..57fefcb
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-file-audio-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-file-code-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-file-code-o.svg
new file mode 100755
index 0000000..f7ed17e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-file-code-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-file-excel-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-file-excel-o.svg
new file mode 100755
index 0000000..24936c5
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-file-excel-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-file-image-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-file-image-o.svg
new file mode 100755
index 0000000..572df3e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-file-image-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-file-movie-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-file-movie-o.svg
new file mode 100755
index 0000000..2ae7937
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-file-movie-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-file-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-file-o.svg
new file mode 100755
index 0000000..6244cc6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-file-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-file-pdf-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-file-pdf-o.svg
new file mode 100755
index 0000000..389633e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-file-pdf-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-file-photo-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-file-photo-o.svg
new file mode 100755
index 0000000..572df3e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-file-photo-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-file-picture-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-file-picture-o.svg
new file mode 100755
index 0000000..572df3e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-file-picture-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-file-powerpoint-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-file-powerpoint-o.svg
new file mode 100755
index 0000000..b910b65
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-file-powerpoint-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-file-sound-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-file-sound-o.svg
new file mode 100755
index 0000000..57fefcb
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-file-sound-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-file-text-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-file-text-o.svg
new file mode 100755
index 0000000..0ffb717
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-file-text-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-file-text.svg b/themes/Eclectic/assets/image/line-awesome/fa-file-text.svg
new file mode 100755
index 0000000..0ffb717
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-file-text.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-file-video-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-file-video-o.svg
new file mode 100755
index 0000000..2ae7937
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-file-video-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-file-word-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-file-word-o.svg
new file mode 100755
index 0000000..b9cc4a2
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-file-word-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-file-zip-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-file-zip-o.svg
new file mode 100755
index 0000000..98b7884
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-file-zip-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-file.svg b/themes/Eclectic/assets/image/line-awesome/fa-file.svg
new file mode 100755
index 0000000..6244cc6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-file.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-files-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-files-o.svg
new file mode 100755
index 0000000..e65f81f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-files-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-film.svg b/themes/Eclectic/assets/image/line-awesome/fa-film.svg
new file mode 100755
index 0000000..7e60d3e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-film.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-filter.svg b/themes/Eclectic/assets/image/line-awesome/fa-filter.svg
new file mode 100755
index 0000000..5f63b67
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-filter.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-fire-extinguisher.svg b/themes/Eclectic/assets/image/line-awesome/fa-fire-extinguisher.svg
new file mode 100755
index 0000000..9bbe3ed
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-fire-extinguisher.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-fire.svg b/themes/Eclectic/assets/image/line-awesome/fa-fire.svg
new file mode 100755
index 0000000..6692940
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-fire.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-firefox.svg b/themes/Eclectic/assets/image/line-awesome/fa-firefox.svg
new file mode 100755
index 0000000..e283e4c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-firefox.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-flag-checkered.svg b/themes/Eclectic/assets/image/line-awesome/fa-flag-checkered.svg
new file mode 100755
index 0000000..c84d921
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-flag-checkered.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-flag-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-flag-o.svg
new file mode 100755
index 0000000..6c14570
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-flag-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-flag.svg b/themes/Eclectic/assets/image/line-awesome/fa-flag.svg
new file mode 100755
index 0000000..4d0aa71
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-flag.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-flash.svg b/themes/Eclectic/assets/image/line-awesome/fa-flash.svg
new file mode 100755
index 0000000..a2d5749
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-flash.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-flask.svg b/themes/Eclectic/assets/image/line-awesome/fa-flask.svg
new file mode 100755
index 0000000..7faf873
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-flask.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-flickr.svg b/themes/Eclectic/assets/image/line-awesome/fa-flickr.svg
new file mode 100755
index 0000000..056c722
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-flickr.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-floppy-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-floppy-o.svg
new file mode 100755
index 0000000..c67d76f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-floppy-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-folder-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-folder-o.svg
new file mode 100755
index 0000000..e70a070
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-folder-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-folder-open-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-folder-open-o.svg
new file mode 100755
index 0000000..e4a2861
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-folder-open-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-folder-open.svg b/themes/Eclectic/assets/image/line-awesome/fa-folder-open.svg
new file mode 100755
index 0000000..e4a2861
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-folder-open.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-folder.svg b/themes/Eclectic/assets/image/line-awesome/fa-folder.svg
new file mode 100755
index 0000000..e70a070
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-folder.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-font.svg b/themes/Eclectic/assets/image/line-awesome/fa-font.svg
new file mode 100755
index 0000000..de39181
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-font.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-fonticons.svg b/themes/Eclectic/assets/image/line-awesome/fa-fonticons.svg
new file mode 100755
index 0000000..58253bd
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-fonticons.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-forumbee.svg b/themes/Eclectic/assets/image/line-awesome/fa-forumbee.svg
new file mode 100755
index 0000000..1bc8397
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-forumbee.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-forward.svg b/themes/Eclectic/assets/image/line-awesome/fa-forward.svg
new file mode 100755
index 0000000..96c1526
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-forward.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-foursquare.svg b/themes/Eclectic/assets/image/line-awesome/fa-foursquare.svg
new file mode 100755
index 0000000..4e82cfe
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-foursquare.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-frown-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-frown-o.svg
new file mode 100755
index 0000000..38ce841
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-frown-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-futbol-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-futbol-o.svg
new file mode 100755
index 0000000..b980410
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-futbol-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-gamepad.svg b/themes/Eclectic/assets/image/line-awesome/fa-gamepad.svg
new file mode 100755
index 0000000..a6be446
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-gamepad.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-gavel.svg b/themes/Eclectic/assets/image/line-awesome/fa-gavel.svg
new file mode 100755
index 0000000..30a98db
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-gavel.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-gbp.svg b/themes/Eclectic/assets/image/line-awesome/fa-gbp.svg
new file mode 100755
index 0000000..624abcf
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-gbp.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-gear.svg b/themes/Eclectic/assets/image/line-awesome/fa-gear.svg
new file mode 100755
index 0000000..1ee34b3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-gear.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-gears.svg b/themes/Eclectic/assets/image/line-awesome/fa-gears.svg
new file mode 100755
index 0000000..aedfce4
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-gears.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-genderless.svg b/themes/Eclectic/assets/image/line-awesome/fa-genderless.svg
new file mode 100755
index 0000000..2ecba59
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-genderless.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-get-pocket.svg b/themes/Eclectic/assets/image/line-awesome/fa-get-pocket.svg
new file mode 100755
index 0000000..901d301
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-get-pocket.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-gg-circle.svg b/themes/Eclectic/assets/image/line-awesome/fa-gg-circle.svg
new file mode 100755
index 0000000..2a27877
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-gg-circle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-gg.svg b/themes/Eclectic/assets/image/line-awesome/fa-gg.svg
new file mode 100755
index 0000000..2a27877
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-gg.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-gift.svg b/themes/Eclectic/assets/image/line-awesome/fa-gift.svg
new file mode 100755
index 0000000..8c66274
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-gift.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-git-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-git-square.svg
new file mode 100755
index 0000000..7280b6b
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-git-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-git.svg b/themes/Eclectic/assets/image/line-awesome/fa-git.svg
new file mode 100755
index 0000000..7280b6b
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-git.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-github-alt.svg b/themes/Eclectic/assets/image/line-awesome/fa-github-alt.svg
new file mode 100755
index 0000000..095d304
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-github-alt.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-github-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-github-square.svg
new file mode 100755
index 0000000..7058181
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-github-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-github.svg b/themes/Eclectic/assets/image/line-awesome/fa-github.svg
new file mode 100755
index 0000000..7058181
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-github.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-glass.svg b/themes/Eclectic/assets/image/line-awesome/fa-glass.svg
new file mode 100755
index 0000000..85d8ef4
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-glass.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-globe.svg b/themes/Eclectic/assets/image/line-awesome/fa-globe.svg
new file mode 100755
index 0000000..eb53178
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-globe.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-google-plus-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-google-plus-square.svg
new file mode 100755
index 0000000..e536e21
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-google-plus-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-google-plus.svg b/themes/Eclectic/assets/image/line-awesome/fa-google-plus.svg
new file mode 100755
index 0000000..e536e21
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-google-plus.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-google-wallet.svg b/themes/Eclectic/assets/image/line-awesome/fa-google-wallet.svg
new file mode 100755
index 0000000..95a7906
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-google-wallet.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-google.svg b/themes/Eclectic/assets/image/line-awesome/fa-google.svg
new file mode 100755
index 0000000..69b69d9
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-google.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-graduation-cap.svg b/themes/Eclectic/assets/image/line-awesome/fa-graduation-cap.svg
new file mode 100755
index 0000000..a384ff5
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-graduation-cap.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-gratipay.svg b/themes/Eclectic/assets/image/line-awesome/fa-gratipay.svg
new file mode 100755
index 0000000..b459dcc
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-gratipay.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-group.svg b/themes/Eclectic/assets/image/line-awesome/fa-group.svg
new file mode 100755
index 0000000..c902335
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-group.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-h-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-h-square.svg
new file mode 100755
index 0000000..bec721e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-h-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hacker-news.svg b/themes/Eclectic/assets/image/line-awesome/fa-hacker-news.svg
new file mode 100755
index 0000000..93ad0c6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hacker-news.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hand-grab-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-hand-grab-o.svg
new file mode 100755
index 0000000..60c75d6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hand-grab-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hand-lizard-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-hand-lizard-o.svg
new file mode 100755
index 0000000..3601451
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hand-lizard-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hand-o-down.svg b/themes/Eclectic/assets/image/line-awesome/fa-hand-o-down.svg
new file mode 100755
index 0000000..fd2193c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hand-o-down.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hand-o-left.svg b/themes/Eclectic/assets/image/line-awesome/fa-hand-o-left.svg
new file mode 100755
index 0000000..24532d2
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hand-o-left.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hand-o-right.svg b/themes/Eclectic/assets/image/line-awesome/fa-hand-o-right.svg
new file mode 100755
index 0000000..a2542d0
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hand-o-right.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hand-o-up.svg b/themes/Eclectic/assets/image/line-awesome/fa-hand-o-up.svg
new file mode 100755
index 0000000..870180b
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hand-o-up.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hand-paper-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-hand-paper-o.svg
new file mode 100755
index 0000000..b3b0169
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hand-paper-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hand-peace-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-hand-peace-o.svg
new file mode 100755
index 0000000..672ccf9
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hand-peace-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hand-pointer-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-hand-pointer-o.svg
new file mode 100755
index 0000000..d6565a7
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hand-pointer-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hand-rock-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-hand-rock-o.svg
new file mode 100755
index 0000000..60c75d6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hand-rock-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hand-scissors-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-hand-scissors-o.svg
new file mode 100755
index 0000000..1cb34cb
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hand-scissors-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hand-spock-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-hand-spock-o.svg
new file mode 100755
index 0000000..c5c0795
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hand-spock-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hand-stop-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-hand-stop-o.svg
new file mode 100755
index 0000000..b3b0169
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hand-stop-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hdd-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-hdd-o.svg
new file mode 100755
index 0000000..dce5921
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hdd-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-header.svg b/themes/Eclectic/assets/image/line-awesome/fa-header.svg
new file mode 100755
index 0000000..fce13e4
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-header.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-headphones.svg b/themes/Eclectic/assets/image/line-awesome/fa-headphones.svg
new file mode 100755
index 0000000..40d2a07
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-headphones.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-heart-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-heart-o.svg
new file mode 100755
index 0000000..44b38ae
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-heart-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-heart.svg b/themes/Eclectic/assets/image/line-awesome/fa-heart.svg
new file mode 100755
index 0000000..ddd62cb
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-heart.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-heartbeat.svg b/themes/Eclectic/assets/image/line-awesome/fa-heartbeat.svg
new file mode 100755
index 0000000..2ed15c5
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-heartbeat.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-history.svg b/themes/Eclectic/assets/image/line-awesome/fa-history.svg
new file mode 100755
index 0000000..4564141
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-history.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-home.svg b/themes/Eclectic/assets/image/line-awesome/fa-home.svg
new file mode 100755
index 0000000..61d1757
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-home.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hospital-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-hospital-o.svg
new file mode 100755
index 0000000..5c6250e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hospital-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hotel.svg b/themes/Eclectic/assets/image/line-awesome/fa-hotel.svg
new file mode 100755
index 0000000..5a73fc8
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hotel.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hourglass-1.svg b/themes/Eclectic/assets/image/line-awesome/fa-hourglass-1.svg
new file mode 100755
index 0000000..22140d1
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hourglass-1.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hourglass-2.svg b/themes/Eclectic/assets/image/line-awesome/fa-hourglass-2.svg
new file mode 100755
index 0000000..2357986
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hourglass-2.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hourglass-3.svg b/themes/Eclectic/assets/image/line-awesome/fa-hourglass-3.svg
new file mode 100755
index 0000000..fc788aa
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hourglass-3.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hourglass-end.svg b/themes/Eclectic/assets/image/line-awesome/fa-hourglass-end.svg
new file mode 100755
index 0000000..fc788aa
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hourglass-end.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hourglass-half.svg b/themes/Eclectic/assets/image/line-awesome/fa-hourglass-half.svg
new file mode 100755
index 0000000..2357986
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hourglass-half.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hourglass-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-hourglass-o.svg
new file mode 100755
index 0000000..2e35fac
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hourglass-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hourglass-start.svg b/themes/Eclectic/assets/image/line-awesome/fa-hourglass-start.svg
new file mode 100755
index 0000000..22140d1
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hourglass-start.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-hourglass.svg b/themes/Eclectic/assets/image/line-awesome/fa-hourglass.svg
new file mode 100755
index 0000000..2e35fac
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-hourglass.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-houzz.svg b/themes/Eclectic/assets/image/line-awesome/fa-houzz.svg
new file mode 100755
index 0000000..4e012b8
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-houzz.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-html5.svg b/themes/Eclectic/assets/image/line-awesome/fa-html5.svg
new file mode 100755
index 0000000..a8958ea
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-html5.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-i-cursor.svg b/themes/Eclectic/assets/image/line-awesome/fa-i-cursor.svg
new file mode 100755
index 0000000..3ec6d68
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-i-cursor.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-ils.svg b/themes/Eclectic/assets/image/line-awesome/fa-ils.svg
new file mode 100755
index 0000000..be33e5b
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-ils.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-image.svg b/themes/Eclectic/assets/image/line-awesome/fa-image.svg
new file mode 100755
index 0000000..9745400
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-image.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-inbox.svg b/themes/Eclectic/assets/image/line-awesome/fa-inbox.svg
new file mode 100755
index 0000000..7f43228
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-inbox.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-indent.svg b/themes/Eclectic/assets/image/line-awesome/fa-indent.svg
new file mode 100755
index 0000000..4a35127
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-indent.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-industry.svg b/themes/Eclectic/assets/image/line-awesome/fa-industry.svg
new file mode 100755
index 0000000..62aac32
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-industry.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-info-circle.svg b/themes/Eclectic/assets/image/line-awesome/fa-info-circle.svg
new file mode 100755
index 0000000..4b8771e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-info-circle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-info.svg b/themes/Eclectic/assets/image/line-awesome/fa-info.svg
new file mode 100755
index 0000000..8066791
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-info.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-inr.svg b/themes/Eclectic/assets/image/line-awesome/fa-inr.svg
new file mode 100755
index 0000000..84b8d00
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-inr.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-instagram.svg b/themes/Eclectic/assets/image/line-awesome/fa-instagram.svg
new file mode 100755
index 0000000..9e590c1
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-instagram.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-institution.svg b/themes/Eclectic/assets/image/line-awesome/fa-institution.svg
new file mode 100755
index 0000000..87c2989
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-institution.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-internet-explorer.svg b/themes/Eclectic/assets/image/line-awesome/fa-internet-explorer.svg
new file mode 100755
index 0000000..473e1b2
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-internet-explorer.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-ioxhost.svg b/themes/Eclectic/assets/image/line-awesome/fa-ioxhost.svg
new file mode 100755
index 0000000..3b49ac1
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-ioxhost.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-italic.svg b/themes/Eclectic/assets/image/line-awesome/fa-italic.svg
new file mode 100755
index 0000000..2dd8e85
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-italic.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-joomla.svg b/themes/Eclectic/assets/image/line-awesome/fa-joomla.svg
new file mode 100755
index 0000000..0d82bd5
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-joomla.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-jpy.svg b/themes/Eclectic/assets/image/line-awesome/fa-jpy.svg
new file mode 100755
index 0000000..1fde12f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-jpy.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-jsfiddle.svg b/themes/Eclectic/assets/image/line-awesome/fa-jsfiddle.svg
new file mode 100755
index 0000000..205a7c1
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-jsfiddle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-key.svg b/themes/Eclectic/assets/image/line-awesome/fa-key.svg
new file mode 100755
index 0000000..cdaeefe
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-key.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-keyboard-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-keyboard-o.svg
new file mode 100755
index 0000000..18f6cec
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-keyboard-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-krw.svg b/themes/Eclectic/assets/image/line-awesome/fa-krw.svg
new file mode 100755
index 0000000..26e8644
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-krw.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-language.svg b/themes/Eclectic/assets/image/line-awesome/fa-language.svg
new file mode 100755
index 0000000..65053e7
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-language.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-laptop.svg b/themes/Eclectic/assets/image/line-awesome/fa-laptop.svg
new file mode 100755
index 0000000..9ddaeda
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-laptop.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-lastfm-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-lastfm-square.svg
new file mode 100755
index 0000000..2b0d9c5
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-lastfm-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-lastfm.svg b/themes/Eclectic/assets/image/line-awesome/fa-lastfm.svg
new file mode 100755
index 0000000..2b0d9c5
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-lastfm.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-leaf.svg b/themes/Eclectic/assets/image/line-awesome/fa-leaf.svg
new file mode 100755
index 0000000..10060ec
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-leaf.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-leanpub.svg b/themes/Eclectic/assets/image/line-awesome/fa-leanpub.svg
new file mode 100755
index 0000000..1b7ccf5
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-leanpub.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-legal.svg b/themes/Eclectic/assets/image/line-awesome/fa-legal.svg
new file mode 100755
index 0000000..30a98db
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-legal.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-lemon-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-lemon-o.svg
new file mode 100755
index 0000000..8eb7dfb
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-lemon-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-level-down.svg b/themes/Eclectic/assets/image/line-awesome/fa-level-down.svg
new file mode 100755
index 0000000..60ea329
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-level-down.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-level-up.svg b/themes/Eclectic/assets/image/line-awesome/fa-level-up.svg
new file mode 100755
index 0000000..237fd17
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-level-up.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-life-bouy.svg b/themes/Eclectic/assets/image/line-awesome/fa-life-bouy.svg
new file mode 100755
index 0000000..1ea3705
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-life-bouy.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-life-buoy.svg b/themes/Eclectic/assets/image/line-awesome/fa-life-buoy.svg
new file mode 100755
index 0000000..1ea3705
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-life-buoy.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-life-ring.svg b/themes/Eclectic/assets/image/line-awesome/fa-life-ring.svg
new file mode 100755
index 0000000..1ea3705
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-life-ring.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-life-saver.svg b/themes/Eclectic/assets/image/line-awesome/fa-life-saver.svg
new file mode 100755
index 0000000..1ea3705
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-life-saver.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-lightbulb-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-lightbulb-o.svg
new file mode 100755
index 0000000..5940bb3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-lightbulb-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-line-chart.svg b/themes/Eclectic/assets/image/line-awesome/fa-line-chart.svg
new file mode 100755
index 0000000..c52eb4e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-line-chart.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-link.svg b/themes/Eclectic/assets/image/line-awesome/fa-link.svg
new file mode 100755
index 0000000..a44cff3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-link.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-linkedin-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-linkedin-square.svg
new file mode 100755
index 0000000..7394e3e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-linkedin-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-linkedin.svg b/themes/Eclectic/assets/image/line-awesome/fa-linkedin.svg
new file mode 100755
index 0000000..7394e3e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-linkedin.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-linux.svg b/themes/Eclectic/assets/image/line-awesome/fa-linux.svg
new file mode 100755
index 0000000..f8203c7
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-linux.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-list-alt.svg b/themes/Eclectic/assets/image/line-awesome/fa-list-alt.svg
new file mode 100755
index 0000000..6de0532
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-list-alt.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-list-ol.svg b/themes/Eclectic/assets/image/line-awesome/fa-list-ol.svg
new file mode 100755
index 0000000..9c701f6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-list-ol.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-list-ul.svg b/themes/Eclectic/assets/image/line-awesome/fa-list-ul.svg
new file mode 100755
index 0000000..0cc2c40
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-list-ul.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-list.svg b/themes/Eclectic/assets/image/line-awesome/fa-list.svg
new file mode 100755
index 0000000..0cc2c40
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-list.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-location-arrow.svg b/themes/Eclectic/assets/image/line-awesome/fa-location-arrow.svg
new file mode 100755
index 0000000..8fdf5ee
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-location-arrow.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-lock.svg b/themes/Eclectic/assets/image/line-awesome/fa-lock.svg
new file mode 100755
index 0000000..320aa2f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-lock.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-long-arrow-down.svg b/themes/Eclectic/assets/image/line-awesome/fa-long-arrow-down.svg
new file mode 100755
index 0000000..05415a8
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-long-arrow-down.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-long-arrow-left.svg b/themes/Eclectic/assets/image/line-awesome/fa-long-arrow-left.svg
new file mode 100755
index 0000000..2d83948
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-long-arrow-left.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-long-arrow-right.svg b/themes/Eclectic/assets/image/line-awesome/fa-long-arrow-right.svg
new file mode 100755
index 0000000..9f7299a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-long-arrow-right.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-long-arrow-up.svg b/themes/Eclectic/assets/image/line-awesome/fa-long-arrow-up.svg
new file mode 100755
index 0000000..f0d96ef
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-long-arrow-up.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-magic.svg b/themes/Eclectic/assets/image/line-awesome/fa-magic.svg
new file mode 100755
index 0000000..a979f23
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-magic.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-magnet.svg b/themes/Eclectic/assets/image/line-awesome/fa-magnet.svg
new file mode 100755
index 0000000..713a070
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-magnet.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-mail-forward.svg b/themes/Eclectic/assets/image/line-awesome/fa-mail-forward.svg
new file mode 100755
index 0000000..eff9ba3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-mail-forward.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-mail-reply-all.svg b/themes/Eclectic/assets/image/line-awesome/fa-mail-reply-all.svg
new file mode 100755
index 0000000..2fe2e51
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-mail-reply-all.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-mail-reply.svg b/themes/Eclectic/assets/image/line-awesome/fa-mail-reply.svg
new file mode 100755
index 0000000..dbef071
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-mail-reply.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-male.svg b/themes/Eclectic/assets/image/line-awesome/fa-male.svg
new file mode 100755
index 0000000..e1d6557
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-male.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-map-marker.svg b/themes/Eclectic/assets/image/line-awesome/fa-map-marker.svg
new file mode 100755
index 0000000..d24df72
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-map-marker.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-map-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-map-o.svg
new file mode 100755
index 0000000..a0b11cc
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-map-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-map-pin.svg b/themes/Eclectic/assets/image/line-awesome/fa-map-pin.svg
new file mode 100755
index 0000000..b881874
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-map-pin.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-map-signs.svg b/themes/Eclectic/assets/image/line-awesome/fa-map-signs.svg
new file mode 100755
index 0000000..1f170ac
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-map-signs.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-map.svg b/themes/Eclectic/assets/image/line-awesome/fa-map.svg
new file mode 100755
index 0000000..a0b11cc
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-map.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-mars-double.svg b/themes/Eclectic/assets/image/line-awesome/fa-mars-double.svg
new file mode 100755
index 0000000..4c779a9
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-mars-double.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-mars-stroke-h.svg b/themes/Eclectic/assets/image/line-awesome/fa-mars-stroke-h.svg
new file mode 100755
index 0000000..75ddb0b
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-mars-stroke-h.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-mars-stroke-v.svg b/themes/Eclectic/assets/image/line-awesome/fa-mars-stroke-v.svg
new file mode 100755
index 0000000..d5e95c6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-mars-stroke-v.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-mars-stroke.svg b/themes/Eclectic/assets/image/line-awesome/fa-mars-stroke.svg
new file mode 100755
index 0000000..f79a6f3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-mars-stroke.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-mars.svg b/themes/Eclectic/assets/image/line-awesome/fa-mars.svg
new file mode 100755
index 0000000..da9cadb
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-mars.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-maxcdn.svg b/themes/Eclectic/assets/image/line-awesome/fa-maxcdn.svg
new file mode 100755
index 0000000..7851610
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-maxcdn.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-meanpath.svg b/themes/Eclectic/assets/image/line-awesome/fa-meanpath.svg
new file mode 100755
index 0000000..d978743
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-meanpath.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-medium.svg b/themes/Eclectic/assets/image/line-awesome/fa-medium.svg
new file mode 100755
index 0000000..e2b6805
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-medium.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-medkit.svg b/themes/Eclectic/assets/image/line-awesome/fa-medkit.svg
new file mode 100755
index 0000000..bbaa849
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-medkit.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-meh-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-meh-o.svg
new file mode 100755
index 0000000..51acd61
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-meh-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-mercury.svg b/themes/Eclectic/assets/image/line-awesome/fa-mercury.svg
new file mode 100755
index 0000000..283baee
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-mercury.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-microphone-slash.svg b/themes/Eclectic/assets/image/line-awesome/fa-microphone-slash.svg
new file mode 100755
index 0000000..8d521ad
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-microphone-slash.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-microphone.svg b/themes/Eclectic/assets/image/line-awesome/fa-microphone.svg
new file mode 100755
index 0000000..6859c33
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-microphone.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-minus-circle.svg b/themes/Eclectic/assets/image/line-awesome/fa-minus-circle.svg
new file mode 100755
index 0000000..b6f6994
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-minus-circle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-minus-square-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-minus-square-o.svg
new file mode 100755
index 0000000..2d5268d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-minus-square-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-minus-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-minus-square.svg
new file mode 100755
index 0000000..2d5268d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-minus-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-minus.svg b/themes/Eclectic/assets/image/line-awesome/fa-minus.svg
new file mode 100755
index 0000000..bd0672d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-minus.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-mobile-phone.svg b/themes/Eclectic/assets/image/line-awesome/fa-mobile-phone.svg
new file mode 100755
index 0000000..ade73af
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-mobile-phone.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-mobile.svg b/themes/Eclectic/assets/image/line-awesome/fa-mobile.svg
new file mode 100755
index 0000000..ade73af
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-mobile.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-money.svg b/themes/Eclectic/assets/image/line-awesome/fa-money.svg
new file mode 100755
index 0000000..d647ac5
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-money.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-moon-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-moon-o.svg
new file mode 100755
index 0000000..4ee5370
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-moon-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-mortar-board.svg b/themes/Eclectic/assets/image/line-awesome/fa-mortar-board.svg
new file mode 100755
index 0000000..a384ff5
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-mortar-board.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-motorcycle.svg b/themes/Eclectic/assets/image/line-awesome/fa-motorcycle.svg
new file mode 100755
index 0000000..90cc4cd
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-motorcycle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-mouse-pointer.svg b/themes/Eclectic/assets/image/line-awesome/fa-mouse-pointer.svg
new file mode 100755
index 0000000..7e20b42
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-mouse-pointer.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-music.svg b/themes/Eclectic/assets/image/line-awesome/fa-music.svg
new file mode 100755
index 0000000..5050263
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-music.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-navicon.svg b/themes/Eclectic/assets/image/line-awesome/fa-navicon.svg
new file mode 100755
index 0000000..a5bf4ae
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-navicon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-neuter.svg b/themes/Eclectic/assets/image/line-awesome/fa-neuter.svg
new file mode 100755
index 0000000..091d9cd
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-neuter.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-newspaper-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-newspaper-o.svg
new file mode 100755
index 0000000..024bb82
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-newspaper-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-object-group.svg b/themes/Eclectic/assets/image/line-awesome/fa-object-group.svg
new file mode 100755
index 0000000..8f9d306
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-object-group.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-object-ungroup.svg b/themes/Eclectic/assets/image/line-awesome/fa-object-ungroup.svg
new file mode 100755
index 0000000..eefa662
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-object-ungroup.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-odnoklassniki-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-odnoklassniki-square.svg
new file mode 100755
index 0000000..d47951e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-odnoklassniki-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-odnoklassniki.svg b/themes/Eclectic/assets/image/line-awesome/fa-odnoklassniki.svg
new file mode 100755
index 0000000..d47951e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-odnoklassniki.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-opencart.svg b/themes/Eclectic/assets/image/line-awesome/fa-opencart.svg
new file mode 100755
index 0000000..e1cc9cd
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-opencart.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-openid.svg b/themes/Eclectic/assets/image/line-awesome/fa-openid.svg
new file mode 100755
index 0000000..54eb71c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-openid.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-opera.svg b/themes/Eclectic/assets/image/line-awesome/fa-opera.svg
new file mode 100755
index 0000000..a864454
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-opera.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-optin-monster.svg b/themes/Eclectic/assets/image/line-awesome/fa-optin-monster.svg
new file mode 100755
index 0000000..cdd53b0
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-optin-monster.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-outdent.svg b/themes/Eclectic/assets/image/line-awesome/fa-outdent.svg
new file mode 100755
index 0000000..cbd2bd9
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-outdent.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-pagelines.svg b/themes/Eclectic/assets/image/line-awesome/fa-pagelines.svg
new file mode 100755
index 0000000..5300c9b
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-pagelines.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-paint-brush.svg b/themes/Eclectic/assets/image/line-awesome/fa-paint-brush.svg
new file mode 100755
index 0000000..cc8da98
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-paint-brush.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-paper-plane-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-paper-plane-o.svg
new file mode 100755
index 0000000..3f0a61c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-paper-plane-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-paper-plane.svg b/themes/Eclectic/assets/image/line-awesome/fa-paper-plane.svg
new file mode 100755
index 0000000..3f0a61c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-paper-plane.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-paperclip.svg b/themes/Eclectic/assets/image/line-awesome/fa-paperclip.svg
new file mode 100755
index 0000000..d85807e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-paperclip.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-paragraph.svg b/themes/Eclectic/assets/image/line-awesome/fa-paragraph.svg
new file mode 100755
index 0000000..914f30d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-paragraph.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-paste.svg b/themes/Eclectic/assets/image/line-awesome/fa-paste.svg
new file mode 100755
index 0000000..bca3191
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-paste.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-pause.svg b/themes/Eclectic/assets/image/line-awesome/fa-pause.svg
new file mode 100755
index 0000000..546b2a0
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-pause.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-paw.svg b/themes/Eclectic/assets/image/line-awesome/fa-paw.svg
new file mode 100755
index 0000000..5bc9e4e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-paw.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-paypal.svg b/themes/Eclectic/assets/image/line-awesome/fa-paypal.svg
new file mode 100755
index 0000000..b0799f9
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-paypal.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-pencil-square-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-pencil-square-o.svg
new file mode 100755
index 0000000..8edf38c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-pencil-square-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-pencil-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-pencil-square.svg
new file mode 100755
index 0000000..8edf38c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-pencil-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-pencil.svg b/themes/Eclectic/assets/image/line-awesome/fa-pencil.svg
new file mode 100755
index 0000000..f88ff33
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-pencil.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-phone-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-phone-square.svg
new file mode 100755
index 0000000..48aa7a1
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-phone-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-phone.svg b/themes/Eclectic/assets/image/line-awesome/fa-phone.svg
new file mode 100755
index 0000000..48aa7a1
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-phone.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-photo.svg b/themes/Eclectic/assets/image/line-awesome/fa-photo.svg
new file mode 100755
index 0000000..9745400
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-photo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-picture-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-picture-o.svg
new file mode 100755
index 0000000..9745400
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-picture-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-pie-chart.svg b/themes/Eclectic/assets/image/line-awesome/fa-pie-chart.svg
new file mode 100755
index 0000000..7c5ce2f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-pie-chart.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-pied-piper-alt.svg b/themes/Eclectic/assets/image/line-awesome/fa-pied-piper-alt.svg
new file mode 100755
index 0000000..e619d3b
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-pied-piper-alt.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-pied-piper.svg b/themes/Eclectic/assets/image/line-awesome/fa-pied-piper.svg
new file mode 100755
index 0000000..cde220f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-pied-piper.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-pinterest-p.svg b/themes/Eclectic/assets/image/line-awesome/fa-pinterest-p.svg
new file mode 100755
index 0000000..9065d6f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-pinterest-p.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-pinterest-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-pinterest-square.svg
new file mode 100755
index 0000000..9065d6f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-pinterest-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-pinterest.svg b/themes/Eclectic/assets/image/line-awesome/fa-pinterest.svg
new file mode 100755
index 0000000..9065d6f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-pinterest.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-plane.svg b/themes/Eclectic/assets/image/line-awesome/fa-plane.svg
new file mode 100755
index 0000000..9f031b6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-plane.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-play-circle-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-play-circle-o.svg
new file mode 100755
index 0000000..04ab2eb
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-play-circle-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-play-circle.svg b/themes/Eclectic/assets/image/line-awesome/fa-play-circle.svg
new file mode 100755
index 0000000..04ab2eb
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-play-circle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-play.svg b/themes/Eclectic/assets/image/line-awesome/fa-play.svg
new file mode 100755
index 0000000..fe4a6e6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-play.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-plug.svg b/themes/Eclectic/assets/image/line-awesome/fa-plug.svg
new file mode 100755
index 0000000..64a246c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-plug.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-plus-circle.svg b/themes/Eclectic/assets/image/line-awesome/fa-plus-circle.svg
new file mode 100755
index 0000000..c14cf25
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-plus-circle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-plus-square-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-plus-square-o.svg
new file mode 100755
index 0000000..93b55a4
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-plus-square-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-plus-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-plus-square.svg
new file mode 100755
index 0000000..93b55a4
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-plus-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-plus.svg b/themes/Eclectic/assets/image/line-awesome/fa-plus.svg
new file mode 100755
index 0000000..386ee20
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-plus.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-power-off.svg b/themes/Eclectic/assets/image/line-awesome/fa-power-off.svg
new file mode 100755
index 0000000..dc428e1
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-power-off.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-print.svg b/themes/Eclectic/assets/image/line-awesome/fa-print.svg
new file mode 100755
index 0000000..fd01ffe
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-print.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-puzzle-piece.svg b/themes/Eclectic/assets/image/line-awesome/fa-puzzle-piece.svg
new file mode 100755
index 0000000..00f55b4
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-puzzle-piece.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-qq.svg b/themes/Eclectic/assets/image/line-awesome/fa-qq.svg
new file mode 100755
index 0000000..6d9c297
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-qq.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-qrcode.svg b/themes/Eclectic/assets/image/line-awesome/fa-qrcode.svg
new file mode 100755
index 0000000..17d4dbd
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-qrcode.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-question-circle.svg b/themes/Eclectic/assets/image/line-awesome/fa-question-circle.svg
new file mode 100755
index 0000000..7d527bd
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-question-circle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-question.svg b/themes/Eclectic/assets/image/line-awesome/fa-question.svg
new file mode 100755
index 0000000..a0df842
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-question.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-quote-left.svg b/themes/Eclectic/assets/image/line-awesome/fa-quote-left.svg
new file mode 100755
index 0000000..13a7a71
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-quote-left.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-quote-right.svg b/themes/Eclectic/assets/image/line-awesome/fa-quote-right.svg
new file mode 100755
index 0000000..c89a38f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-quote-right.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-ra.svg b/themes/Eclectic/assets/image/line-awesome/fa-ra.svg
new file mode 100755
index 0000000..de12028
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-ra.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-random.svg b/themes/Eclectic/assets/image/line-awesome/fa-random.svg
new file mode 100755
index 0000000..e83c437
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-random.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-rebel.svg b/themes/Eclectic/assets/image/line-awesome/fa-rebel.svg
new file mode 100755
index 0000000..de12028
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-rebel.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-recycle.svg b/themes/Eclectic/assets/image/line-awesome/fa-recycle.svg
new file mode 100755
index 0000000..89076f7
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-recycle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-reddit-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-reddit-square.svg
new file mode 100755
index 0000000..e4213e3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-reddit-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-reddit.svg b/themes/Eclectic/assets/image/line-awesome/fa-reddit.svg
new file mode 100755
index 0000000..e4213e3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-reddit.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-refresh.svg b/themes/Eclectic/assets/image/line-awesome/fa-refresh.svg
new file mode 100755
index 0000000..2332d2a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-refresh.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-registered.svg b/themes/Eclectic/assets/image/line-awesome/fa-registered.svg
new file mode 100755
index 0000000..f756793
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-registered.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-renren.svg b/themes/Eclectic/assets/image/line-awesome/fa-renren.svg
new file mode 100755
index 0000000..384e8c6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-renren.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-reorder.svg b/themes/Eclectic/assets/image/line-awesome/fa-reorder.svg
new file mode 100755
index 0000000..a5bf4ae
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-reorder.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-repeat.svg b/themes/Eclectic/assets/image/line-awesome/fa-repeat.svg
new file mode 100755
index 0000000..1cd5485
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-repeat.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-reply-all.svg b/themes/Eclectic/assets/image/line-awesome/fa-reply-all.svg
new file mode 100755
index 0000000..2fe2e51
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-reply-all.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-reply.svg b/themes/Eclectic/assets/image/line-awesome/fa-reply.svg
new file mode 100755
index 0000000..dbef071
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-reply.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-retweet.svg b/themes/Eclectic/assets/image/line-awesome/fa-retweet.svg
new file mode 100755
index 0000000..3b28294
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-retweet.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-rmb.svg b/themes/Eclectic/assets/image/line-awesome/fa-rmb.svg
new file mode 100755
index 0000000..1fde12f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-rmb.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-road.svg b/themes/Eclectic/assets/image/line-awesome/fa-road.svg
new file mode 100755
index 0000000..e1e254e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-road.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-rocket.svg b/themes/Eclectic/assets/image/line-awesome/fa-rocket.svg
new file mode 100755
index 0000000..00ed2d5
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-rocket.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-rotate-left.svg b/themes/Eclectic/assets/image/line-awesome/fa-rotate-left.svg
new file mode 100755
index 0000000..4a982de
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-rotate-left.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-rotate-right.svg b/themes/Eclectic/assets/image/line-awesome/fa-rotate-right.svg
new file mode 100755
index 0000000..b8ec2e7
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-rotate-right.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-rouble.svg b/themes/Eclectic/assets/image/line-awesome/fa-rouble.svg
new file mode 100755
index 0000000..9180fcc
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-rouble.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-rss-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-rss-square.svg
new file mode 100755
index 0000000..825a7d6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-rss-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-rss.svg b/themes/Eclectic/assets/image/line-awesome/fa-rss.svg
new file mode 100755
index 0000000..825a7d6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-rss.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-rub.svg b/themes/Eclectic/assets/image/line-awesome/fa-rub.svg
new file mode 100755
index 0000000..9180fcc
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-rub.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-ruble.svg b/themes/Eclectic/assets/image/line-awesome/fa-ruble.svg
new file mode 100755
index 0000000..9180fcc
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-ruble.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-rupee.svg b/themes/Eclectic/assets/image/line-awesome/fa-rupee.svg
new file mode 100755
index 0000000..84b8d00
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-rupee.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-safari.svg b/themes/Eclectic/assets/image/line-awesome/fa-safari.svg
new file mode 100755
index 0000000..ac35d30
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-safari.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-save.svg b/themes/Eclectic/assets/image/line-awesome/fa-save.svg
new file mode 100755
index 0000000..c67d76f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-save.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-scissors.svg b/themes/Eclectic/assets/image/line-awesome/fa-scissors.svg
new file mode 100755
index 0000000..9fab26a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-scissors.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-search-minus.svg b/themes/Eclectic/assets/image/line-awesome/fa-search-minus.svg
new file mode 100755
index 0000000..b9fcc09
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-search-minus.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-search-plus.svg b/themes/Eclectic/assets/image/line-awesome/fa-search-plus.svg
new file mode 100755
index 0000000..9a8d22d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-search-plus.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-search.svg b/themes/Eclectic/assets/image/line-awesome/fa-search.svg
new file mode 100755
index 0000000..c3e3ab6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-search.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-sellsy.svg b/themes/Eclectic/assets/image/line-awesome/fa-sellsy.svg
new file mode 100755
index 0000000..cd6bc2d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-sellsy.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-server.svg b/themes/Eclectic/assets/image/line-awesome/fa-server.svg
new file mode 100755
index 0000000..9bda09d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-server.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-share-alt-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-share-alt-square.svg
new file mode 100755
index 0000000..cf689d4
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-share-alt-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-share-alt.svg b/themes/Eclectic/assets/image/line-awesome/fa-share-alt.svg
new file mode 100755
index 0000000..cf689d4
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-share-alt.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-share-square-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-share-square-o.svg
new file mode 100755
index 0000000..eff9ba3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-share-square-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-share-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-share-square.svg
new file mode 100755
index 0000000..eff9ba3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-share-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-share.svg b/themes/Eclectic/assets/image/line-awesome/fa-share.svg
new file mode 100755
index 0000000..eff9ba3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-share.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-shekel.svg b/themes/Eclectic/assets/image/line-awesome/fa-shekel.svg
new file mode 100755
index 0000000..be33e5b
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-shekel.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-sheqel.svg b/themes/Eclectic/assets/image/line-awesome/fa-sheqel.svg
new file mode 100755
index 0000000..be33e5b
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-sheqel.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-shield.svg b/themes/Eclectic/assets/image/line-awesome/fa-shield.svg
new file mode 100755
index 0000000..8e6e1cb
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-shield.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-ship.svg b/themes/Eclectic/assets/image/line-awesome/fa-ship.svg
new file mode 100755
index 0000000..fa2d25f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-ship.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-shirtsinbulk.svg b/themes/Eclectic/assets/image/line-awesome/fa-shirtsinbulk.svg
new file mode 100755
index 0000000..6dae450
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-shirtsinbulk.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-shopping-cart.svg b/themes/Eclectic/assets/image/line-awesome/fa-shopping-cart.svg
new file mode 100755
index 0000000..0a378a5
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-shopping-cart.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-sign-in.svg b/themes/Eclectic/assets/image/line-awesome/fa-sign-in.svg
new file mode 100755
index 0000000..8fb6494
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-sign-in.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-sign-out.svg b/themes/Eclectic/assets/image/line-awesome/fa-sign-out.svg
new file mode 100755
index 0000000..7f8bd80
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-sign-out.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-signal.svg b/themes/Eclectic/assets/image/line-awesome/fa-signal.svg
new file mode 100755
index 0000000..0517fd4
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-signal.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-simplybuilt.svg b/themes/Eclectic/assets/image/line-awesome/fa-simplybuilt.svg
new file mode 100755
index 0000000..362d0e8
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-simplybuilt.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-sitemap.svg b/themes/Eclectic/assets/image/line-awesome/fa-sitemap.svg
new file mode 100755
index 0000000..436253e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-sitemap.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-skyatlas.svg b/themes/Eclectic/assets/image/line-awesome/fa-skyatlas.svg
new file mode 100755
index 0000000..9e3f544
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-skyatlas.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-skype.svg b/themes/Eclectic/assets/image/line-awesome/fa-skype.svg
new file mode 100755
index 0000000..7a8606b
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-skype.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-slack.svg b/themes/Eclectic/assets/image/line-awesome/fa-slack.svg
new file mode 100755
index 0000000..933f71c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-slack.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-sliders.svg b/themes/Eclectic/assets/image/line-awesome/fa-sliders.svg
new file mode 100755
index 0000000..6d78dfc
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-sliders.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-slideshare.svg b/themes/Eclectic/assets/image/line-awesome/fa-slideshare.svg
new file mode 100755
index 0000000..ab5e59d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-slideshare.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-smile-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-smile-o.svg
new file mode 100755
index 0000000..ab33d6a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-smile-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-sort-alpha-asc.svg b/themes/Eclectic/assets/image/line-awesome/fa-sort-alpha-asc.svg
new file mode 100755
index 0000000..3617658
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-sort-alpha-asc.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-sort-alpha-desc.svg b/themes/Eclectic/assets/image/line-awesome/fa-sort-alpha-desc.svg
new file mode 100755
index 0000000..a7a8a1f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-sort-alpha-desc.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-sort-amount-asc.svg b/themes/Eclectic/assets/image/line-awesome/fa-sort-amount-asc.svg
new file mode 100755
index 0000000..634507a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-sort-amount-asc.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-sort-amount-desc.svg b/themes/Eclectic/assets/image/line-awesome/fa-sort-amount-desc.svg
new file mode 100755
index 0000000..7c5b5f6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-sort-amount-desc.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-sort-asc.svg b/themes/Eclectic/assets/image/line-awesome/fa-sort-asc.svg
new file mode 100755
index 0000000..0ff437a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-sort-asc.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-sort-desc.svg b/themes/Eclectic/assets/image/line-awesome/fa-sort-desc.svg
new file mode 100755
index 0000000..8207566
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-sort-desc.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-sort-numeric-asc.svg b/themes/Eclectic/assets/image/line-awesome/fa-sort-numeric-asc.svg
new file mode 100755
index 0000000..e262a35
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-sort-numeric-asc.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-sort-numeric-desc.svg b/themes/Eclectic/assets/image/line-awesome/fa-sort-numeric-desc.svg
new file mode 100755
index 0000000..077cf16
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-sort-numeric-desc.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-sort.svg b/themes/Eclectic/assets/image/line-awesome/fa-sort.svg
new file mode 100755
index 0000000..0add59e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-sort.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-soundcloud.svg b/themes/Eclectic/assets/image/line-awesome/fa-soundcloud.svg
new file mode 100755
index 0000000..cf08a9c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-soundcloud.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-space-shuttle.svg b/themes/Eclectic/assets/image/line-awesome/fa-space-shuttle.svg
new file mode 100755
index 0000000..be80ca2
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-space-shuttle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-spinner.svg b/themes/Eclectic/assets/image/line-awesome/fa-spinner.svg
new file mode 100755
index 0000000..fc8b6e7
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-spinner.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-spoon.svg b/themes/Eclectic/assets/image/line-awesome/fa-spoon.svg
new file mode 100755
index 0000000..f928ac4
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-spoon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-spotify.svg b/themes/Eclectic/assets/image/line-awesome/fa-spotify.svg
new file mode 100755
index 0000000..fe72582
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-spotify.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-square-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-square-o.svg
new file mode 100755
index 0000000..c489b77
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-square-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-square.svg
new file mode 100755
index 0000000..ab04924
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-stack-exchange.svg b/themes/Eclectic/assets/image/line-awesome/fa-stack-exchange.svg
new file mode 100755
index 0000000..7de263f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-stack-exchange.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-stack-overflow.svg b/themes/Eclectic/assets/image/line-awesome/fa-stack-overflow.svg
new file mode 100755
index 0000000..5970b1e
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-stack-overflow.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-star-half-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-star-half-o.svg
new file mode 100755
index 0000000..1559625
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-star-half-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-star-half.svg b/themes/Eclectic/assets/image/line-awesome/fa-star-half.svg
new file mode 100755
index 0000000..0ddf83f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-star-half.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-star-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-star-o.svg
new file mode 100755
index 0000000..71af862
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-star-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-star.svg b/themes/Eclectic/assets/image/line-awesome/fa-star.svg
new file mode 100755
index 0000000..071696b
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-star.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-steam-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-steam-square.svg
new file mode 100755
index 0000000..f527fcb
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-steam-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-steam.svg b/themes/Eclectic/assets/image/line-awesome/fa-steam.svg
new file mode 100755
index 0000000..f527fcb
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-steam.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-step-backward.svg b/themes/Eclectic/assets/image/line-awesome/fa-step-backward.svg
new file mode 100755
index 0000000..3bdf35d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-step-backward.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-step-forward.svg b/themes/Eclectic/assets/image/line-awesome/fa-step-forward.svg
new file mode 100755
index 0000000..8d439ed
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-step-forward.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-stethoscope.svg b/themes/Eclectic/assets/image/line-awesome/fa-stethoscope.svg
new file mode 100755
index 0000000..c4cce2f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-stethoscope.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-sticky-note-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-sticky-note-o.svg
new file mode 100755
index 0000000..f22ffbe
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-sticky-note-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-sticky-note.svg b/themes/Eclectic/assets/image/line-awesome/fa-sticky-note.svg
new file mode 100755
index 0000000..f22ffbe
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-sticky-note.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-stop.svg b/themes/Eclectic/assets/image/line-awesome/fa-stop.svg
new file mode 100755
index 0000000..d4d9c66
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-stop.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-street-view.svg b/themes/Eclectic/assets/image/line-awesome/fa-street-view.svg
new file mode 100755
index 0000000..3f76e91
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-street-view.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-strikethrough.svg b/themes/Eclectic/assets/image/line-awesome/fa-strikethrough.svg
new file mode 100755
index 0000000..2a5cf36
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-strikethrough.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-stumbleupon-circle.svg b/themes/Eclectic/assets/image/line-awesome/fa-stumbleupon-circle.svg
new file mode 100755
index 0000000..fd0df31
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-stumbleupon-circle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-stumbleupon.svg b/themes/Eclectic/assets/image/line-awesome/fa-stumbleupon.svg
new file mode 100755
index 0000000..fd0df31
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-stumbleupon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-subscript.svg b/themes/Eclectic/assets/image/line-awesome/fa-subscript.svg
new file mode 100755
index 0000000..1988f50
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-subscript.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-subway.svg b/themes/Eclectic/assets/image/line-awesome/fa-subway.svg
new file mode 100755
index 0000000..198ded2
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-subway.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-suitcase.svg b/themes/Eclectic/assets/image/line-awesome/fa-suitcase.svg
new file mode 100755
index 0000000..8c20ca2
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-suitcase.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-sun-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-sun-o.svg
new file mode 100755
index 0000000..c5fed8b
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-sun-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-superscript.svg b/themes/Eclectic/assets/image/line-awesome/fa-superscript.svg
new file mode 100755
index 0000000..20a2388
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-superscript.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-table.svg b/themes/Eclectic/assets/image/line-awesome/fa-table.svg
new file mode 100755
index 0000000..a16cfb9
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-table.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-tablet.svg b/themes/Eclectic/assets/image/line-awesome/fa-tablet.svg
new file mode 100755
index 0000000..c42cf0a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-tablet.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-tachometer.svg b/themes/Eclectic/assets/image/line-awesome/fa-tachometer.svg
new file mode 100755
index 0000000..13e00f8
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-tachometer.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-tag.svg b/themes/Eclectic/assets/image/line-awesome/fa-tag.svg
new file mode 100755
index 0000000..c138e1d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-tag.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-tags.svg b/themes/Eclectic/assets/image/line-awesome/fa-tags.svg
new file mode 100755
index 0000000..4e34809
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-tags.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-tasks.svg b/themes/Eclectic/assets/image/line-awesome/fa-tasks.svg
new file mode 100755
index 0000000..d3db54a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-tasks.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-taxi.svg b/themes/Eclectic/assets/image/line-awesome/fa-taxi.svg
new file mode 100755
index 0000000..952570c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-taxi.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-television.svg b/themes/Eclectic/assets/image/line-awesome/fa-television.svg
new file mode 100755
index 0000000..b519d4a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-television.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-tencent-weibo.svg b/themes/Eclectic/assets/image/line-awesome/fa-tencent-weibo.svg
new file mode 100755
index 0000000..c9016c6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-tencent-weibo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-terminal.svg b/themes/Eclectic/assets/image/line-awesome/fa-terminal.svg
new file mode 100755
index 0000000..724adbf
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-terminal.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-text-height.svg b/themes/Eclectic/assets/image/line-awesome/fa-text-height.svg
new file mode 100755
index 0000000..f625a06
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-text-height.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-text-width.svg b/themes/Eclectic/assets/image/line-awesome/fa-text-width.svg
new file mode 100755
index 0000000..3d4d849
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-text-width.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-th-large.svg b/themes/Eclectic/assets/image/line-awesome/fa-th-large.svg
new file mode 100755
index 0000000..455d279
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-th-large.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-th-list.svg b/themes/Eclectic/assets/image/line-awesome/fa-th-list.svg
new file mode 100755
index 0000000..a77134b
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-th-list.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-th.svg b/themes/Eclectic/assets/image/line-awesome/fa-th.svg
new file mode 100755
index 0000000..9af0a8c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-th.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-thumb-tack.svg b/themes/Eclectic/assets/image/line-awesome/fa-thumb-tack.svg
new file mode 100755
index 0000000..2f2f81d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-thumb-tack.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-thumbs-down.svg b/themes/Eclectic/assets/image/line-awesome/fa-thumbs-down.svg
new file mode 100755
index 0000000..8832ab5
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-thumbs-down.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-thumbs-o-down.svg b/themes/Eclectic/assets/image/line-awesome/fa-thumbs-o-down.svg
new file mode 100755
index 0000000..8832ab5
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-thumbs-o-down.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-thumbs-o-up.svg b/themes/Eclectic/assets/image/line-awesome/fa-thumbs-o-up.svg
new file mode 100755
index 0000000..ef758c9
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-thumbs-o-up.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-thumbs-up.svg b/themes/Eclectic/assets/image/line-awesome/fa-thumbs-up.svg
new file mode 100755
index 0000000..ef758c9
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-thumbs-up.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-ticket.svg b/themes/Eclectic/assets/image/line-awesome/fa-ticket.svg
new file mode 100755
index 0000000..4470730
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-ticket.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-times-circle-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-times-circle-o.svg
new file mode 100755
index 0000000..7ff3b42
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-times-circle-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-times-circle.svg b/themes/Eclectic/assets/image/line-awesome/fa-times-circle.svg
new file mode 100755
index 0000000..7ff3b42
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-times-circle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-times.svg b/themes/Eclectic/assets/image/line-awesome/fa-times.svg
new file mode 100755
index 0000000..eccf59f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-times.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-tint.svg b/themes/Eclectic/assets/image/line-awesome/fa-tint.svg
new file mode 100755
index 0000000..209b62f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-tint.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-toggle-off.svg b/themes/Eclectic/assets/image/line-awesome/fa-toggle-off.svg
new file mode 100755
index 0000000..70d7cf8
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-toggle-off.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-toggle-on.svg b/themes/Eclectic/assets/image/line-awesome/fa-toggle-on.svg
new file mode 100755
index 0000000..08a5e88
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-toggle-on.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-trademark.svg b/themes/Eclectic/assets/image/line-awesome/fa-trademark.svg
new file mode 100755
index 0000000..6b31ac5
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-trademark.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-train.svg b/themes/Eclectic/assets/image/line-awesome/fa-train.svg
new file mode 100755
index 0000000..a4d485f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-train.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-transgender-alt.svg b/themes/Eclectic/assets/image/line-awesome/fa-transgender-alt.svg
new file mode 100755
index 0000000..e1034b6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-transgender-alt.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-transgender.svg b/themes/Eclectic/assets/image/line-awesome/fa-transgender.svg
new file mode 100755
index 0000000..05c074f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-transgender.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-trash-o.svg b/themes/Eclectic/assets/image/line-awesome/fa-trash-o.svg
new file mode 100755
index 0000000..fb228e9
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-trash-o.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-trash.svg b/themes/Eclectic/assets/image/line-awesome/fa-trash.svg
new file mode 100755
index 0000000..fb228e9
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-trash.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-tree.svg b/themes/Eclectic/assets/image/line-awesome/fa-tree.svg
new file mode 100755
index 0000000..849d253
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-tree.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-trello.svg b/themes/Eclectic/assets/image/line-awesome/fa-trello.svg
new file mode 100755
index 0000000..a0c4de7
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-trello.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-tripadvisor.svg b/themes/Eclectic/assets/image/line-awesome/fa-tripadvisor.svg
new file mode 100755
index 0000000..4e0cb4a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-tripadvisor.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-trophy.svg b/themes/Eclectic/assets/image/line-awesome/fa-trophy.svg
new file mode 100755
index 0000000..3366dc3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-trophy.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-truck.svg b/themes/Eclectic/assets/image/line-awesome/fa-truck.svg
new file mode 100755
index 0000000..4f8d23c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-truck.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-try.svg b/themes/Eclectic/assets/image/line-awesome/fa-try.svg
new file mode 100755
index 0000000..db0f792
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-try.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-tty.svg b/themes/Eclectic/assets/image/line-awesome/fa-tty.svg
new file mode 100755
index 0000000..be8e214
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-tty.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-tumblr-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-tumblr-square.svg
new file mode 100755
index 0000000..d5b3cef
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-tumblr-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-tumblr.svg b/themes/Eclectic/assets/image/line-awesome/fa-tumblr.svg
new file mode 100755
index 0000000..d5b3cef
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-tumblr.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-turkish-lira.svg b/themes/Eclectic/assets/image/line-awesome/fa-turkish-lira.svg
new file mode 100755
index 0000000..db0f792
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-turkish-lira.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-twitch.svg b/themes/Eclectic/assets/image/line-awesome/fa-twitch.svg
new file mode 100755
index 0000000..48c44cf
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-twitch.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-twitter-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-twitter-square.svg
new file mode 100755
index 0000000..d2162c3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-twitter-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-twitter.svg b/themes/Eclectic/assets/image/line-awesome/fa-twitter.svg
new file mode 100755
index 0000000..d2162c3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-twitter.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-umbrella.svg b/themes/Eclectic/assets/image/line-awesome/fa-umbrella.svg
new file mode 100755
index 0000000..91b0852
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-umbrella.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-underline.svg b/themes/Eclectic/assets/image/line-awesome/fa-underline.svg
new file mode 100755
index 0000000..e5136ad
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-underline.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-undo.svg b/themes/Eclectic/assets/image/line-awesome/fa-undo.svg
new file mode 100755
index 0000000..9196c0b
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-undo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-university.svg b/themes/Eclectic/assets/image/line-awesome/fa-university.svg
new file mode 100755
index 0000000..87c2989
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-university.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-unlink.svg b/themes/Eclectic/assets/image/line-awesome/fa-unlink.svg
new file mode 100755
index 0000000..a6b2ed3
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-unlink.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-unlock-alt.svg b/themes/Eclectic/assets/image/line-awesome/fa-unlock-alt.svg
new file mode 100755
index 0000000..93f031c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-unlock-alt.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-unlock.svg b/themes/Eclectic/assets/image/line-awesome/fa-unlock.svg
new file mode 100755
index 0000000..fe7c293
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-unlock.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-upload.svg b/themes/Eclectic/assets/image/line-awesome/fa-upload.svg
new file mode 100755
index 0000000..320b355
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-upload.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-usd.svg b/themes/Eclectic/assets/image/line-awesome/fa-usd.svg
new file mode 100755
index 0000000..c51a256
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-usd.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-user-md.svg b/themes/Eclectic/assets/image/line-awesome/fa-user-md.svg
new file mode 100755
index 0000000..528478d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-user-md.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-user-plus.svg b/themes/Eclectic/assets/image/line-awesome/fa-user-plus.svg
new file mode 100755
index 0000000..1e39b25
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-user-plus.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-user-secret.svg b/themes/Eclectic/assets/image/line-awesome/fa-user-secret.svg
new file mode 100755
index 0000000..c5db875
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-user-secret.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-user-times.svg b/themes/Eclectic/assets/image/line-awesome/fa-user-times.svg
new file mode 100755
index 0000000..742d040
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-user-times.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-user.svg b/themes/Eclectic/assets/image/line-awesome/fa-user.svg
new file mode 100755
index 0000000..76e4843
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-user.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-users.svg b/themes/Eclectic/assets/image/line-awesome/fa-users.svg
new file mode 100755
index 0000000..c902335
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-users.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-venus-double.svg b/themes/Eclectic/assets/image/line-awesome/fa-venus-double.svg
new file mode 100755
index 0000000..6a8f0ae
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-venus-double.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-venus-mars.svg b/themes/Eclectic/assets/image/line-awesome/fa-venus-mars.svg
new file mode 100755
index 0000000..799013c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-venus-mars.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-venus.svg b/themes/Eclectic/assets/image/line-awesome/fa-venus.svg
new file mode 100755
index 0000000..4f8ac2f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-venus.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-viacoin.svg b/themes/Eclectic/assets/image/line-awesome/fa-viacoin.svg
new file mode 100755
index 0000000..ac75403
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-viacoin.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-video-camera.svg b/themes/Eclectic/assets/image/line-awesome/fa-video-camera.svg
new file mode 100755
index 0000000..6806795
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-video-camera.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-vimeo-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-vimeo-square.svg
new file mode 100755
index 0000000..3e27407
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-vimeo-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-vimeo.svg b/themes/Eclectic/assets/image/line-awesome/fa-vimeo.svg
new file mode 100755
index 0000000..3e27407
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-vimeo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-vine.svg b/themes/Eclectic/assets/image/line-awesome/fa-vine.svg
new file mode 100755
index 0000000..3e27407
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-vine.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-vk.svg b/themes/Eclectic/assets/image/line-awesome/fa-vk.svg
new file mode 100755
index 0000000..f91972c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-vk.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-volume-down.svg b/themes/Eclectic/assets/image/line-awesome/fa-volume-down.svg
new file mode 100755
index 0000000..a407440
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-volume-down.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-volume-off.svg b/themes/Eclectic/assets/image/line-awesome/fa-volume-off.svg
new file mode 100755
index 0000000..24aaf68
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-volume-off.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-volume-up.svg b/themes/Eclectic/assets/image/line-awesome/fa-volume-up.svg
new file mode 100755
index 0000000..78bce0b
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-volume-up.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-warning.svg b/themes/Eclectic/assets/image/line-awesome/fa-warning.svg
new file mode 100755
index 0000000..d7a5c1c
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-warning.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-wechat.svg b/themes/Eclectic/assets/image/line-awesome/fa-wechat.svg
new file mode 100755
index 0000000..e652c82
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-wechat.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-weibo.svg b/themes/Eclectic/assets/image/line-awesome/fa-weibo.svg
new file mode 100755
index 0000000..dcbc4cf
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-weibo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-weixin.svg b/themes/Eclectic/assets/image/line-awesome/fa-weixin.svg
new file mode 100755
index 0000000..e652c82
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-weixin.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-whatsapp.svg b/themes/Eclectic/assets/image/line-awesome/fa-whatsapp.svg
new file mode 100755
index 0000000..daeb3d4
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-whatsapp.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-wheelchair.svg b/themes/Eclectic/assets/image/line-awesome/fa-wheelchair.svg
new file mode 100755
index 0000000..7658fbd
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-wheelchair.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-wifi.svg b/themes/Eclectic/assets/image/line-awesome/fa-wifi.svg
new file mode 100755
index 0000000..cdaf35d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-wifi.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-wikipedia-w.svg b/themes/Eclectic/assets/image/line-awesome/fa-wikipedia-w.svg
new file mode 100755
index 0000000..a132e2a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-wikipedia-w.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-windows.svg b/themes/Eclectic/assets/image/line-awesome/fa-windows.svg
new file mode 100755
index 0000000..7bf806a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-windows.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-won.svg b/themes/Eclectic/assets/image/line-awesome/fa-won.svg
new file mode 100755
index 0000000..26e8644
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-won.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-wordpress.svg b/themes/Eclectic/assets/image/line-awesome/fa-wordpress.svg
new file mode 100755
index 0000000..fd05a23
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-wordpress.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-wrench.svg b/themes/Eclectic/assets/image/line-awesome/fa-wrench.svg
new file mode 100755
index 0000000..e5c8e1a
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-wrench.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-xing-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-xing-square.svg
new file mode 100755
index 0000000..54659f6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-xing-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-xing.svg b/themes/Eclectic/assets/image/line-awesome/fa-xing.svg
new file mode 100755
index 0000000..54659f6
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-xing.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-y-combinator-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-y-combinator-square.svg
new file mode 100755
index 0000000..f37b161
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-y-combinator-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-y-combinator.svg b/themes/Eclectic/assets/image/line-awesome/fa-y-combinator.svg
new file mode 100755
index 0000000..f37b161
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-y-combinator.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-yahoo.svg b/themes/Eclectic/assets/image/line-awesome/fa-yahoo.svg
new file mode 100755
index 0000000..e2b3318
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-yahoo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-yc-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-yc-square.svg
new file mode 100755
index 0000000..f37b161
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-yc-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-yc.svg b/themes/Eclectic/assets/image/line-awesome/fa-yc.svg
new file mode 100755
index 0000000..f37b161
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-yc.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-yelp.svg b/themes/Eclectic/assets/image/line-awesome/fa-yelp.svg
new file mode 100755
index 0000000..eeed5f7
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-yelp.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-yen.svg b/themes/Eclectic/assets/image/line-awesome/fa-yen.svg
new file mode 100755
index 0000000..1fde12f
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-yen.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-youtube-play.svg b/themes/Eclectic/assets/image/line-awesome/fa-youtube-play.svg
new file mode 100755
index 0000000..2afa42d
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-youtube-play.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-youtube-square.svg b/themes/Eclectic/assets/image/line-awesome/fa-youtube-square.svg
new file mode 100755
index 0000000..5e082fc
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-youtube-square.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/line-awesome/fa-youtube.svg b/themes/Eclectic/assets/image/line-awesome/fa-youtube.svg
new file mode 100755
index 0000000..5e082fc
--- /dev/null
+++ b/themes/Eclectic/assets/image/line-awesome/fa-youtube.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/assets/image/octocat.svg b/themes/Eclectic/assets/image/octocat.svg
new file mode 100644
index 0000000..bece153
--- /dev/null
+++ b/themes/Eclectic/assets/image/octocat.svg
@@ -0,0 +1,5 @@
+
+
+
+
+
diff --git a/themes/Eclectic/assets/js/debug.js b/themes/Eclectic/assets/js/debug.js
new file mode 100644
index 0000000..5a9377b
--- /dev/null
+++ b/themes/Eclectic/assets/js/debug.js
@@ -0,0 +1,37 @@
+window.onscroll = function(ev) {
+ if (window.innerHeight + window.pageYOffset >= document.body.offsetHeight) {
+ console.log('bottom of page');
+ }
+};
+
+var debugToggle = document.querySelector('.debug-toggle');
+var debugWrapper = document.querySelector('.debug');
+var debugMainContent = document.querySelector('.debug-content');
+
+debugToggle.onclick = function() {
+ debugToggle.classList.toggle('active');
+ debugWrapper.classList.toggle('expanded');
+ debugMainContent.classList.toggle('open');
+ // window.scrollTo(0, document.body.scrollHeight);
+};
+
+function openTab(evt, tabName) {
+ // Declare all variables
+ var i, tabcontent, tablinks;
+
+ // Get all elements with class="tabcontent" and hide them
+ tabcontent = document.getElementsByClassName('tabcontent');
+ for (i = 0; i < tabcontent.length; i++) {
+ tabcontent[i].style.display = 'none';
+ }
+
+ // Get all elements with class="tablinks" and remove the class "active"
+ tablinks = document.getElementsByClassName('tablinks');
+ for (i = 0; i < tablinks.length; i++) {
+ tablinks[i].className = tablinks[i].className.replace(' active', '');
+ }
+
+ // Show the current tab, and add an "active" class to the button that opened the tab
+ document.getElementById(tabName).style.display = 'block';
+ evt.currentTarget.className += ' active';
+}
diff --git a/themes/Eclectic/assets/js/main.js b/themes/Eclectic/assets/js/main.js
new file mode 100644
index 0000000..23c528c
--- /dev/null
+++ b/themes/Eclectic/assets/js/main.js
@@ -0,0 +1,496 @@
+// Wrap in an IFFE.
+(() => {
+ ///////////////////////////////////////////
+ // Remove the no-js class from the html tag that is meant for the noscript mode.
+ ///////////////////////////////////////////
+ document.getElementsByTagName('html')[0].classList.remove('no-js');
+
+ ///////////////////////////////////////////
+ // Log for fellow developers.
+ ///////////////////////////////////////////
+ console.info(`%c Welcome to ${document.location.hostname}`, "padding:20px; font: 38px Impact, sans-serif; color: #ddd; text-shadow: 0 1px 1px #bbb,0 2px 0 #999, 0 3px 0 #888, 0 4px 0 #777, 0 5px 0 #666, 0 6px 0 #555, 0 7px 0 #444, 0 8px 0 #333, 0 9px 7px #302314;");
+ console.info("If you find something cool and would like to learn more, please contact me using the contact page. Will love to hear from a fellow developer");
+
+ ///////////////////////////////////////////
+ // Convert date to hours from now
+ ///////////////////////////////////////////
+ function getAgoTime(value) {
+ if (!value) { return ""; }
+ const d = new Date(value.trim());
+ const now = new Date();
+ const seconds = Math.round(Math.abs((now.getTime() - d.getTime()) / 1000));
+ const minutes = Math.round(Math.abs(seconds / 60));
+ const hours = Math.round(Math.abs(minutes / 60));
+ const days = Math.round(Math.abs(hours / 24));
+ const months = Math.round(Math.abs(days / 30.416));
+ const years = Math.round(Math.abs(days / 365));
+ if (seconds <= 45) {
+ return 'a few seconds ago';
+ } else if (seconds <= 90) {
+ return 'a minute ago';
+ } else if (minutes <= 45) {
+ return minutes + ' minutes ago';
+ } else if (minutes <= 90) {
+ return 'an hour ago';
+ } else if (hours <= 22) {
+ return hours + ' hours ago';
+ } else if (hours <= 36) {
+ return 'a day ago';
+ } else if (days <= 25) {
+ return days + ' days ago';
+ } else if (days <= 45) {
+ return 'a month ago';
+ } else if (days <= 345) {
+ return months + ' months ago';
+ } else if (days <= 545) {
+ return 'a year ago';
+ } else { // (days > 545)
+ return years + ' years ago';
+ }
+ }
+ document.addEventListener("DOMContentLoaded", () => {
+ Array.from(document.getElementsByTagName('time')).forEach((x) => {
+ if (x.className === 'now') {
+ x.innerText = new Date().getFullYear();
+ } else {
+ x.innerText = getAgoTime(x.getAttribute('datetime'));
+ }
+ // TODO: Attach event listener to update the string here.
+ });
+ });
+
+ ///////////////////////////////////////////
+ // Contact Us form
+ ///////////////////////////////////////////
+ const contact = document.getElementById("contact-us-form");
+ if (contact) {
+ contact.addEventListener("submit", (e) => {
+ e.preventDefault();
+ fetch(contact.getAttribute("action") || window.location.pathname, {
+ method: 'POST',
+ body: new FormData(contact)
+ }).then(response => {
+ // Remove contact and add Thank You.
+ const div = document.createElement('div');
+ div.className = "contact-response";
+ if (response.ok) {
+ div.innerHTML = '{{- default "Thank you" $.Site.Params.contact.response -}}';
+ } else {
+ div.innerHTML = '{{- default "There was an error sending this message. Please try again later" $.Site.Params.contact.responseError -}}'
+ }
+ contact.parentNode && contact.parentNode.replaceChild(div, contact);
+ })
+ })
+ }
+
+ ///////////////////////////////////////////
+ // Header
+ ///////////////////////////////////////////
+ // Inspired by https://www.sysleaf.com/js-toggle-header-on-scroll/
+ const consideredTop = 200;
+ const height = document.documentElement.clientHeight;
+ let lastKnownScrollY = 0;
+ let currentScrollY = 0;
+ let ticking = false;
+ let eleHeader = null;
+ let eleCheckbox = null;
+ let eleScroll = null;
+ let eleSearch = null;
+ let hitCount = 0;
+ const classes = {
+ pinned: 'header-pin',
+ unpinned: 'header-unpin',
+ };
+ function updateScrollPosition() {
+ let winScroll = document.body.scrollTop || document.documentElement.scrollTop;
+ let height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
+ let scrolled = (winScroll / height) * 100;
+ document.getElementById("scroll-indicator").style.width = scrolled + "%";
+ }
+ function onScroll() {
+ currentScrollY = window.pageYOffset;
+ requestAnimationFrame(updateScrollPosition);
+ requestTick();
+ }
+ function requestTick() {
+ if (eleCheckbox.checked || eleSearch === document.activeElement) {
+ return;
+ }
+ if (!ticking) {
+ requestAnimationFrame(update);
+ }
+ ticking = true;
+ }
+ function update() {
+ ticking = false;
+ if (eleCheckbox.checked) {
+ return;
+ }
+ // Scroll to top hiding.
+ if (currentScrollY > 2 * height) {
+ if (!eleScroll.classList.contains('visible')) {
+ eleScroll.classList.add('visible');
+ }
+ } else {
+ if (eleScroll.classList.contains('visible')) {
+ eleScroll.classList.remove('visible');
+ }
+ }
+ // Header hiding
+ // Ignore first 2 hits for safari reload in the center of the page
+ // It is good enough with 2. First is the Js load,
+ // Second is safari's scroll to position.
+ if (hitCount > 2) {
+ if (currentScrollY + height >= document.documentElement.scrollHeight || currentScrollY < consideredTop) {
+ pin();
+ } else if (currentScrollY < lastKnownScrollY) {
+ pin();
+ } else if (currentScrollY > lastKnownScrollY) {
+ unpin();
+ }
+ }
+ lastKnownScrollY = currentScrollY;
+ hitCount++;
+ }
+ function pin() {
+ if (eleHeader.classList.contains(classes.unpinned)) {
+ eleHeader.classList.remove(classes.unpinned);
+ eleHeader.classList.add(classes.pinned);
+ eleScroll.classList.remove('unpin');
+ }
+ }
+ function unpin() {
+ if (eleHeader.classList.contains(classes.pinned) || !eleHeader.classList.contains(classes.unpinned)) {
+ eleHeader.classList.remove(classes.pinned);
+ eleHeader.classList.add(classes.unpinned);
+ eleScroll.classList.add('unpin');
+ }
+ }
+
+ document.addEventListener("DOMContentLoaded", () => {
+ eleCheckbox = document.getElementsByClassName('hamburger')[0];
+ eleSearch = document.querySelector('#searchbox input');
+ eleHeader = document.getElementById('header');
+ eleScroll = document.querySelector('.scroll-up');
+ document.addEventListener('scroll', onScroll, false);
+ });
+
+ ///////////////////////////////////////////
+ // Color Picker
+ ///////////////////////////////////////////
+ let color = window.localStorage.color || '{{- $.Site.Params.color -}}';
+ function setColor(hex) {
+ color = hex;
+ window.localStorage.color = color;
+ document.documentElement.style.setProperty("--theme-color", hex);
+ }
+ document.querySelectorAll('.theme-choice').forEach(s => {
+ s.addEventListener('click', e => {
+ const color = e.target.getAttribute('data-color');
+ setColor("#" + color);
+ });
+ });
+
+ const colorSelector = document.querySelector('.custom-color');
+ if (colorSelector) {
+ colorSelector.addEventListener('click', evt => {
+ evt.preventDefault();
+ const x = document.createElement("input");
+ x.setAttribute("type", "color");
+ x.value = color;
+ x.click();
+ x.addEventListener('input', () => {
+ setColor(x.value);
+ })
+ });
+ }
+
+ const checkbox = document.querySelector('#color-switch');
+ if (checkbox) {
+ checkbox.checked = document.documentElement.classList.contains("dark");
+ const handler = () => {
+ if (checkbox.checked) {
+ document.documentElement.classList.add("dark");
+ } else {
+ document.documentElement.classList.remove("dark");
+ }
+ window.localStorage.dark = checkbox.checked ? "true" : "false";
+ };
+ checkbox.addEventListener("change", handler);
+ }
+
+ ///////////////////////////////////////////
+ // Search
+ ///////////////////////////////////////////
+ // {{- with .Site.Home.OutputFormats.Get "JSON" }}
+
+ class Search {
+ constructor() {
+ // Ignore errors loading search.
+ this.prepare().catch(() => { });
+ }
+
+ get resultTemplate() {
+ return `
+
+
+
+
+ {{- partialCached "util/icon" (dict "key" "calendar" "size" 12) "calendar-12" -}}
+
+ {{- partialCached "util/icon" (dict "key" "hourglass-1" "size" 12) "hourglass-1-12" -}}
+
+ {{- partialCached "util/icon" (dict "key" "caret-square-o-right" "size" 12) "caret-square-o-right-12" -}}
+
+
+
`;
+ }
+
+ async prepare() {
+ const response = await fetch('/index.json');
+ const data = await response.json();
+ if (data && data.length > 0) {
+ this.data = data;
+ document.querySelector('#searchbox').classList.add('visible');
+ this.input = document.querySelector('#searchbox input');
+ this.input.addEventListener('focus', this.triggerResults.bind(this));
+ this.input.addEventListener('input', this.triggerResults.bind(this));
+ this.input.addEventListener('keyup', this.handleKeyPress.bind(this));
+ }
+ }
+
+ triggerResults() {
+ // We are delaying calculations but that's not a big performance issues.
+ // If you type too fast on a slow browser, we won't get an animation frame.
+ window.requestAnimationFrame(this.showSearchResults.bind(this));
+ }
+
+ createResultDivs() {
+ let data = '';
+ for (var i = 0; i < 5; ++i) {
+ data += this.resultTemplate;
+ }
+ document.querySelector('#searchbox .results').innerHTML = data;
+ const divs = Array.from(document.querySelectorAll("#searchbox .results>div"));
+ divs.forEach(x => {
+ x.addEventListener('mousedown', this.handleClick, { passive: true });
+ x.addEventListener('mouseover', () => this.selected = x, { passive: true });
+ });
+ return divs;
+ }
+
+ handleClick(e) {
+ window.location = e.currentTarget.dataset['href'];
+ }
+
+ set selected(element) {
+ if (this._selected !== element) {
+ this._selected && this._selected.classList.remove('selected');
+ element.classList.add('selected');
+ this._selected = element;
+ }
+ }
+
+ get selected() {
+ return this._selected;
+ }
+
+ handleKeyPress(key) {
+ const x = this.resultDivs.indexOf(this.selected);
+ switch (key.code) {
+ case 'ArrowDown':
+ if (this.resultDivs.length > x + 1 && this.resultDivs[x + 1].style.display !== 'none') {
+ this.selected = this.resultDivs[x + 1];
+ }
+ break;
+ case 'ArrowUp':
+ if (x > 0) {
+ this.selected = this.resultDivs[x - 1];
+ }
+ break;
+ case 'Escape':
+ this.input.blur();
+ break;
+ case 'Enter':
+ window.location = this.selected.dataset['href'];
+ break;
+ }
+ }
+
+ get indexedData() {
+ return this.index = this.index || this.data.map(x => {
+ let index = {};
+ for (let y in x) {
+ index[y] = JSON.stringify(x[y]).toLowerCase()
+ }
+ x._index = index;
+ return x;
+ });
+ }
+
+ search(key) {
+ key = key.toLowerCase();
+ const fields = {
+ 'title': 1,
+ 'description': 0.3,
+ 'series': 0.5,
+ 'category': 0.5,
+ 'tags': 0.5,
+ 'contents': 0.1,
+ 'meta': 0.1
+ }
+ let data = this.indexedData;
+ let results = [];
+ if (this.lastKnownResults) {
+ if (key.indexOf(this.lastKnownResults.key) === 0) {
+ data = this.lastKnownResults.results;
+ }
+ }
+
+ // Search algorithm
+ results = data.map(x => ({
+ data: x,
+ score: Object.keys(fields)
+ .map(y => x._index[y].indexOf(key) !== -1 ? fields[y] : 0)
+ .reduce((a, b) => a + b)
+ }))
+ .filter(x => x.score > 0)
+ .sort((a, b) =>
+ b.score - a.score !== 0 ? b.score - a.score : new Date(b.data.date) - new Date(a.data.date)
+ )
+ .map(x => x.data);
+
+ this.lastKnownResults = {
+ key,
+ results
+ };
+ return results;
+ }
+
+ showSearchResults() {
+ this.resultDivs = this.resultDivs || this.createResultDivs();
+
+ let results = [];
+ if (this.input.value.length === 0) {
+ results = this.data.sort((b, a) => new Date(a.date).getTime() - new Date(b.date).getTime());
+ } else {
+ results = this.search(this.input.value);
+ }
+ this.resultDivs.forEach((div, index) => {
+ const result = results[index];
+ if (index === 0) {
+ this.selected = div;
+ }
+ if (!result) {
+ div.style.display = "none";
+ return;
+ }
+ const ago = getAgoTime(result.date);
+ div.style.display = "block";
+ div.dataset['href'] = result.permalink;
+ div.querySelector('img').alt = result.title;
+ div.querySelector('img').src = result.image;
+ div.querySelector('h2').innerText = result.title;
+ div.querySelector('time').innerText = ago.substr(0, ago.indexOf(" ago"));
+ div.querySelector('time').datetime = result.date;
+ div.querySelector('.description').innerText = result.description;
+ div.querySelector('.readingTime').innerText = result.readingTime + 'm';
+ div.querySelector('.category').innerText = result.category;
+ });
+ }
+ }
+
+new Search();
+ // {{ end }}
+ ///////////////////////////////////////////
+ // Service Worker
+ ///////////////////////////////////////////
+ /*{{ if not hugo.IsServer }}*/
+ if ('serviceWorker' in navigator && window.location.pathname !== '/offline') {
+ navigator.serviceWorker.register('/sw.min.js', { scope: '/' });
+ }
+ /*{{ end }}*/
+
+ ////////////////////////////////////////////////////////
+ // Link Pre-fetching to improve perceptible load times.
+ ////////////////////////////////////////////////////////
+ Array.from(document.querySelectorAll('a')).forEach((link) => {
+ let prefetchComplete = false;
+
+ const prefetch = () => {
+ if (prefetchComplete) {
+ return;
+ }
+ prefetchComplete = true;
+ if (link.href.includes('mailto')) {
+ return;
+ }
+ if (link.href.includes('http') && new URL(link.href).host !== new URL(window.location.href).host) {
+ return;
+ }
+ if (link.href === window.location.href) {
+ return;
+ }
+ const loader = document.createElement("link");
+ loader.rel = "prefetch";
+ loader.as = "document";
+ loader.type = "text/html";
+ loader.href = link.href;
+ document.head.appendChild(loader);
+ };
+ link.addEventListener("mouseenter", prefetch, { passive: true });
+ link.addEventListener("touchstart", prefetch, { passive: true });
+ });
+
+ ///////////////////////////////////////////
+ // Intersection Observer for animations
+ ///////////////////////////////////////////
+ // Scroll animations for iPad and bigger
+ if (window.innerWidth >= 768) {
+ const observer = new IntersectionObserver((entries) => {
+ entries.forEach(x => {
+ if (x.isIntersecting && !x.target.classList.contains('visible')) {
+ x.target.classList.add('visible');
+ }
+ if (x.target.classList.contains('visible')) {
+ observer.unobserve(x.target);
+ }
+ });
+ });
+ ['.left-image', '.meta.default .item', '.item-icon-left .item', '.meta.default', '.max-2', '.max-2 .item', '.filter', '.filter .item',
+ '.blog', '.blog .item', 'footer .items', '.contact', '.more', '.comments', '.comments form',
+ '.item-icon-left', '.full-width', '.full-width .item'].forEach(s => {
+
+ document.querySelectorAll(s).forEach(x => {
+ const rect = x.getBoundingClientRect();
+ // All elements above the scroll are visible by default.
+ // We only animate and scroll down.
+ if (rect.y < 0) {
+ x.classList.add('visible');
+ } else {
+ observer.observe(x);
+ }
+ });
+ });
+ } else {
+ // For mobile the hover animations
+ const observer = new IntersectionObserver((entries) => {
+ entries.forEach(x => {
+ if (x.isIntersecting && !x.target.classList.contains('hover')) {
+ x.target.classList.add('hover');
+ } else if (!x.isIntersecting && x.target.classList.contains('hover')) {
+ x.target.classList.remove('hover')
+ }
+ });
+ }, {
+ rootMargin: "-20% 0px -70% 0px"
+ });
+ ['p', 'li', '.meta .content', '.meta .item-cover', '.item-icon', '.main-icon', '.banner-holder', '.img-container', '.tex', '.i-tex', '.post aside svg', '.meta.carousel .item'].forEach(s => {
+ document.querySelectorAll(s).forEach(x => {
+ observer.observe(x);
+ });
+ });
+ }
+})();
+
+
diff --git a/themes/Eclectic/assets/js/sw.js b/themes/Eclectic/assets/js/sw.js
new file mode 100644
index 0000000..5dac1df
--- /dev/null
+++ b/themes/Eclectic/assets/js/sw.js
@@ -0,0 +1,100 @@
+(function () {
+
+ // Update 'version' if you need to refresh the cache
+ const staticCacheName = 'static';
+ const version = 'v1::';
+ const OFFLINE_URL = '{{"/off/" | absURL }}';
+
+ // Store core files in a cache (including a page to display when offline)
+ // {{- $cover := partial "util/backgroundImage.html" . -}}
+ // {{- $coverDark := partial "util/backgroundImageDark.html" . }}
+ function updateStaticCache() {
+ const urls = [
+ '{{"/" | absURL}}',
+ '{{"/manifest.json" | absURL}}',
+ /*{{- range $.res }} /**/
+ '{{.}}',
+ /* {{ end }} /**/
+ '{{$cover.Permalink}}',
+ '{{$coverDark.Permalink}}',
+ OFFLINE_URL,
+ /* {{- if (fileExists "assets/image/logo.svg") -}} /**/
+ '{{ (resources.Get "image/logo.svg" | resources.Minify).Permalink }}',
+ /* {{- else if (fileExists "assets/image/logo.png") -}} /**/
+ '{{ (resources.Get "image/logo.png").Permalink }}',
+ /* {{- end -}} /**/
+ '{{"/index.json" | absURL}}'
+ ];
+ return caches.open(version + staticCacheName)
+ .then((cache) => cache.addAll(urls)).catch(e => {
+ console.log("Error = ", e);
+ console.log(e.stack);
+ });
+ }
+
+ self.addEventListener('install', (event) => event.waitUntil(updateStaticCache()));
+
+ self.addEventListener('activate', function (event) {
+ event.waitUntil(
+ caches.keys()
+ .then(function (keys) {
+ // Remove caches whose name is no longer valid
+ return Promise.all(keys
+ .filter((key) => key.indexOf(version) !== 0)
+ .map((key) => caches.delete(key))
+ );
+ })
+ );
+ });
+
+ function offline() {
+ return caches.match(OFFLINE_URL).then(x => x.text()).then(y => new Response(y, { "status": 200, headers: { 'Content-Type': 'text/html' } }));
+ }
+
+ self.addEventListener('fetch', function (event) {
+ const request = event.request;
+ // Always fetch non-GET requests from the network
+ if (request.method !== 'GET') {
+ return event.respondWith(fetch(request).catch(offline));
+ }
+
+ // For HTML requests, try the network first, fall back to the cache, finally the offline page
+ if (request.headers.get('Accept').indexOf('text/html') !== -1) {
+ event.respondWith(
+ fetch(request)
+ .then(function (response) {
+ // Stash a copy of this page in the cache
+ const copy = response.clone();
+ caches.open(version + staticCacheName)
+ .then(function (cache) {
+ cache.put(request, copy);
+ });
+ return response;
+ })
+ .catch(function () {
+ return caches.match(request)
+ .then(function (response) {
+ return response || offline()
+ })
+ })
+ );
+ return;
+ }
+
+ // For non-HTML requests, look in the cache first, fall back to the network
+ event.respondWith(
+ caches.match(request)
+ .then(function (response) {
+ return response || fetch(request)
+ .catch(function () {
+ // If the request is for an image, show an offline placeholder
+ if (request.url.match(/\.(jpe?g|png|gif|svg)$/)) {
+ return new Response('Offline Offline ', { headers: { 'Content-Type': 'image/svg+xml' } });
+ }
+ return new Response('');
+ });
+ })
+ );
+ });
+
+})();
diff --git a/themes/Eclectic/assets/json/manifest.json b/themes/Eclectic/assets/json/manifest.json
new file mode 100644
index 0000000..64fa019
--- /dev/null
+++ b/themes/Eclectic/assets/json/manifest.json
@@ -0,0 +1,25 @@
+{
+ "name": "{{.Site.Title}}",
+ "short_name": "{{.Site.Title}}",
+ {{- if (fileExists "assets/image/favicon.png") }}
+ {{ $icon := resources.Get "image/favicon.png" }}
+ "icons": [{
+ "src": "{{ ($icon.Resize "192x192").RelPermalink }}",
+ "type": "image/png",
+ "sizes": "192x192"
+ },
+ {
+ "src": "{{ ($icon.Resize "512x512").RelPermalink }}",
+ "type": "image/png",
+ "sizes": "512x512"
+ }
+ ],
+ {{- end }}
+ "start_url": "/",
+ "scope": "/",
+ {{- with .Site.Params.color}}
+ "theme_color": "{{.}}",
+ "background_color": "{{.}}",
+{{- end }}
+ "display": "standalone"
+}
diff --git a/themes/Eclectic/assets/scss/_include-media.scss b/themes/Eclectic/assets/scss/_include-media.scss
new file mode 100644
index 0000000..8eb538d
--- /dev/null
+++ b/themes/Eclectic/assets/scss/_include-media.scss
@@ -0,0 +1,569 @@
+@charset "UTF-8";
+
+// _ _ _ _ _
+// (_) | | | | | (_)
+// _ _ __ ___| |_ _ __| | ___ _ __ ___ ___ __| |_ __ _
+// | | '_ \ / __| | | | |/ _` |/ _ \ | '_ ` _ \ / _ \/ _` | |/ _` |
+// | | | | | (__| | |_| | (_| | __/ | | | | | | __/ (_| | | (_| |
+// |_|_| |_|\___|_|\__,_|\__,_|\___| |_| |_| |_|\___|\__,_|_|\__,_|
+//
+// Simple, elegant and maintainable media queries in Sass
+// v1.4.9
+//
+// http://include-media.com
+//
+// Authors: Eduardo Boucas (@eduardoboucas)
+// Hugo Giraudel (@hugogiraudel)
+//
+// This project is licensed under the terms of the MIT license
+
+
+////
+/// include-media library public configuration
+/// @author Eduardo Boucas
+/// @access public
+////
+
+
+///
+/// Creates a list of global breakpoints
+///
+/// @example scss - Creates a single breakpoint with the label `phone`
+/// $breakpoints: ('phone': 320px);
+///
+$breakpoints: (
+ 'phone': 320px,
+ 'tablet': 768px,
+ 'desktop': 1024px
+) !default;
+
+
+///
+/// Creates a list of static expressions or media types
+///
+/// @example scss - Creates a single media type (screen)
+/// $media-expressions: ('screen': 'screen');
+///
+/// @example scss - Creates a static expression with logical disjunction (OR operator)
+/// $media-expressions: (
+/// 'retina2x': '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)'
+/// );
+///
+$media-expressions: (
+ 'screen': 'screen',
+ 'print': 'print',
+ 'handheld': 'handheld',
+ 'landscape': '(orientation: landscape)',
+ 'portrait': '(orientation: portrait)',
+ 'retina2x': '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx)',
+ 'retina3x': '(-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx)'
+) !default;
+
+
+///
+/// Defines a number to be added or subtracted from each unit when declaring breakpoints with exclusive intervals
+///
+/// @example scss - Interval for pixels is defined as `1` by default
+/// @include media('>128px') {}
+///
+/// /* Generates: */
+/// @media (min-width: 129px) {}
+///
+/// @example scss - Interval for ems is defined as `0.01` by default
+/// @include media('>20em') {}
+///
+/// /* Generates: */
+/// @media (min-width: 20.01em) {}
+///
+/// @example scss - Interval for rems is defined as `0.1` by default, to be used with `font-size: 62.5%;`
+/// @include media('>2.0rem') {}
+///
+/// /* Generates: */
+/// @media (min-width: 2.1rem) {}
+///
+$unit-intervals: (
+ 'px': 1,
+ 'em': 0.01,
+ 'rem': 0.1,
+ '': 0
+) !default;
+
+///
+/// Defines whether support for media queries is available, useful for creating separate stylesheets
+/// for browsers that don't support media queries.
+///
+/// @example scss - Disables support for media queries
+/// $im-media-support: false;
+/// @include media('>=tablet') {
+/// .foo {
+/// color: tomato;
+/// }
+/// }
+///
+/// /* Generates: */
+/// .foo {
+/// color: tomato;
+/// }
+///
+$im-media-support: true !default;
+
+///
+/// Selects which breakpoint to emulate when support for media queries is disabled. Media queries that start at or
+/// intercept the breakpoint will be displayed, any others will be ignored.
+///
+/// @example scss - This media query will show because it intercepts the static breakpoint
+/// $im-media-support: false;
+/// $im-no-media-breakpoint: 'desktop';
+/// @include media('>=tablet') {
+/// .foo {
+/// color: tomato;
+/// }
+/// }
+///
+/// /* Generates: */
+/// .foo {
+/// color: tomato;
+/// }
+///
+/// @example scss - This media query will NOT show because it does not intercept the desktop breakpoint
+/// $im-media-support: false;
+/// $im-no-media-breakpoint: 'tablet';
+/// @include media('>=desktop') {
+/// .foo {
+/// color: tomato;
+/// }
+/// }
+///
+/// /* No output */
+///
+$im-no-media-breakpoint: 'desktop' !default;
+
+///
+/// Selects which media expressions are allowed in an expression for it to be used when media queries
+/// are not supported.
+///
+/// @example scss - This media query will show because it intercepts the static breakpoint and contains only accepted media expressions
+/// $im-media-support: false;
+/// $im-no-media-breakpoint: 'desktop';
+/// $im-no-media-expressions: ('screen');
+/// @include media('>=tablet', 'screen') {
+/// .foo {
+/// color: tomato;
+/// }
+/// }
+///
+/// /* Generates: */
+/// .foo {
+/// color: tomato;
+/// }
+///
+/// @example scss - This media query will NOT show because it intercepts the static breakpoint but contains a media expression that is not accepted
+/// $im-media-support: false;
+/// $im-no-media-breakpoint: 'desktop';
+/// $im-no-media-expressions: ('screen');
+/// @include media('>=tablet', 'retina2x') {
+/// .foo {
+/// color: tomato;
+/// }
+/// }
+///
+/// /* No output */
+///
+$im-no-media-expressions: ('screen', 'portrait', 'landscape') !default;
+
+////
+/// Cross-engine logging engine
+/// @author Hugo Giraudel
+/// @access private
+////
+
+
+///
+/// Log a message either with `@error` if supported
+/// else with `@warn`, using `feature-exists('at-error')`
+/// to detect support.
+///
+/// @param {String} $message - Message to log
+///
+@function im-log($message) {
+ @if feature-exists('at-error') {
+ @error $message;
+ } @else {
+ @warn $message;
+ $_: noop();
+ }
+
+ @return $message;
+}
+
+
+///
+/// Wrapper mixin for the log function so it can be used with a more friendly
+/// API than `@if im-log('..') {}` or `$_: im-log('..')`. Basically, use the function
+/// within functions because it is not possible to include a mixin in a function
+/// and use the mixin everywhere else because it's much more elegant.
+///
+/// @param {String} $message - Message to log
+///
+@mixin log($message) {
+ @if im-log($message) {}
+}
+
+
+///
+/// Function with no `@return` called next to `@warn` in Sass 3.3
+/// to trigger a compiling error and stop the process.
+///
+@function noop() {}
+
+///
+/// Determines whether a list of conditions is intercepted by the static breakpoint.
+///
+/// @param {Arglist} $conditions - Media query conditions
+///
+/// @return {Boolean} - Returns true if the conditions are intercepted by the static breakpoint
+///
+@function im-intercepts-static-breakpoint($conditions...) {
+ $no-media-breakpoint-value: map-get($breakpoints, $im-no-media-breakpoint);
+
+ @if not $no-media-breakpoint-value {
+ @if im-log('`#{$im-no-media-breakpoint}` is not a valid breakpoint.') {}
+ }
+
+ @each $condition in $conditions {
+ @if not map-has-key($media-expressions, $condition) {
+ $operator: get-expression-operator($condition);
+ $prefix: get-expression-prefix($operator);
+ $value: get-expression-value($condition, $operator);
+
+ // scss-lint:disable SpaceAroundOperator
+ @if ($prefix == 'max' and $value <= $no-media-breakpoint-value) or
+ ($prefix == 'min' and $value > $no-media-breakpoint-value) {
+ @return false;
+ }
+ } @else if not index($im-no-media-expressions, $condition) {
+ @return false;
+ }
+ }
+
+ @return true;
+}
+
+////
+/// Parsing engine
+/// @author Hugo Giraudel
+/// @access private
+////
+
+
+///
+/// Get operator of an expression
+///
+/// @param {String} $expression - Expression to extract operator from
+///
+/// @return {String} - Any of `>=`, `>`, `<=`, `<`, `≥`, `≤`
+///
+@function get-expression-operator($expression) {
+ @each $operator in ('>=', '>', '<=', '<', '≥', '≤') {
+ @if str-index($expression, $operator) {
+ @return $operator;
+ }
+ }
+
+ // It is not possible to include a mixin inside a function, so we have to
+ // rely on the `im-log(..)` function rather than the `log(..)` mixin. Because
+ // functions cannot be called anywhere in Sass, we need to hack the call in
+ // a dummy variable, such as `$_`. If anybody ever raise a scoping issue with
+ // Sass 3.3, change this line in `@if im-log(..) {}` instead.
+ $_: im-log('No operator found in `#{$expression}`.');
+}
+
+
+///
+/// Get dimension of an expression, based on a found operator
+///
+/// @param {String} $expression - Expression to extract dimension from
+/// @param {String} $operator - Operator from `$expression`
+///
+/// @return {String} - `width` or `height` (or potentially anything else)
+///
+@function get-expression-dimension($expression, $operator) {
+ $operator-index: str-index($expression, $operator);
+ $parsed-dimension: str-slice($expression, 0, $operator-index - 1);
+ $dimension: 'width';
+
+ @if str-length($parsed-dimension) > 0 {
+ $dimension: $parsed-dimension;
+ }
+
+ @return $dimension;
+}
+
+
+///
+/// Get dimension prefix based on an operator
+///
+/// @param {String} $operator - Operator
+///
+/// @return {String} - `min` or `max`
+///
+@function get-expression-prefix($operator) {
+ @return if(index(('<', '<=', '≤'), $operator), 'max', 'min');
+}
+
+
+///
+/// Get value of an expression, based on a found operator
+///
+/// @param {String} $expression - Expression to extract value from
+/// @param {String} $operator - Operator from `$expression`
+///
+/// @return {Number} - A numeric value
+///
+@function get-expression-value($expression, $operator) {
+ $operator-index: str-index($expression, $operator);
+ $value: str-slice($expression, $operator-index + str-length($operator));
+
+ @if map-has-key($breakpoints, $value) {
+ $value: map-get($breakpoints, $value);
+ } @else {
+ $value: to-number($value);
+ }
+
+ $interval: map-get($unit-intervals, unit($value));
+
+ @if not $interval {
+ // It is not possible to include a mixin inside a function, so we have to
+ // rely on the `im-log(..)` function rather than the `log(..)` mixin. Because
+ // functions cannot be called anywhere in Sass, we need to hack the call in
+ // a dummy variable, such as `$_`. If anybody ever raise a scoping issue with
+ // Sass 3.3, change this line in `@if im-log(..) {}` instead.
+ $_: im-log('Unknown unit `#{unit($value)}`.');
+ }
+
+ @if $operator == '>' {
+ $value: $value + $interval;
+ } @else if $operator == '<' {
+ $value: $value - $interval;
+ }
+
+ @return $value;
+}
+
+
+///
+/// Parse an expression to return a valid media-query expression
+///
+/// @param {String} $expression - Expression to parse
+///
+/// @return {String} - Valid media query
+///
+@function parse-expression($expression) {
+ // If it is part of $media-expressions, it has no operator
+ // then there is no need to go any further, just return the value
+ @if map-has-key($media-expressions, $expression) {
+ @return map-get($media-expressions, $expression);
+ }
+
+ $operator: get-expression-operator($expression);
+ $dimension: get-expression-dimension($expression, $operator);
+ $prefix: get-expression-prefix($operator);
+ $value: get-expression-value($expression, $operator);
+
+ @return '(#{$prefix}-#{$dimension}: #{$value})';
+}
+
+///
+/// Slice `$list` between `$start` and `$end` indexes
+///
+/// @access private
+///
+/// @param {List} $list - List to slice
+/// @param {Number} $start [1] - Start index
+/// @param {Number} $end [length($list)] - End index
+///
+/// @return {List} Sliced list
+///
+@function slice($list, $start: 1, $end: length($list)) {
+ @if length($list) < 1 or $start > $end {
+ @return ();
+ }
+
+ $result: ();
+
+ @for $i from $start through $end {
+ $result: append($result, nth($list, $i));
+ }
+
+ @return $result;
+}
+
+////
+/// String to number converter
+/// @author Hugo Giraudel
+/// @access private
+////
+
+
+///
+/// Casts a string into a number
+///
+/// @param {String | Number} $value - Value to be parsed
+///
+/// @return {Number}
+///
+@function to-number($value) {
+ @if type-of($value) == 'number' {
+ @return $value;
+ } @else if type-of($value) != 'string' {
+ $_: im-log('Value for `to-number` should be a number or a string.');
+ }
+
+ $first-character: str-slice($value, 1, 1);
+ $result: 0;
+ $digits: 0;
+ $minus: ($first-character == '-');
+ $numbers: ('0': 0, '1': 1, '2': 2, '3': 3, '4': 4, '5': 5, '6': 6, '7': 7, '8': 8, '9': 9);
+
+ // Remove +/- sign if present at first character
+ @if ($first-character == '+' or $first-character == '-') {
+ $value: str-slice($value, 2);
+ }
+
+ @for $i from 1 through str-length($value) {
+ $character: str-slice($value, $i, $i);
+
+ @if not (index(map-keys($numbers), $character) or $character == '.') {
+ @return to-length(if($minus, -$result, $result), str-slice($value, $i))
+ }
+
+ @if $character == '.' {
+ $digits: 1;
+ } @else if $digits == 0 {
+ $result: $result * 10 + map-get($numbers, $character);
+ } @else {
+ $digits: $digits * 10;
+ $result: $result + map-get($numbers, $character) / $digits;
+ }
+ }
+
+ @return if($minus, -$result, $result);
+}
+
+
+///
+/// Add `$unit` to `$value`
+///
+/// @param {Number} $value - Value to add unit to
+/// @param {String} $unit - String representation of the unit
+///
+/// @return {Number} - `$value` expressed in `$unit`
+///
+@function to-length($value, $unit) {
+ $units: ('px': 1px, 'cm': 1cm, 'mm': 1mm, '%': 1%, 'ch': 1ch, 'pc': 1pc, 'in': 1in, 'em': 1em, 'rem': 1rem, 'pt': 1pt, 'ex': 1ex, 'vw': 1vw, 'vh': 1vh, 'vmin': 1vmin, 'vmax': 1vmax);
+
+ @if not index(map-keys($units), $unit) {
+ $_: im-log('Invalid unit `#{$unit}`.');
+ }
+
+ @return $value * map-get($units, $unit);
+}
+
+///
+/// This mixin aims at redefining the configuration just for the scope of
+/// the call. It is helpful when having a component needing an extended
+/// configuration such as custom breakpoints (referred to as tweakpoints)
+/// for instance.
+///
+/// @author Hugo Giraudel
+///
+/// @param {Map} $tweakpoints [()] - Map of tweakpoints to be merged with `$breakpoints`
+/// @param {Map} $tweak-media-expressions [()] - Map of tweaked media expressions to be merged with `$media-expression`
+///
+/// @example scss - Extend the global breakpoints with a tweakpoint
+/// @include media-context(('custom': 678px)) {
+/// .foo {
+/// @include media('>phone', '<=custom') {
+/// // ...
+/// }
+/// }
+/// }
+///
+/// @example scss - Extend the global media expressions with a custom one
+/// @include media-context($tweak-media-expressions: ('all': 'all')) {
+/// .foo {
+/// @include media('all', '>phone') {
+/// // ...
+/// }
+/// }
+/// }
+///
+/// @example scss - Extend both configuration maps
+/// @include media-context(('custom': 678px), ('all': 'all')) {
+/// .foo {
+/// @include media('all', '>phone', '<=custom') {
+/// // ...
+/// }
+/// }
+/// }
+///
+@mixin media-context($tweakpoints: (), $tweak-media-expressions: ()) {
+ // Save global configuration
+ $global-breakpoints: $breakpoints;
+ $global-media-expressions: $media-expressions;
+
+ // Update global configuration
+ $breakpoints: map-merge($breakpoints, $tweakpoints) !global;
+ $media-expressions: map-merge($media-expressions, $tweak-media-expressions) !global;
+
+ @content;
+
+ // Restore global configuration
+ $breakpoints: $global-breakpoints !global;
+ $media-expressions: $global-media-expressions !global;
+}
+
+////
+/// include-media public exposed API
+/// @author Eduardo Boucas
+/// @access public
+////
+
+
+///
+/// Generates a media query based on a list of conditions
+///
+/// @param {Arglist} $conditions - Media query conditions
+///
+/// @example scss - With a single set breakpoint
+/// @include media('>phone') { }
+///
+/// @example scss - With two set breakpoints
+/// @include media('>phone', '<=tablet') { }
+///
+/// @example scss - With custom values
+/// @include media('>=358px', '<850px') { }
+///
+/// @example scss - With set breakpoints with custom values
+/// @include media('>desktop', '<=1350px') { }
+///
+/// @example scss - With a static expression
+/// @include media('retina2x') { }
+///
+/// @example scss - Mixing everything
+/// @include media('>=350px', ' 0) {
+ @media #{unquote(parse-expression(nth($conditions, 1)))} {
+ // Recursive call
+ @include media(slice($conditions, 2)...) {
+ @content;
+ }
+ }
+ }
+}
diff --git a/themes/Eclectic/assets/scss/contact.scss b/themes/Eclectic/assets/scss/contact.scss
new file mode 100644
index 0000000..324a764
--- /dev/null
+++ b/themes/Eclectic/assets/scss/contact.scss
@@ -0,0 +1,135 @@
+.contact-cover {
+ width: 100%;
+ padding-bottom: 300/1440 * 100%;
+
+ img {
+ position: fixed;
+ object-fit: cover;
+ width: 100vw;
+ object-position: 50% 0%;
+ }
+}
+
+.contact {
+ background: var(--background-color);
+ z-index: 1;
+ @include container;
+
+ &>section {
+ display: grid;
+ grid-template-columns: 1fr;
+
+ @include media(">=md") {
+ grid-template-columns: 4fr 6fr;
+ }
+
+ grid-column-gap: 20px;
+ grid-row-gap: 20px;
+ }
+
+ aside {
+ svg {
+ width: 32px;
+ height: 32px;
+ vertical-align: middle;
+ fill: var(--background-color);
+ background: var(--theme-color);
+ border-radius: 4px;
+ margin: 4px 10px 4px 0;
+ padding: 3px;
+ }
+ ul {
+ padding: 0;
+ }
+
+ li {
+ list-style: none;
+ text-align: left;
+ a {
+ color: var(--text-color);
+ &:hover {
+ color: var(--theme-color);
+ }
+ }
+ }
+ .social {
+ a {
+ font-size: 0;
+ }
+ li {
+ display: inline-block;
+ }
+ svg {
+ border-radius: 50%;
+ padding: 7px;
+ width: 40px;
+ height: 40px;
+ }
+ }
+ }
+
+
+ form {
+ padding: 20px 0;
+ input, textarea {
+ width: 100%;
+ margin: 10px 0;
+ }
+ }
+}
+
+/////////////////////////////////////////
+// Animations
+/////////////////////////////////////////
+
+@include media(">md") {
+ .contact-cover img {
+ animation: zoomIn 0.8s ease-in;
+ will-change: opacity, transform;
+ }
+ .contact {
+ h1 {
+ animation: fade-up-item-1 2.0s ease-in-out;
+ }
+
+ .subtitle {
+ animation: fade-up-item-2 2.0s ease-in-out;
+ }
+ form {
+ transform-origin: center left;
+ animation: bounceInRightNoDelay 1.1s ease-in-out;
+ contain: content;
+ }
+ .email {
+ position: absolute;
+ opacity: 0;
+ top: 0;
+ z-index: -1;
+ }
+ aside {
+ transform-origin: center right;
+ animation: bounceInLeftNoDelay 1.1s ease-in-out;
+ contain: content;
+ }
+ }
+}
+
+.contact-response {
+ border: 2px double var(--text-color);
+ background-color: $shade;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: larger;
+ padding: 20px;
+ text-align: center;
+}
+
+
+@media (prefers-reduced-motion) {
+
+ .contact * {
+ animation: none !important;
+ }
+}
+
diff --git a/themes/Eclectic/assets/scss/dark.scss b/themes/Eclectic/assets/scss/dark.scss
new file mode 100644
index 0000000..d846ebb
--- /dev/null
+++ b/themes/Eclectic/assets/scss/dark.scss
@@ -0,0 +1,8 @@
+.dark:root {
+ --background-color-rgb: 35, 35, 37;
+ --text-color-rgb: 255, 240, 230;
+ --heading-color: rgb(226, 217, 211);
+ --shade-color: rgb(20, 20, 20);
+ --text-color:rgb(185, 178, 167);
+ --hover-color: rgb(220, 210, 200);
+}
diff --git a/themes/Eclectic/assets/scss/footer.scss b/themes/Eclectic/assets/scss/footer.scss
new file mode 100644
index 0000000..abd35c2
--- /dev/null
+++ b/themes/Eclectic/assets/scss/footer.scss
@@ -0,0 +1,58 @@
+footer {
+ $footer-color: #7C7C7C;
+ background: #282828;
+ color : $footer-color;
+ z-index:1;
+ &>* {
+ @include container;
+ padding-top: 30px;
+ padding-bottom: 30px;
+ }
+ h2 {
+ color: #CCC;
+ }
+ p, li {
+ color: $footer-color;
+ &:hover, &.hover {
+ color: #AAA;
+ text-shadow: none;
+ }
+ }
+ #copyright {
+ text-align: center;
+ background: #1D1D1D;
+ }
+ h2 {
+ text-align: center;
+ }
+ ul {
+ padding: 0;
+ }
+ li {
+ list-style: none;
+ text-align: left;
+ }
+ input {
+ background: #1D1D1D;
+ color: #ccc;
+ }
+ .contact-us svg {
+ width: 32px;
+ height: 32px;
+ vertical-align: middle;
+ fill: var(--background-color);
+ background: var(--theme-color);
+ border-radius: 4px;
+ margin: 4px 10px 4px 0;
+ padding: 3px;
+ }
+ @for $j from 1 through 4 {
+ section:nth-of-type(#{$j}) {
+ will-change: transform, opacity;
+ }
+ .items.visible section:nth-of-type(#{$j}) {
+ animation: fade-up-item-#{$j} 2.0s ease-in-out;
+ }
+ }
+}
+
diff --git a/themes/Eclectic/assets/scss/global.scss b/themes/Eclectic/assets/scss/global.scss
new file mode 100644
index 0000000..05bed85
--- /dev/null
+++ b/themes/Eclectic/assets/scss/global.scss
@@ -0,0 +1,746 @@
+* {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ scroll-behavior: smooth;
+ text-align: justify;
+ text-decoration-skip-ink: auto;
+}
+
+html {
+ display: flex;
+ min-height: 100%;
+ background-image:
+ linear-gradient(to bottom, #1d1d1d 0%, #1d1d1d 200px, var(--background-color) 200px, var(--background-color) calc(100% - 200px), transparent calc(100% - 200px), transparent calc(100% - 2px), var(--theme-color) calc(100% - 2px)),
+ linear-gradient(to left, var(--theme-color) 0%, var(--theme-color) var(--header-height), transparent var(--header-height));
+ background-color: var(--background-color);
+ opacity: 1 !important;
+ overflow-x: hidden;
+ width: 100vw;
+}
+
+body {
+ border-bottom: 2px solid #1d1d1d;
+ background: var(--background-color);
+ font-size: 14px;
+ font-weight: 400;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+ color: var(--text-color);
+ line-height: 25px;
+ display: flex;
+ flex-direction: column;
+ flex: 1;
+ width:100vw;
+ overflow-x:hidden;
+ &>article, &>section {
+ flex: 1;
+ background: var(--background-color);
+ }
+ padding-top: var(--header-height);
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-weight: 500;
+ color: $headingColor;
+}
+
+h1 {
+ font-size: 30px;
+ padding: 20px 0;
+}
+
+h2 {
+ line-height: 30px;
+ margin: 30px 0 8px;
+ font-size: 21px;
+}
+
+h3 {
+ line-height: 20px;
+ margin: 20px 0 8px;
+ font-size: 16px;
+}
+
+h4 {
+ line-height: 18px;
+ margin: 10px 0 8px;
+ font-size: 16px;
+}
+
+article {
+ padding-top: 50px;
+ padding-bottom: 50px;
+}
+
+ul, ol {
+ padding: 0 0 0 40px;
+}
+
+li {
+ &:hover, &.hover {
+ color: $hover-color;
+ }
+}
+
+p {
+ margin-bottom: 16px;
+ &:hover, &.hover {
+ color: $hover-color;
+ text-shadow: 0 0 2px rgba(var(--background-color-rgb), 0.5);
+ }
+}
+
+a {
+ text-decoration: none;
+ color: var(--theme-color);
+ &:hover {
+ filter: brightness(85%);
+ }
+}
+
+strong {
+ font-style: normal;
+ font-weight: 500;
+}
+
+em {
+
+}
+
+blockquote {
+ margin: 40px 0;
+ quotes: "“" "‘";
+ font-family: cursive;
+ font-size: 25px;
+ line-height: 35px;
+}
+
+blockquote:before {
+ font-family: _serif;
+ content: open-quote;
+ font-size: 60px;
+ float: left;
+ padding-right: 20px;
+}
+
+::selection {
+ background: var(--theme-color);
+ color: var(--background-color);
+ text-shadow: none;
+}
+
+
+input, textarea {
+ background: rgba(var(--text-color-rgb), 0.05) none repeat scroll 0 0;
+ color: var(--text-color);
+ font-size: 15px;
+ padding: 12px;
+ touch-action: manipulation;
+ box-shadow: none;
+ border:none;
+ background-image:none;
+ border: 1px solid rgba(var(--text-color-rgb),0.15);
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+ &:focus {
+ border-color: var(--theme-color);
+ outline: none;
+ };
+}
+
+.chroma {
+ td:first-child {
+ border-right: 1px solid $divider;
+ padding-left: 5px;
+ }
+ td.lntd {
+ &:nth-child(2) {
+ padding-left: 10px;
+ }
+ }
+
+table::-webkit-scrollbar {
+ border: none;
+}
+
+table::-webkit-scrollbar-button {
+ background-color: #666;
+}
+
+table::-webkit-scrollbar-track {
+ background-color: #646464;
+ border: none;
+}
+
+table::-webkit-scrollbar-track-piece {
+ background-color: #272822;
+ border: none;
+}
+
+table::-webkit-scrollbar-thumb {
+ background-color: #666;
+ overflow: hidden;
+ box-shadow: none;
+}
+
+table::-webkit-scrollbar-corner {
+ background-color: #646464;
+}
+
+table::-webkit-resizer {
+ background-color: #666;
+}
+}
+
+dt {
+ font-weight: 600;
+ padding: 5px;
+ margin: 0 0 5px;
+ background-color: rgba(var(--theme-color-rgb), 0.1);
+}
+
+dd {
+ margin-left: 80px;
+}
+
+table {
+ border-collapse: collapse;
+ width: 100%;
+
+ thead {
+ background-color: rgba(var(--theme-color-rgb), 0.3);
+ }
+
+ tr:nth-child(even) {
+ background-color: rgba(var(--theme-color-rgb), 0.1);
+ }
+ td, th {
+ padding: 4px;
+ }
+ border-bottom: 1px solid rgba(var(--theme-color-rgb), 0.3);
+ tr:hover {
+ background-color: rgba(var(--theme-color-rgb), 0.3);
+ }
+}
+
+.highlight {
+ // Needed to prevent rendering artifacts in safari.
+ padding-bottom: 3px;
+ background-color: #272822;
+ margin-bottom: 20px;
+ table {
+ border-collapse: unset;
+ width: auto;
+ tr:nth-child(even) {
+ background-color: transparent;
+ }
+ thead {
+ background-color: transparent;
+ }
+ tr:hover {
+ background-color: transparent;
+ }
+ td,
+ th {
+ padding: 0;
+ }
+ td:nth-child(2) {
+ width: 99%;
+ }
+ border-bottom: none;
+ }
+}
+
+button, .button, .button-small {
+ cursor: pointer;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: middle;
+ border-radius: 0px;
+ font-weight: 500;
+ color: var(--theme-color);
+ background: transparent;
+ font-size: 16px;
+ padding: 13px 30px;
+ user-select: none;
+ text-transform: none;
+ border: transparent;
+ display: inline-block;
+ position: relative;
+ overflow: hidden;
+ border: 2px solid var(--theme-color);
+ transition: color .1s;
+ z-index: 2;
+ &:focus {
+ outline: none;
+ }
+ &:checked, &:hover, &:focus {
+ color: #fff;
+ filter: none;
+ }
+ &:checked:hover {
+ transition: filter 0.5s ease-in;
+ filter: brightness(90%);
+ }
+ &:before {
+ content: "";
+ position: absolute;
+ z-index: -1;
+ background: var(--theme-color);
+ height: 150px;
+ width: calc(100% + 60px);
+ border-radius: 50%;
+ top: 100%;
+ left: 100%;
+ transition: all .5s;
+ }
+ &:checked:before,
+ &:hover:before,
+ &:focus:before {
+ top: -30px;
+ left: -30px;
+ }
+ &.disabled {
+ pointer-events: none;
+ opacity: 0.5;
+ }
+}
+
+.button-small {
+ font-size: 12px;
+ padding: 5px 13px;
+}
+
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ border: 0;
+}
+
+.title {
+ text-align: center;
+ color: var(--text-color-rgb, 0.95);
+}
+
+.subtitle {
+ display: block;
+ text-align: center;
+ padding-bottom: 30px;
+ font-style: italic;
+ text-shadow: 1px 1px 3px var(--background-color);
+}
+
+.center {
+ text-align: center;
+}
+
+.items-12,
+.blog-posts {
+ display: grid;
+ grid-template-columns: 1fr;
+
+ @include media(">=md") {
+ grid-template-columns: 1fr 1fr;
+ }
+
+ @include media(">=lg") {
+ grid-template-columns: 1fr 1fr 1fr;
+ }
+
+ @include media(">=xl") {
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ }
+
+ grid-column-gap: 20px;
+ grid-row-gap: 20px;
+}
+
+.items-7 {
+ display: grid;
+ grid-template-columns: 1fr;
+
+ @include media(">=md") {
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ grid-template-areas: "one one two two""three three four four""five five six six"". seven seven .";
+ }
+
+ @include media(">=lg") {
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-template-areas: "one two three""four five six"". seven .";
+ }
+
+ @include media(">=xl") {
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
+ grid-template-areas: "one one one one two two two two three three three three"
+ "four four four five five five six six six seven seven seven";
+ }
+
+ @include media(">=md") {
+ &>*:nth-child(1) {
+ grid-area: one;
+ }
+
+ &>*:nth-child(2) {
+ grid-area: two;
+ }
+
+ &>*:nth-child(3) {
+ grid-area: three;
+ }
+
+ &>*:nth-child(4) {
+ grid-area: four;
+ }
+
+ &>*:nth-child(5) {
+ grid-area: five;
+ }
+
+ &>*:nth-child(6) {
+ grid-area: six;
+ }
+
+ &>*:nth-child(7) {
+ grid-area: seven;
+ }
+ }
+
+ grid-column-gap: 20px;
+ grid-row-gap: 20px;
+}
+
+.items-5 {
+ display: grid;
+ grid-template-columns: 1fr;
+ grid-column-gap: 20px;
+ grid-row-gap: 20px;
+
+ @include media(">=md") {
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ grid-template-areas: "one one two two""three three four four"". five five .";
+ }
+
+ @include media(">=lg") {
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+ grid-template-areas:
+ "one one one two two two"
+ "three three four four five five";
+ }
+
+ grid-column-gap: 20px;
+
+ @include media(">=md") {
+ &>*:nth-child(1) {
+ grid-area: one;
+ }
+
+ &>*:nth-child(2) {
+ grid-area: two;
+ }
+
+ &>*:nth-child(3) {
+ grid-area: three;
+ }
+
+ &>*:nth-child(4) {
+ grid-area: four;
+ }
+
+ &>*:nth-child(5) {
+ grid-area: five;
+ }
+ }
+}
+
+.items-4,
+.items-8 {
+ display: grid;
+ grid-template-columns: 1fr;
+
+ @include media(">=md") {
+ grid-template-columns: 1fr 1fr;
+ }
+
+ @include media(">=xl") {
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ }
+
+ grid-column-gap: 20px;
+ grid-row-gap: 20px;
+}
+
+.items-6 {
+ @include media(">=md") {
+ grid-template-columns: 1fr 1fr;
+ }
+}
+
+.items-3,
+.items-6,
+.items-9 {
+ display: grid;
+ grid-template-columns: 1fr;
+
+ @include media(">=lg") {
+ grid-template-columns: 1fr 1fr 1fr;
+ }
+
+ grid-column-gap: 20px;
+ grid-row-gap: 20px;
+}
+
+.items-2 {
+ display: grid;
+ grid-template-columns: 1fr;
+
+ @include media(">=md") {
+ grid-template-columns: 1fr 1fr;
+ }
+
+ grid-column-gap: 20px;
+ grid-row-gap: 20px;
+}
+
+.items-1 {
+ display: block;
+}
+
+.float-3 {
+ width: 100%;
+
+ @include media(">=lg") {
+ width: 33%;
+ }
+
+ float: left;
+ margin: 15px;
+}
+
+.full {
+ width: 100%;
+}
+
+figure {
+ border: 1px solid $divider;
+ border-radius: 5px;
+ overflow: hidden;
+
+ img {
+ width: 100%;
+ height: auto;
+ }
+}
+
+figcaption {
+ padding: 0 5px;
+ text-align: center;
+}
+
+figcaption h4 {
+ margin: 0 !important;
+ padding: 0 !important;
+ text-align: center;
+}
+
+figcaption p {
+ text-align: center;
+}
+
+.hidden {
+ visibility: hidden;
+}
+
+///////////////////////////////////////
+// Animations courtesy animate.css
+///////////////////////////////////////
+
+@keyframes rubberBand {
+ from {
+ transform: scale3d(1, 1, 1);
+ }
+
+ 30% {
+ transform: scale3d(1.25, 0.75, 1);
+ }
+
+ 40% {
+ transform: scale3d(0.75, 1.25, 1);
+ }
+
+ 50% {
+ transform: scale3d(1.15, 0.85, 1);
+ }
+
+ 65% {
+ transform: scale3d(0.95, 1.05, 1);
+ }
+
+ 75% {
+ transform: scale3d(1.05, 0.95, 1);
+ }
+
+ to {
+ transform: scale3d(1, 1, 1);
+ }
+}
+
+@keyframes bounceInLeftNoDelay {
+
+ 0% {
+ transform: translate3d(-100vw, 0, 0) scale3d(1.1, 0.8, 1);
+ }
+
+ 50% {
+ transform: translate3d(0, 0, 0);
+ }
+
+ 60% {
+ transform: translate3d(25px, 0, 0) scale3d(0.9, 1.2, 1);
+ }
+
+ 75% {
+ transform: translate3d(-10px, 0, 0) scale3d(1.05, 0.95, 1);
+ }
+
+ 90% {
+ transform: translate3d(5px, 0, 0);
+ }
+
+ 100% {
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@keyframes bounceInRightNoDelay {
+
+ 0% {
+ transform: translate3d(100vw, 0, 0) scale3d(1.1, 0.8, 1);
+ }
+
+ 50% {
+ transform: translate3d(0, 0, 0);
+ }
+
+ 60% {
+ transform: translate3d(-25px, 0, 0) scale3d(0.9, 1.2, 1);
+ }
+
+ 75% {
+ transform: translate3d(10px, 0, 0) scale3d(1.05, 0.95, 1);
+ }
+
+ 90% {
+ transform: translate3d(-5px, 0, 0);
+ }
+
+ 100% {
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@keyframes bounceInLeft {
+
+ 0%,
+ 20% {
+ transform: translate3d(-100vw, 0, 0) scale3d(1.1, 0.8, 1);
+ }
+
+ 60% {
+ transform: translate3d(0, 0, 0);
+ }
+
+ 68% {
+ transform: translate3d(25px, 0, 0) scale3d(0.9, 1.2, 1);
+ }
+
+ 80% {
+ transform: translate3d(-10px, 0, 0) scale3d(1.05, 0.95, 1);
+ }
+
+ 92% {
+ transform: translate3d(5px, 0, 0);
+ }
+
+ 100% {
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@keyframes bounceInRight {
+
+ 0%,
+ 20% {
+ transform: translate3d(100vw, 0, 0) scale3d(1.1, 0.8, 1);
+ }
+
+ 60% {
+ transform: translate3d(0, 0, 0);
+ }
+
+ 68% {
+ transform: translate3d(-25px, 0, 0) scale3d(0.9, 1.2, 1);
+ }
+
+ 80% {
+ transform: translate3d(10px, 0, 0) scale3d(1.05, 0.95, 1);
+ }
+
+ 92% {
+ transform: translate3d(-5px, 0, 0);
+ }
+
+ 100% {
+ transform: translate3d(0, 0, 0);
+ }
+}
+
+@for $i from 1 through 10 {
+ $percent: 100% * ($i - 1)/10;
+ $next: 100% * $i/10;
+ $before1: $percent + 9%;
+ $before2: $percent + 10%;
+
+ @keyframes fade-up-item-#{$i} {
+
+ 0%,
+ #{$percent} {
+ transform: translate3d(0, 200px, 0);
+ opacity: 0;
+ }
+
+ #{$before1} {
+ transform: translate3d(0, -10px, 0);
+ opacity: 0.9;
+ }
+
+ #{$before2} {
+ transform: translate3d(0, 5px, 0);
+ opacity: 1.0;
+ }
+
+ #{$next},
+ 100% {
+ transform: translate3d(0, 0, 0);
+ opacity: 1;
+ }
+ }
+}
+
+@keyframes zoomIn {
+ 0% {
+ opacity: 0;
+ // transform: scale3d(0.8, 0.8, 1);
+ }
+ 50% {
+ opacity: 1;
+ transform: scale3d(1.1, 1.1, 1);
+ }
+ 100% {
+ opacity: 1;
+ transform: scale3d(1, 1, 1);
+ }
+}
diff --git a/themes/Eclectic/assets/scss/header.scss b/themes/Eclectic/assets/scss/header.scss
new file mode 100644
index 0000000..8b0ae95
--- /dev/null
+++ b/themes/Eclectic/assets/scss/header.scss
@@ -0,0 +1,669 @@
+header {
+ @include container;
+ position: fixed;
+ top: 0;
+ background: var(--background-color);
+ box-shadow: 0 1px 1px $divider,
+ 0 -2px var(--theme-color);
+ display: flex;
+ align-items: center;
+ min-height: var(--header-height);
+ flex-wrap: wrap;
+ z-index: 10;
+ will-change: transform;
+ margin-bottom: 7px;
+}
+
+#scroll-indicator {
+ position: absolute;
+ bottom: -2px;
+ left: 0;
+ height: 2px;
+ background: var(--theme-color);
+ border-bottom-right-radius: 1px;
+ border-top-right-radius: 1px;
+}
+
+// Logo
+.logo {
+ height: var(--header-height);
+ display: flex;
+ align-items: center;
+ svg {
+ fill: var(--text-color);
+ stroke: var(--text-color);
+ width: 130px;
+ height: 47px;
+ }
+}
+
+// Hamburger Icon
+$hamburger-size: calc(8px + var(--header-height) / 2);
+.hamburger {
+ display: block;
+ width: $hamburger-size;
+ height: $hamburger-size;
+ margin: calc(calc(var(--header-height) - #{$hamburger-size}) / 2) 0;
+ position: absolute;
+ cursor: pointer;
+ top: 0; // hide this
+ opacity: 0; // and place it over the hamburger
+ z-index: 2;
+}
+
+.hamburger ~ .icon {
+ display: block;
+ width: $hamburger-size;
+ height: $hamburger-size;
+ position: relative;
+ background: #EEE;
+ z-index: 1;
+ padding: 4px;
+ fill: rgba(0, 0, 0, 0.5);
+ border-radius: 2px;
+ margin: 0 15px 0 0;
+ svg {
+ width: 100%;
+ height: 100%;
+ }
+}
+
+.hamburger:checked ~ .icon {
+ .bar:nth-of-type(2) {
+ opacity: 0;
+ }
+ .bar:nth-of-type(3) {
+ transform: translateY(+5px) translateX(4px) rotateZ(-225deg);
+ transform-origin: center;
+ }
+ .bar:nth-of-type(1) {
+ transform: translateY(-5px) translateX(2px) rotateZ(225deg);
+ transform-origin: center;
+ }
+}
+
+@include media(">=md") {
+ .hamburger,
+ .hamburger ~ .icon {
+ display: none;
+ }
+}
+
+// Menu
+@include media("=md") {
+ display: inline-flex;
+ flex-wrap: wrap;
+ align-items: stretch;
+ height: var(--header-height);
+ }
+}
+
+.top-menu-item {
+ list-style: none;
+ display: flex;
+ align-items: center;
+ &.active>a,
+ &:hover>a {
+ color: var(--theme-color);
+ }
+ @include media(">=md") {
+ position: relative;
+ &.active::after {
+ content: " ";
+ background: var(--theme-color);
+ position: absolute;
+ width: 100%;
+ left: 0;
+ bottom: 0;
+ height: 5px;
+ }
+ }
+ a {
+ text-decoration: none;
+ color: inherit;
+ display: inline-block;
+ width: 100%;
+ @include media(">=lg") {
+ padding: 10px 20px;
+ }
+ @include media("a,
+ &:hover>a {
+ color: var(--theme-color);
+ }
+ &:not(:last-child) {
+ border-bottom: 1px dotted $divider;
+ }
+ }
+ @include media("md") {
+ .top-menu-item:hover .sub-menu {
+ max-height: 100vh;
+ opacity: 1;
+ border: 1px solid $divider;
+ }
+}
+
+// GitHub Corner
+.github-corner {
+ svg {
+ width: var(--header-height);
+ height: var(--header-height);
+ color: var(--background-color);
+ fill: var(--theme-color);
+ position: absolute;
+ top: 0;
+ border: 0;
+ right: 0;
+ }
+ &:before {
+ content: " ";
+ position: absolute;
+ right: 0;
+ top: -200px;
+ height: 200px;
+ z-index: 1;
+ background: var(--theme-color);
+ width: var(--header-height);
+ }
+ .octo-arm {
+ transform-origin: 130px 106px;
+ }
+ position: absolute;
+ top: 0;
+ border: 0;
+ right: 0;
+}
+
+.github-corner:hover .octo-arm {
+ animation: octocat-wave 560ms ease-in-out
+}
+
+@keyframes octocat-wave {
+ 0%,
+ 100% {
+ transform: rotate(0)
+ }
+ 20%,
+ 60% {
+ transform: rotate(-25deg)
+ }
+ 40%,
+ 80% {
+ transform: rotate(10deg)
+ }
+}
+
+@include media("svg {
+ position: absolute;
+ left: 7px;
+ top: calc(var(--header-height)/4 + 7px);
+ color: rgba(var(--text-color-rgb), 0.2);
+ pointer-events: none;
+ @include media(">=lg") {
+ top: calc(var(--header-height)/4 + 10px)
+ }
+ }
+ input{
+ height: calc(var(--header-height)/2);
+ line-height: calc(var(--header-height)/2);
+ font-size: calc(var(--header-height)/5);
+ border-radius: 50px;
+ padding: 7px 10px 7px 30px;
+ background: none;
+ width: 170px;
+ & ~ .results {
+ width: 130px;
+ }
+ &:focus {
+ width: 300px;
+ & ~ .results{
+ width: 260px;
+ max-height: 500px;
+ transition: width .2s ease-in-out,
+ max-height 0.5s ease-in-out;
+ }
+ & ~ svg {
+ color: rgba(var(--text-color-rgb), 0.6);
+ }
+ }
+ transition: all .2s ease-in-out;
+ }
+ .results {
+ max-height: 0;
+ overflow: hidden;
+ background: var(--background-color);
+ border-bottom-right-radius: 5px;
+ border-bottom-left-radius: 5px;
+ margin: -2px 20px 0;
+ box-shadow: 0 2px 2px #bbb;
+ & >div {
+ &.hidden {
+ display: none;
+ }
+ &.selected {
+ background: rgba(var(--theme-color-rgb), 0.1);
+ }
+ cursor: pointer;
+ border-bottom: 1px solid #eee;
+ padding: 10px;
+ height: 80px;
+ img {
+ float: left;
+ border-radius: 3px;
+ background: #DDD;
+ min-height: 50px;
+ margin: 5px 10px 5px 0;
+ }
+ h2 {
+ font-size: 12px;
+ line-height: 14px;
+ margin: 0;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ padding: 0;
+ overflow: hidden;
+ }
+ .description {
+ font-size: 10px;
+ line-height: 12px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ height: 30px;
+ text-align: left;
+ padding: 3px 0;
+ }
+ &>span {
+ font-size: 8px;
+ line-height: 10px;
+ display: flex;
+ align-items: center;
+ white-space: nowrap;
+ height: 14px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ .category {
+ min-width: 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ svg {
+ margin: 0 2px 0 5px;
+ min-width: 12px;
+ &:first-of-type {
+ margin-left: 0;
+ }
+ }
+ }
+ &::after {
+ content: " ";
+ display: block;
+ clear: both;
+ }
+ }
+ transition: width .2s ease-in-out;
+ }
+ @include media("svg {
+ top: calc(7px + var(--header-height)/4)
+ }
+ .results {
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+ input:focus {
+ width: calc(var(--max-width));
+ & ~ .results {
+ width: calc(var(--max-width) - 20px);
+ }
+ }
+ }
+ @media(max-width: $search-follow) {
+ right: var(--header-height);
+ input:focus {
+ margin-left: 20px;
+ width: calc(100vw - 2*var(--header-height));
+ & ~ .results {
+ margin-left: 30px;
+ width: calc(100vw - 2*var(--header-height) - 20px);
+ }
+ }
+ input:focus ~ svg {
+ left:27px;
+ }
+ }
+ @include media(" li ul{
+ border: 1px solid var(--theme-color);
+ border-top: 0;
+ border-bottom: 0;
+ }
+ label {
+ padding: 5px 5px 5px 15px;
+ font-weight: bold;
+ cursor: pointer;
+ color: var(--background-color);
+ h4 a {
+ color: var(--background-color);
+ }
+ background: var(--theme-color);
+ &::after {
+ float: right;
+ content: "\276F";
+ width: 1em;
+ height: 1em;
+ text-align: center;
+ transition: all .35s;
+ transform-origin: 50% 100%;
+ right: 5px;
+ }
+ display: block;
+ }
+ li:first-child label {
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
+ }
+ li:last-child label {
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px;
+ }
+ input {
+ display: none;
+ &~ ul {
+ max-height: 0;
+ overflow: hidden;
+ transition: max-height 0.35s cubic-bezier(0, 1.05, 0, 1);
+ }
+ }
+ input:checked {
+ +label {
+ &::after {
+ transform: rotate(90deg);
+ }
+ }
+ ~ ul {
+ max-height: 100vh;
+ }
+ }
+ li:last-child input:checked {
+ +label {
+ border-radius: 0;
+ }
+ ~ul {
+ border-bottom: 1px solid var(--theme-color);
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px;
+ }
+ }
+}
+
+// Used in list and meta views.
+.blog-posts {
+ width: 100%;
+ align-content: center;
+ padding: 0;
+}
+
+.blog-post {
+ contain: content;
+ list-style: none;
+ text-align: left;
+ padding: 15px;
+ @include zoomable-image(".banner-holder", (270/360) * 100%);
+ background: var(--background-color);
+ box-shadow: 0 1px 1px $divider;
+ display: flex;
+ flex-direction: column;
+
+ &:hover, &.hover {
+ box-shadow: 0 0 40px $divider;
+ }
+
+ hr {
+ border: none;
+ border-bottom: 1px dashed $divider;
+ }
+
+ h3:hover {
+ color: var(--theme-color);
+ }
+
+ p {
+ flex: 1;
+ }
+
+ .blog-post-footer {
+ display: flex;
+
+ a {
+ font-size: 12px;
+ padding-right: 15px;
+ color: var(--text-color);
+
+ &:hover {
+ color: var(--theme-color);
+ }
+ }
+
+ .categories {
+ svg {
+ fill: var(--theme-color);
+ vertical-align: middle;
+ }
+
+ text-align: right;
+ flex: 1;
+ }
+ }
+}
+
+.pagination {
+ list-style: none;
+ display: flex;
+ align-content: center;
+ justify-content: center;
+ padding: 40px 0 0;
+ flex-wrap: wrap;
+ .page-item {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ @include media(" :last-child {
+ margin-bottom: 40px;
+ }
+ & > :first-child, & > h1 {
+ margin-top: 40px;
+ }
+ @include container;
+ contain: content;
+ h1, h2, h3, h4 {
+ text-align: center;
+ transition: transform 0.2s ease-in;
+ transform-origin: 50% 50%;
+ &:hover {
+ text-shadow: 1px 1px 2px var(--text-color);
+ }
+ }
+ h2:hover {
+ transform: none;
+ }
+ .subtitle {
+ text-align: center;
+ }
+ .content:hover, .content.hover {
+ color: $hover-color;
+ }
+ .main-icon {
+ float: right;
+ margin: 60px 0 40px;
+ z-index: 1;
+ }
+ .item {
+ display: flex;
+ flex-direction: column;
+ padding: 10px 0 0;
+ .item-cover {
+ align-self: center;
+ border-radius: 5px;
+ background-color: var(--theme-color);
+ transition: border-radius 0.5s ease-in-out;
+ border: 2px solid transparent;
+ box-sizing: content-box; // Using this to maintain image aspect ratios set in code.
+ &:hover, &.hover {
+ border-radius: 50%;
+ }
+ }
+ h2 {
+ padding: 8px 0;
+ margin: 0;
+ color: var(--text-color);
+ }
+ h3 {
+ margin: 0;
+ padding: 5px 0;
+ color: var(--text-color);
+ }
+ h4 {
+ margin: 0;
+ padding: 3px 0;
+ color: var(--text-color);
+ }
+ .item-icon {
+ align-self: center;
+ min-height: 65px;
+ margin: 5px 0;
+ }
+
+ .links {
+ align-self: flex-end;
+ flex: 1;
+ display: flex;
+ align-items: flex-end;
+ justify-content: flex-end;
+ flex-wrap: wrap;
+ margin: 5px;
+ align-content: flex-end;
+
+ a {
+ display: flex;
+ align-items: center;
+ min-height: 45px;
+ margin: 5px 0;
+ svg, .link-text {
+ margin: 0 5px;
+ transition: none;
+ }
+ }
+
+ a:not(:first-child) {
+ margin-left: 10px;
+ }
+ }
+ }
+}
+
+.main-icon:hover, .item-icon:hover, .item-icon.hover, .main-icon.hover {
+ animation: rubberBand 0.5s ease-in-out;
+}
+
+
+///////////////////////////////////////
+// Default type
+///////////////////////////////////////
+
+.meta.default {
+ .item-cover {
+ width: 100%;
+ height: auto;
+ }
+ .items {
+ grid-row-gap: 40px;
+ }
+ &> img {
+ display: block;
+ margin: 0 auto;
+ max-width: 100%;
+ height: auto;
+ }
+}
+
+
+//////////////////////////////////////////////////////
+// Intro and about me area with image on the left.
+//////////////////////////////////////////////////////
+.left-image {
+ display: grid;
+ grid-template-columns: 1fr 4fr;
+ grid-column-gap: 20px;
+ grid-row-gap: 10px;
+ grid-template-areas:
+ "pic title"
+ "pic subtitle"
+ "pic desc";
+ img {
+ margin: 40px 0;
+ grid-area: pic;
+ border: 1px solid $divider;
+ background: $divider;
+ // OR filter: drop-shadow(0 -5px 10px rgba(0, 0, 0, 0.3));
+ width: 100%;
+ height: auto;
+ border-radius: 50%;
+ &:hover {
+ box-shadow: 0 0 10px $divider;
+ }
+ }
+ p {
+ grid-area: desc;
+ }
+ h1 {
+ margin: 40px 0 0;
+ grid-area: title;
+ }
+ .subtitle {
+ grid-area: subtitle;
+ }
+ @include media("<=xl") {
+ grid-template-columns: 1.5fr 3fr;
+ }
+ @include media(">lg") {
+ h1, .subtitle {
+ padding: 0;
+ margin: 0;
+ }
+ h1 {
+ margin-top: 40px;
+ }
+ }
+ @include media("<=lg") {
+ display: block;
+ * {
+ margin: 20px 0;
+ }
+ img {
+ margin: 0 20px 0 0;
+ width: 33%;
+ max-width: 200px;
+ float:left;
+ }
+ }
+}
+
+//////////////////////////////////////////
+// Area with content icon on the left
+//////////////////////////////////////////
+
+.item-icon-left {
+ .item {
+ display: grid;
+ grid-template-columns: 40px 1fr;
+ grid-column-gap: 20px;
+ grid-template-areas: "icon title"
+ "icon subtitle"
+ "icon heading"
+ "icon desc"
+ "icon links";
+ .item-icon {
+ grid-area: icon;
+ align-self: flex-start;
+ min-height: 40px;
+ }
+ h2 {
+ grid-area: title;
+ }
+ h3 {
+ grid-area: subtitle;
+ }
+ h4 {
+ grid-area: heading;
+ }
+ .content {
+ grid-area: desc;
+ }
+ .links {
+ grid-area: links;
+ }
+ }
+}
+
+///////////////////////////////////////
+// Full page Content Section
+///////////////////////////////////////
+
+.dark .meta.content.with-background {
+ background-image: url($coverDark);
+}
+
+.meta.content {
+ background-attachment: fixed;
+ background-repeat: no-repeat;
+ background-size: cover;
+ height: auto;
+ &.with-background {
+ background-image: url($cover);
+ }
+ &:not(:first-of-type) {
+ flex: 0;
+ }
+ .tags {
+ float: right;
+ display: inline-block;
+ svg {
+ vertical-align: middle;
+ }
+ }
+ .banner {
+ width: 100%;
+ }
+ h1,
+ h2,
+ h3,
+ h4 {
+ text-align: left;
+ }
+ h1:first-of-type {
+ text-align: center;
+ }
+ &>article {
+ @include container-margin;
+ padding: calc(2*var(--content-padding));
+ background: rgba(var(--background-color-rgb), 0.9);
+ border-radius: 5px;
+
+ box-shadow: 0 0 2px #ddd;
+ &:hover {
+ background: var(--background-color);
+ }
+ }
+
+ @include media(">md") {
+ &>article {
+
+ * {
+ animation: fade-up-item-3 $load-up-duration ease-in-out;
+ }
+
+ h1 {
+ animation: fade-up-item-1 $load-up-duration ease-in-out;
+ }
+
+ .subtitle {
+ animation: fade-up-item-2 $load-up-duration ease-in-out;
+ }
+ }
+ }
+
+ @media (prefers-reduced-motion) {
+ &>article * {
+ animation: none !important;
+ }
+ }
+}
+
+
+//////////////////////////////////////////
+// Full Width for bigger content
+//////////////////////////////////////////
+
+.meta.full-width {
+ padding: 0;
+ .items {
+ display: block;
+ .item {
+ padding: 40px 0;
+ @include container;
+ display: block;
+ .item-cover {
+ float: left;
+ margin: 0 40px 40px 0;
+ position: relative;
+ z-index: 2;
+ }
+ video.item-cover {
+ background: black;
+ border-color: var(--theme-color);
+ }
+ &:nth-child(2n) {
+ background: $shade;
+ .item-cover {
+ float: right;
+ margin: 0 0 40px 40px;
+ }
+ .links {
+ align-self: flex-start;
+ align-items: flex-start;
+ justify-content: flex-start;
+ }
+ }
+ &:after {
+ content: " ";
+ clear:both;
+ display: block;
+ }
+ .content {
+ padding: 20px 0;
+ }
+ small {
+ display: inline-block;
+ }
+ }
+ }
+ &:nth-child(2n) {
+ .item:nth-child(2n) {
+ background: var(--background-color);
+ }
+ }
+ @include media(".filter-#{$i} {
+ width: calc(var(--max-width)/3 - 50px);
+ margin: 10px;
+ height: auto;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s,
+ width 0.50s ease-out;
+ }
+ }
+ @include media(".filter-#{$i} {
+ width: calc(var(--max-width) - 50px);
+ height: auto;
+ margin: 10px;
+ transform: none;
+ transition: transform 0.50s ease-out 0.45s,
+ width 0.50s ease-out;
+ }
+ }
+ }
+ .item {
+ width: 0;
+ margin: 0;
+ height: 0;
+ transform: scale(0);
+ transform-origin: 20% 40%;
+ transition: transform 0.5s ease-in,
+ width 0.50s ease-out 0.45s,
+ margin 0.50s ease-out 0.45s,
+ height 0s ease-out 0.45s;
+ }
+}
+
+///////////////////////////////////////
+// Centered like Contact US/Quote
+///////////////////////////////////////
+.meta.centered {
+ min-height: 80vh;
+ background-attachment: fixed;
+ background-repeat: no-repeat;
+ background-size: cover;
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ .items {
+ background: inherit;
+ }
+ .item {
+ position: relative;
+ background: inherit;
+ overflow: hidden;
+ padding: 20px;
+ border-radius: 5px;
+ &:before {
+ content: " ";
+ position: absolute;
+ top: -25px;
+ left: -25px;
+ bottom: -25px;
+ right: -25px;
+ background: inherit;
+ box-shadow: inset 0 0 0 200px rgba(var(--background-color-rgb), .4);
+ filter: blur(10px);
+ }
+ * {
+ z-index: 5;
+ text-align: center;
+ }
+ }
+ &>.attribution {
+ position: absolute;
+ bottom: -30px;
+ right: 5px;
+ padding: 5px;
+ background: rgba(var(--background-color-rgb), 0.4);
+ border-radius: 2px;
+ color: var(--text-color);
+ }
+ @media (hover: none) {
+ background-attachment: scroll;
+
+ .items {
+ background: rgba(var(--background-color-rgb), 0.4);
+ }
+ .item {
+ &:before {
+ content: none;
+ }
+ background: transparent;
+ }
+ }
+}
+
+///////////////////////////////////////
+// Blog section
+///////////////////////////////////////
+
+.meta.blog {
+ &>ul {
+ padding: 0;
+ }
+ h3:hover {
+ transform: none
+ }
+ .item {
+ padding: 15px;
+ }
+}
+
+/////////////////////////////////////////
+// Alternate image styles
+/////////////////////////////////////////
+
+.meta.gray-image {
+ .item-cover {
+ filter: contrast(1);
+ transition: filter 0.2s ease-in;
+ &:hover, &.hover {
+ border-radius: 5px;
+ filter: contrast(1.3) brightness(1.1);
+ }
+ }
+}
+
+.meta.keep-width {
+ .item-cover {
+ max-width: 100%;
+ height: auto;
+ }
+}
+
+/////////////////////////////////////////
+// Animations
+/////////////////////////////////////////
+
+@include media(">md") {
+ $duration: 0.8s;
+ .left-image {
+ &>* {
+ transform: translate3d(0, 0, 0);
+ will-change: transform;
+ }
+ &> img {
+ transform: translate3d(0, 0, 0);
+ will-change: transform;
+ }
+ &.visible, &:nth-of-type(1), &:nth-of-type(2) {
+ &>* {
+ transform-origin: center left;
+ animation: bounceInRightNoDelay 1.1s ease-in-out;
+ }
+ &>img {
+ transform-origin: center right;
+ animation: bounceInLeftNoDelay 1.1s ease-in-out;
+ }
+ }
+ }
+ .meta.default,
+ .full-width,
+ .max-2,
+ .blog,
+ .filter,
+ .item-icon-left {
+ &.visible,
+ &:nth-of-type(1),
+ &:nth-of-type(2) {
+ h1,
+ .main-icon {
+ animation: fade-up-item-1 $load-up-duration ease-in-out;
+ }
+ .subtitle {
+ animation: fade-up-item-2 $load-up-duration ease-in-out;
+ }
+ }
+ h1,
+ .main-icon,
+ .subtitle {
+ transform: translate3d(0, 0, 0);
+ will-change: opacity, transform;
+ }
+ }
+
+ .full-width {
+ .item >* {
+ transform: translate3d(0, 0, 0);
+ will-change: opacity, transform;
+ backface-visibility: hidden;
+
+ }
+ &:nth-of-type(1) .item:nth-child(2n),
+ &:nth-of-type(2) .item:nth-child(2n),
+ .item.visible:nth-child(2n) {
+ &>* {
+ transform-origin: center right;
+ animation: bounceInLeft $duration ease-in-out;
+ perspective: 1000;
+ }
+ img {
+ transform-origin: center left;
+ animation: bounceInRight $duration ease-in-out;
+ perspective: 1000;
+ }
+ }
+ &:nth-of-type(1) .item:nth-child(2n - 1),
+ &:nth-of-type(2) .item:nth-child(2n - 1),
+ .item.visible:nth-child(2n - 1) {
+ &>* {
+ transform-origin: center left;
+ animation: bounceInRight $duration ease-in-out;
+ }
+
+ img {
+ transform-origin: center right;
+ animation: bounceInLeft $duration ease-in-out;
+ }
+ }
+
+ }
+
+ .max-2 {
+ .item {
+ transform-origin: top center;
+ will-change: opacity, transform;
+ }
+
+ &:nth-of-type(1) .item,
+ &:nth-of-type(2) .item,
+ .item.visible {
+ &:nth-child(2n) {
+ animation: fade-up-item-2 $load-up-duration ease-in-out;
+ }
+ &:nth-child(2n - 1) {
+ animation: fade-up-item-1 $load-up-duration ease-in-out;
+ }
+ }
+ }
+
+ .filter,
+ .blog,
+ .meta.default,
+ .item-icon-left {
+ @for $j from 2 through 4 {
+ .items-#{$j} {
+ @for $i from 1 through $j {
+ .item:nth-child(#{$i}) {
+ transform-origin: top center;
+ will-change: opacity, transform;
+ &.visible {
+ animation: fade-up-item-#{$i} $load-up-duration ease-in-out;
+ }
+ }
+ }
+ }
+ &:nth-of-type(1),
+ &:nth-of-type(2) {
+ .items-#{$j} {
+ @for $i from 1 through $j {
+ animation: fade-up-item-#{$i} $load-up-duration ease-in-out;
+ }
+ }
+ }
+ }
+ @each $k in (6, 9) {
+ .items-#{$k} .item {
+ transform-origin: top center;
+ will-change: opacity, transform;
+ }
+ &:nth-of-type(1) .items-#{$k} .item:nth-child(3n+1),
+ &:nth-of-type(2) .items-#{$k} .item:nth-child(3n+1),
+ .items-#{$k} .item:nth-child(3n+1).visible {
+ animation: fade-up-item-1 $load-up-duration ease-in-out;
+ }
+ &:nth-of-type(1) .items-#{$k} .item:nth-child(3n+2),
+ &:nth-of-type(2) .items-#{$k} .item:nth-child(3n+2),
+ .items-#{$k} .item:nth-child(3n+2).visible {
+ animation: fade-up-item-2 $load-up-duration ease-in-out;
+ }
+ &:nth-of-type(1) .items-#{$k} .item:nth-child(3n+3),
+ &:nth-of-type(2) .items-#{$k} .item:nth-child(3n+3),
+ .items-#{$k} .item:nth-child(3n).visible {
+ animation: fade-up-item-3 $load-up-duration ease-in-out;
+ }
+ }
+ }
+}
+
+
+@media (prefers-reduced-motion) {
+ .meta, .meta * {
+ animation: none !important;
+ }
+}
diff --git a/themes/Eclectic/assets/scss/post.scss b/themes/Eclectic/assets/scss/post.scss
new file mode 100644
index 0000000..c25ac50
--- /dev/null
+++ b/themes/Eclectic/assets/scss/post.scss
@@ -0,0 +1,439 @@
+@import "triangle.scss";
+
+.post {
+ z-index: 1;
+ margin: calc(var(--header-height)/2);
+ @include container-margin;
+ padding: calc(2*var(--content-padding));
+ background: rgba(var(--background-color-rgb), 0.9);
+ border-radius: 5px;
+ .yt {
+ border-radius: 5px;
+ position: relative;
+ padding-bottom: 56.25%;
+ height: 0;
+ overflow: hidden;
+ iframe {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ border:0;
+ }
+ }
+ .i-tex {
+ transform: scale(0.8);
+ }
+ .tex, .i-tex {
+ color: var(--text-color);
+ &:hover, &.hover {
+ color: black;
+ }
+ }
+ &:hover {
+ background: var(--background-color);
+ }
+ @include media('>=lg') {
+ display: grid;
+ // Fix for the pre tag stretching the width: https://stackoverflow.com/questions/45468633/pre-tag-causing-page-to-scroll-horizontally-in-css-grid
+ grid-template-columns: 2fr 1fr 1fr;
+ grid-template-areas:
+ "main main aside"
+ "buttons buttons aside"
+ "more more aside"
+ "comments comments aside";
+ main {
+ grid-area: main;
+ // Needed for firefox
+ // https://stackoverflow.com/questions/43311943/
+ min-width: 0;
+ contain: content;
+ }
+ aside {
+ grid-area: aside;
+ contain: content;
+ }
+ .buttons {
+ grid-area: buttons;
+ }
+ .more {
+ grid-area: more;
+ }
+ .comments {
+ grid-area: comments;
+ }
+ }
+ main {
+ &>p {
+ font-size: 16px;
+ line-height: 30px;
+ &:first-of-type:first-letter {
+ color: var(--theme-color); //#992E00;
+ margin-top: 7px;
+ margin-right: 5px;
+ float: left;
+ font-size: 80px;
+ line-height: 80px;
+ font-family: NouveauDropCaps, serif;
+ font-display: optional;
+ }
+ }
+ &>ul>li,
+ &>ol>li {
+ font-size: 16px;
+ line-height: 30px;
+ }
+ h1:first-of-type {
+ padding-left: 0;
+ }
+ }
+ .post-anchor {
+ position: relative;
+ margin: 0 0 40px;
+ border-radius: 5px;
+ width: 100%;
+ padding-bottom: 400/800 * 100%;
+ @include zoomable-image(".banner-holder", 0);
+ .banner-holder {
+ height: 100%;
+ position: absolute;
+ }
+ }
+ aside {
+ @include media(">=lg") {
+ padding: 0 calc(2*var(--content-padding));
+ }
+ line-height: 30px;
+ * {
+ text-align: left;
+ }
+ svg {
+ fill: var(--theme-color);
+ }
+ svg:hover, svg.hover {
+ animation: rubberBand 0.5s linear;
+ }
+ th {
+ padding: 0 12px 0 0;
+ svg {
+ vertical-align: middle;
+ margin: 0 5px 0 0;
+ }
+ white-space: nowrap;
+ @include media("=lg") {
+ font-size: 0;
+ }
+ @include media("=sm") {
+ font-size: 0;
+ }
+ }
+ .tags, .category {
+ span {
+ font-weight: 700;
+ @include media("=lg") {
+ display: none;
+ }
+
+ @include media("=sm") {
+ display: none;
+ }
+ }
+ svg {
+ vertical-align: middle;
+ margin: 0 5px 0 0;
+ }
+ }
+ h2 {
+ // Taken padding from section as a hack for column wrapping.
+ padding-top: 20px;
+ margin: 0 0 8px;
+ }
+ section {
+ padding: 0 0 20px;
+ border-bottom: 1px dashed #ddd;
+ .info {
+ font-size: 10px;
+ float: right;
+ }
+ }
+ @include media('=sm') {
+ columns: 2;
+ border-top: 1px solid #ddd;
+ border-bottom: 1px solid #ddd;
+ section {
+ border-bottom: none;
+ }
+ }
+ @include media('a {
+ white-space: nowrap;
+ color: var(--text-color);
+ padding: 2px;
+ border-radius: 2px;
+ &:hover {
+ color: var(--theme-color);
+ text-decoration: underline;
+ }
+ }
+ }
+ .buttons {
+ margin: 20px 0;
+ }
+ .next {
+ float: right;
+ }
+
+ .comments {
+ ul {
+ padding: 0;
+ }
+ li {
+ list-style: none;
+ }
+ form {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ grid-column-gap: 20px;
+ grid-row-gap: 20px;
+ @include media(">=sm") {
+ grid-template-areas:
+ "input1 input2"
+ "comment comment"
+ "button .";
+ }
+ @include media("=md") {
+ grid-template-columns: 1fr 1fr 1fr;
+ }
+ }
+
+ li {
+ @include zoomable-image(".img-container", (3/4) * 100%);
+ border-radius: 4px;
+ overflow: hidden;
+ list-style: none;
+ display: flex;
+ flex-direction: column;
+ box-shadow: 0 1px 1px $divider;
+ &>.description {
+ font-weight: 400;
+ padding: 10px 10px;
+ display: flex;
+ flex: 1;
+ flex-direction: column;
+ border-top: 2px solid transparent;
+ justify-content: space-between;
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+ }
+ &:hover, &.hover {
+ .description {
+ border-top-color: var(--theme-color);
+ }
+ box-shadow: 0 1px 10px $divider;
+ }
+ }
+ svg {
+ vertical-align: middle;
+ fill: var(--text-color);
+ }
+ small {
+ color: var(--text-color);
+ }
+}
+
+/////////////////////////////////////////
+// Animations
+/////////////////////////////////////////
+
+@include media(">md") {
+ aside {
+ transform-origin: top left;
+ animation: bounceInRightNoDelay 1.1s ease-in-out;
+ }
+
+ main {
+ transform-origin: top right;
+ animation: bounceInLeftNoDelay 1.1s ease-in-out;
+ }
+
+ .more, .comments {
+ ul li {
+ transform-origin: top center;
+ will-change: opacity, transform;
+ }
+ }
+
+ .comments, .more {
+ &.visible{
+ h2 {
+ animation: fade-up-item-1 $load-up-duration ease-in-out;
+ }
+ ul {
+ @for $i from 1 through 10 {
+ li:nth-child(#{$i}) {
+ $j: $i + 1;
+ animation: fade-up-item-#{$j} $load-up-duration ease-in-out;
+ }
+ }
+ }
+ &> h3 {
+ animation: fade-up-item-1 $load-up-duration ease-in-out;
+ }
+ &>p {
+ animation: fade-up-item-2 $load-up-duration ease-in-out;
+ }
+ }
+ }
+
+ .comments form.visible {
+ input {
+ animation: fade-up-item-3 $load-up-duration ease-in-out;
+ }
+ textarea {
+ animation: fade-up-item-4 $load-up-duration ease-in-out;
+ }
+ button {
+ animation: fade-up-item-5 $load-up-duration ease-in-out;
+ }
+ }
+}
+
+.honeypot {
+ position: absolute;
+ left: -5000px;
+}
+
+.newsletter {
+ min-width: 220px;
+ width: 100%;
+ .email {
+ width: calc(100% - 50px);
+ display: inline-block;
+ }
+ button {
+ display: inline-block;
+ width: 50px;
+ padding: 0;
+ text-align: center;
+ background: var(--theme-color);
+ color: var(--background-color);
+ &:hover {
+ filter: brightness(95%);
+ }
+ }
+ button, .email {
+ height: 42px;
+ vertical-align: middle;
+ }
+}
+
+.post main {
+ h1, h2, h3, h4, h5, h6 {
+ position: relative;
+ padding-left: 30px;
+ }
+}
+
+.heading-anchor {
+ display: inline-block;
+ color: #DDD;
+ position: absolute;
+ margin-top: calc(-1 * var(--header-height));
+ padding-top: var(--header-height);
+ left: 0;
+}
+
+
+@media (prefers-reduced-motion) {
+
+ .post * {
+ animation: none !important;
+ }
+}
diff --git a/themes/Eclectic/assets/scss/triangle.scss b/themes/Eclectic/assets/scss/triangle.scss
new file mode 100644
index 0000000..a3e17cc
--- /dev/null
+++ b/themes/Eclectic/assets/scss/triangle.scss
@@ -0,0 +1,77 @@
+// https://codepen.io/P233/pen/AtzIw
+// This following mixin is modified from the original Bourbon triangle add-on (https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/addons/_triangle.scss) in order to customise triangle shape and foreground / background colours, which can also create CSS ribbon incredibly easy.
+// @include triangle($width $height, $foreground-color $background-color, $direction)
+// $height and $background-color can be omitted, if so, $height will equal to $width and $background-color will be transparent.
+// $direction contains the following arguments: up, down, left, right, up-right, up-left, down-right, down-left, inset-up, inset-down, inset-left, inset-right.
+@mixin triangle ($size, $color, $direction) {
+ height: 0;
+ width: 0;
+ $width: nth($size, 1);
+ $height: nth($size, length($size));
+ $foreground-color: nth($color, 1);
+ $background-color: transparent !default;
+ @if (length($color)==2) {
+ $background-color: nth($color, 2);
+ }
+ @if ($direction==up) or ($direction==down) or ($direction==right) or ($direction==left) {
+ $width: $width / 2;
+ @if $direction==up {
+ border-left: $width solid $background-color;
+ border-right: $width solid $background-color;
+ border-bottom: $height solid $foreground-color;
+ }
+ @else if $direction==right {
+ border-top: $width solid $background-color;
+ border-bottom: $width solid $background-color;
+ border-left: $height solid $foreground-color;
+ }
+ @else if $direction==down {
+ border-left: $width solid $background-color;
+ border-right: $width solid $background-color;
+ border-top: $height solid $foreground-color;
+ }
+ @else if $direction==left {
+ border-top: $width solid $background-color;
+ border-bottom: $width solid $background-color;
+ border-right: $height solid $foreground-color;
+ }
+ }
+ @else if ($direction==up-right) or ($direction==up-left) {
+ border-top: $height solid $foreground-color;
+ @if $direction==up-right {
+ border-left: $width solid $background-color;
+ }
+ @else if $direction==up-left {
+ border-right: $width solid $background-color;
+ }
+ }
+ @else if ($direction==down-right) or ($direction==down-left) {
+ border-bottom: $height solid $foreground-color;
+ @if $direction==down-right {
+ border-left: $width solid $background-color;
+ }
+ @else if $direction==down-left {
+ border-right: $width solid $background-color;
+ }
+ }
+ @else if ($direction==inset-up) {
+ border-width: $height $width;
+ border-style: solid;
+ border-color: $background-color $background-color $foreground-color;
+ }
+ @else if ($direction==inset-down) {
+ border-width: $height $width;
+ border-style: solid;
+ border-color: $foreground-color $background-color $background-color;
+ }
+ @else if ($direction==inset-right) {
+ border-width: $width $height;
+ border-style: solid;
+ border-color: $background-color $background-color $background-color $foreground-color;
+ }
+ @else if ($direction==inset-left) {
+ border-width: $width $height;
+ border-style: solid;
+ border-color: $background-color $foreground-color $background-color $background-color;
+ }
+}
diff --git a/themes/Eclectic/assets/scss/variables.scss b/themes/Eclectic/assets/scss/variables.scss
new file mode 100644
index 0000000..279d810
--- /dev/null
+++ b/themes/Eclectic/assets/scss/variables.scss
@@ -0,0 +1,94 @@
+@import "_include-media.scss";
+
+
+$md: 768px;
+$sm: 576px;
+$search-follow: 660px;
+$breakpoints: (xs: 320px, sm: $sm, md: $md, lg: 992px, xl: 1200px);
+$max-carousal: 2;
+$min-carousal: 10;
+$load-up-duration: 2.0s;
+:root {
+ --max-width: 100vw;
+ --header-height: 60px;
+ --background-color-rgb: 255, 255, 255;
+ --text-color-rgb: 0, 0, 0;
+ --theme-color: rgba(var(--theme-color-rgb), 1.0);
+ --background-color: rgba(var(--background-color-rgb), 1.0);
+ --text-color: #666;
+ --content-padding: 15px;
+ --heading-color: #444;
+ --shade-color: #f6f6f6;
+ --hover-color: #111;
+}
+$divider: rgba(var(--text-color-rgb), 0.1);
+$shade: var(--shade-color);
+$headingColor: var(--heading-color);
+$hover-color: var(--hover-color);
+
+@mixin zoomable-image($selector, $height) {
+ #{$selector} {
+ width: 100%;
+ position: relative;
+ padding-bottom: $height;
+ overflow: hidden;
+
+ img {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ width: 100%;
+ height: 100%;
+ transition: transform 0.2s linear;
+ }
+ }
+
+ &:hover #{$selector} img,
+ #{$selector}.hover img {
+ transform: scale(1.1);
+ }
+}
+
+@include media(">=sm") {
+ :root {
+ --max-width: 540px;
+ }
+}
+
+@include media(">=md") {
+ :root {
+ --max-width: 720px;
+ }
+}
+
+@include media(">=lg") {
+ :root {
+ --header-height: 75px;
+ --max-width: 960px;
+ }
+}
+
+@include media(">=xl") {
+ :root {
+ --max-width: 1140px;
+ }
+}
+
+@mixin container {
+ $padding: calc( (100% - var(--max-width)) /2 + var(--content-padding));
+ width: 100%;
+ padding-left: $padding;
+ padding-right: $padding;
+}
+
+@mixin container-margin {
+ $margin: calc((100% - var(--max-width))/2);
+ width: 100%;
+ padding-left: var(--content-padding);
+ padding-right: var(--content-padding);
+ margin-left: $margin;
+ margin-right: $margin;
+ max-width: var(--max-width);
+}
diff --git a/themes/Eclectic/exampleSite/assets/image/favicon.png b/themes/Eclectic/exampleSite/assets/image/favicon.png
new file mode 100644
index 0000000..5c24a1c
Binary files /dev/null and b/themes/Eclectic/exampleSite/assets/image/favicon.png differ
diff --git a/themes/Eclectic/exampleSite/assets/image/favicon.svg b/themes/Eclectic/exampleSite/assets/image/favicon.svg
new file mode 100644
index 0000000..7223edd
--- /dev/null
+++ b/themes/Eclectic/exampleSite/assets/image/favicon.svg
@@ -0,0 +1 @@
+E
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/assets/image/logo.svg b/themes/Eclectic/exampleSite/assets/image/logo.svg
new file mode 100644
index 0000000..9dafa7b
--- /dev/null
+++ b/themes/Eclectic/exampleSite/assets/image/logo.svg
@@ -0,0 +1 @@
+Eclectic A Hugo theme by Atishay
diff --git a/themes/Eclectic/exampleSite/assets/theme.jpg b/themes/Eclectic/exampleSite/assets/theme.jpg
new file mode 100644
index 0000000..73248a3
Binary files /dev/null and b/themes/Eclectic/exampleSite/assets/theme.jpg differ
diff --git a/themes/Eclectic/exampleSite/config/_default/config.toml b/themes/Eclectic/exampleSite/config/_default/config.toml
new file mode 100644
index 0000000..6a516b5
--- /dev/null
+++ b/themes/Eclectic/exampleSite/config/_default/config.toml
@@ -0,0 +1,45 @@
+theme = "eclectic"
+
+enableInlineShortcodes = true
+footnoteReturnLinkContents = "^"
+
+# Output format JSON for the home page to enable search
+[outputs]
+ home = [
+ "html",
+ "rss",
+ "json"
+ ]
+
+# The theme has a special support for series.
+# Specifically if series are present and a page has series
+# The related pages under the page come from the same series
+# With the right ordering (one before two after). If that series
+# Does not have enough posts, the related pages from Hugo are used.
+[taxonomies]
+category = "categories"
+tag = "tags"
+series = "series"
+
+# Privacy config for Hugo's internal templates
+# Not specific to eclectic.
+[privacy]
+
+[privacy.vimeo]
+disabled = false
+simple = true
+
+[privacy.twitter]
+disabled = false
+enableDNT = true
+simple = true
+disableInlineCSS = true
+
+[privacy.instagram]
+disabled = false
+simple = true
+
+[privacy.youtube]
+disabled = false
+privacyEnhanced = true
+
diff --git a/themes/Eclectic/exampleSite/config/_default/params.toml b/themes/Eclectic/exampleSite/config/_default/params.toml
new file mode 100644
index 0000000..f01fb4f
--- /dev/null
+++ b/themes/Eclectic/exampleSite/config/_default/params.toml
@@ -0,0 +1,27 @@
+# Theme specific parameters
+# All these parameters are optional.
+
+# NOTE: The theme reads certain files from specified locations. All files are optional but good to have.
+# | File | Purpose |
+# |------------------------------------------------------ | ------------------------------------------------- |
+# | assets/image/logo.(svg| png) | Website Logo. Use PNG logo if auto dark |
+# | | color switch for logo is not desired |
+# | assets/image/favicon.svg | Icon in SVG format |
+# | assets/image/favicon.png | Icon in PNG format |
+# |------------------------------------------------------ | ------------------------------------------------- |
+
+
+# Specify text in the copyright section. Supports Markdown content.
+# Can use special variable `{now}` which is replaced with the current year via JavaScript (A common use case in copyright)
+copyright = "© 2016-{now} [Atishay Jain](https://atishay.me). All rights reserved."
+# Theme color for the website. Can be any RGB color. It is a responsibility of the website creator to ensure contrast.
+color = "#FF8822"
+
+# Automatically switches to the dark mode based on the OS/Browser settings
+checksDarkMode = true
+# Show color picker to switch color themes.
+colorPickerEnabled = true
+# Combinations to show in the color picker.
+colorVariations = [ {name = "violet", color = "8800D3"}, {name = "red", color = "FF0000"}]
+# Github link. Shows the github corner at the top right which links to the github website.
+github = "https://github.com/atishay/eclectic-hugo-theme"
diff --git a/themes/Eclectic/exampleSite/content/_index.md b/themes/Eclectic/exampleSite/content/_index.md
new file mode 100755
index 0000000..6abc75e
--- /dev/null
+++ b/themes/Eclectic/exampleSite/content/_index.md
@@ -0,0 +1,4 @@
++++
+author = "Hugo Authors"
++++
+
diff --git a/themes/Eclectic/exampleSite/content/about.md b/themes/Eclectic/exampleSite/content/about.md
new file mode 100755
index 0000000..ea78b5d
--- /dev/null
+++ b/themes/Eclectic/exampleSite/content/about.md
@@ -0,0 +1,28 @@
++++
+title = "About"
+description = "Hugo, the world’s fastest framework for building websites"
+date = "2019-02-28"
+aliases = ["about-us","about-hugo","contact"]
+author = "Hugo Authors"
++++
+
+Written in Go, Hugo is an open source static site generator available under the [Apache Licence 2.0.](https://github.com/gohugoio/hugo/blob/master/LICENSE) Hugo supports TOML, YAML and JSON data file types, Markdown and HTML content files and uses shortcodes to add rich content. Other notable features are taxonomies, multilingual mode, image processing, custom output formats, HTML/CSS/JS minification and support for Sass SCSS workflows.
+
+Hugo makes use of a variety of open source projects including:
+
+* https://github.com/russross/blackfriday
+* https://github.com/alecthomas/chroma
+* https://github.com/muesli/smartcrop
+* https://github.com/spf13/cobra
+* https://github.com/spf13/viper
+
+Hugo is ideal for blogs, corporate websites, creative portfolios, online magazines, single page applications or even a website with thousands of pages.
+
+Hugo is for people who want to hand code their own website without worrying about setting up complicated runtimes, dependencies and databases.
+
+Websites built with Hugo are extremelly fast, secure and can be deployed anywhere including, AWS, GitHub Pages, Heroku, Netlify and any other hosting provider.
+
+Learn more and contribute on [GitHub](https://github.com/gohugoio).
+
+
+
diff --git a/themes/Eclectic/exampleSite/content/posts/_index.md b/themes/Eclectic/exampleSite/content/posts/_index.md
new file mode 100755
index 0000000..7c6bd54
--- /dev/null
+++ b/themes/Eclectic/exampleSite/content/posts/_index.md
@@ -0,0 +1,6 @@
++++
+aliases = ["posts","articles","blog","showcase","docs"]
+title = "Posts"
+author = "Hugo Authors"
+tags = ["index"]
++++
diff --git a/themes/Eclectic/exampleSite/content/posts/emoji-support.md b/themes/Eclectic/exampleSite/content/posts/emoji-support.md
new file mode 100755
index 0000000..ecf6c86
--- /dev/null
+++ b/themes/Eclectic/exampleSite/content/posts/emoji-support.md
@@ -0,0 +1,47 @@
++++
+author = "Hugo Authors"
+title = "Emoji Support"
+date = "2019-03-05"
+description = "Guide to emoji usage in Hugo"
+tags = [
+ "emoji",
+]
++++
+
+Emoji can be enabled in a Hugo project in a number of ways.
+
+The [`emojify`](https://gohugo.io/functions/emojify/) function can be called directly in templates or [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes).
+
+To enable emoji globally, set `enableEmoji` to `true` in your site’s [configuration](https://gohugo.io/getting-started/configuration/) and then you can type emoji shorthand codes directly in content files; e.g.
+
+
+🙈 :see_no_evil:
🙉 :hear_no_evil:
🙊 :speak_no_evil:
+
+
+The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference for emoji shorthand codes.
+
+***
+
+**N.B.** The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g.
+
+{{< highlight html >}}
+.emoji {
+font-family: Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Segoe UI Symbol,Android Emoji,EmojiSymbols;
+}
+{{< /highlight >}}
+
+{{< css.inline >}}
+
+{{< /css.inline >}}
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/content/posts/markdown-syntax.md b/themes/Eclectic/exampleSite/content/posts/markdown-syntax.md
new file mode 100755
index 0000000..d60c404
--- /dev/null
+++ b/themes/Eclectic/exampleSite/content/posts/markdown-syntax.md
@@ -0,0 +1,147 @@
++++
+author = "Hugo Authors"
+title = "Markdown Syntax Guide"
+date = "2019-03-11"
+description = "Sample article showcasing basic Markdown syntax and formatting for HTML elements."
+tags = [
+ "markdown",
+ "css",
+ "html",
+ "themes",
+]
+categories = [
+ "themes",
+ "syntax",
+]
+series = ["Themes Guide"]
+aliases = ["migrate-from-jekyl"]
++++
+
+This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
+
+
+## Headings
+
+The following HTML ``—`` elements represent six levels of section headings. `` is the highest section level while `` is the lowest.
+
+# H1
+## H2
+### H3
+#### H4
+##### H5
+###### H6
+
+## Paragraph
+
+Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
+
+Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
+
+## Blockquotes
+
+The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
+
+#### Blockquote without attribution
+
+> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
+> **Note** that you can use *Markdown syntax* within a blockquote.
+
+#### Blockquote with attribution
+
+> Don't communicate by sharing memory, share memory by communicating.
+> — Rob Pike[^1]
+
+
+[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
+
+## Tables
+
+Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
+
+ Name | Age
+--------|------
+ Bob | 27
+ Alice | 23
+
+#### Inline Markdown within tables
+
+| Inline | Markdown | In | Table |
+| ---------- | --------- | ----------------- | ---------- |
+| *italics* | **bold** | ~~strikethrough~~ | `code` |
+
+## Code Blocks
+
+#### Code block with backticks
+
+```
+html
+
+
+
+
+ Example HTML5 Document
+
+
+ Test
+
+
+```
+#### Code block indented with four spaces
+
+
+
+
+
+ Example HTML5 Document
+
+
+ Test
+
+
+
+#### Code block with Hugo's internal highlight shortcode
+{{< highlight html >}}
+
+
+
+
+ Example HTML5 Document
+
+
+ Test
+
+
+{{< /highlight >}}
+
+## List Types
+
+#### Ordered List
+
+1. First item
+2. Second item
+3. Third item
+
+#### Unordered List
+
+* List item
+* Another item
+* And another item
+
+#### Nested list
+
+* Item
+1. First Sub-item
+2. Second Sub-item
+
+## Other Elements — abbr, sub, sup, kbd, mark
+
+GIF is a bitmap image format.
+
+H2 O
+
+Xn + Yn = Zn
+
+Press CTRL +ALT +Delete to end the session.
+
+Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures.
+
diff --git a/themes/Eclectic/exampleSite/content/posts/math-typesetting.mmark b/themes/Eclectic/exampleSite/content/posts/math-typesetting.mmark
new file mode 100755
index 0000000..7f421ae
--- /dev/null
+++ b/themes/Eclectic/exampleSite/content/posts/math-typesetting.mmark
@@ -0,0 +1,46 @@
+---
+author: Hugo Authors
+title: Math Typesetting
+date: 2019-03-08
+description: A brief guide to setup KaTeX
+markup: mmark
+math: true
+---
+
+Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.
+
+
+In this example we will be using [KaTeX](https://katex.org/)
+
+- Create a partial under `/layouts/partials/math.html`
+- Within this partial reference the [Auto-render Extension](https://katex.org/docs/autorender.html) or host these scripts locally.
+- Include the partial in your templates like so:
+
+```
+{{ if or .Params.math .Site.Params.math }}
+{{ partial "math.html" . }}
+{{ end }}
+```
+- To enable KaTex globally set the parameter `math` to `true` in a project's configuration
+- To enable KaTex on a per page basis include the parameter `math: true` in content files.
+
+**Note:** Use the online reference of [Supported TeX Functions](https://katex.org/docs/supported.html)
+{{< math.inline >}}
+{{ if or .Page.Params.math .Site.Params.math }}
+
+
+
+
+{{ end }}
+{{ math.inline >}}
+
+### Examples
+
+Inline math: $$ \varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887… $$
+
+Block math:
+
+$$
+ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
+$$
+
diff --git a/themes/Eclectic/exampleSite/content/posts/placeholder-text.md b/themes/Eclectic/exampleSite/content/posts/placeholder-text.md
new file mode 100755
index 0000000..378b995
--- /dev/null
+++ b/themes/Eclectic/exampleSite/content/posts/placeholder-text.md
@@ -0,0 +1,58 @@
++++
+author = "Hugo Authors"
+title = "Placeholder Text"
+date = "2019-03-09"
+description = "Lorem Ipsum Dolor Si Amet"
+tags = [
+ "markdown",
+ "text",
+]
++++
+
+Lorem est tota propiore conpellat pectoribus de
+pectora summo. Redit teque digerit hominumque toris verebor lumina non cervice
+subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc
+caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis
+lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.
+
+1. Exierant elisi ambit vivere dedere
+2. Duce pollice
+3. Eris modo
+4. Spargitque ferrea quos palude
+
+Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus
+silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria
+tractus malis.
+
+1. Comas hunc haec pietate fetum procerum dixit
+2. Post torum vates letum Tiresia
+3. Flumen querellas
+4. Arcanaque montibus omnes
+5. Quidem et
+
+# Vagus elidunt
+
+
+
+[The Van de Graaf Canon](https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon)
+
+## Mane refeci capiebant unda mulcebat
+
+Victa caducifer, malo vulnere contra
+dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere
+furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. **Faces illo pepulere** tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis.
+
+Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli
+Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare
+Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert
+ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae
+vulnus haerentia iuste et exercebat, sui et.
+
+Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, *oculos nomen* non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem
+Propoetides **parte**.
+
+{{< css.inline >}}
+
+{{< /css.inline >}}
diff --git a/themes/Eclectic/exampleSite/content/posts/rich-content.md b/themes/Eclectic/exampleSite/content/posts/rich-content.md
new file mode 100755
index 0000000..5ff41d7
--- /dev/null
+++ b/themes/Eclectic/exampleSite/content/posts/rich-content.md
@@ -0,0 +1,42 @@
++++
+author = "Hugo Authors"
+title = "Rich Content"
+date = "2019-03-10"
+description = "A brief description of Hugo Shortcodes"
+tags = [
+ "shortcodes",
+ "privacy",
+]
++++
+
+Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes) for rich content, along with a [Privacy Config](https://gohugo.io/about/hugo-and-gdpr/) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.
+
+---
+
+## Instagram Simple Shortcode
+
+{{< instagram_simple BGvuInzyFAe hidecaption >}}
+
+
+
+---
+
+## YouTube Privacy Enhanced Shortcode
+
+{{< youtube ZJthWmvUzzc >}}
+
+
+
+---
+
+## Twitter Simple Shortcode
+
+{{< twitter_simple 1085870671291310081 >}}
+
+
+
+---
+
+## Vimeo Simple Shortcode
+
+{{< vimeo_simple 48912912 >}}
diff --git a/themes/Eclectic/exampleSite/content/sketch/lines-from-center.html b/themes/Eclectic/exampleSite/content/sketch/lines-from-center.html
new file mode 100755
index 0000000..0efbdeb
--- /dev/null
+++ b/themes/Eclectic/exampleSite/content/sketch/lines-from-center.html
@@ -0,0 +1,23 @@
+---
+title: "Lines from center"
+date: 2019-03-04T22:15:42-03:00
+description: "this is a p5js sketch"
+---
+
+
+
+
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/css/css/index.css_3d041b08546090308b2e5d3a88088713.content b/themes/Eclectic/exampleSite/resources/_gen/assets/css/css/index.css_3d041b08546090308b2e5d3a88088713.content
new file mode 100644
index 0000000..492bce3
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/css/css/index.css_3d041b08546090308b2e5d3a88088713.content
@@ -0,0 +1 @@
+:root{--theme-color-rgb: 255, 136, 34}:root{--max-width: 100vw;--header-height: 60px;--background-color-rgb: 255, 255, 255;--text-color-rgb: 0, 0, 0;--theme-color: rgba(var(--theme-color-rgb), 1.0);--background-color: rgba(var(--background-color-rgb), 1.0);--text-color: #666;--content-padding: 15px;--heading-color: #444;--shade-color: #f6f6f6;--hover-color: #111}@media(min-width:576px){:root{--max-width: 540px}}@media(min-width:768px){:root{--max-width: 720px}}@media(min-width:992px){:root{--header-height: 75px;--max-width: 960px}}@media(min-width:1200px){:root{--max-width: 1140px}}.dark:root{--background-color-rgb: 35, 35, 37;--text-color-rgb: 255, 240, 230;--heading-color: rgb(226, 217, 211);--shade-color: rgb(20, 20, 20);--text-color:rgb(185, 178, 167);--hover-color: rgb(220, 210, 200)}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth;text-align:justify}html{display:flex;min-height:100%;background-image:linear-gradient(to bottom,#1d1d1d 0%,#1d1d1d 200px,var(--background-color) 200px,var(--background-color) calc(100% - 200px),transparent calc(100% - 200px),transparent calc(100% - 2px),var(--theme-color) calc(100% - 2px)),linear-gradient(to left,var(--theme-color) 0%,var(--theme-color) var(--header-height),transparent var(--header-height));background-color:var(--background-color);opacity:1!important;overflow-x:hidden;width:100vw}body{border-bottom:2px solid #1d1d1d;background:var(--background-color);font-size:14px;font-weight:300;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;color:var(--text-color);line-height:25px;display:flex;flex-direction:column;flex:1;width:100vw;overflow-x:hidden;padding-top:var(--header-height)}body>article,body>section{flex:1;background:var(--background-color)}h1,h2,h3,h4,h5,h6{font-weight:400;color:var(--heading-color)}h1{font-size:30px;padding:20px 0}h2{line-height:30px;margin:30px 0 8px;font-size:21px}h3{line-height:20px;margin:20px 0 8px;font-size:16px}h4{line-height:18px;margin:10px 0 8px;font-size:16px}article{padding-top:50px;padding-bottom:50px}ul,ol{padding:0 0 0 40px}li:hover,li.hover{color:var(--hover-color)}p{margin-bottom:16px}p:hover,p.hover{color:var(--hover-color);text-shadow:0 0 2px rgba(var(--background-color-rgb),0.5)}a{text-decoration:none;color:var(--theme-color)}a:hover{filter:brightness(85%)}strong{font-style:normal;font-weight:500}blockquote{margin:40px 0;quotes:"“" "‘";font-family:cursive;font-size:25px;line-height:35px}blockquote:before{font-family:_serif;content:open-quote;font-size:60px;float:left;padding-right:20px}::selection{background:var(--theme-color);color:var(--background-color);text-shadow:none}input,textarea{background:rgba(var(--text-color-rgb),0.05) none repeat scroll 0 0;color:var(--text-color);font-size:15px;padding:12px;touch-action:manipulation;box-shadow:none;border:none;background-image:none;border:1px solid rgba(var(--text-color-rgb),0.15);font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif}input:focus,textarea:focus{border-color:var(--theme-color);outline:none}.chroma td:first-child{border-right:1px solid rgba(var(--text-color-rgb),0.1);padding-left:5px}.chroma td.lntd:nth-child(2){padding-left:10px}.chroma table::-webkit-scrollbar{border:none}.chroma table::-webkit-scrollbar-button{background-color:#666}.chroma table::-webkit-scrollbar-track{background-color:#646464;border:none}.chroma table::-webkit-scrollbar-track-piece{background-color:#272822;border:none}.chroma table::-webkit-scrollbar-thumb{background-color:#666;overflow:hidden;box-shadow:none}.chroma table::-webkit-scrollbar-corner{background-color:#646464}.chroma table::-webkit-resizer{background-color:#666}dt{font-weight:600;padding:5px;margin:0 0 5px;background-color:rgba(var(--theme-color-rgb),0.1)}dd{margin-left:80px}table{border-collapse:collapse;width:100%;border-bottom:1px solid rgba(var(--theme-color-rgb),0.3)}table thead{background-color:rgba(var(--theme-color-rgb),0.3)}table tr:nth-child(even){background-color:rgba(var(--theme-color-rgb),0.1)}table td,table th{padding:4px}table tr:hover{background-color:rgba(var(--theme-color-rgb),0.3)}.highlight{padding-bottom:3px;background-color:#272822;margin-bottom:20px}.highlight table{border-collapse:unset;width:auto;border-bottom:none}.highlight table tr:nth-child(even){background-color:transparent}.highlight table thead{background-color:transparent}.highlight table tr:hover{background-color:transparent}.highlight table td,.highlight table th{padding:0}button,.button,.button-small{cursor:pointer;text-align:center;white-space:nowrap;vertical-align:middle;border-radius:0;font-weight:400;color:var(--theme-color);background:transparent;font-size:16px;padding:13px 30px;user-select:none;text-transform:none;border:transparent;display:inline-block;position:relative;overflow:hidden;border:2px solid var(--theme-color);transition:color .1s;z-index:2}button:focus,.button:focus,.button-small:focus{outline:none}button:checked,button:hover,button:focus,.button:checked,.button:hover,.button:focus,.button-small:checked,.button-small:hover,.button-small:focus{color:#fff;filter:none}button:checked:hover,.button:checked:hover,.button-small:checked:hover{transition:filter .5s ease-in;filter:brightness(90%)}button:before,.button:before,.button-small:before{content:"";position:absolute;z-index:-1;background:var(--theme-color);height:150px;width:calc(100% + 60px);border-radius:50%;top:100%;left:100%;transition:all .5s}button:checked:before,button:hover:before,button:focus:before,.button:checked:before,.button:hover:before,.button:focus:before,.button-small:checked:before,.button-small:hover:before,.button-small:focus:before{top:-30px;left:-30px}button.disabled,.button.disabled,.button-small.disabled{pointer-events:none;opacity:.5}.button-small{font-size:12px;padding:5px 13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.title{text-align:center;color:var(--text-color-rgb,0.95)}.subtitle{display:block;text-align:center;padding-bottom:30px;font-style:italic;text-shadow:1px 1px 3px var(--background-color)}.center{text-align:center}.items-7{display:grid;grid-template-columns:1fr;grid-column-gap:20px;grid-row-gap:20px}@media(min-width:768px){.items-7{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"one one two two" "three three four four" "five five six six" ". seven seven ."}}@media(min-width:992px){.items-7{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"one two three" "four five six" ". seven ."}}@media(min-width:1200px){.items-7{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-areas:"one one one one two two two two three three three three" "four four four five five five six six six seven seven seven"}}@media(min-width:768px){.items-7>*:nth-child(1){grid-area:one}.items-7>*:nth-child(2){grid-area:two}.items-7>*:nth-child(3){grid-area:three}.items-7>*:nth-child(4){grid-area:four}.items-7>*:nth-child(5){grid-area:five}.items-7>*:nth-child(6){grid-area:six}.items-7>*:nth-child(7){grid-area:seven}}.items-5{display:grid;grid-template-columns:1fr;grid-column-gap:20px;grid-row-gap:20px;grid-column-gap:20px}@media(min-width:768px){.items-5{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"one one two two" "three three four four" ". five five ."}}@media(min-width:992px){.items-5{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-areas:"one one one two two two" "three three four four five five"}}@media(min-width:768px){.items-5>*:nth-child(1){grid-area:one}.items-5>*:nth-child(2){grid-area:two}.items-5>*:nth-child(3){grid-area:three}.items-5>*:nth-child(4){grid-area:four}.items-5>*:nth-child(5){grid-area:five}}.items-12,.items-10,.items-11,.items-13,.items-14{display:grid;grid-template-columns:1fr;grid-column-gap:20px;grid-row-gap:20px}@media(min-width:768px){.items-12,.items-10,.items-11,.items-13,.items-14{grid-template-columns:1fr 1fr}}@media(min-width:992px){.items-12,.items-10,.items-11,.items-13,.items-14{grid-template-columns:1fr 1fr 1fr}}@media(min-width:1200px){.items-12,.items-10,.items-11,.items-13,.items-14{grid-template-columns:1fr 1fr 1fr 1fr}}.items-4,.items-8{display:grid;grid-template-columns:1fr;grid-column-gap:20px;grid-row-gap:20px}@media(min-width:768px){.items-4,.items-8{grid-template-columns:1fr 1fr}}@media(min-width:1200px){.items-4,.items-8{grid-template-columns:1fr 1fr 1fr 1fr}}@media(min-width:768px){.items-6{grid-template-columns:1fr 1fr}}.items-3,.items-6,.items-9{display:grid;grid-template-columns:1fr;grid-column-gap:20px;grid-row-gap:20px}@media(min-width:992px){.items-3,.items-6,.items-9{grid-template-columns:1fr 1fr 1fr}}.items-2{display:grid;grid-template-columns:1fr;grid-column-gap:20px;grid-row-gap:20px}@media(min-width:768px){.items-2{grid-template-columns:1fr 1fr}}.items-1{display:block}.float-3{width:100%;float:left;margin:15px}@media(min-width:992px){.float-3{width:33%}}.full{width:100%}figure{border:1px solid rgba(var(--text-color-rgb),0.1);border-radius:5px;overflow:hidden}figure img{width:100%;height:auto}figcaption{padding:0 5px;text-align:center}figcaption h4{margin:0!important;padding:0!important;text-align:center}figcaption p{text-align:center}.hidden{visibility:hidden}@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(0.95,1.05,1)}75%{transform:scale3d(1.05,0.95,1)}to{transform:scale3d(1,1,1)}}@keyframes bounceInLeftNoDelay{0%{transform:translate3d(-100vw,0,0) scale3d(1.1,0.8,1)}50%{transform:translate3d(0,0,0)}60%{transform:translate3d(25px,0,0) scale3d(0.9,1.2,1)}75%{transform:translate3d(-10px,0,0) scale3d(1.05,0.95,1)}90%{transform:translate3d(5px,0,0)}100%{transform:translate3d(0,0,0)}}@keyframes bounceInRightNoDelay{0%{transform:translate3d(100vw,0,0) scale3d(1.1,0.8,1)}50%{transform:translate3d(0,0,0)}60%{transform:translate3d(-25px,0,0) scale3d(0.9,1.2,1)}75%{transform:translate3d(10px,0,0) scale3d(1.05,0.95,1)}90%{transform:translate3d(-5px,0,0)}100%{transform:translate3d(0,0,0)}}@keyframes bounceInLeft{0%,20%{transform:translate3d(-100vw,0,0) scale3d(1.1,0.8,1)}60%{transform:translate3d(0,0,0)}68%{transform:translate3d(25px,0,0) scale3d(0.9,1.2,1)}80%{transform:translate3d(-10px,0,0) scale3d(1.05,0.95,1)}92%{transform:translate3d(5px,0,0)}100%{transform:translate3d(0,0,0)}}@keyframes bounceInRight{0%,20%{transform:translate3d(100vw,0,0) scale3d(1.1,0.8,1)}60%{transform:translate3d(0,0,0)}68%{transform:translate3d(-25px,0,0) scale3d(0.9,1.2,1)}80%{transform:translate3d(10px,0,0) scale3d(1.05,0.95,1)}92%{transform:translate3d(-5px,0,0)}100%{transform:translate3d(0,0,0)}}@keyframes fade-up-item-1{0%,0%{transform:translate3d(0,200px,0);opacity:0}9%{transform:translate3d(0,-10px,0);opacity:.9}10%{transform:translate3d(0,5px,0);opacity:1}10%,100%{transform:translate3d(0,0,0);opacity:1}}@keyframes fade-up-item-2{0%,10%{transform:translate3d(0,200px,0);opacity:0}19%{transform:translate3d(0,-10px,0);opacity:.9}20%{transform:translate3d(0,5px,0);opacity:1}20%,100%{transform:translate3d(0,0,0);opacity:1}}@keyframes fade-up-item-3{0%,20%{transform:translate3d(0,200px,0);opacity:0}29%{transform:translate3d(0,-10px,0);opacity:.9}30%{transform:translate3d(0,5px,0);opacity:1}30%,100%{transform:translate3d(0,0,0);opacity:1}}@keyframes fade-up-item-4{0%,30%{transform:translate3d(0,200px,0);opacity:0}39%{transform:translate3d(0,-10px,0);opacity:.9}40%{transform:translate3d(0,5px,0);opacity:1}40%,100%{transform:translate3d(0,0,0);opacity:1}}@keyframes fade-up-item-5{0%,40%{transform:translate3d(0,200px,0);opacity:0}49%{transform:translate3d(0,-10px,0);opacity:.9}50%{transform:translate3d(0,5px,0);opacity:1}50%,100%{transform:translate3d(0,0,0);opacity:1}}@keyframes fade-up-item-6{0%,50%{transform:translate3d(0,200px,0);opacity:0}59%{transform:translate3d(0,-10px,0);opacity:.9}60%{transform:translate3d(0,5px,0);opacity:1}60%,100%{transform:translate3d(0,0,0);opacity:1}}@keyframes fade-up-item-7{0%,60%{transform:translate3d(0,200px,0);opacity:0}69%{transform:translate3d(0,-10px,0);opacity:.9}70%{transform:translate3d(0,5px,0);opacity:1}70%,100%{transform:translate3d(0,0,0);opacity:1}}@keyframes fade-up-item-8{0%,70%{transform:translate3d(0,200px,0);opacity:0}79%{transform:translate3d(0,-10px,0);opacity:.9}80%{transform:translate3d(0,5px,0);opacity:1}80%,100%{transform:translate3d(0,0,0);opacity:1}}@keyframes fade-up-item-9{0%,80%{transform:translate3d(0,200px,0);opacity:0}89%{transform:translate3d(0,-10px,0);opacity:.9}90%{transform:translate3d(0,5px,0);opacity:1}90%,100%{transform:translate3d(0,0,0);opacity:1}}@keyframes fade-up-item-10{0%,90%{transform:translate3d(0,200px,0);opacity:0}99%{transform:translate3d(0,-10px,0);opacity:.9}100%{transform:translate3d(0,5px,0);opacity:1}100%,100%{transform:translate3d(0,0,0);opacity:1}}@keyframes zoomIn{0%{opacity:0}50%{opacity:1;transform:scale3d(1.1,1.1,1)}100%{opacity:1;transform:scale3d(1,1,1)}}header{width:100%;padding-left:calc( (100% - var(--max-width))/2 + var(--content-padding));padding-right:calc( (100% - var(--max-width))/2 + var(--content-padding));position:fixed;top:0;background:var(--background-color);box-shadow:0 1px 1px rgba(var(--text-color-rgb),0.1),0 -2px var(--theme-color);display:flex;align-items:center;min-height:var(--header-height);flex-wrap:wrap;z-index:10;will-change:transform}.logo{height:var(--header-height);display:flex;align-items:center}.logo svg{fill:var(--text-color);stroke:var(--text-color);width:130px;height:47px}.hamburger{display:block;width:calc(8px + var(--header-height)/2);height:calc(8px + var(--header-height)/2);margin:calc(calc(var(--header-height) - calc(8px + var(--header-height)/2))/2) 0;position:absolute;cursor:pointer;top:0;opacity:0;z-index:2}.hamburger~.icon{display:block;width:calc(8px + var(--header-height)/2);height:calc(8px + var(--header-height)/2);position:relative;background:#eee;z-index:1;padding:4px;fill:rgba(0,0,0,.5);border-radius:2px;margin:0 15px 0 0}.hamburger~.icon svg{width:100%;height:100%}.hamburger:checked~.icon .bar:nth-of-type(2){opacity:0}.hamburger:checked~.icon .bar:nth-of-type(3){transform:translateY(5px) translateX(4px) rotateZ(-225deg);transform-origin:center}.hamburger:checked~.icon .bar:nth-of-type(1){transform:translateY(-5px) translateX(2px) rotateZ(225deg);transform-origin:center}@media(min-width:768px){.hamburger,.hamburger~.icon{display:none}}@media(max-width:767px){.hamburger:checked~.top-menu{max-height:100vh;opacity:1;padding:15px 0}}.top-menu{font-weight:400}@media(max-width:767px){.top-menu{flex-grow:1;display:flex;flex-direction:column;width:100%;max-height:0;opacity:0;overflow:hidden;transition:all .3s ease-out;border-top:1px solid #eee}}@media(min-width:768px){.top-menu{display:inline-flex;flex-wrap:wrap;align-items:stretch;height:var(--header-height)}}.top-menu-item{list-style:none;display:flex;align-items:center}.top-menu-item.active>a,.top-menu-item:hover>a{color:var(--theme-color)}@media(min-width:768px){.top-menu-item{position:relative}.top-menu-item.active::after{content:" ";background:var(--theme-color);position:absolute;width:100%;left:0;bottom:0;height:5px}}.top-menu-item a{text-decoration:none;color:inherit;display:inline-block;width:100%}@media(min-width:992px){.top-menu-item a{padding:10px 20px}}@media(max-width:991px){.top-menu-item a{padding:5px 8px;font-size:12px}}@media(max-width:767px){.top-menu-item a{padding:12px 0;font-size:12px}}@media(max-width:767px){.top-menu-item{flex-direction:column;align-items:flex-start}}.sub-menu{position:absolute;top:var(--header-height);max-height:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 16px rgba(10,10,10,.1);background:var(--background-color);min-width:200px;border-color:rgba(var(--text-color-rgb),0.1);transition:max-height,opacity .3s ease-out}.sub-menu li{list-style:none}.sub-menu li a{padding:10px}.sub-menu li.active>a,.sub-menu li:hover>a{color:var(--theme-color)}.sub-menu li:not(:last-child){border-bottom:1px dotted rgba(var(--text-color-rgb),0.1)}@media(max-width:767px){.sub-menu{position:static;max-height:100vh;box-shadow:none;border-top:1px solid rgba(var(--text-color-rgb),0.1);border-bottom:1px dotted rgba(var(--text-color-rgb),0.1);background:transparent}}@media(min-width:769px){.top-menu-item:hover .sub-menu{max-height:100vh;opacity:1;border:1px solid rgba(var(--text-color-rgb),0.1)}}.github-corner{position:absolute;top:0;border:0;right:0}.github-corner svg{width:var(--header-height);height:var(--header-height);color:var(--background-color);fill:var(--theme-color);position:absolute;top:0;border:0;right:0}.github-corner:before{content:" ";position:absolute;right:0;top:-200px;height:200px;z-index:1;background:var(--theme-color);width:var(--header-height)}.github-corner .octo-arm{transform-origin:130px 106px}.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media(max-width:575px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}@media(max-width:767px){#header{transition:transform .2s ease-in}#header #color-picker{transition:opacity .2s ease-in}.header-unpin{transform:translateY(calc(-2px - var(--header-height)))}.header-unpin #color-picker{opacity:0}.header-pin{transform:translateY(0)}.header-pin #color-picker{opacity:1}}.scroll-up{opacity:0;width:30px;height:30px;position:fixed;right:20px;bottom:20px;z-index:2;transition:transform .2s ease-in,opacity .2s ease-in;will-change:transform}.scroll-up svg{background-color:var(--theme-color);padding:5px;fill:var(--background-color)}.scroll-up:hover{transform:scale(1.1,1.1);filter:none}.scroll-up.visible{opacity:1}@media(max-width:767px){.scroll-up.visible.unpin{opacity:0}}#searchbox{position:relative;margin-left:auto;max-height:var(--header-height);padding-top:calc(var(--header-height)/4);height:var(--header-height);opacity:0}#searchbox.visible{opacity:1}#searchbox>svg{position:absolute;left:7px;top:calc(var(--header-height)/4 + 7px);color:rgba(var(--text-color-rgb),0.2);pointer-events:none}@media(min-width:992px){#searchbox>svg{top:calc(var(--header-height)/4 + 10px)}}#searchbox input{height:calc(var(--header-height)/2);line-height:calc(var(--header-height)/2);font-size:calc(var(--header-height)/5);border-radius:50px;padding:7px 10px 7px 30px;background:0 0;width:170px;transition:all .2s ease-in-out}#searchbox input~.results{width:130px}#searchbox input:focus{width:300px}#searchbox input:focus~.results{width:260px;max-height:500px;transition:width .2s ease-in-out,max-height .5s ease-in-out}#searchbox input:focus~svg{color:rgba(var(--text-color-rgb),0.6)}#searchbox .results{max-height:0;overflow:hidden;background:var(--background-color);border-bottom-right-radius:5px;border-bottom-left-radius:5px;margin:-2px 20px 0;box-shadow:0 2px 2px #bbb;transition:width .2s ease-in-out}#searchbox .results>div{cursor:pointer;border-bottom:1px solid #eee;padding:10px;height:80px}#searchbox .results>div.hidden{display:none}#searchbox .results>div.selected{background:rgba(var(--theme-color-rgb),0.1)}#searchbox .results>div img{float:left;border-radius:3px;background:#ddd;min-height:50px;margin:5px 10px 5px 0}#searchbox .results>div h2{font-size:12px;line-height:14px;margin:0;white-space:nowrap;text-overflow:ellipsis;padding:0;overflow:hidden}#searchbox .results>div .description{font-size:10px;line-height:12px;overflow:hidden;text-overflow:ellipsis;height:30px;text-align:left;padding:3px 0}#searchbox .results>div>span{font-size:8px;line-height:10px;display:flex;align-items:center;white-space:nowrap;height:14px;overflow:hidden;text-overflow:ellipsis}#searchbox .results>div>span .category{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#searchbox .results>div>span svg{margin:0 2px 0 5px;min-width:12px}#searchbox .results>div>span svg:first-of-type{margin-left:0}#searchbox .results>div::after{content:" ";display:block;clear:both}@media(max-width:767px){#searchbox{margin:0;position:absolute;top:0;z-index:3;right:calc(50vw - var(--max-width)/2);background:var(--background-color);padding-top:calc(var(--header-height)/4);height:var(--header-height)}#searchbox>svg{top:calc(7px + var(--header-height)/4)}#searchbox .results{margin-left:10px;margin-right:10px}#searchbox input:focus{width:calc(var(--max-width))}#searchbox input:focus~.results{width:calc(var(--max-width) - 20px)}}@media(max-width:660px){#searchbox{right:var(--header-height)}#searchbox input:focus{margin-left:20px;width:calc(100vw - 2*var(--header-height))}#searchbox input:focus~.results{margin-left:30px;width:calc(100vw - 2*var(--header-height) - 20px)}#searchbox input:focus~svg{left:27px}}@media(max-width:575px){#searchbox input:focus{margin-left:0}#searchbox input:focus~.results{margin-left:10px}#searchbox input:focus~svg{left:7px}#searchbox input:not(:focus){width:0;padding-left:25px;border-radius:0;background:var(--theme-color);border:none}#searchbox input:not(:focus)~svg{color:var(--background-color)}#searchbox input:not(:focus)~.results{width:0}}.no-js #color-picker{display:none}#color-picker{position:absolute;top:calc(var(--header-height) + 20px);right:10px;z-index:10}#color-picker .theme{display:none}#color-picker:hover{border-radius:20px;text-align:right}#color-picker:hover::before{content:" ";position:absolute;left:-10px;right:30px;height:5px;background:var(--theme-color);top:14px}#color-picker:hover::after{content:" ";width:14px;height:14px;border-radius:50%;left:-19px;top:9px;display:block;background:var(--theme-color);position:absolute}#color-picker:hover .theme{display:inline-block;height:150px;width:200px;margin-right:20px;background:var(--background-color);border:1px solid var(--theme-color);vertical-align:top;margin-top:18px}#color-picker:hover .theme h3{font-weight:500;text-align:center}#color-picker:hover .theme .colors{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:5px}#color-picker:hover .theme .custom-color{display:block;text-align:center}#color-picker:hover .theme .theme-choice{margin:5px 3px;width:20px;height:20px;background-color:var(--color);border-radius:3px;cursor:pointer;box-shadow:1px 1px 1px 0 var(--text-color)}#color-picker:hover .theme a{margin:0 5px}#color-picker:hover .picker{vertical-align:middle;color:var(--background-color);background:var(--theme-color);transform:rotateZ(-180deg)}#color-picker .picker{height:30px;width:30px;padding:5px;border-radius:50%;color:var(--theme-color);border:1px solid var(--theme-color);cursor:pointer;background:rgba(var(--background-color-rgb),0.8);transition:transform .2s ease-in}#color-picker input[type=checkbox]{display:none}#color-picker span{vertical-align:middle;display:inline-block;padding:5px 5px 5px 30px}#color-picker .toggle{position:relative;display:inline-block;width:40px;height:20px;vertical-align:middle}#color-picker .toggle label,#color-picker .toggle i{box-sizing:border-box;display:block;background:#fff}#color-picker .toggle label{width:40px;height:20px;border-radius:32px;border:1px solid #e5e5e5;transition:all .3s ease}#color-picker .toggle i{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:18px;box-shadow:0 0 1px 0 rgba(0,0,0,.25),0 3px 3px 0 rgba(0,0,0,.15);background:#fff;transition:all .3s cubic-bezier(0.275,-0.45,0.725,1.45)}#color-picker input[type=checkbox]:active+.toggle i{width:20px}#color-picker input[type=checkbox]:active+.toggle label,#color-picker input[type=checkbox]:checked+.toggle label{border:10px solid #666}#color-picker input[type=checkbox]:active+.toggle label i,#color-picker input[type=checkbox]:checked+.toggle label i{background:#222}#color-picker input[type=checkbox]:checked+.toggle i{left:21px}#color-picker input[type=checkbox]:checked:active+.toggle label{border:10px solid #e5e5e5}#color-picker input[type=checkbox]:checked:active+.toggle i{left:14px}.list,.terms,.page404{z-index:1;margin:calc(var(--header-height)/2);width:100%;padding-left:var(--content-padding);padding-right:var(--content-padding);margin-left:calc((100% - var(--max-width))/2);margin-right:calc((100% - var(--max-width))/2);max-width:var(--max-width);padding:calc(2*var(--content-padding));background:rgba(var(--background-color-rgb),0.9);border-radius:5px;flex:1}.list:hover,.terms:hover,.page404:hover{background:var(--background-color)}.list{background:transparent}.list:hover{background:transparent}.terms{background:rgba(var(--background-color-rgb),0.9)}.terms:hover{background:var(--background-color)}.terms h4{display:inline-block}.blog-posts{width:100%;align-content:center;padding:0}.blog-post{contain:content;list-style:none;text-align:left;padding:15px;background:var(--background-color);box-shadow:0 1px 1px rgba(var(--text-color-rgb),0.1);display:flex;flex-direction:column}.blog-post .banner-holder{width:100%;position:relative;padding-bottom:75%;overflow:hidden}.blog-post .banner-holder img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;transition:transform .2s linear}.blog-post:hover .banner-holder img,.blog-post .banner-holder.hover img{transform:scale(1.1)}.blog-post:hover,.blog-post.hover{box-shadow:0 0 40px rgba(var(--text-color-rgb),0.1)}.blog-post hr{border:none;border-bottom:1px dashed rgba(var(--text-color-rgb),0.1)}.blog-post h3:hover{color:var(--theme-color)}.blog-post p{flex:1}.blog-post .blog-post-footer{display:flex}.blog-post .blog-post-footer a{font-size:12px;padding-right:15px;color:var(--text-color)}.blog-post .blog-post-footer a:hover{color:var(--theme-color)}.blog-post .blog-post-footer .categories{text-align:right;flex:1}.blog-post .blog-post-footer .categories svg{fill:var(--theme-color);vertical-align:middle}.pagination{list-style:none;display:flex;align-content:center;justify-content:center;padding:40px 0 0;flex-wrap:wrap}.pagination .page-item{display:flex;align-items:center;justify-content:center}@media(max-width:575px){.pagination .page-item:last-child,.pagination .page-item:first-child{display:none}}.pagination .page-link{text-decoration:none;background-color:var(--background-color);box-shadow:0 1px 1px rgba(var(--text-color-rgb),0.1);display:block;padding:10px;margin:10px}.pagination .page-link:hover{filter:none;box-shadow:0 0 40px rgba(var(--text-color-rgb),0.1);background:var(--theme-color);color:var(--text-color)}.pagination .active .page-link{background:var(--theme-color);color:var(--background-color);pointer-events:none}.pagination .disabled .page-link{background:rgba(var(--text-color-rgb),0.1);color:var(--text-color);pointer-events:none}.list .blog-post:nth-of-type(1){will-change:transform,opacity;animation:fade-up-item-1 2s ease-in-out}.list .blog-post:nth-of-type(2){will-change:transform,opacity;animation:fade-up-item-2 2s ease-in-out}.list .blog-post:nth-of-type(3){will-change:transform,opacity;animation:fade-up-item-3 2s ease-in-out}.list .blog-post:nth-of-type(4){will-change:transform,opacity;animation:fade-up-item-4 2s ease-in-out}.list .blog-post:nth-of-type(5){will-change:transform,opacity;animation:fade-up-item-5 2s ease-in-out}.list .blog-post:nth-of-type(6){will-change:transform,opacity;animation:fade-up-item-6 2s ease-in-out}.list .blog-post:nth-of-type(7){will-change:transform,opacity;animation:fade-up-item-7 2s ease-in-out}.list .blog-post:nth-of-type(8){will-change:transform,opacity;animation:fade-up-item-8 2s ease-in-out}.list .blog-post:nth-of-type(9){will-change:transform,opacity;animation:fade-up-item-9 2s ease-in-out}.list .blog-post:nth-of-type(10){will-change:transform,opacity;animation:fade-up-item-10 2s ease-in-out}.page404 .number{font-family:cursive,serif;font-size:200px;text-align:center;line-height:normal}.page404 .error-banner{display:flex;justify-content:center}.page404 .error-banner svg{position:relative;overflow:visible;z-index:2;transform:translate3d(0,0,0);margin:3em}.page404 [id$=cube-1],.page404 [id$=cube-13],.page404 [id$=cube-25]{animation:drop-cube-1 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-1] path,.page404 [id$=cube-13] path,.page404 [id$=cube-25] path{animation:fade-cube-1 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-2],.page404 [id$=cube-14],.page404 [id$=cube-26]{animation:drop-cube-2 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-2] path,.page404 [id$=cube-14] path,.page404 [id$=cube-26] path{animation:fade-cube-2 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-3],.page404 [id$=cube-15],.page404 [id$=cube-27]{animation:drop-cube-3 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-3] path,.page404 [id$=cube-15] path,.page404 [id$=cube-27] path{animation:fade-cube-3 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-4],.page404 [id$=cube-16],.page404 [id$=cube-28]{animation:drop-cube-4 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-4] path,.page404 [id$=cube-16] path,.page404 [id$=cube-28] path{animation:fade-cube-4 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-5],.page404 [id$=cube-17],.page404 [id$=cube-29]{animation:drop-cube-5 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-5] path,.page404 [id$=cube-17] path,.page404 [id$=cube-29] path{animation:fade-cube-5 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-6],.page404 [id$=cube-18],.page404 [id$=cube-30]{animation:drop-cube-6 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-6] path,.page404 [id$=cube-18] path,.page404 [id$=cube-30] path{animation:fade-cube-6 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-7],.page404 [id$=cube-19],.page404 [id$=cube-31]{animation:drop-cube-7 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-7] path,.page404 [id$=cube-19] path,.page404 [id$=cube-31] path{animation:fade-cube-7 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-8],.page404 [id$=cube-20],.page404 [id$=cube-32]{animation:drop-cube-8 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-8] path,.page404 [id$=cube-20] path,.page404 [id$=cube-32] path{animation:fade-cube-8 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-9],.page404 [id$=cube-21],.page404 [id$=cube-33]{animation:drop-cube-9 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-9] path,.page404 [id$=cube-21] path,.page404 [id$=cube-33] path{animation:fade-cube-9 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-10],.page404 [id$=cube-22],.page404 [id$=cube-34]{animation:drop-cube-10 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-10] path,.page404 [id$=cube-22] path,.page404 [id$=cube-34] path{animation:fade-cube-10 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-11],.page404 [id$=cube-23],.page404 [id$=cube-35]{animation:drop-cube-11 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-11] path,.page404 [id$=cube-23] path,.page404 [id$=cube-35] path{animation:fade-cube-11 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-12],.page404 [id$=cube-24],.page404 [id$=cube-36]{animation:drop-cube-12 .9s cubic-bezier(0.19,1,0.32,1)}.page404 [id$=cube-12] path,.page404 [id$=cube-24] path,.page404 [id$=cube-36] path{animation:fade-cube-12 .9s cubic-bezier(0.19,1,0.32,1)}.page404 svg:hover [id$=cube-1] path,.page404 svg:hover [id$=cube-13] path,.page404 svg:hover [id$=cube-25] path{animation:fade-out-cube-1 .7s cubic-bezier(0.19,1,0.32,1) infinite}.page404 svg:hover [id$=cube-2] path,.page404 svg:hover [id$=cube-14] path,.page404 svg:hover [id$=cube-26] path{animation:fade-out-cube-2 .7s cubic-bezier(0.19,1,0.32,1) infinite}.page404 svg:hover [id$=cube-3] path,.page404 svg:hover [id$=cube-15] path,.page404 svg:hover [id$=cube-27] path{animation:fade-out-cube-3 .7s cubic-bezier(0.19,1,0.32,1) infinite}.page404 svg:hover [id$=cube-4] path,.page404 svg:hover [id$=cube-16] path,.page404 svg:hover [id$=cube-28] path{animation:fade-out-cube-4 .7s cubic-bezier(0.19,1,0.32,1) infinite}.page404 svg:hover [id$=cube-5] path,.page404 svg:hover [id$=cube-17] path,.page404 svg:hover [id$=cube-29] path{animation:fade-out-cube-5 .7s cubic-bezier(0.19,1,0.32,1) infinite}.page404 svg:hover [id$=cube-6] path,.page404 svg:hover [id$=cube-18] path,.page404 svg:hover [id$=cube-30] path{animation:fade-out-cube-6 .7s cubic-bezier(0.19,1,0.32,1) infinite}.page404 svg:hover [id$=cube-7] path,.page404 svg:hover [id$=cube-19] path,.page404 svg:hover [id$=cube-31] path{animation:fade-out-cube-7 .7s cubic-bezier(0.19,1,0.32,1) infinite}.page404 svg:hover [id$=cube-8] path,.page404 svg:hover [id$=cube-20] path,.page404 svg:hover [id$=cube-32] path{animation:fade-out-cube-8 .7s cubic-bezier(0.19,1,0.32,1) infinite}.page404 svg:hover [id$=cube-9] path,.page404 svg:hover [id$=cube-21] path,.page404 svg:hover [id$=cube-33] path{animation:fade-out-cube-9 .7s cubic-bezier(0.19,1,0.32,1) infinite}.page404 svg:hover [id$=cube-10] path,.page404 svg:hover [id$=cube-22] path,.page404 svg:hover [id$=cube-34] path{animation:fade-out-cube-10 .7s cubic-bezier(0.19,1,0.32,1) infinite}.page404 svg:hover [id$=cube-11] path,.page404 svg:hover [id$=cube-23] path,.page404 svg:hover [id$=cube-35] path{animation:fade-out-cube-11 .7s cubic-bezier(0.19,1,0.32,1) infinite}.page404 svg:hover [id$=cube-12] path,.page404 svg:hover [id$=cube-24] path,.page404 svg:hover [id$=cube-36] path{animation:fade-out-cube-12 .7s cubic-bezier(0.19,1,0.32,1) infinite}@keyframes drop-cube-1{0%,7%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-1{0%,7%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-1{0%,3%{opacity:1}97%{opacity:0}100%{opacity:1}}@keyframes drop-cube-2{0%,14%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-2{0%,14%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-2{0%,6%{opacity:1}94%{opacity:0}100%{opacity:1}}@keyframes drop-cube-3{0%,21%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-3{0%,21%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-3{0%,9%{opacity:1}91%{opacity:0}100%{opacity:1}}@keyframes drop-cube-4{0%,28%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-4{0%,28%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-4{0%,12%{opacity:1}88%{opacity:0}100%{opacity:1}}@keyframes drop-cube-5{0%,35%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-5{0%,35%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-5{0%,15%{opacity:1}85%{opacity:0}100%{opacity:1}}@keyframes drop-cube-6{0%,42%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-6{0%,42%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-6{0%,18%{opacity:1}82%{opacity:0}100%{opacity:1}}@keyframes drop-cube-7{0%,49%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-7{0%,49%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-7{0%,21%{opacity:1}79%{opacity:0}100%{opacity:1}}@keyframes drop-cube-8{0%,56%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-8{0%,56%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-8{0%,24%{opacity:1}76%{opacity:0}100%{opacity:1}}@keyframes drop-cube-9{0%,63%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-9{0%,63%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-9{0%,27%{opacity:1}73%{opacity:0}100%{opacity:1}}@keyframes drop-cube-10{0%,70%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-10{0%,70%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-10{0%,30%{opacity:1}70%{opacity:0}100%{opacity:1}}@keyframes drop-cube-11{0%,77%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-11{0%,77%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-11{0%,33%{opacity:1}67%{opacity:0}100%{opacity:1}}@keyframes drop-cube-12{0%,84%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-12{0%,84%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-12{0%,36%{opacity:1}64%{opacity:0}100%{opacity:1}}.post{z-index:1;margin:calc(var(--header-height)/2);width:100%;padding-left:var(--content-padding);padding-right:var(--content-padding);margin-left:calc((100% - var(--max-width))/2);margin-right:calc((100% - var(--max-width))/2);max-width:var(--max-width);padding:calc(2*var(--content-padding));background:rgba(var(--background-color-rgb),0.9);border-radius:5px}.post .yt{border-radius:5px;position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.post .yt iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.post .i-tex{transform:scale(0.8)}.post .tex,.post .i-tex{color:var(--text-color)}.post .tex:hover,.post .tex.hover,.post .i-tex:hover,.post .i-tex.hover{color:#000}.post:hover{background:var(--background-color)}@media(min-width:992px){.post{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-areas:"main main aside" "buttons buttons aside" "more more aside" "comments comments aside"}.post main{grid-area:main;min-width:0;contain:content}.post aside{grid-area:aside;contain:content}.post .buttons{grid-area:buttons}.post .more{grid-area:more}.post .comments{grid-area:comments}}.post main>p{font-size:16px;line-height:30px}.post main>p:first-of-type:first-letter{color:var(--theme-color);margin-top:7px;margin-right:5px;float:left;font-size:80px;line-height:80px;font-family:NouveauDropCaps,serif;font-display:optional}.post main>ul>li,.post main>ol>li{font-size:16px;line-height:30px}.post main h1:first-of-type{padding-left:0}.post .post-anchor{position:relative;margin:0 0 40px;border-radius:5px;width:100%;padding-bottom:50%}.post .post-anchor .banner-holder{width:100%;position:relative;padding-bottom:0;overflow:hidden}.post .post-anchor .banner-holder img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;transition:transform .2s linear}.post .post-anchor:hover .banner-holder img,.post .post-anchor .banner-holder.hover img{transform:scale(1.1)}.post .post-anchor .banner-holder{height:100%;position:absolute}.post aside{line-height:30px}@media(min-width:992px){.post aside{padding:0 calc(2*var(--content-padding))}}.post aside *{text-align:left}.post aside svg{fill:var(--theme-color)}.post aside svg:hover,.post aside svg.hover{animation:rubberBand .5s linear}.post aside th{padding:0 12px 0 0;white-space:nowrap}.post aside th svg{vertical-align:middle;margin:0 5px 0 0}@media(max-width:1199px) and (min-width:992px){.post aside th{font-size:0}}@media(max-width:767px) and (min-width:576px){.post aside th{font-size:0}}.post aside .tags span,.post aside .category span{font-weight:700}@media(max-width:1199px) and (min-width:992px){.post aside .tags span,.post aside .category span{display:none}}@media(max-width:767px) and (min-width:576px){.post aside .tags span,.post aside .category span{display:none}}.post aside .tags svg,.post aside .category svg{vertical-align:middle;margin:0 5px 0 0}.post aside h2{padding-top:20px;margin:0 0 8px}.post aside section{padding:0 0 20px;border-bottom:1px dashed #ddd}.post aside section .info{font-size:10px;float:right}@media(max-width:991px) and (min-width:576px){.post aside{columns:2;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.post aside section{border-bottom:none}}@media(max-width:575px){.post aside{border-top:1px dashed #ddd}}.post aside .tag-cloud{line-height:2rem}.post aside .tag-cloud>a{white-space:nowrap;color:var(--text-color);padding:2px;border-radius:2px}.post aside .tag-cloud>a:hover{color:var(--theme-color);text-decoration:underline}.post .buttons{margin:20px 0}.post .next{float:right}.post .comments ul{padding:0}.post .comments li{list-style:none}.post .comments form{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:20px;grid-row-gap:20px}@media(min-width:576px){.post .comments form{grid-template-areas:"input1 input2" "comment comment" "button ."}}@media(max-width:575px){.post .comments form{grid-template-areas:"input1 input1" "input2 input2" "comment comment" "button button"}}.post .comments input:not(:placeholder-shown):not(:focus):invalid{border-color:red}.post .comments input:first-child{grid-area:input1}.post .comments input:nth-child(2){grid-area:input2}.post .comments textarea{grid-area:comment}.post .comments button{grid-area:button;justify-self:flex-start}@font-face{font-family:nouveaudropcaps;src:url(/fonts/NouveauDropCaps.woff2) format("woff2");unicode-range:U+41-5A}.comment{min-height:120px}.comment img{margin:5px 20px 0 0;width:100px;height:100px;border-radius:50%;border:1px solid rgba(var(--text-color-rgb),0.1);float:left}.comment svg{fill:var(--text-color);vertical-align:middle;width:20px;height:20px}.comment time{font-size:12px}.commenter-comment{background:rgba(var(--theme-color-rgb),0.1);margin-left:120px;min-height:80px;padding:10px 20px;border-radius:5px}.commenter-name{font-weight:400;padding:0 20px 0 0}.background{position:fixed;width:100%;height:100%;left:0;top:0;background-image:url(/image/background_hu5fa5007403ed47f8e70c21b28ee4cec6_92766_1400x787_fill_q75_box_smart1.jpg);background-size:cover}.dark .background{background-image:url(/image/background-dark_huacd336bfb7f5597695f9c32d4115a2aa_1561823_1400x787_fill_q75_box_smart1.jpg)}.more ul{padding:0}@media(min-width:768px){.more ul.items-3{grid-template-columns:1fr 1fr 1fr}}.more li{border-radius:4px;overflow:hidden;list-style:none;display:flex;flex-direction:column;box-shadow:0 1px 1px rgba(var(--text-color-rgb),0.1)}.more li .img-container{width:100%;position:relative;padding-bottom:75%;overflow:hidden}.more li .img-container img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;transition:transform .2s linear}.more li:hover .img-container img,.more li .img-container.hover img{transform:scale(1.1)}.more li>.description{font-weight:400;padding:10px;display:flex;flex:1;flex-direction:column;border-top:2px solid transparent;justify-content:space-between;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.more li:hover,.more li.hover{box-shadow:0 1px 10px rgba(var(--text-color-rgb),0.1)}.more li:hover .description,.more li.hover .description{border-top-color:var(--theme-color)}.more svg{vertical-align:middle;fill:var(--text-color)}.more small{color:var(--text-color)}@media(min-width:769px){aside{transform-origin:top left;animation:bounceInRightNoDelay 1.1s ease-in-out}main{transform-origin:top right;animation:bounceInLeftNoDelay 1.1s ease-in-out}.more ul li,.comments ul li{transform-origin:top center;will-change:opacity,transform}.comments.visible h2,.more.visible h2{animation:fade-up-item-1 2s ease-in-out}.comments.visible ul li:nth-child(1),.more.visible ul li:nth-child(1){animation:fade-up-item-2 2s ease-in-out}.comments.visible ul li:nth-child(2),.more.visible ul li:nth-child(2){animation:fade-up-item-3 2s ease-in-out}.comments.visible ul li:nth-child(3),.more.visible ul li:nth-child(3){animation:fade-up-item-4 2s ease-in-out}.comments.visible ul li:nth-child(4),.more.visible ul li:nth-child(4){animation:fade-up-item-5 2s ease-in-out}.comments.visible ul li:nth-child(5),.more.visible ul li:nth-child(5){animation:fade-up-item-6 2s ease-in-out}.comments.visible ul li:nth-child(6),.more.visible ul li:nth-child(6){animation:fade-up-item-7 2s ease-in-out}.comments.visible ul li:nth-child(7),.more.visible ul li:nth-child(7){animation:fade-up-item-8 2s ease-in-out}.comments.visible ul li:nth-child(8),.more.visible ul li:nth-child(8){animation:fade-up-item-9 2s ease-in-out}.comments.visible ul li:nth-child(9),.more.visible ul li:nth-child(9){animation:fade-up-item-10 2s ease-in-out}.comments.visible ul li:nth-child(10),.more.visible ul li:nth-child(10){animation:fade-up-item-11 2s ease-in-out}.comments.visible>h3,.more.visible>h3{animation:fade-up-item-1 2s ease-in-out}.comments.visible>p,.more.visible>p{animation:fade-up-item-2 2s ease-in-out}.comments form.visible input{animation:fade-up-item-3 2s ease-in-out}.comments form.visible textarea{animation:fade-up-item-4 2s ease-in-out}.comments form.visible button{animation:fade-up-item-5 2s ease-in-out}}.honeypot{position:absolute;left:-5000px}.newsletter{min-width:220px;width:100%}.newsletter .email{width:calc(100% - 50px);display:inline-block}.newsletter button{display:inline-block;width:50px;padding:0;text-align:center;background:var(--theme-color);color:var(--background-color)}.newsletter button:hover{filter:brightness(95%)}.newsletter button,.newsletter .email{height:42px;vertical-align:middle}.post main h1,.post main h2,.post main h3,.post main h4,.post main h5,.post main h6{position:relative;padding-left:30px}.heading-anchor{display:inline-block;color:#ddd;position:absolute;margin-top:calc(-1 * var(--header-height));padding-top:var(--header-height);left:0}@media(prefers-reduced-motion){.post *{animation:none!important}}.contact-cover{width:100%;padding-bottom:20.83333333%}.contact-cover img{position:fixed;object-fit:cover;width:100vw;object-position:50% 0%}.contact{background:var(--background-color);z-index:1;width:100%;padding-left:calc( (100% - var(--max-width))/2 + var(--content-padding));padding-right:calc( (100% - var(--max-width))/2 + var(--content-padding))}.contact>section{display:grid;grid-template-columns:1fr;grid-column-gap:20px;grid-row-gap:20px}@media(min-width:768px){.contact>section{grid-template-columns:4fr 6fr}}.contact aside svg{width:32px;height:32px;vertical-align:middle;fill:var(--background-color);background:var(--theme-color);border-radius:4px;margin:4px 10px 4px 0;padding:3px}.contact aside ul{padding:0}.contact aside li{list-style:none;text-align:left}.contact aside li a{color:var(--text-color)}.contact aside li a:hover{color:var(--theme-color)}.contact aside .social a{font-size:0}.contact aside .social li{display:inline-block}.contact aside .social svg{border-radius:50%;padding:7px;width:40px;height:40px}.contact form{padding:20px 0}.contact form input,.contact form textarea{width:100%;margin:10px 0}@media(min-width:769px){.contact-cover img{animation:zoomIn .8s ease-in;will-change:opacity,transform}.contact h1{animation:fade-up-item-1 2s ease-in-out}.contact .subtitle{animation:fade-up-item-2 2s ease-in-out}.contact form{transform-origin:center left;animation:bounceInRightNoDelay 1.1s ease-in-out;contain:content}.contact aside{transform-origin:center right;animation:bounceInLeftNoDelay 1.1s ease-in-out;contain:content}}@media(prefers-reduced-motion){.contact *{animation:none!important}}:root{--max-width: 100vw;--header-height: 60px;--background-color-rgb: 255, 255, 255;--text-color-rgb: 0, 0, 0;--theme-color: rgba(var(--theme-color-rgb), 1.0);--background-color: rgba(var(--background-color-rgb), 1.0);--text-color: #666;--content-padding: 15px;--heading-color: #444;--shade-color: #f6f6f6;--hover-color: #111}@media(min-width:576px){:root{--max-width: 540px}}@media(min-width:768px){:root{--max-width: 720px}}@media(min-width:992px){:root{--header-height: 75px;--max-width: 960px}}@media(min-width:1200px){:root{--max-width: 1140px}}.meta:nth-child(2n){background:var(--shade-color)}.meta{width:100%;padding-left:calc( (100% - var(--max-width))/2 + var(--content-padding));padding-right:calc( (100% - var(--max-width))/2 + var(--content-padding));contain:content}.meta>:last-child{margin-bottom:40px}.meta>:first-child,.meta>h1{margin-top:40px}.meta h1,.meta h2,.meta h3,.meta h4{text-align:center;transition:transform .2s ease-in;transform-origin:50% 50%}.meta h1:hover,.meta h2:hover,.meta h3:hover,.meta h4:hover{text-shadow:1px 1px 2px var(--text-color)}.meta h2:hover{transform:none}.meta .subtitle{text-align:center}.meta .content:hover,.meta .content.hover{color:var(--hover-color)}.meta .main-icon{float:right;margin:60px 0 40px;z-index:1}.meta .item{display:flex;flex-direction:column;padding:10px 0 0}.meta .item .item-cover{align-self:center;border-radius:5px;background-color:var(--theme-color);transition:border-radius .5s ease-in-out;border:2px solid transparent;box-sizing:content-box}.meta .item .item-cover:hover,.meta .item .item-cover.hover{border-radius:50%}.meta .item h2{padding:8px 0;margin:0;color:var(--text-color)}.meta .item h3{margin:0;padding:5px 0;color:var(--text-color)}.meta .item h4{margin:0;padding:3px 0;color:var(--text-color)}.meta .item .item-icon{align-self:center;min-height:65px;margin:5px 0}.meta .item .links{align-self:flex-end;flex:1;display:flex;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;margin:5px;align-content:flex-end}.meta .item .links a{display:flex;align-items:center;min-height:45px;margin:5px 0}.meta .item .links a svg,.meta .item .links a .link-text{margin:0 5px;transition:none}.meta .item .links a:not(:first-child){margin-left:10px}.main-icon:hover,.item-icon:hover,.item-icon.hover,.main-icon.hover{animation:rubberBand .5s ease-in-out}.meta.default .item-cover{width:100%;height:auto}.meta.default .items{grid-row-gap:40px}.meta.default>img{display:block;margin:0 auto;max-width:100%;height:auto}.left-image{display:grid;grid-template-columns:1fr 4fr;grid-column-gap:20px;grid-row-gap:10px;grid-template-areas:"pic title" "pic subtitle" "pic desc"}.left-image img{margin:40px 0;grid-area:pic;border:1px solid rgba(var(--text-color-rgb),0.1);background:rgba(var(--text-color-rgb),0.1);width:100%;height:auto;border-radius:50%}.left-image img:hover{box-shadow:0 0 10px rgba(var(--text-color-rgb),0.1)}.left-image p{grid-area:desc}.left-image h1{margin:40px 0 0;grid-area:title}.left-image .subtitle{grid-area:subtitle}@media(max-width:1200px){.left-image{grid-template-columns:1.5fr 3fr}}@media(min-width:993px){.left-image h1,.left-image .subtitle{padding:0;margin:0}.left-image h1{margin-top:40px}}@media(max-width:992px){.left-image{display:block}.left-image *{margin:20px 0}.left-image img{margin:0 20px 0 0;width:33%;max-width:200px;float:left}}.item-icon-left .item{display:grid;grid-template-columns:40px 1fr;grid-column-gap:20px;grid-template-areas:"icon title" "icon subtitle" "icon heading" "icon desc" "icon links"}.item-icon-left .item .item-icon{grid-area:icon;align-self:flex-start;min-height:40px}.item-icon-left .item h2{grid-area:title}.item-icon-left .item h3{grid-area:subtitle}.item-icon-left .item h4{grid-area:heading}.item-icon-left .item .content{grid-area:desc}.item-icon-left .item .links{grid-area:links}.dark .meta.content.with-background{background-image:url(/image/background-dark_huacd336bfb7f5597695f9c32d4115a2aa_1561823_1400x787_fill_q75_box_smart1.jpg)}.meta.content{background-attachment:fixed;background-repeat:no-repeat;background-size:cover;height:auto}.meta.content.with-background{background-image:url(/image/background_hu5fa5007403ed47f8e70c21b28ee4cec6_92766_1400x787_fill_q75_box_smart1.jpg)}.meta.content:not(:first-of-type){flex:0}.meta.content h1,.meta.content h2,.meta.content h3,.meta.content h4{text-align:left}.meta.content h1:first-of-type{text-align:center}.meta.content>article{width:100%;padding-left:var(--content-padding);padding-right:var(--content-padding);margin-left:calc((100% - var(--max-width))/2);margin-right:calc((100% - var(--max-width))/2);max-width:var(--max-width);padding:calc(2*var(--content-padding));background:rgba(var(--background-color-rgb),0.9);border-radius:5px;box-shadow:0 0 2px #ddd}.meta.content>article:hover{background:var(--background-color)}@media(min-width:769px){.meta.content>article *{animation:fade-up-item-3 2s ease-in-out}.meta.content>article h1{animation:fade-up-item-1 2s ease-in-out}.meta.content>article .subtitle{animation:fade-up-item-2 2s ease-in-out}}@media(prefers-reduced-motion){.meta.content>article *{animation:none!important}}.meta.full-width{padding:0}.meta.full-width .items{display:block}.meta.full-width .items .item{padding:40px 0;width:100%;padding-left:calc( (100% - var(--max-width))/2 + var(--content-padding));padding-right:calc( (100% - var(--max-width))/2 + var(--content-padding));display:block}.meta.full-width .items .item .item-cover{float:left;margin:0 40px 40px 0;position:relative;z-index:2}.meta.full-width .items .item video.item-cover{background:#000;border-color:var(--theme-color)}.meta.full-width .items .item:nth-child(2n){background:var(--shade-color)}.meta.full-width .items .item:nth-child(2n) .item-cover{float:right;margin:0 0 40px 40px}.meta.full-width .items .item:nth-child(2n) .links{align-self:flex-start;align-items:flex-start;justify-content:flex-start}.meta.full-width .items .item:after{content:" ";clear:both;display:block}.meta.full-width .items .item .content{padding:20px 0}.meta.full-width .items .item small{display:inline-block}.meta.full-width:nth-child(2n) .item:nth-child(2n){background:var(--background-color)}@media(max-width:767px){.meta.full-width .items .item{display:grid;grid-template-columns:1fr;grid-template-areas:"title" "subtitle" "image" "content" "links" "attribution"}.meta.full-width .items .item h2{grid-area:title}.meta.full-width .items .item h3{grid-area:subtitle}.meta.full-width .items .item:nth-child(2n) .item-cover{margin:0}.meta.full-width .items .item .links{grid-area:links}.meta.full-width .items .item .links:nth-child(2n){align-self:flex-end;align-items:flex-end;justify-content:flex-end}.meta.full-width .items .item .attribution{grid-area:attribution}.meta.full-width .items .item .item-cover{grid-area:image;align-self:center;justify-self:center;margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px}.meta.full-width .items .item .content{grid-area:content}}.meta.max-2 .items{grid-template-areas:none;grid-template-columns:1fr 1fr}@media(max-width:767px){.meta.max-2 .items{grid-template-columns:1fr}}.meta.carousel{width:100%;padding-left:var(--content-padding);padding-right:var(--content-padding);margin-left:calc((100% - var(--max-width))/2);margin-right:calc((100% - var(--max-width))/2);max-width:var(--max-width);padding-left:0;padding-right:0;overflow:hidden;margin-bottom:20px}.meta.carousel .items{display:flex;grid-column-gap:0;grid-row-gap:0}.meta.carousel:nth-child(2n){box-shadow:400px 0 0 20px var(--shade-color),-400px 0 0 20px var(--shade-color)}.meta.carousel .item{background-color:var(--background-color);transform:translate3d(0,0,0);min-width:calc(var(--max-width)/2 - 40px);margin:0 20px;padding:20px;box-shadow:0 0 4px rgba(var(--text-color-rgb),0.1);border-radius:4px;display:grid;grid-template-areas:"icon" "content" "heading";justify-content:center}.meta.carousel .item:hover,.meta.carousel .item.hover{box-shadow:0 0 20px rgba(var(--text-color-rgb),0.1)}.meta.carousel .item:hover h2,.meta.carousel .item.hover h2{filter:none}.meta.carousel .item h2{grid-area:heading;font-size:14px}.meta.carousel .item .item-icon{grid-area:icon;justify-self:center}.meta.carousel .item .content{grid-area:"content"}.meta.carousel .item-icon{min-height:60px;min-width:60px;padding:2px;filter:drop-shadow(2px 3px 4px #AAA);border-radius:50%}.meta.carousel h2{color:var(--theme-color);filter:brightness(60%);text-align:right}.meta.carousel h2::before{content:"“";font-family:_serif;font-size:40px;padding-right:10px;line-height:15px;vertical-align:text-bottom}.meta.carousel h2 small{font-size:60%}.meta.carousel h2:hover{transform:none}.meta.carousel h2::selected{filter:none}.meta.carousel .items:hover{animation-play-state:paused}.meta.carousel .items:hover .item:first-child{animation-play-state:paused}.meta.carousel .items:hover .item:nth-child(2){animation-play-state:paused}.meta.carousel .items-5{animation:scroll-5 20s linear infinite}@keyframes scroll-5{0%,15%{transform:translateX(calc(var(--max-width) * 0))}20%,35%{transform:translateX(calc(var(--max-width) * -.5))}40%,55%{transform:translateX(calc(var(--max-width) * -1))}60%,75%{transform:translateX(calc(var(--max-width) * -1.5))}80%,95%{transform:translateX(calc(var(--max-width) * -2))}99.99%{transform:translateX(calc(var(--max-width)*-2.5))}}@keyframes scroll-5-end{74.99%,100%{transform:none}75%,99.99%{transform:translateX(calc(var(--max-width)*2.5))}}@keyframes scroll-5-end-2{94.99%,100%{transform:none}95%,99.99%{transform:translateX(calc(var(--max-width)*2.5))}}.meta.carousel .items-5 .item:first-child{animation:scroll-5-end 20s linear infinite}.meta.carousel .items-5 .item:nth-child(2){animation:scroll-5-end-2 20s linear infinite}@media(max-width:767px){.meta.carousel .item{min-width:calc(var(--max-width) - 40px)}@keyframes scroll-md-5{0%,15%{transform:translateX(calc(var(--max-width) * 0))}20%,35%{transform:translateX(calc(var(--max-width) * -1))}40%,55%{transform:translateX(calc(var(--max-width) * -2))}60%,75%{transform:translateX(calc(var(--max-width) * -3))}80%,95%{transform:translateX(calc(var(--max-width) * -4))}99.99%{transform:translateX(calc(var(--max-width)*-5))}}@keyframes scroll-md-5-end{74.99%,100%{transform:none}75%,99.99%{transform:translateX(calc(var(--max-width)*5))}}.meta.carousel .items-5{animation:scroll-md-5 20s infinite}.meta.carousel .items-5 .item:first-child{animation:scroll-md-5-end 20s infinite}.meta.carousel .items-5 .item:nth-child(2){animation:none}}.meta.filter{text-align:center}.meta.filter .item-cover{width:100%;height:auto}.meta.filter .filter{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto;height:auto;text-align:center;margin:5px;font-size:14px;padding:0;border-radius:2px}.meta.filter .filter:after{content:attr(value);padding:5px 12px;display:block}.meta.filter .items{display:flex;flex-wrap:wrap}.meta.filter .filter-0:checked~.items>.filter-0{width:calc(var(--max-width)/3 - 50px);margin:10px;height:auto;transform:none;transition:transform .5s ease-out .45s,width .5s ease-out}.meta.filter .filter-1:checked~.items>.filter-1{width:calc(var(--max-width)/3 - 50px);margin:10px;height:auto;transform:none;transition:transform .5s ease-out .45s,width .5s ease-out}.meta.filter .filter-2:checked~.items>.filter-2{width:calc(var(--max-width)/3 - 50px);margin:10px;height:auto;transform:none;transition:transform .5s ease-out .45s,width .5s ease-out}.meta.filter .filter-3:checked~.items>.filter-3{width:calc(var(--max-width)/3 - 50px);margin:10px;height:auto;transform:none;transition:transform .5s ease-out .45s,width .5s ease-out}.meta.filter .filter-4:checked~.items>.filter-4{width:calc(var(--max-width)/3 - 50px);margin:10px;height:auto;transform:none;transition:transform .5s ease-out .45s,width .5s ease-out}.meta.filter .filter-5:checked~.items>.filter-5{width:calc(var(--max-width)/3 - 50px);margin:10px;height:auto;transform:none;transition:transform .5s ease-out .45s,width .5s ease-out}.meta.filter .filter-6:checked~.items>.filter-6{width:calc(var(--max-width)/3 - 50px);margin:10px;height:auto;transform:none;transition:transform .5s ease-out .45s,width .5s ease-out}.meta.filter .filter-7:checked~.items>.filter-7{width:calc(var(--max-width)/3 - 50px);margin:10px;height:auto;transform:none;transition:transform .5s ease-out .45s,width .5s ease-out}.meta.filter .filter-8:checked~.items>.filter-8{width:calc(var(--max-width)/3 - 50px);margin:10px;height:auto;transform:none;transition:transform .5s ease-out .45s,width .5s ease-out}.meta.filter .filter-9:checked~.items>.filter-9{width:calc(var(--max-width)/3 - 50px);margin:10px;height:auto;transform:none;transition:transform .5s ease-out .45s,width .5s ease-out}.meta.filter .filter-10:checked~.items>.filter-10{width:calc(var(--max-width)/3 - 50px);margin:10px;height:auto;transform:none;transition:transform .5s ease-out .45s,width .5s ease-out}@media(max-width:991px){.meta.filter .filter-0:checked~.items>.filter-0{width:calc(var(--max-width) - 50px);height:auto;margin:10px;transform:none;transition:transform .5s ease-out .45s,width .5s ease-out}.meta.filter .filter-1:checked~.items>.filter-1{width:calc(var(--max-width) - 50px);height:auto;margin:10px;transform:none;transition:transform .5s ease-out .45s,width .5s ease-out}.meta.filter .filter-2:checked~.items>.filter-2{width:calc(var(--max-width) - 50px);height:auto;margin:10px;transform:none;transition:transform .5s ease-out .45s,width .5s ease-out}.meta.filter .filter-3:checked~.items>.filter-3{width:calc(var(--max-width) - 50px);height:auto;margin:10px;transform:none;transition:transform .5s ease-out .45s,width .5s ease-out}.meta.filter .filter-4:checked~.items>.filter-4{width:calc(var(--max-width) - 50px);height:auto;margin:10px;transform:none;transition:transform .5s ease-out .45s,width .5s ease-out}.meta.filter .filter-5:checked~.items>.filter-5{width:calc(var(--max-width) - 50px);height:auto;margin:10px;transform:none;transition:transform .5s ease-out .45s,width .5s ease-out}.meta.filter .filter-6:checked~.items>.filter-6{width:calc(var(--max-width) - 50px);height:auto;margin:10px;transform:none;transition:transform .5s ease-out .45s,width .5s ease-out}.meta.filter .filter-7:checked~.items>.filter-7{width:calc(var(--max-width) - 50px);height:auto;margin:10px;transform:none;transition:transform .5s ease-out .45s,width .5s ease-out}.meta.filter .filter-8:checked~.items>.filter-8{width:calc(var(--max-width) - 50px);height:auto;margin:10px;transform:none;transition:transform .5s ease-out .45s,width .5s ease-out}.meta.filter .filter-9:checked~.items>.filter-9{width:calc(var(--max-width) - 50px);height:auto;margin:10px;transform:none;transition:transform .5s ease-out .45s,width .5s ease-out}.meta.filter .filter-10:checked~.items>.filter-10{width:calc(var(--max-width) - 50px);height:auto;margin:10px;transform:none;transition:transform .5s ease-out .45s,width .5s ease-out}}.meta.filter .item{width:0;margin:0;height:0;transform:scale(0);transform-origin:20% 40%;transition:transform .5s ease-in,width .5s ease-out .45s,margin .5s ease-out .45s,height 0s ease-out .45s}.meta.centered{min-height:80vh;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;position:relative;display:flex;align-items:center;justify-content:center}.meta.centered .items{background:inherit}.meta.centered .item{position:relative;background:inherit;overflow:hidden;padding:20px;border-radius:5px}.meta.centered .item:before{content:" ";position:absolute;top:-25px;left:-25px;bottom:-25px;right:-25px;background:inherit;box-shadow:inset 0 0 0 200px rgba(var(--background-color-rgb),0.4);filter:blur(10px)}.meta.centered .item *{z-index:5;text-align:center}.meta.centered>.attribution{position:absolute;bottom:-30px;right:5px;padding:5px;background:rgba(var(--background-color-rgb),0.4);border-radius:2px;color:var(--text-color)}@media(hover:none){.meta.centered{background-attachment:scroll}.meta.centered .items{background:rgba(var(--background-color-rgb),0.4)}.meta.centered .item{background:transparent}.meta.centered .item:before{content:none}}.meta.blog>ul{padding:0}.meta.blog h3:hover{transform:none}.meta.blog .item{padding:15px}.meta.gray-image .item-cover{filter:contrast(1);transition:filter .2s ease-in}.meta.gray-image .item-cover:hover,.meta.gray-image .item-cover.hover{border-radius:5px;filter:contrast(1.3) brightness(1.1)}.meta.keep-width .item-cover{max-width:100%;height:auto}@media(min-width:769px){.left-image>*{transform:translate3d(0,0,0);will-change:transform}.left-image>img{transform:translate3d(0,0,0);will-change:transform}.left-image.visible>*,.left-image:nth-of-type(1)>*,.left-image:nth-of-type(2)>*{transform-origin:center left;animation:bounceInRightNoDelay 1.1s ease-in-out}.left-image.visible>img,.left-image:nth-of-type(1)>img,.left-image:nth-of-type(2)>img{transform-origin:center right;animation:bounceInLeftNoDelay 1.1s ease-in-out}.meta.default.visible h1,.meta.default.visible .main-icon,.meta.default:nth-of-type(1) h1,.meta.default:nth-of-type(1) .main-icon,.meta.default:nth-of-type(2) h1,.meta.default:nth-of-type(2) .main-icon,.full-width.visible h1,.full-width.visible .main-icon,.full-width:nth-of-type(1) h1,.full-width:nth-of-type(1) .main-icon,.full-width:nth-of-type(2) h1,.full-width:nth-of-type(2) .main-icon,.max-2.visible h1,.max-2.visible .main-icon,.max-2:nth-of-type(1) h1,.max-2:nth-of-type(1) .main-icon,.max-2:nth-of-type(2) h1,.max-2:nth-of-type(2) .main-icon,.blog.visible h1,.blog.visible .main-icon,.blog:nth-of-type(1) h1,.blog:nth-of-type(1) .main-icon,.blog:nth-of-type(2) h1,.blog:nth-of-type(2) .main-icon,.filter.visible h1,.filter.visible .main-icon,.filter:nth-of-type(1) h1,.filter:nth-of-type(1) .main-icon,.filter:nth-of-type(2) h1,.filter:nth-of-type(2) .main-icon,.item-icon-left.visible h1,.item-icon-left.visible .main-icon,.item-icon-left:nth-of-type(1) h1,.item-icon-left:nth-of-type(1) .main-icon,.item-icon-left:nth-of-type(2) h1,.item-icon-left:nth-of-type(2) .main-icon{animation:fade-up-item-1 2s ease-in-out}.meta.default.visible .subtitle,.meta.default:nth-of-type(1) .subtitle,.meta.default:nth-of-type(2) .subtitle,.full-width.visible .subtitle,.full-width:nth-of-type(1) .subtitle,.full-width:nth-of-type(2) .subtitle,.max-2.visible .subtitle,.max-2:nth-of-type(1) .subtitle,.max-2:nth-of-type(2) .subtitle,.blog.visible .subtitle,.blog:nth-of-type(1) .subtitle,.blog:nth-of-type(2) .subtitle,.filter.visible .subtitle,.filter:nth-of-type(1) .subtitle,.filter:nth-of-type(2) .subtitle,.item-icon-left.visible .subtitle,.item-icon-left:nth-of-type(1) .subtitle,.item-icon-left:nth-of-type(2) .subtitle{animation:fade-up-item-2 2s ease-in-out}.meta.default h1,.meta.default .main-icon,.meta.default .subtitle,.full-width h1,.full-width .main-icon,.full-width .subtitle,.max-2 h1,.max-2 .main-icon,.max-2 .subtitle,.blog h1,.blog .main-icon,.blog .subtitle,.filter h1,.filter .main-icon,.filter .subtitle,.item-icon-left h1,.item-icon-left .main-icon,.item-icon-left .subtitle{transform:translate3d(0,0,0);will-change:opacity,transform}.full-width .item>*{transform:translate3d(0,0,0);will-change:opacity,transform;backface-visibility:hidden}.full-width:nth-of-type(1) .item:nth-child(2n)>*,.full-width:nth-of-type(2) .item:nth-child(2n)>*,.full-width .item.visible:nth-child(2n)>*{transform-origin:center right;animation:bounceInLeft .8s ease-in-out;perspective:1000}.full-width:nth-of-type(1) .item:nth-child(2n) img,.full-width:nth-of-type(2) .item:nth-child(2n) img,.full-width .item.visible:nth-child(2n) img{transform-origin:center left;animation:bounceInRight .8s ease-in-out;perspective:1000}.full-width:nth-of-type(1) .item:nth-child(2n-1)>*,.full-width:nth-of-type(2) .item:nth-child(2n-1)>*,.full-width .item.visible:nth-child(2n-1)>*{transform-origin:center left;animation:bounceInRight .8s ease-in-out}.full-width:nth-of-type(1) .item:nth-child(2n-1) img,.full-width:nth-of-type(2) .item:nth-child(2n-1) img,.full-width .item.visible:nth-child(2n-1) img{transform-origin:center right;animation:bounceInLeft .8s ease-in-out}.max-2 .item{transform-origin:top center;will-change:opacity,transform}.max-2:nth-of-type(1) .item:nth-child(2n),.max-2:nth-of-type(2) .item:nth-child(2n),.max-2 .item.visible:nth-child(2n){animation:fade-up-item-2 2s ease-in-out}.max-2:nth-of-type(1) .item:nth-child(2n-1),.max-2:nth-of-type(2) .item:nth-child(2n-1),.max-2 .item.visible:nth-child(2n-1){animation:fade-up-item-1 2s ease-in-out}.filter .items-2 .item:nth-child(1),.blog .items-2 .item:nth-child(1),.meta.default .items-2 .item:nth-child(1),.item-icon-left .items-2 .item:nth-child(1){transform-origin:top center;will-change:opacity,transform}.filter .items-2 .item:nth-child(1).visible,.blog .items-2 .item:nth-child(1).visible,.meta.default .items-2 .item:nth-child(1).visible,.item-icon-left .items-2 .item:nth-child(1).visible{animation:fade-up-item-1 2s ease-in-out}.filter .items-2 .item:nth-child(2),.blog .items-2 .item:nth-child(2),.meta.default .items-2 .item:nth-child(2),.item-icon-left .items-2 .item:nth-child(2){transform-origin:top center;will-change:opacity,transform}.filter .items-2 .item:nth-child(2).visible,.blog .items-2 .item:nth-child(2).visible,.meta.default .items-2 .item:nth-child(2).visible,.item-icon-left .items-2 .item:nth-child(2).visible{animation:fade-up-item-2 2s ease-in-out}.filter:nth-of-type(1) .items-2,.filter:nth-of-type(2) .items-2,.blog:nth-of-type(1) .items-2,.blog:nth-of-type(2) .items-2,.meta.default:nth-of-type(1) .items-2,.meta.default:nth-of-type(2) .items-2,.item-icon-left:nth-of-type(1) .items-2,.item-icon-left:nth-of-type(2) .items-2{animation:fade-up-item-1 2s ease-in-out;animation:fade-up-item-2 2s ease-in-out}.filter .items-3 .item:nth-child(1),.blog .items-3 .item:nth-child(1),.meta.default .items-3 .item:nth-child(1),.item-icon-left .items-3 .item:nth-child(1){transform-origin:top center;will-change:opacity,transform}.filter .items-3 .item:nth-child(1).visible,.blog .items-3 .item:nth-child(1).visible,.meta.default .items-3 .item:nth-child(1).visible,.item-icon-left .items-3 .item:nth-child(1).visible{animation:fade-up-item-1 2s ease-in-out}.filter .items-3 .item:nth-child(2),.blog .items-3 .item:nth-child(2),.meta.default .items-3 .item:nth-child(2),.item-icon-left .items-3 .item:nth-child(2){transform-origin:top center;will-change:opacity,transform}.filter .items-3 .item:nth-child(2).visible,.blog .items-3 .item:nth-child(2).visible,.meta.default .items-3 .item:nth-child(2).visible,.item-icon-left .items-3 .item:nth-child(2).visible{animation:fade-up-item-2 2s ease-in-out}.filter .items-3 .item:nth-child(3),.blog .items-3 .item:nth-child(3),.meta.default .items-3 .item:nth-child(3),.item-icon-left .items-3 .item:nth-child(3){transform-origin:top center;will-change:opacity,transform}.filter .items-3 .item:nth-child(3).visible,.blog .items-3 .item:nth-child(3).visible,.meta.default .items-3 .item:nth-child(3).visible,.item-icon-left .items-3 .item:nth-child(3).visible{animation:fade-up-item-3 2s ease-in-out}.filter:nth-of-type(1) .items-3,.filter:nth-of-type(2) .items-3,.blog:nth-of-type(1) .items-3,.blog:nth-of-type(2) .items-3,.meta.default:nth-of-type(1) .items-3,.meta.default:nth-of-type(2) .items-3,.item-icon-left:nth-of-type(1) .items-3,.item-icon-left:nth-of-type(2) .items-3{animation:fade-up-item-1 2s ease-in-out;animation:fade-up-item-2 2s ease-in-out;animation:fade-up-item-3 2s ease-in-out}.filter .items-4 .item:nth-child(1),.blog .items-4 .item:nth-child(1),.meta.default .items-4 .item:nth-child(1),.item-icon-left .items-4 .item:nth-child(1){transform-origin:top center;will-change:opacity,transform}.filter .items-4 .item:nth-child(1).visible,.blog .items-4 .item:nth-child(1).visible,.meta.default .items-4 .item:nth-child(1).visible,.item-icon-left .items-4 .item:nth-child(1).visible{animation:fade-up-item-1 2s ease-in-out}.filter .items-4 .item:nth-child(2),.blog .items-4 .item:nth-child(2),.meta.default .items-4 .item:nth-child(2),.item-icon-left .items-4 .item:nth-child(2){transform-origin:top center;will-change:opacity,transform}.filter .items-4 .item:nth-child(2).visible,.blog .items-4 .item:nth-child(2).visible,.meta.default .items-4 .item:nth-child(2).visible,.item-icon-left .items-4 .item:nth-child(2).visible{animation:fade-up-item-2 2s ease-in-out}.filter .items-4 .item:nth-child(3),.blog .items-4 .item:nth-child(3),.meta.default .items-4 .item:nth-child(3),.item-icon-left .items-4 .item:nth-child(3){transform-origin:top center;will-change:opacity,transform}.filter .items-4 .item:nth-child(3).visible,.blog .items-4 .item:nth-child(3).visible,.meta.default .items-4 .item:nth-child(3).visible,.item-icon-left .items-4 .item:nth-child(3).visible{animation:fade-up-item-3 2s ease-in-out}.filter .items-4 .item:nth-child(4),.blog .items-4 .item:nth-child(4),.meta.default .items-4 .item:nth-child(4),.item-icon-left .items-4 .item:nth-child(4){transform-origin:top center;will-change:opacity,transform}.filter .items-4 .item:nth-child(4).visible,.blog .items-4 .item:nth-child(4).visible,.meta.default .items-4 .item:nth-child(4).visible,.item-icon-left .items-4 .item:nth-child(4).visible{animation:fade-up-item-4 2s ease-in-out}.filter:nth-of-type(1) .items-4,.filter:nth-of-type(2) .items-4,.blog:nth-of-type(1) .items-4,.blog:nth-of-type(2) .items-4,.meta.default:nth-of-type(1) .items-4,.meta.default:nth-of-type(2) .items-4,.item-icon-left:nth-of-type(1) .items-4,.item-icon-left:nth-of-type(2) .items-4{animation:fade-up-item-1 2s ease-in-out;animation:fade-up-item-2 2s ease-in-out;animation:fade-up-item-3 2s ease-in-out;animation:fade-up-item-4 2s ease-in-out}.filter .items-6 .item,.blog .items-6 .item,.meta.default .items-6 .item,.item-icon-left .items-6 .item{transform-origin:top center;will-change:opacity,transform}.filter:nth-of-type(1) .items-6 .item:nth-child(3n+1),.filter:nth-of-type(2) .items-6 .item:nth-child(3n+1),.filter .items-6 .item:nth-child(3n+1).visible,.blog:nth-of-type(1) .items-6 .item:nth-child(3n+1),.blog:nth-of-type(2) .items-6 .item:nth-child(3n+1),.blog .items-6 .item:nth-child(3n+1).visible,.meta.default:nth-of-type(1) .items-6 .item:nth-child(3n+1),.meta.default:nth-of-type(2) .items-6 .item:nth-child(3n+1),.meta.default .items-6 .item:nth-child(3n+1).visible,.item-icon-left:nth-of-type(1) .items-6 .item:nth-child(3n+1),.item-icon-left:nth-of-type(2) .items-6 .item:nth-child(3n+1),.item-icon-left .items-6 .item:nth-child(3n+1).visible{animation:fade-up-item-1 2s ease-in-out}.filter:nth-of-type(1) .items-6 .item:nth-child(3n+2),.filter:nth-of-type(2) .items-6 .item:nth-child(3n+2),.filter .items-6 .item:nth-child(3n+2).visible,.blog:nth-of-type(1) .items-6 .item:nth-child(3n+2),.blog:nth-of-type(2) .items-6 .item:nth-child(3n+2),.blog .items-6 .item:nth-child(3n+2).visible,.meta.default:nth-of-type(1) .items-6 .item:nth-child(3n+2),.meta.default:nth-of-type(2) .items-6 .item:nth-child(3n+2),.meta.default .items-6 .item:nth-child(3n+2).visible,.item-icon-left:nth-of-type(1) .items-6 .item:nth-child(3n+2),.item-icon-left:nth-of-type(2) .items-6 .item:nth-child(3n+2),.item-icon-left .items-6 .item:nth-child(3n+2).visible{animation:fade-up-item-2 2s ease-in-out}.filter:nth-of-type(1) .items-6 .item:nth-child(3n+3),.filter:nth-of-type(2) .items-6 .item:nth-child(3n+3),.filter .items-6 .item:nth-child(3n).visible,.blog:nth-of-type(1) .items-6 .item:nth-child(3n+3),.blog:nth-of-type(2) .items-6 .item:nth-child(3n+3),.blog .items-6 .item:nth-child(3n).visible,.meta.default:nth-of-type(1) .items-6 .item:nth-child(3n+3),.meta.default:nth-of-type(2) .items-6 .item:nth-child(3n+3),.meta.default .items-6 .item:nth-child(3n).visible,.item-icon-left:nth-of-type(1) .items-6 .item:nth-child(3n+3),.item-icon-left:nth-of-type(2) .items-6 .item:nth-child(3n+3),.item-icon-left .items-6 .item:nth-child(3n).visible{animation:fade-up-item-3 2s ease-in-out}.filter .items-9 .item,.blog .items-9 .item,.meta.default .items-9 .item,.item-icon-left .items-9 .item{transform-origin:top center;will-change:opacity,transform}.filter:nth-of-type(1) .items-9 .item:nth-child(3n+1),.filter:nth-of-type(2) .items-9 .item:nth-child(3n+1),.filter .items-9 .item:nth-child(3n+1).visible,.blog:nth-of-type(1) .items-9 .item:nth-child(3n+1),.blog:nth-of-type(2) .items-9 .item:nth-child(3n+1),.blog .items-9 .item:nth-child(3n+1).visible,.meta.default:nth-of-type(1) .items-9 .item:nth-child(3n+1),.meta.default:nth-of-type(2) .items-9 .item:nth-child(3n+1),.meta.default .items-9 .item:nth-child(3n+1).visible,.item-icon-left:nth-of-type(1) .items-9 .item:nth-child(3n+1),.item-icon-left:nth-of-type(2) .items-9 .item:nth-child(3n+1),.item-icon-left .items-9 .item:nth-child(3n+1).visible{animation:fade-up-item-1 2s ease-in-out}.filter:nth-of-type(1) .items-9 .item:nth-child(3n+2),.filter:nth-of-type(2) .items-9 .item:nth-child(3n+2),.filter .items-9 .item:nth-child(3n+2).visible,.blog:nth-of-type(1) .items-9 .item:nth-child(3n+2),.blog:nth-of-type(2) .items-9 .item:nth-child(3n+2),.blog .items-9 .item:nth-child(3n+2).visible,.meta.default:nth-of-type(1) .items-9 .item:nth-child(3n+2),.meta.default:nth-of-type(2) .items-9 .item:nth-child(3n+2),.meta.default .items-9 .item:nth-child(3n+2).visible,.item-icon-left:nth-of-type(1) .items-9 .item:nth-child(3n+2),.item-icon-left:nth-of-type(2) .items-9 .item:nth-child(3n+2),.item-icon-left .items-9 .item:nth-child(3n+2).visible{animation:fade-up-item-2 2s ease-in-out}.filter:nth-of-type(1) .items-9 .item:nth-child(3n+3),.filter:nth-of-type(2) .items-9 .item:nth-child(3n+3),.filter .items-9 .item:nth-child(3n).visible,.blog:nth-of-type(1) .items-9 .item:nth-child(3n+3),.blog:nth-of-type(2) .items-9 .item:nth-child(3n+3),.blog .items-9 .item:nth-child(3n).visible,.meta.default:nth-of-type(1) .items-9 .item:nth-child(3n+3),.meta.default:nth-of-type(2) .items-9 .item:nth-child(3n+3),.meta.default .items-9 .item:nth-child(3n).visible,.item-icon-left:nth-of-type(1) .items-9 .item:nth-child(3n+3),.item-icon-left:nth-of-type(2) .items-9 .item:nth-child(3n+3),.item-icon-left .items-9 .item:nth-child(3n).visible{animation:fade-up-item-3 2s ease-in-out}}@media(prefers-reduced-motion){.meta,.meta *{animation:none!important}}footer{background:#282828;color:#7c7c7c;z-index:1}footer>*{width:100%;padding-left:calc( (100% - var(--max-width))/2 + var(--content-padding));padding-right:calc( (100% - var(--max-width))/2 + var(--content-padding));padding-top:30px;padding-bottom:30px}footer h2{color:#ccc}footer p,footer li{color:#7c7c7c}footer p:hover,footer p.hover,footer li:hover,footer li.hover{color:#aaa;text-shadow:none}footer #copyright{text-align:center;background:#1d1d1d}footer h2{text-align:center}footer ul{padding:0}footer li{list-style:none;text-align:left}footer input{background:#1d1d1d;color:#ccc}footer .contact-us svg{width:32px;height:32px;vertical-align:middle;fill:var(--background-color);background:var(--theme-color);border-radius:4px;margin:4px 10px 4px 0;padding:3px}footer section:nth-of-type(1){will-change:transform,opacity}footer .items.visible section:nth-of-type(1){animation:fade-up-item-1 2s ease-in-out}footer section:nth-of-type(2){will-change:transform,opacity}footer .items.visible section:nth-of-type(2){animation:fade-up-item-2 2s ease-in-out}footer section:nth-of-type(3){will-change:transform,opacity}footer .items.visible section:nth-of-type(3){animation:fade-up-item-3 2s ease-in-out}footer section:nth-of-type(4){will-change:transform,opacity}footer .items.visible section:nth-of-type(4){animation:fade-up-item-4 2s ease-in-out}.chroma{color:#f8f8f2;background-color:#272822}.chroma .err{color:#960050;background-color:#1e0010}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:auto;overflow:auto;display:block}.chroma .hl{display:block;width:100%;background-color:#ffc}.chroma .lnt{margin-right:.4em;padding:0 .4em}.chroma .ln{margin-right:.4em;padding:0 .4em}.chroma .k{color:#66d9ef}.chroma .kc{color:#66d9ef}.chroma .kd{color:#66d9ef}.chroma .kn{color:#f92672}.chroma .kp{color:#66d9ef}.chroma .kr{color:#66d9ef}.chroma .kt{color:#66d9ef}.chroma .na{color:#a6e22e}.chroma .nc{color:#a6e22e}.chroma .no{color:#66d9ef}.chroma .nd{color:#a6e22e}.chroma .ne{color:#a6e22e}.chroma .nf{color:#a6e22e}.chroma .nx{color:#a6e22e}.chroma .nt{color:#f92672}.chroma .l{color:#ae81ff}.chroma .ld{color:#e6db74}.chroma .s{color:#e6db74}.chroma .sa{color:#e6db74}.chroma .sb{color:#e6db74}.chroma .sc{color:#e6db74}.chroma .dl{color:#e6db74}.chroma .sd{color:#e6db74}.chroma .s2{color:#e6db74}.chroma .se{color:#ae81ff}.chroma .sh{color:#e6db74}.chroma .si{color:#e6db74}.chroma .sx{color:#e6db74}.chroma .sr{color:#e6db74}.chroma .s1{color:#e6db74}.chroma .ss{color:#e6db74}.chroma .m{color:#ae81ff}.chroma .mb{color:#ae81ff}.chroma .mf{color:#ae81ff}.chroma .mh{color:#ae81ff}.chroma .mi{color:#ae81ff}.chroma .il{color:#ae81ff}.chroma .mo{color:#ae81ff}.chroma .o{color:#f92672}.chroma .ow{color:#f92672}.chroma .c{color:#75715e}.chroma .ch{color:#75715e}.chroma .cm{color:#75715e}.chroma .c1{color:#75715e}.chroma .cs{color:#75715e}.chroma .cp{color:#75715e}.chroma .cpf{color:#75715e}.chroma .gd{color:#f92672}.chroma .ge{font-style:italic}.chroma .gi{color:#a6e22e}.chroma .gs{font-weight:700}.chroma .gu{color:#75715e}
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/css/css/index.css_3d041b08546090308b2e5d3a88088713.json b/themes/Eclectic/exampleSite/resources/_gen/assets/css/css/index.css_3d041b08546090308b2e5d3a88088713.json
new file mode 100644
index 0000000..48dfbb8
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/css/css/index.css_3d041b08546090308b2e5d3a88088713.json
@@ -0,0 +1 @@
+{"Target":"css/index.min.827f6c55f724c64d4d5bc1013bc33b1008a0f14ae36ecc339ae751f08a994609c675ca6452345beef7107015cdee4f3d57cb8ad4799acd7c7e4ca8f757a40e70.css","MediaType":"text/css","Data":{"Integrity":"sha512-gn9sVfckxk1NW8EBO8M7EAig8UrjbswzmudR8IqZRgnGdcpkUjRb7vcQcBXN7k89V8uK1HmazXx+TKj3V6QOcA=="}}
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/js/index.js_3d041b08546090308b2e5d3a88088713.content b/themes/Eclectic/exampleSite/resources/_gen/assets/js/index.js_3d041b08546090308b2e5d3a88088713.content
new file mode 100644
index 0000000..f115050
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/js/index.js_3d041b08546090308b2e5d3a88088713.content
@@ -0,0 +1,56 @@
+(()=>{document.getElementsByTagName('html')[0].classList.remove('no-js');console.info(`%c Welcome to ${document.location.hostname}`,"padding:20px; font: 38px Impact, sans-serif; color: #ddd; text-shadow: 0 1px 1px #bbb,0 2px 0 #999, 0 3px 0 #888, 0 4px 0 #777, 0 5px 0 #666, 0 6px 0 #555, 0 7px 0 #444, 0 8px 0 #333, 0 9px 7px #302314;");console.info("If you find something cool and would like to learn more, please contact me using the contact page. Will love to hear from a fellow developer");function getAgoTime(value){if(!value){return "";}
+const d=new Date(value.trim());const now=new Date();const seconds=Math.round(Math.abs((now.getTime()-d.getTime())/1000));const minutes=Math.round(Math.abs(seconds/60));const hours=Math.round(Math.abs(minutes/60));const days=Math.round(Math.abs(hours/24));const months=Math.round(Math.abs(days/30.416));const years=Math.round(Math.abs(days/365));if(seconds<=45){return 'a few seconds ago';}else if(seconds<=90){return 'a minute ago';}else if(minutes<=45){return minutes+' minutes ago';}else if(minutes<=90){return 'an hour ago';}else if(hours<=22){return hours+' hours ago';}else if(hours<=36){return 'a day ago';}else if(days<=25){return days+' days ago';}else if(days<=45){return 'a month ago';}else if(days<=345){return months+' months ago';}else if(days<=545){return 'a year ago';}else{return years+' years ago';}}
+document.addEventListener("DOMContentLoaded",()=>{Array.from(document.getElementsByTagName('time')).forEach((x)=>{if(x.className==='now'){x.innerText=new Date().getFullYear();}else{x.innerText=getAgoTime(x.getAttribute('datetime'));}});});const consideredTop=200;const height=document.documentElement.clientHeight;let lastKnownScrollY=0;let currentScrollY=0;let ticking=false;let eleHeader=null;let eleCheckbox=null;let eleScroll=null;let eleSearch=null;let hitCount=0;const classes={pinned:'header-pin',unpinned:'header-unpin',};function onScroll(){currentScrollY=window.pageYOffset;requestTick();}
+function requestTick(){if(eleCheckbox.checked||eleSearch===document.activeElement){return;}
+if(!ticking){requestAnimationFrame(update);}
+ticking=true;}
+function update(){ticking=false;if(eleCheckbox.checked){return;}
+if(currentScrollY>2*height){if(!eleScroll.classList.contains('visible')){eleScroll.classList.add('visible');}}else{if(eleScroll.classList.contains('visible')){eleScroll.classList.remove('visible');}}
+if(hitCount>2){if(currentScrollY+height>=document.documentElement.scrollHeight||currentScrollYlastKnownScrollY){unpin();}}
+lastKnownScrollY=currentScrollY;hitCount++;}
+function pin(){if(eleHeader.classList.contains(classes.unpinned)){eleHeader.classList.remove(classes.unpinned);eleHeader.classList.add(classes.pinned);eleScroll.classList.remove('unpin');}}
+function unpin(){if(eleHeader.classList.contains(classes.pinned)||!eleHeader.classList.contains(classes.unpinned)){eleHeader.classList.remove(classes.pinned);eleHeader.classList.add(classes.unpinned);eleScroll.classList.add('unpin');}}
+document.addEventListener("DOMContentLoaded",()=>{eleCheckbox=document.getElementsByClassName('hamburger')[0];eleSearch=document.querySelector('#searchbox input');eleHeader=document.getElementById('header');eleScroll=document.querySelector('.scroll-up');document.addEventListener('scroll',onScroll,false);});let color=window.localStorage.color||'#FF8822';function setColor(hex){color=hex;window.localStorage.color=color;document.documentElement.style.setProperty("--theme-color",hex);}
+document.querySelectorAll('.theme-choice').forEach(s=>{s.addEventListener('click',e=>{const color=e.target.getAttribute('data-color');setColor("#"+color);});});const colorSelector=document.querySelector('.custom-color');if(colorSelector){colorSelector.addEventListener('click',evt=>{evt.preventDefault();const x=document.createElement("input");x.setAttribute("type","color");x.value=color;x.click();x.addEventListener('input',()=>{setColor(x.value);})});}
+const checkbox=document.querySelector('#color-switch');if(checkbox){checkbox.checked=document.documentElement.classList.contains("dark");const handler=()=>{if(checkbox.checked){document.documentElement.classList.add("dark");}else{document.documentElement.classList.remove("dark");}
+window.localStorage.dark=checkbox.checked?"true":"false";};checkbox.addEventListener("change",handler);}
+class Search{constructor(){this.prepare().catch(()=>{});}
+get resultTemplate(){return `
+
+
+
+
+
+
+
+
+
+
+
+
`;}
+async prepare(){const response=await fetch('/index.json');const data=await response.json();if(data&&data.length>0){this.data=data;document.querySelector('#searchbox').classList.add('visible');this.input=document.querySelector('#searchbox input');this.input.addEventListener('focus',this.triggerResults.bind(this));this.input.addEventListener('input',this.triggerResults.bind(this));this.input.addEventListener('keyup',this.handleKeyPress.bind(this));}}
+triggerResults(){window.requestAnimationFrame(this.showSearchResults.bind(this));}
+createResultDivs(){let data='';for(var i=0;i<5;++i){data+=this.resultTemplate;}
+document.querySelector('#searchbox .results').innerHTML=data;const divs=Array.from(document.querySelectorAll("#searchbox .results>div"));divs.forEach(x=>{x.addEventListener('mousedown',this.handleClick,{passive:true});x.addEventListener('mouseover',()=>this.selected=x,{passive:true});});return divs;}
+handleClick(e){window.location=e.currentTarget.dataset['href'];}
+set selected(element){if(this._selected!==element){this._selected&&this._selected.classList.remove('selected');element.classList.add('selected');this._selected=element;}}
+get selected(){return this._selected;}
+handleKeyPress(key){const x=this.resultDivs.indexOf(this.selected);switch(key.code){case 'ArrowDown':if(this.resultDivs.length>x+1&&this.resultDivs[x+1].style.display!=='none'){this.selected=this.resultDivs[x+1];}
+break;case 'ArrowUp':if(x>0){this.selected=this.resultDivs[x-1];}
+break;case 'Escape':this.input.blur();break;case 'Enter':window.location=this.selected.dataset['href'];break;}}
+get indexedData(){return this.index=this.index||this.data.map(x=>{let index={};for(let y in x){index[y]=JSON.stringify(x[y]).toLowerCase()}
+x._index=index;return x;});}
+search(key){key=key.toLowerCase();const fields={'title':1,'description':0.3,'series':0.5,'category':0.5,'tags':0.5,'contents':0.1,'meta':0.1}
+let data=this.indexedData;let results=[];if(this.lastKnownResults){if(key.indexOf(this.lastKnownResults.key)===0){data=this.lastKnownResults.results;}}
+results=data.map(x=>({data:x,score:Object.keys(fields).map(y=>x._index[y].indexOf(key)!==-1?fields[y]:0).reduce((a,b)=>a+b)})).filter(x=>x.score>0).sort((a,b)=>b.score-a.score!==0?b.score-a.score:new Date(b.data.date)-new Date(a.data.date)).map(x=>x.data);this.lastKnownResults={key,results};return results;}
+showSearchResults(){this.resultDivs=this.resultDivs||this.createResultDivs();let results=[];if(this.input.value.length===0){results=this.data.sort((b,a)=>new Date(a.date).getTime()-new Date(b.date).getTime());}else{results=this.search(this.input.value);}
+this.resultDivs.forEach((div,index)=>{const result=results[index];if(index===0){this.selected=div;}
+if(!result){div.style.display="none";return;}
+const ago=getAgoTime(result.date);div.style.display="block";div.dataset['href']=result.permalink;div.querySelector('img').alt=result.title;div.querySelector('img').src=result.image;div.querySelector('h2').innerText=result.title;div.querySelector('time').innerText=ago.substr(0,ago.indexOf(" ago"));div.querySelector('time').datetime=result.date;div.querySelector('.description').innerText=result.description;div.querySelector('.readingTime').innerText=result.readingTime+'m';div.querySelector('.category').innerText=result.category;});}}
+const search=new Search();if('serviceWorker'in navigator&&window.location.pathname!=='/offline'){navigator.serviceWorker.register('/sw.min.js',{scope:'/'});}
+Array.from(document.querySelectorAll('a')).forEach((link)=>{let prefetchComplete=false;const prefetch=()=>{if(prefetchComplete){return;}
+prefetchComplete=true;if(link.href.includes('mailto')){return;}
+if(link.href.includes('http')&&new URL(link.href).host!==new URL(window.location.href).host){return;}
+if(link.href===window.location.href){return;}
+const loader=document.createElement("link");loader.rel="prefetch";loader.as="document";loader.type="text/html";loader.href=link.href;document.head.appendChild(loader);};link.addEventListener("mouseenter",prefetch,{passive:true});link.addEventListener("touchstart",prefetch,{passive:true});});if(window.innerWidth>=768){const observer=new IntersectionObserver((entries)=>{entries.forEach(x=>{if(x.isIntersecting&&!x.target.classList.contains('visible')){x.target.classList.add('visible');}
+if(x.target.classList.contains('visible')){observer.unobserve(x.target);}});});['.left-image','.meta.default .item','.item-icon-left .item','.meta.default','.max-2','.max-2 .item','.filter','.filter .item','.blog','.blog .item','footer .items','.contact','.more','.comments','.comments form','.item-icon-left','.full-width','.full-width .item'].forEach(s=>{document.querySelectorAll(s).forEach(x=>{const rect=x.getBoundingClientRect();if(rect.y<0){x.classList.add('visible');}else{observer.observe(x);}});});}else{const observer=new IntersectionObserver((entries)=>{entries.forEach(x=>{if(x.isIntersecting&&!x.target.classList.contains('hover')){x.target.classList.add('hover');}else if(!x.isIntersecting&&x.target.classList.contains('hover')){x.target.classList.remove('hover')}});},{rootMargin:"-20% 0px -70% 0px"});['p','li','.meta .content','.meta .item-cover','.item-icon','.main-icon','.banner-holder','.img-container','.tex','.i-tex','.post aside svg','.meta.carousel .item'].forEach(s=>{document.querySelectorAll(s).forEach(x=>{observer.observe(x);});});}})();
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/js/index.js_3d041b08546090308b2e5d3a88088713.json b/themes/Eclectic/exampleSite/resources/_gen/assets/js/index.js_3d041b08546090308b2e5d3a88088713.json
new file mode 100644
index 0000000..c3697fe
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/js/index.js_3d041b08546090308b2e5d3a88088713.json
@@ -0,0 +1 @@
+{"Target":"index.min.2962e07fb68e8fb81384be06b73a954d1c085446ece5c15dd377cb50a87f0e073ced1b8a1b99588056b322d2366571435964fa8f3c0928064d54a337df09b8b0.js","MediaType":"application/javascript","Data":{"Integrity":"sha512-KWLgf7aOj7gThL4GtzqVTRwIVEbs5cFd03fLUKh/Dgc87RuKG5lYgFazItI2ZXFDWWT6jzwJKAZNVKM33wm4sA=="}}
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/js/js/main.js_886f18dadbf887f76c0decb079fb867b.content b/themes/Eclectic/exampleSite/resources/_gen/assets/js/js/main.js_886f18dadbf887f76c0decb079fb867b.content
new file mode 100644
index 0000000..70b37ff
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/js/js/main.js_886f18dadbf887f76c0decb079fb867b.content
@@ -0,0 +1,465 @@
+// Wrap in an IFFE.
+(() => {
+ ///////////////////////////////////////////
+ // Remove the no-js class from the html tag that is meant for the noscript mode.
+ ///////////////////////////////////////////
+ document.getElementsByTagName('html')[0].classList.remove('no-js');
+
+ ///////////////////////////////////////////
+ // Log for fellow developers.
+ ///////////////////////////////////////////
+ console.info(`%c Welcome to ${document.location.hostname}`, "padding:20px; font: 38px Impact, sans-serif; color: #ddd; text-shadow: 0 1px 1px #bbb,0 2px 0 #999, 0 3px 0 #888, 0 4px 0 #777, 0 5px 0 #666, 0 6px 0 #555, 0 7px 0 #444, 0 8px 0 #333, 0 9px 7px #302314;");
+ console.info("If you find something cool and would like to learn more, please contact me using the contact page. Will love to hear from a fellow developer");
+
+ ///////////////////////////////////////////
+ // Convert date to hours from now
+ ///////////////////////////////////////////
+ function getAgoTime(value) {
+ if (!value) { return ""; }
+ const d = new Date(value.trim());
+ const now = new Date();
+ const seconds = Math.round(Math.abs((now.getTime() - d.getTime()) / 1000));
+ const minutes = Math.round(Math.abs(seconds / 60));
+ const hours = Math.round(Math.abs(minutes / 60));
+ const days = Math.round(Math.abs(hours / 24));
+ const months = Math.round(Math.abs(days / 30.416));
+ const years = Math.round(Math.abs(days / 365));
+ if (seconds <= 45) {
+ return 'a few seconds ago';
+ } else if (seconds <= 90) {
+ return 'a minute ago';
+ } else if (minutes <= 45) {
+ return minutes + ' minutes ago';
+ } else if (minutes <= 90) {
+ return 'an hour ago';
+ } else if (hours <= 22) {
+ return hours + ' hours ago';
+ } else if (hours <= 36) {
+ return 'a day ago';
+ } else if (days <= 25) {
+ return days + ' days ago';
+ } else if (days <= 45) {
+ return 'a month ago';
+ } else if (days <= 345) {
+ return months + ' months ago';
+ } else if (days <= 545) {
+ return 'a year ago';
+ } else { // (days > 545)
+ return years + ' years ago';
+ }
+ }
+ document.addEventListener("DOMContentLoaded", () => {
+ Array.from(document.getElementsByTagName('time')).forEach((x) => {
+ if (x.className === 'now') {
+ x.innerText = new Date().getFullYear();
+ } else {
+ x.innerText = getAgoTime(x.getAttribute('datetime'));
+ }
+ // TODO: Attach event listener to update the string here.
+ });
+ });
+
+ ///////////////////////////////////////////
+ // Header
+ ///////////////////////////////////////////
+ // Inspired by https://www.sysleaf.com/js-toggle-header-on-scroll/
+ const consideredTop = 200;
+ const height = document.documentElement.clientHeight;
+ let lastKnownScrollY = 0;
+ let currentScrollY = 0;
+ let ticking = false;
+ let eleHeader = null;
+ let eleCheckbox = null;
+ let eleScroll = null;
+ let eleSearch = null;
+ let hitCount = 0;
+ const classes = {
+ pinned: 'header-pin',
+ unpinned: 'header-unpin',
+ };
+ function onScroll() {
+ currentScrollY = window.pageYOffset;
+ requestTick();
+ }
+ function requestTick() {
+ if (eleCheckbox.checked || eleSearch === document.activeElement) {
+ return;
+ }
+ if (!ticking) {
+ requestAnimationFrame(update);
+ }
+ ticking = true;
+ }
+ function update() {
+ ticking = false;
+ if (eleCheckbox.checked) {
+ return;
+ }
+ // Scroll to top hiding.
+ if (currentScrollY > 2 * height) {
+ if (!eleScroll.classList.contains('visible')) {
+ eleScroll.classList.add('visible');
+ }
+ } else {
+ if (eleScroll.classList.contains('visible')) {
+ eleScroll.classList.remove('visible');
+ }
+ }
+ // Header hiding
+ // Ignore first 2 hits for safari reload in the center of the page
+ // It is good enough with 2. First is the Js load,
+ // Second is safari's scroll to position.
+ if (hitCount > 2) {
+ if (currentScrollY + height >= document.documentElement.scrollHeight || currentScrollY < consideredTop) {
+ pin();
+ } else if (currentScrollY < lastKnownScrollY) {
+ pin();
+ } else if (currentScrollY > lastKnownScrollY) {
+ unpin();
+ }
+ }
+ lastKnownScrollY = currentScrollY;
+ hitCount++;
+ }
+ function pin() {
+ if (eleHeader.classList.contains(classes.unpinned)) {
+ eleHeader.classList.remove(classes.unpinned);
+ eleHeader.classList.add(classes.pinned);
+ eleScroll.classList.remove('unpin');
+ }
+ }
+ function unpin() {
+ if (eleHeader.classList.contains(classes.pinned) || !eleHeader.classList.contains(classes.unpinned)) {
+ eleHeader.classList.remove(classes.pinned);
+ eleHeader.classList.add(classes.unpinned);
+ eleScroll.classList.add('unpin');
+ }
+ }
+
+ document.addEventListener("DOMContentLoaded", () => {
+ eleCheckbox = document.getElementsByClassName('hamburger')[0];
+ eleSearch = document.querySelector('#searchbox input');
+ eleHeader = document.getElementById('header');
+ eleScroll = document.querySelector('.scroll-up');
+ document.addEventListener('scroll', onScroll, false);
+ });
+
+ ///////////////////////////////////////////
+ // Color Picker
+ ///////////////////////////////////////////
+ let color = window.localStorage.color || '#FF8822';
+ function setColor(hex) {
+ color = hex;
+ window.localStorage.color = color;
+ document.documentElement.style.setProperty("--theme-color", hex);
+ }
+ document.querySelectorAll('.theme-choice').forEach(s => {
+ s.addEventListener('click', e => {
+ const color = e.target.getAttribute('data-color');
+ setColor("#" + color);
+ });
+ });
+
+ const colorSelector = document.querySelector('.custom-color');
+ if (colorSelector) {
+ colorSelector.addEventListener('click', evt => {
+ evt.preventDefault();
+ const x = document.createElement("input");
+ x.setAttribute("type", "color");
+ x.value = color;
+ x.click();
+ x.addEventListener('input', () => {
+ setColor(x.value);
+ })
+ });
+ }
+
+ const checkbox = document.querySelector('#color-switch');
+ if (checkbox) {
+ checkbox.checked = document.documentElement.classList.contains("dark");
+ const handler = () => {
+ if (checkbox.checked) {
+ document.documentElement.classList.add("dark");
+ } else {
+ document.documentElement.classList.remove("dark");
+ }
+ window.localStorage.dark = checkbox.checked ? "true" : "false";
+ };
+ checkbox.addEventListener("change", handler);
+ }
+
+ ///////////////////////////////////////////
+ // Search
+ ///////////////////////////////////////////
+ //
+
+ class Search {
+ constructor() {
+ // Ignore errors loading search.
+ this.prepare().catch(() => { });
+ }
+
+ get resultTemplate() {
+ return `
+
+
+
+
+
+
+
+
+
+
+
+
`;
+ }
+
+ async prepare() {
+ const response = await fetch('/index.json');
+ const data = await response.json();
+ if (data && data.length > 0) {
+ this.data = data;
+ document.querySelector('#searchbox').classList.add('visible');
+ this.input = document.querySelector('#searchbox input');
+ this.input.addEventListener('focus', this.triggerResults.bind(this));
+ this.input.addEventListener('input', this.triggerResults.bind(this));
+ this.input.addEventListener('keyup', this.handleKeyPress.bind(this));
+ }
+ }
+
+ triggerResults() {
+ // We are delaying calculations but that's not a big performance issues.
+ // If you type too fast on a slow browser, we won't get an animation frame.
+ window.requestAnimationFrame(this.showSearchResults.bind(this));
+ }
+
+ createResultDivs() {
+ let data = '';
+ for (var i = 0; i < 5; ++i) {
+ data += this.resultTemplate;
+ }
+ document.querySelector('#searchbox .results').innerHTML = data;
+ const divs = Array.from(document.querySelectorAll("#searchbox .results>div"));
+ divs.forEach(x => {
+ x.addEventListener('mousedown', this.handleClick, { passive: true });
+ x.addEventListener('mouseover', () => this.selected = x, { passive: true });
+ });
+ return divs;
+ }
+
+ handleClick(e) {
+ window.location = e.currentTarget.dataset['href'];
+ }
+
+ set selected(element) {
+ if (this._selected !== element) {
+ this._selected && this._selected.classList.remove('selected');
+ element.classList.add('selected');
+ this._selected = element;
+ }
+ }
+
+ get selected() {
+ return this._selected;
+ }
+
+ handleKeyPress(key) {
+ const x = this.resultDivs.indexOf(this.selected);
+ switch (key.code) {
+ case 'ArrowDown':
+ if (this.resultDivs.length > x + 1 && this.resultDivs[x + 1].style.display !== 'none') {
+ this.selected = this.resultDivs[x + 1];
+ }
+ break;
+ case 'ArrowUp':
+ if (x > 0) {
+ this.selected = this.resultDivs[x - 1];
+ }
+ break;
+ case 'Escape':
+ this.input.blur();
+ break;
+ case 'Enter':
+ window.location = this.selected.dataset['href'];
+ break;
+ }
+ }
+
+ get indexedData() {
+ return this.index = this.index || this.data.map(x => {
+ let index = {};
+ for (let y in x) {
+ index[y] = JSON.stringify(x[y]).toLowerCase()
+ }
+ x._index = index;
+ return x;
+ });
+ }
+
+ search(key) {
+ key = key.toLowerCase();
+ const fields = {
+ 'title': 1,
+ 'description': 0.3,
+ 'series': 0.5,
+ 'category': 0.5,
+ 'tags': 0.5,
+ 'contents': 0.1,
+ 'meta': 0.1
+ }
+ let data = this.indexedData;
+ let results = [];
+ if (this.lastKnownResults) {
+ if (key.indexOf(this.lastKnownResults.key) === 0) {
+ data = this.lastKnownResults.results;
+ }
+ }
+
+ // Search algorithm
+ results = data.map(x => ({
+ data: x,
+ score: Object.keys(fields)
+ .map(y => x._index[y].indexOf(key) !== -1 ? fields[y] : 0)
+ .reduce((a, b) => a + b)
+ }))
+ .filter(x => x.score > 0)
+ .sort((a, b) =>
+ b.score - a.score !== 0 ? b.score - a.score : new Date(b.data.date) - new Date(a.data.date)
+ )
+ .map(x => x.data);
+
+ this.lastKnownResults = {
+ key,
+ results
+ };
+ return results;
+ }
+
+ showSearchResults() {
+ this.resultDivs = this.resultDivs || this.createResultDivs();
+
+ let results = [];
+ if (this.input.value.length === 0) {
+ results = this.data.sort((b, a) => new Date(a.date).getTime() - new Date(b.date).getTime());
+ } else {
+ results = this.search(this.input.value);
+ }
+ this.resultDivs.forEach((div, index) => {
+ const result = results[index];
+ if (index === 0) {
+ this.selected = div;
+ }
+ if (!result) {
+ div.style.display = "none";
+ return;
+ }
+ const ago = getAgoTime(result.date);
+ div.style.display = "block";
+ div.dataset['href'] = result.permalink;
+ div.querySelector('img').alt = result.title;
+ div.querySelector('img').src = result.image;
+ div.querySelector('h2').innerText = result.title;
+ div.querySelector('time').innerText = ago.substr(0, ago.indexOf(" ago"));
+ div.querySelector('time').datetime = result.date;
+ div.querySelector('.description').innerText = result.description;
+ div.querySelector('.readingTime').innerText = result.readingTime + 'm';
+ div.querySelector('.category').innerText = result.category;
+ });
+ }
+ }
+
+ const search = new Search();
+ //
+ ///////////////////////////////////////////
+ // Service Worker
+ ///////////////////////////////////////////
+ /**/
+ if ('serviceWorker' in navigator && window.location.pathname !== '/offline') {
+ navigator.serviceWorker.register('/sw.min.js', { scope: '/' });
+ }
+ /**/
+
+ ////////////////////////////////////////////////////////
+ // Link Pre-fetching to improve perceptible load times.
+ ////////////////////////////////////////////////////////
+ Array.from(document.querySelectorAll('a')).forEach((link) => {
+ let prefetchComplete = false;
+
+ const prefetch = () => {
+ if (prefetchComplete) {
+ return;
+ }
+ prefetchComplete = true;
+ if (link.href.includes('mailto')) {
+ return;
+ }
+ if (link.href.includes('http') && new URL(link.href).host !== new URL(window.location.href).host) {
+ return;
+ }
+ if (link.href === window.location.href) {
+ return;
+ }
+ const loader = document.createElement("link");
+ loader.rel = "prefetch";
+ loader.as = "document";
+ loader.type = "text/html";
+ loader.href = link.href;
+ document.head.appendChild(loader);
+ };
+ link.addEventListener("mouseenter", prefetch, { passive: true });
+ link.addEventListener("touchstart", prefetch, { passive: true });
+ });
+
+ ///////////////////////////////////////////
+ // Intersection Observer for animations
+ ///////////////////////////////////////////
+ // Scroll animations for iPad and bigger
+ if (window.innerWidth >= 768) {
+ const observer = new IntersectionObserver((entries) => {
+ entries.forEach(x => {
+ if (x.isIntersecting && !x.target.classList.contains('visible')) {
+ x.target.classList.add('visible');
+ }
+ if (x.target.classList.contains('visible')) {
+ observer.unobserve(x.target);
+ }
+ });
+ });
+ ['.left-image', '.meta.default .item', '.item-icon-left .item', '.meta.default', '.max-2', '.max-2 .item', '.filter', '.filter .item',
+ '.blog', '.blog .item', 'footer .items', '.contact', '.more', '.comments', '.comments form',
+ '.item-icon-left', '.full-width', '.full-width .item'].forEach(s => {
+
+ document.querySelectorAll(s).forEach(x => {
+ const rect = x.getBoundingClientRect();
+ // All elements above the scroll are visible by default.
+ // We only animate and scroll down.
+ if (rect.y < 0) {
+ x.classList.add('visible');
+ } else {
+ observer.observe(x);
+ }
+ });
+ });
+ } else {
+ // For mobile the hover animations
+ const observer = new IntersectionObserver((entries) => {
+ entries.forEach(x => {
+ if (x.isIntersecting && !x.target.classList.contains('hover')) {
+ x.target.classList.add('hover');
+ } else if (!x.isIntersecting && x.target.classList.contains('hover')) {
+ x.target.classList.remove('hover')
+ }
+ });
+ }, {
+ rootMargin: "-20% 0px -70% 0px"
+ });
+ ['p', 'li', '.meta .content', '.meta .item-cover', '.item-icon', '.main-icon', '.banner-holder', '.img-container', '.tex', '.i-tex', '.post aside svg', '.meta.carousel .item'].forEach(s => {
+ document.querySelectorAll(s).forEach(x => {
+ observer.observe(x);
+ });
+ });
+ }
+})();
+
+
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/js/js/main.js_886f18dadbf887f76c0decb079fb867b.json b/themes/Eclectic/exampleSite/resources/_gen/assets/js/js/main.js_886f18dadbf887f76c0decb079fb867b.json
new file mode 100644
index 0000000..13c68fb
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/js/js/main.js_886f18dadbf887f76c0decb079fb867b.json
@@ -0,0 +1 @@
+{"Target":"js/main.js","MediaType":"application/javascript","Data":{}}
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/js/js/sw.js_ac4604a0864029e1a35a5658461c8455.content b/themes/Eclectic/exampleSite/resources/_gen/assets/js/js/sw.js_ac4604a0864029e1a35a5658461c8455.content
new file mode 100644
index 0000000..4058f38
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/js/js/sw.js_ac4604a0864029e1a35a5658461c8455.content
@@ -0,0 +1,6 @@
+(function(){const staticCacheName='static';const version='v1::';const OFFLINE_URL='/off/';const urls=['/','/manifest.json','/css/index.min.827f6c55f724c64d4d5bc1013bc33b1008a0f14ae36ecc339ae751f08a994609c675ca6452345beef7107015cdee4f3d57cb8ad4799acd7c7e4ca8f757a40e70.css','/index.min.2962e07fb68e8fb81384be06b73a954d1c085446ece5c15dd377cb50a87f0e073ced1b8a1b99588056b322d2366571435964fa8f3c0928064d54a337df09b8b0.js','/image/background_hu5fa5007403ed47f8e70c21b28ee4cec6_92766_1400x787_fill_q75_box_smart1.jpg','/image/background-dark_huacd336bfb7f5597695f9c32d4115a2aa_1561823_1400x787_fill_q75_box_smart1.jpg',OFFLINE_URL,'/image/logo.min.svg','/index.json'];return caches.open(version+staticCacheName).then((cache)=>cache.addAll(urls)).catch(e=>{console.log("Error = ",e);console.log(e.stack);});}
+self.addEventListener('install',(event)=>event.waitUntil(updateStaticCache()));self.addEventListener('activate',function(event){event.waitUntil(caches.keys().then(function(keys){return Promise.all(keys.filter((key)=>key.indexOf(version)!==0).map((key)=>caches.delete(key)));}));});function offline(){return caches.match(OFFLINE_URL).then(x=>x.text()).then(y=>new Response(y,{"status":200,headers:{'Content-Type':'text/html'}}));}
+self.addEventListener('fetch',function(event){const request=event.request;if(request.method!=='GET'){return event.respondWith(fetch(request).catch(offline));}
+if(request.headers.get('Accept').indexOf('text/html')!==-1){event.respondWith(fetch(request).then(function(response){const copy=response.clone();caches.open(version+staticCacheName).then(function(cache){cache.put(request,copy);});return response;}).catch(function(){return caches.match(request).then(function(response){return response||offline()})}));return;}
+event.respondWith(caches.match(request).then(function(response){return response||fetch(request).catch(function(){if(request.url.match(/\.(jpe?g|png|gif|svg)$/)){return new Response('Offline Offline ',{headers:{'Content-Type':'image/svg+xml'}});}
+return new Response('');});}));});})();
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/js/js/sw.js_ac4604a0864029e1a35a5658461c8455.json b/themes/Eclectic/exampleSite/resources/_gen/assets/js/js/sw.js_ac4604a0864029e1a35a5658461c8455.json
new file mode 100644
index 0000000..f79b50e
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/js/js/sw.js_ac4604a0864029e1a35a5658461c8455.json
@@ -0,0 +1 @@
+{"Target":"sw.min.js","MediaType":"application/javascript","Data":{}}
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/json/json/manifest.json_e02ca704cf7317728f5d0b7bccf4a093.content b/themes/Eclectic/exampleSite/resources/_gen/assets/json/json/manifest.json_e02ca704cf7317728f5d0b7bccf4a093.content
new file mode 100644
index 0000000..5fadfa2
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/json/json/manifest.json_e02ca704cf7317728f5d0b7bccf4a093.content
@@ -0,0 +1,21 @@
+{
+ "name": "",
+ "short_name": "",
+
+ "icons": [{
+ "src": "/image/favicon_hud91e23785cf70a843bfd0b30f5ef61e6_3819_192x192_resize_box_2.png",
+ "type": "image/png",
+ "sizes": "192x192"
+ },
+ {
+ "src": "/image/favicon_hud91e23785cf70a843bfd0b30f5ef61e6_3819_512x512_resize_box_2.png",
+ "type": "image/png",
+ "sizes": "512x512"
+ }
+ ],
+ "start_url": "/",
+ "scope": "/",
+ "theme_color": "#FF8822",
+ "background_color": "#FF8822",
+ "display": "standalone"
+}
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/json/json/manifest.json_e02ca704cf7317728f5d0b7bccf4a093.json b/themes/Eclectic/exampleSite/resources/_gen/assets/json/json/manifest.json_e02ca704cf7317728f5d0b7bccf4a093.json
new file mode 100644
index 0000000..cdaf4b1
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/json/json/manifest.json_e02ca704cf7317728f5d0b7bccf4a093.json
@@ -0,0 +1 @@
+{"Target":"manifest.json","MediaType":"application/json","Data":{}}
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/scss/scss/main.scss_7a62010afef8b5697f0ad5b087ff3f16.content b/themes/Eclectic/exampleSite/resources/_gen/assets/scss/scss/main.scss_7a62010afef8b5697f0ad5b087ff3f16.content
new file mode 100644
index 0000000..e66cfe9
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/scss/scss/main.scss_7a62010afef8b5697f0ad5b087ff3f16.content
@@ -0,0 +1 @@
+:root{--theme-color-rgb: 255, 136, 34}:root{--max-width: 100vw;--header-height: 60px;--background-color-rgb: 255, 255, 255;--text-color-rgb: 0, 0, 0;--theme-color: rgba(var(--theme-color-rgb), 1.0);--background-color: rgba(var(--background-color-rgb), 1.0);--text-color: #666;--content-padding: 15px;--heading-color: #444;--shade-color: #f6f6f6;--hover-color: #111}@media (min-width: 576px){:root{--max-width: 540px}}@media (min-width: 768px){:root{--max-width: 720px}}@media (min-width: 992px){:root{--header-height: 75px;--max-width: 960px}}@media (min-width: 1200px){:root{--max-width: 1140px}}.dark:root{--background-color-rgb: 35, 35, 37;--text-color-rgb: 255, 240, 230;--heading-color: rgb(226, 217, 211);--shade-color: rgb(20, 20, 20);--text-color:rgb(185, 178, 167);--hover-color: rgb(220, 210, 200)}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth;text-align:justify}html{display:flex;min-height:100%;background-image:linear-gradient(to bottom, #1d1d1d 0%, #1d1d1d 200px, var(--background-color) 200px, var(--background-color) calc(100% - 200px), transparent calc(100% - 200px), transparent calc(100% - 2px), var(--theme-color) calc(100% - 2px)),linear-gradient(to left, var(--theme-color) 0%, var(--theme-color) var(--header-height), transparent var(--header-height));background-color:var(--background-color);opacity:1 !important;overflow-x:hidden;width:100vw}body{border-bottom:2px solid #1d1d1d;background:var(--background-color);font-size:14px;font-weight:300;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color:var(--text-color);line-height:25px;display:flex;flex-direction:column;flex:1;width:100vw;overflow-x:hidden;padding-top:var(--header-height)}body>article,body>section{flex:1;background:var(--background-color)}h1,h2,h3,h4,h5,h6{font-weight:400;color:var(--heading-color)}h1{font-size:30px;padding:20px 0}h2{line-height:30px;margin:30px 0 8px;font-size:21px}h3{line-height:20px;margin:20px 0 8px;font-size:16px}h4{line-height:18px;margin:10px 0 8px;font-size:16px}article{padding-top:50px;padding-bottom:50px}ul,ol{padding:0 0 0 40px}li:hover,li.hover{color:var(--hover-color)}p{margin-bottom:16px}p:hover,p.hover{color:var(--hover-color);text-shadow:0 0 2px rgba(var(--background-color-rgb), 0.5)}a{text-decoration:none;color:var(--theme-color)}a:hover{filter:brightness(85%)}strong{font-style:normal;font-weight:500}blockquote{margin:40px 0;quotes:"“" "‘";font-family:cursive;font-size:25px;line-height:35px}blockquote:before{font-family:_serif;content:open-quote;font-size:60px;float:left;padding-right:20px}::selection{background:var(--theme-color);color:var(--background-color);text-shadow:none}input,textarea{background:rgba(var(--text-color-rgb), 0.05) none repeat scroll 0 0;color:var(--text-color);font-size:15px;padding:12px;touch-action:manipulation;box-shadow:none;border:none;background-image:none;border:1px solid rgba(var(--text-color-rgb), 0.15);font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}input:focus,textarea:focus{border-color:var(--theme-color);outline:none}.chroma td:first-child{border-right:1px solid rgba(var(--text-color-rgb), 0.1);padding-left:5px}.chroma td.lntd:nth-child(2){padding-left:10px}.chroma table::-webkit-scrollbar{border:none}.chroma table::-webkit-scrollbar-button{background-color:#666}.chroma table::-webkit-scrollbar-track{background-color:#646464;border:none}.chroma table::-webkit-scrollbar-track-piece{background-color:#272822;border:none}.chroma table::-webkit-scrollbar-thumb{background-color:#666;overflow:hidden;box-shadow:none}.chroma table::-webkit-scrollbar-corner{background-color:#646464}.chroma table::-webkit-resizer{background-color:#666}dt{font-weight:600;padding:5px;margin:0 0 5px;background-color:rgba(var(--theme-color-rgb), 0.1)}dd{margin-left:80px}table{border-collapse:collapse;width:100%;border-bottom:1px solid rgba(var(--theme-color-rgb), 0.3)}table thead{background-color:rgba(var(--theme-color-rgb), 0.3)}table tr:nth-child(even){background-color:rgba(var(--theme-color-rgb), 0.1)}table td,table th{padding:4px}table tr:hover{background-color:rgba(var(--theme-color-rgb), 0.3)}.highlight{padding-bottom:3px;background-color:#272822;margin-bottom:20px}.highlight table{border-collapse:unset;width:auto;border-bottom:none}.highlight table tr:nth-child(even){background-color:transparent}.highlight table thead{background-color:transparent}.highlight table tr:hover{background-color:transparent}.highlight table td,.highlight table th{padding:0}button,.button,.button-small{cursor:pointer;text-align:center;white-space:nowrap;vertical-align:middle;border-radius:0px;font-weight:400;color:var(--theme-color);background:transparent;font-size:16px;padding:13px 30px;user-select:none;text-transform:none;border:transparent;display:inline-block;position:relative;overflow:hidden;border:2px solid var(--theme-color);transition:color .1s;z-index:2}button:focus,.button:focus,.button-small:focus{outline:none}button:checked,button:hover,button:focus,.button:checked,.button:hover,.button:focus,.button-small:checked,.button-small:hover,.button-small:focus{color:#fff;filter:none}button:checked:hover,.button:checked:hover,.button-small:checked:hover{transition:filter 0.5s ease-in;filter:brightness(90%)}button:before,.button:before,.button-small:before{content:"";position:absolute;z-index:-1;background:var(--theme-color);height:150px;width:calc(100% + 60px);border-radius:50%;top:100%;left:100%;transition:all .5s}button:checked:before,button:hover:before,button:focus:before,.button:checked:before,.button:hover:before,.button:focus:before,.button-small:checked:before,.button-small:hover:before,.button-small:focus:before{top:-30px;left:-30px}button.disabled,.button.disabled,.button-small.disabled{pointer-events:none;opacity:0.5}.button-small{font-size:12px;padding:5px 13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.title{text-align:center;color:var(--text-color-rgb, 0.95)}.subtitle{display:block;text-align:center;padding-bottom:30px;font-style:italic;text-shadow:1px 1px 3px var(--background-color)}.center{text-align:center}.items-7{display:grid;grid-template-columns:1fr;grid-column-gap:20px;grid-row-gap:20px}@media (min-width: 768px){.items-7{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"one one two two" "three three four four" "five five six six" ". seven seven ."}}@media (min-width: 992px){.items-7{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"one two three" "four five six" ". seven ."}}@media (min-width: 1200px){.items-7{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-areas:"one one one one two two two two three three three three" "four four four five five five six six six seven seven seven"}}@media (min-width: 768px){.items-7>*:nth-child(1){grid-area:one}.items-7>*:nth-child(2){grid-area:two}.items-7>*:nth-child(3){grid-area:three}.items-7>*:nth-child(4){grid-area:four}.items-7>*:nth-child(5){grid-area:five}.items-7>*:nth-child(6){grid-area:six}.items-7>*:nth-child(7){grid-area:seven}}.items-5{display:grid;grid-template-columns:1fr;grid-column-gap:20px;grid-row-gap:20px;grid-column-gap:20px}@media (min-width: 768px){.items-5{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"one one two two" "three three four four" ". five five ."}}@media (min-width: 992px){.items-5{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-areas:"one one one two two two" "three three four four five five"}}@media (min-width: 768px){.items-5>*:nth-child(1){grid-area:one}.items-5>*:nth-child(2){grid-area:two}.items-5>*:nth-child(3){grid-area:three}.items-5>*:nth-child(4){grid-area:four}.items-5>*:nth-child(5){grid-area:five}}.items-12,.items-10,.items-11,.items-13,.items-14{display:grid;grid-template-columns:1fr;grid-column-gap:20px;grid-row-gap:20px}@media (min-width: 768px){.items-12,.items-10,.items-11,.items-13,.items-14{grid-template-columns:1fr 1fr}}@media (min-width: 992px){.items-12,.items-10,.items-11,.items-13,.items-14{grid-template-columns:1fr 1fr 1fr}}@media (min-width: 1200px){.items-12,.items-10,.items-11,.items-13,.items-14{grid-template-columns:1fr 1fr 1fr 1fr}}.items-4,.items-8{display:grid;grid-template-columns:1fr;grid-column-gap:20px;grid-row-gap:20px}@media (min-width: 768px){.items-4,.items-8{grid-template-columns:1fr 1fr}}@media (min-width: 1200px){.items-4,.items-8{grid-template-columns:1fr 1fr 1fr 1fr}}@media (min-width: 768px){.items-6{grid-template-columns:1fr 1fr}}.items-3,.items-6,.items-9{display:grid;grid-template-columns:1fr;grid-column-gap:20px;grid-row-gap:20px}@media (min-width: 992px){.items-3,.items-6,.items-9{grid-template-columns:1fr 1fr 1fr}}.items-2{display:grid;grid-template-columns:1fr;grid-column-gap:20px;grid-row-gap:20px}@media (min-width: 768px){.items-2{grid-template-columns:1fr 1fr}}.items-1{display:block}.float-3{width:100%;float:left;margin:15px}@media (min-width: 992px){.float-3{width:33%}}.full{width:100%}figure{border:1px solid rgba(var(--text-color-rgb), 0.1);border-radius:5px;overflow:hidden}figure img{width:100%;height:auto}figcaption{padding:0 5px;text-align:center}figcaption h4{margin:0 !important;padding:0 !important;text-align:center}figcaption p{text-align:center}.hidden{visibility:hidden}@keyframes rubberBand{from{transform:scale3d(1, 1, 1)}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}to{transform:scale3d(1, 1, 1)}}@keyframes bounceInLeftNoDelay{0%{transform:translate3d(-100vw, 0, 0) scale3d(1.1, 0.8, 1)}50%{transform:translate3d(0, 0, 0)}60%{transform:translate3d(25px, 0, 0) scale3d(0.9, 1.2, 1)}75%{transform:translate3d(-10px, 0, 0) scale3d(1.05, 0.95, 1)}90%{transform:translate3d(5px, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes bounceInRightNoDelay{0%{transform:translate3d(100vw, 0, 0) scale3d(1.1, 0.8, 1)}50%{transform:translate3d(0, 0, 0)}60%{transform:translate3d(-25px, 0, 0) scale3d(0.9, 1.2, 1)}75%{transform:translate3d(10px, 0, 0) scale3d(1.05, 0.95, 1)}90%{transform:translate3d(-5px, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes bounceInLeft{0%,20%{transform:translate3d(-100vw, 0, 0) scale3d(1.1, 0.8, 1)}60%{transform:translate3d(0, 0, 0)}68%{transform:translate3d(25px, 0, 0) scale3d(0.9, 1.2, 1)}80%{transform:translate3d(-10px, 0, 0) scale3d(1.05, 0.95, 1)}92%{transform:translate3d(5px, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes bounceInRight{0%,20%{transform:translate3d(100vw, 0, 0) scale3d(1.1, 0.8, 1)}60%{transform:translate3d(0, 0, 0)}68%{transform:translate3d(-25px, 0, 0) scale3d(0.9, 1.2, 1)}80%{transform:translate3d(10px, 0, 0) scale3d(1.05, 0.95, 1)}92%{transform:translate3d(-5px, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes fade-up-item-1{0%,0%{transform:translate3d(0, 200px, 0);opacity:0}9%{transform:translate3d(0, -10px, 0);opacity:0.9}10%{transform:translate3d(0, 5px, 0);opacity:1.0}10%,100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes fade-up-item-2{0%,10%{transform:translate3d(0, 200px, 0);opacity:0}19%{transform:translate3d(0, -10px, 0);opacity:0.9}20%{transform:translate3d(0, 5px, 0);opacity:1.0}20%,100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes fade-up-item-3{0%,20%{transform:translate3d(0, 200px, 0);opacity:0}29%{transform:translate3d(0, -10px, 0);opacity:0.9}30%{transform:translate3d(0, 5px, 0);opacity:1.0}30%,100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes fade-up-item-4{0%,30%{transform:translate3d(0, 200px, 0);opacity:0}39%{transform:translate3d(0, -10px, 0);opacity:0.9}40%{transform:translate3d(0, 5px, 0);opacity:1.0}40%,100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes fade-up-item-5{0%,40%{transform:translate3d(0, 200px, 0);opacity:0}49%{transform:translate3d(0, -10px, 0);opacity:0.9}50%{transform:translate3d(0, 5px, 0);opacity:1.0}50%,100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes fade-up-item-6{0%,50%{transform:translate3d(0, 200px, 0);opacity:0}59%{transform:translate3d(0, -10px, 0);opacity:0.9}60%{transform:translate3d(0, 5px, 0);opacity:1.0}60%,100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes fade-up-item-7{0%,60%{transform:translate3d(0, 200px, 0);opacity:0}69%{transform:translate3d(0, -10px, 0);opacity:0.9}70%{transform:translate3d(0, 5px, 0);opacity:1.0}70%,100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes fade-up-item-8{0%,70%{transform:translate3d(0, 200px, 0);opacity:0}79%{transform:translate3d(0, -10px, 0);opacity:0.9}80%{transform:translate3d(0, 5px, 0);opacity:1.0}80%,100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes fade-up-item-9{0%,80%{transform:translate3d(0, 200px, 0);opacity:0}89%{transform:translate3d(0, -10px, 0);opacity:0.9}90%{transform:translate3d(0, 5px, 0);opacity:1.0}90%,100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes fade-up-item-10{0%,90%{transform:translate3d(0, 200px, 0);opacity:0}99%{transform:translate3d(0, -10px, 0);opacity:0.9}100%{transform:translate3d(0, 5px, 0);opacity:1.0}100%,100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes zoomIn{0%{opacity:0}50%{opacity:1;transform:scale3d(1.1, 1.1, 1)}100%{opacity:1;transform:scale3d(1, 1, 1)}}header{width:100%;padding-left:calc( (100% - var(--max-width)) /2 + var(--content-padding));padding-right:calc( (100% - var(--max-width)) /2 + var(--content-padding));position:fixed;top:0;background:var(--background-color);box-shadow:0 1px 1px rgba(var(--text-color-rgb), 0.1),0 -2px var(--theme-color);display:flex;align-items:center;min-height:var(--header-height);flex-wrap:wrap;z-index:10;will-change:transform}.logo{height:var(--header-height);display:flex;align-items:center}.logo svg{fill:var(--text-color);stroke:var(--text-color);width:130px;height:47px}.hamburger{display:block;width:calc(8px + var(--header-height) / 2);height:calc(8px + var(--header-height) / 2);margin:calc(calc(var(--header-height) - calc(8px + var(--header-height) / 2)) / 2) 0;position:absolute;cursor:pointer;top:0;opacity:0;z-index:2}.hamburger ~ .icon{display:block;width:calc(8px + var(--header-height) / 2);height:calc(8px + var(--header-height) / 2);position:relative;background:#EEE;z-index:1;padding:4px;fill:rgba(0,0,0,0.5);border-radius:2px;margin:0 15px 0 0}.hamburger ~ .icon svg{width:100%;height:100%}.hamburger:checked ~ .icon .bar:nth-of-type(2){opacity:0}.hamburger:checked ~ .icon .bar:nth-of-type(3){transform:translateY(5px) translateX(4px) rotateZ(-225deg);transform-origin:center}.hamburger:checked ~ .icon .bar:nth-of-type(1){transform:translateY(-5px) translateX(2px) rotateZ(225deg);transform-origin:center}@media (min-width: 768px){.hamburger,.hamburger ~ .icon{display:none}}@media (max-width: 767px){.hamburger:checked ~ .top-menu{max-height:100vh;opacity:1;padding:15px 0}}.top-menu{font-weight:400}@media (max-width: 767px){.top-menu{flex-grow:1;display:flex;flex-direction:column;width:100%;max-height:0;opacity:0;overflow:hidden;transition:all 0.3s ease-out;border-top:1px solid #eee}}@media (min-width: 768px){.top-menu{display:inline-flex;flex-wrap:wrap;align-items:stretch;height:var(--header-height)}}.top-menu-item{list-style:none;display:flex;align-items:center}.top-menu-item.active>a,.top-menu-item:hover>a{color:var(--theme-color)}@media (min-width: 768px){.top-menu-item{position:relative}.top-menu-item.active::after{content:" ";background:var(--theme-color);position:absolute;width:100%;left:0;bottom:0;height:5px}}.top-menu-item a{text-decoration:none;color:inherit;display:inline-block;width:100%}@media (min-width: 992px){.top-menu-item a{padding:10px 20px}}@media (max-width: 991px){.top-menu-item a{padding:5px 8px;font-size:12px}}@media (max-width: 767px){.top-menu-item a{padding:12px 0px;font-size:12px}}@media (max-width: 767px){.top-menu-item{flex-direction:column;align-items:flex-start}}.sub-menu{position:absolute;top:var(--header-height);max-height:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 16px rgba(10,10,10,0.1);background:var(--background-color);min-width:200px;border-color:rgba(var(--text-color-rgb), 0.1);transition:max-height, opacity 0.3s ease-out}.sub-menu li{list-style:none}.sub-menu li a{padding:10px}.sub-menu li.active>a,.sub-menu li:hover>a{color:var(--theme-color)}.sub-menu li:not(:last-child){border-bottom:1px dotted rgba(var(--text-color-rgb), 0.1)}@media (max-width: 767px){.sub-menu{position:static;max-height:100vh;box-shadow:none;border-top:1px solid rgba(var(--text-color-rgb), 0.1);border-bottom:1px dotted rgba(var(--text-color-rgb), 0.1);background:transparent}}@media (min-width: 769px){.top-menu-item:hover .sub-menu{max-height:100vh;opacity:1;border:1px solid rgba(var(--text-color-rgb), 0.1)}}.github-corner{position:absolute;top:0;border:0;right:0}.github-corner svg{width:var(--header-height);height:var(--header-height);color:var(--background-color);fill:var(--theme-color);position:absolute;top:0;border:0;right:0}.github-corner:before{content:" ";position:absolute;right:0;top:-200px;height:200px;z-index:1;background:var(--theme-color);width:var(--header-height)}.github-corner .octo-arm{transform-origin:130px 106px}.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width: 575px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}@media (max-width: 767px){#header{transition:transform 0.2s ease-in}#header #color-picker{transition:opacity 0.2s ease-in}.header-unpin{transform:translateY(calc(-2px - var(--header-height)))}.header-unpin #color-picker{opacity:0}.header-pin{transform:translateY(0)}.header-pin #color-picker{opacity:1}}.scroll-up{opacity:0;width:30px;height:30px;position:fixed;right:20px;bottom:20px;z-index:2;transition:transform 0.2s ease-in, opacity 0.2s ease-in;will-change:transform}.scroll-up svg{background-color:var(--theme-color);padding:5px;fill:var(--background-color)}.scroll-up:hover{transform:scale(1.1, 1.1);filter:none}.scroll-up.visible{opacity:1}@media (max-width: 767px){.scroll-up.visible.unpin{opacity:0}}#searchbox{position:relative;margin-left:auto;max-height:var(--header-height);padding-top:calc(var(--header-height)/4);height:var(--header-height);opacity:0}#searchbox.visible{opacity:1}#searchbox>svg{position:absolute;left:7px;top:calc(var(--header-height)/4 + 7px);color:rgba(var(--text-color-rgb), 0.2);pointer-events:none}@media (min-width: 992px){#searchbox>svg{top:calc(var(--header-height)/4 + 10px)}}#searchbox input{height:calc(var(--header-height)/2);line-height:calc(var(--header-height)/2);font-size:calc(var(--header-height)/5);border-radius:50px;padding:7px 10px 7px 30px;background:none;width:170px;transition:all .2s ease-in-out}#searchbox input ~ .results{width:130px}#searchbox input:focus{width:300px}#searchbox input:focus ~ .results{width:260px;max-height:500px;transition:width .2s ease-in-out, max-height 0.5s ease-in-out}#searchbox input:focus ~ svg{color:rgba(var(--text-color-rgb), 0.6)}#searchbox .results{max-height:0;overflow:hidden;background:var(--background-color);border-bottom-right-radius:5px;border-bottom-left-radius:5px;margin:-2px 20px 0;box-shadow:0 2px 2px #bbb;transition:width .2s ease-in-out}#searchbox .results>div{cursor:pointer;border-bottom:1px solid #eee;padding:10px;height:80px}#searchbox .results>div.hidden{display:none}#searchbox .results>div.selected{background:rgba(var(--theme-color-rgb), 0.1)}#searchbox .results>div img{float:left;border-radius:3px;background:#DDD;min-height:50px;margin:5px 10px 5px 0}#searchbox .results>div h2{font-size:12px;line-height:14px;margin:0;white-space:nowrap;text-overflow:ellipsis;padding:0;overflow:hidden}#searchbox .results>div .description{font-size:10px;line-height:12px;overflow:hidden;text-overflow:ellipsis;height:30px;text-align:left;padding:3px 0}#searchbox .results>div>span{font-size:8px;line-height:10px;display:flex;align-items:center;white-space:nowrap;height:14px;overflow:hidden;text-overflow:ellipsis}#searchbox .results>div>span .category{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#searchbox .results>div>span svg{margin:0 2px 0 5px;min-width:12px}#searchbox .results>div>span svg:first-of-type{margin-left:0}#searchbox .results>div::after{content:" ";display:block;clear:both}@media (max-width: 767px){#searchbox{margin:0;position:absolute;top:0;z-index:3;right:calc(50vw - var(--max-width)/2);background:var(--background-color);padding-top:calc(var(--header-height)/4);height:var(--header-height)}#searchbox>svg{top:calc(7px + var(--header-height)/4)}#searchbox .results{margin-left:10px;margin-right:10px}#searchbox input:focus{width:calc(var(--max-width))}#searchbox input:focus ~ .results{width:calc(var(--max-width) - 20px)}}@media (max-width: 660px){#searchbox{right:var(--header-height)}#searchbox input:focus{margin-left:20px;width:calc(100vw - 2*var(--header-height))}#searchbox input:focus ~ .results{margin-left:30px;width:calc(100vw - 2*var(--header-height) - 20px)}#searchbox input:focus ~ svg{left:27px}}@media (max-width: 575px){#searchbox input:focus{margin-left:0}#searchbox input:focus ~ .results{margin-left:10px}#searchbox input:focus ~ svg{left:7px}#searchbox input:not(:focus){width:0px;padding-left:25px;border-radius:0;background:var(--theme-color);border:none}#searchbox input:not(:focus) ~ svg{color:var(--background-color)}#searchbox input:not(:focus) ~ .results{width:0}}.no-js #color-picker{display:none}#color-picker{position:absolute;top:calc(var(--header-height) + 20px);right:10px;z-index:10}#color-picker .theme{display:none}#color-picker:hover{border-radius:20px;text-align:right}#color-picker:hover::before{content:" ";position:absolute;left:-10px;right:30px;height:5px;background:var(--theme-color);top:14px}#color-picker:hover::after{content:" ";width:14px;height:14px;border-radius:50%;left:-19px;top:9px;display:block;background:var(--theme-color);position:absolute}#color-picker:hover .theme{display:inline-block;height:150px;width:200px;margin-right:20px;background:var(--background-color);border:1px solid var(--theme-color);vertical-align:top;margin-top:18px}#color-picker:hover .theme h3{font-weight:500;text-align:center}#color-picker:hover .theme .colors{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:5px}#color-picker:hover .theme .custom-color{display:block;text-align:center}#color-picker:hover .theme .theme-choice{margin:5px 3px;width:20px;height:20px;background-color:var(--color);border-radius:3px;cursor:pointer;box-shadow:1px 1px 1px 0 var(--text-color)}#color-picker:hover .theme a{margin:0 5px}#color-picker:hover .picker{vertical-align:middle;color:var(--background-color);background:var(--theme-color);transform:rotateZ(-180deg)}#color-picker .picker{height:30px;width:30px;padding:5px;border-radius:50%;color:var(--theme-color);border:1px solid var(--theme-color);cursor:pointer;background:rgba(var(--background-color-rgb), 0.8);transition:transform 0.2s ease-in}#color-picker input[type="checkbox"]{display:none}#color-picker span{vertical-align:middle;display:inline-block;padding:5px 5px 5px 30px}#color-picker .toggle{position:relative;display:inline-block;width:40px;height:20px;vertical-align:middle}#color-picker .toggle label,#color-picker .toggle i{box-sizing:border-box;display:block;background:#ffffff}#color-picker .toggle label{width:40px;height:20px;border-radius:32px;border:1px solid #e5e5e5;transition:all 0.30s ease}#color-picker .toggle i{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:18px;box-shadow:0 0 1px 0 rgba(0,0,0,0.25),0 3px 3px 0 rgba(0,0,0,0.15);background:#ffffff;transition:all 0.3s cubic-bezier(0.275, -0.45, 0.725, 1.45)}#color-picker input[type="checkbox"]:active+.toggle i{width:20px}#color-picker input[type="checkbox"]:active+.toggle label,#color-picker input[type="checkbox"]:checked+.toggle label{border:10px solid #666}#color-picker input[type="checkbox"]:active+.toggle label i,#color-picker input[type="checkbox"]:checked+.toggle label i{background:#222}#color-picker input[type="checkbox"]:checked+.toggle i{left:21px}#color-picker input[type="checkbox"]:checked:active+.toggle label{border:10px solid #e5e5e5}#color-picker input[type="checkbox"]:checked:active+.toggle i{left:14px}.list,.terms,.page404{z-index:1;margin:calc(var(--header-height)/2);width:100%;padding-left:var(--content-padding);padding-right:var(--content-padding);margin-left:calc((100% - var(--max-width))/2);margin-right:calc((100% - var(--max-width))/2);max-width:var(--max-width);padding:calc(2*var(--content-padding));background:rgba(var(--background-color-rgb), 0.9);border-radius:5px;flex:1}.list:hover,.terms:hover,.page404:hover{background:var(--background-color)}.list{background:transparent}.list:hover{background:transparent}.terms{background:rgba(var(--background-color-rgb), 0.9)}.terms:hover{background:var(--background-color)}.terms h4{display:inline-block}.blog-posts{width:100%;align-content:center;padding:0}.blog-post{contain:content;list-style:none;text-align:left;padding:15px;background:var(--background-color);box-shadow:0 1px 1px rgba(var(--text-color-rgb), 0.1);display:flex;flex-direction:column}.blog-post .banner-holder{width:100%;position:relative;padding-bottom:75%;overflow:hidden}.blog-post .banner-holder img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;transition:transform 0.2s linear}.blog-post:hover .banner-holder img,.blog-post .banner-holder.hover img{transform:scale(1.1)}.blog-post:hover,.blog-post.hover{box-shadow:0 0 40px rgba(var(--text-color-rgb), 0.1)}.blog-post hr{border:none;border-bottom:1px dashed rgba(var(--text-color-rgb), 0.1)}.blog-post h3:hover{color:var(--theme-color)}.blog-post p{flex:1}.blog-post .blog-post-footer{display:flex}.blog-post .blog-post-footer a{font-size:12px;padding-right:15px;color:var(--text-color)}.blog-post .blog-post-footer a:hover{color:var(--theme-color)}.blog-post .blog-post-footer .categories{text-align:right;flex:1}.blog-post .blog-post-footer .categories svg{fill:var(--theme-color);vertical-align:middle}.pagination{list-style:none;display:flex;align-content:center;justify-content:center;padding:40px 0 0;flex-wrap:wrap}.pagination .page-item{display:flex;align-items:center;justify-content:center}@media (max-width: 575px){.pagination .page-item:last-child,.pagination .page-item:first-child{display:none}}.pagination .page-link{text-decoration:none;background-color:var(--background-color);box-shadow:0 1px 1px rgba(var(--text-color-rgb), 0.1);display:block;padding:10px;margin:10px}.pagination .page-link:hover{filter:none;box-shadow:0 0 40px rgba(var(--text-color-rgb), 0.1);background:var(--theme-color);color:var(--text-color)}.pagination .active .page-link{background:var(--theme-color);color:var(--background-color);pointer-events:none}.pagination .disabled .page-link{background:rgba(var(--text-color-rgb), 0.1);color:var(--text-color);pointer-events:none}.list .blog-post:nth-of-type(1){will-change:transform, opacity;animation:fade-up-item-1 2s ease-in-out}.list .blog-post:nth-of-type(2){will-change:transform, opacity;animation:fade-up-item-2 2s ease-in-out}.list .blog-post:nth-of-type(3){will-change:transform, opacity;animation:fade-up-item-3 2s ease-in-out}.list .blog-post:nth-of-type(4){will-change:transform, opacity;animation:fade-up-item-4 2s ease-in-out}.list .blog-post:nth-of-type(5){will-change:transform, opacity;animation:fade-up-item-5 2s ease-in-out}.list .blog-post:nth-of-type(6){will-change:transform, opacity;animation:fade-up-item-6 2s ease-in-out}.list .blog-post:nth-of-type(7){will-change:transform, opacity;animation:fade-up-item-7 2s ease-in-out}.list .blog-post:nth-of-type(8){will-change:transform, opacity;animation:fade-up-item-8 2s ease-in-out}.list .blog-post:nth-of-type(9){will-change:transform, opacity;animation:fade-up-item-9 2s ease-in-out}.list .blog-post:nth-of-type(10){will-change:transform, opacity;animation:fade-up-item-10 2s ease-in-out}.page404 .number{font-family:cursive, serif;font-size:200px;text-align:center;line-height:normal}.page404 .error-banner{display:flex;justify-content:center}.page404 .error-banner svg{position:relative;overflow:visible;z-index:2;transform:translate3d(0, 0, 0);margin:3em}.page404 [id$=cube-1],.page404 [id$=cube-13],.page404 [id$=cube-25]{animation:drop-cube-1 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-1] path,.page404 [id$=cube-13] path,.page404 [id$=cube-25] path{animation:fade-cube-1 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-2],.page404 [id$=cube-14],.page404 [id$=cube-26]{animation:drop-cube-2 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-2] path,.page404 [id$=cube-14] path,.page404 [id$=cube-26] path{animation:fade-cube-2 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-3],.page404 [id$=cube-15],.page404 [id$=cube-27]{animation:drop-cube-3 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-3] path,.page404 [id$=cube-15] path,.page404 [id$=cube-27] path{animation:fade-cube-3 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-4],.page404 [id$=cube-16],.page404 [id$=cube-28]{animation:drop-cube-4 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-4] path,.page404 [id$=cube-16] path,.page404 [id$=cube-28] path{animation:fade-cube-4 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-5],.page404 [id$=cube-17],.page404 [id$=cube-29]{animation:drop-cube-5 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-5] path,.page404 [id$=cube-17] path,.page404 [id$=cube-29] path{animation:fade-cube-5 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-6],.page404 [id$=cube-18],.page404 [id$=cube-30]{animation:drop-cube-6 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-6] path,.page404 [id$=cube-18] path,.page404 [id$=cube-30] path{animation:fade-cube-6 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-7],.page404 [id$=cube-19],.page404 [id$=cube-31]{animation:drop-cube-7 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-7] path,.page404 [id$=cube-19] path,.page404 [id$=cube-31] path{animation:fade-cube-7 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-8],.page404 [id$=cube-20],.page404 [id$=cube-32]{animation:drop-cube-8 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-8] path,.page404 [id$=cube-20] path,.page404 [id$=cube-32] path{animation:fade-cube-8 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-9],.page404 [id$=cube-21],.page404 [id$=cube-33]{animation:drop-cube-9 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-9] path,.page404 [id$=cube-21] path,.page404 [id$=cube-33] path{animation:fade-cube-9 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-10],.page404 [id$=cube-22],.page404 [id$=cube-34]{animation:drop-cube-10 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-10] path,.page404 [id$=cube-22] path,.page404 [id$=cube-34] path{animation:fade-cube-10 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-11],.page404 [id$=cube-23],.page404 [id$=cube-35]{animation:drop-cube-11 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-11] path,.page404 [id$=cube-23] path,.page404 [id$=cube-35] path{animation:fade-cube-11 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-12],.page404 [id$=cube-24],.page404 [id$=cube-36]{animation:drop-cube-12 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 [id$=cube-12] path,.page404 [id$=cube-24] path,.page404 [id$=cube-36] path{animation:fade-cube-12 0.9s cubic-bezier(0.19, 1, 0.32, 1)}.page404 svg:hover [id$=cube-1] path,.page404 svg:hover [id$=cube-13] path,.page404 svg:hover [id$=cube-25] path{animation:fade-out-cube-1 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite}.page404 svg:hover [id$=cube-2] path,.page404 svg:hover [id$=cube-14] path,.page404 svg:hover [id$=cube-26] path{animation:fade-out-cube-2 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite}.page404 svg:hover [id$=cube-3] path,.page404 svg:hover [id$=cube-15] path,.page404 svg:hover [id$=cube-27] path{animation:fade-out-cube-3 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite}.page404 svg:hover [id$=cube-4] path,.page404 svg:hover [id$=cube-16] path,.page404 svg:hover [id$=cube-28] path{animation:fade-out-cube-4 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite}.page404 svg:hover [id$=cube-5] path,.page404 svg:hover [id$=cube-17] path,.page404 svg:hover [id$=cube-29] path{animation:fade-out-cube-5 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite}.page404 svg:hover [id$=cube-6] path,.page404 svg:hover [id$=cube-18] path,.page404 svg:hover [id$=cube-30] path{animation:fade-out-cube-6 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite}.page404 svg:hover [id$=cube-7] path,.page404 svg:hover [id$=cube-19] path,.page404 svg:hover [id$=cube-31] path{animation:fade-out-cube-7 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite}.page404 svg:hover [id$=cube-8] path,.page404 svg:hover [id$=cube-20] path,.page404 svg:hover [id$=cube-32] path{animation:fade-out-cube-8 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite}.page404 svg:hover [id$=cube-9] path,.page404 svg:hover [id$=cube-21] path,.page404 svg:hover [id$=cube-33] path{animation:fade-out-cube-9 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite}.page404 svg:hover [id$=cube-10] path,.page404 svg:hover [id$=cube-22] path,.page404 svg:hover [id$=cube-34] path{animation:fade-out-cube-10 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite}.page404 svg:hover [id$=cube-11] path,.page404 svg:hover [id$=cube-23] path,.page404 svg:hover [id$=cube-35] path{animation:fade-out-cube-11 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite}.page404 svg:hover [id$=cube-12] path,.page404 svg:hover [id$=cube-24] path,.page404 svg:hover [id$=cube-36] path{animation:fade-out-cube-12 0.7s cubic-bezier(0.19, 1, 0.32, 1) infinite}@keyframes drop-cube-1{0%,7%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-1{0%,7%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-1{0%,3%{opacity:1}97%{opacity:0}100%{opacity:1}}@keyframes drop-cube-2{0%,14%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-2{0%,14%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-2{0%,6%{opacity:1}94%{opacity:0}100%{opacity:1}}@keyframes drop-cube-3{0%,21%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-3{0%,21%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-3{0%,9%{opacity:1}91%{opacity:0}100%{opacity:1}}@keyframes drop-cube-4{0%,28%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-4{0%,28%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-4{0%,12%{opacity:1}88%{opacity:0}100%{opacity:1}}@keyframes drop-cube-5{0%,35%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-5{0%,35%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-5{0%,15%{opacity:1}85%{opacity:0}100%{opacity:1}}@keyframes drop-cube-6{0%,42%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-6{0%,42%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-6{0%,18%{opacity:1}82%{opacity:0}100%{opacity:1}}@keyframes drop-cube-7{0%,49%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-7{0%,49%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-7{0%,21%{opacity:1}79%{opacity:0}100%{opacity:1}}@keyframes drop-cube-8{0%,56%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-8{0%,56%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-8{0%,24%{opacity:1}76%{opacity:0}100%{opacity:1}}@keyframes drop-cube-9{0%,63%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-9{0%,63%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-9{0%,27%{opacity:1}73%{opacity:0}100%{opacity:1}}@keyframes drop-cube-10{0%,70%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-10{0%,70%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-10{0%,30%{opacity:1}70%{opacity:0}100%{opacity:1}}@keyframes drop-cube-11{0%,77%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-11{0%,77%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-11{0%,33%{opacity:1}67%{opacity:0}100%{opacity:1}}@keyframes drop-cube-12{0%,84%{transform:translateY(300px)}100%{transform:translateY(0)}}@keyframes fade-cube-12{0%,84%{opacity:0}100%{opacity:1}}@keyframes fade-out-cube-12{0%,36%{opacity:1}64%{opacity:0}100%{opacity:1}}.post{z-index:1;margin:calc(var(--header-height)/2);width:100%;padding-left:var(--content-padding);padding-right:var(--content-padding);margin-left:calc((100% - var(--max-width))/2);margin-right:calc((100% - var(--max-width))/2);max-width:var(--max-width);padding:calc(2*var(--content-padding));background:rgba(var(--background-color-rgb), 0.9);border-radius:5px}.post .yt{border-radius:5px;position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.post .yt iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.post .i-tex{transform:scale(0.8)}.post .tex,.post .i-tex{color:var(--text-color)}.post .tex:hover,.post .tex.hover,.post .i-tex:hover,.post .i-tex.hover{color:black}.post:hover{background:var(--background-color)}@media (min-width: 992px){.post{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-areas:"main main aside" "buttons buttons aside" "more more aside" "comments comments aside"}.post main{grid-area:main;min-width:0;contain:content}.post aside{grid-area:aside;contain:content}.post .buttons{grid-area:buttons}.post .more{grid-area:more}.post .comments{grid-area:comments}}.post main>p{font-size:16px;line-height:30px}.post main>p:first-of-type:first-letter{color:var(--theme-color);margin-top:7px;margin-right:5px;float:left;font-size:80px;line-height:80px;font-family:NouveauDropCaps, serif;font-display:optional}.post main>ul>li,.post main>ol>li{font-size:16px;line-height:30px}.post main h1:first-of-type{padding-left:0}.post .post-anchor{position:relative;margin:0 0 40px;border-radius:5px;width:100%;padding-bottom:50%}.post .post-anchor .banner-holder{width:100%;position:relative;padding-bottom:0;overflow:hidden}.post .post-anchor .banner-holder img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;transition:transform 0.2s linear}.post .post-anchor:hover .banner-holder img,.post .post-anchor .banner-holder.hover img{transform:scale(1.1)}.post .post-anchor .banner-holder{height:100%;position:absolute}.post aside{line-height:30px}@media (min-width: 992px){.post aside{padding:0 calc(2*var(--content-padding))}}.post aside *{text-align:left}.post aside svg{fill:var(--theme-color)}.post aside svg:hover,.post aside svg.hover{animation:rubberBand 0.5s linear}.post aside th{padding:0 12px 0 0;white-space:nowrap}.post aside th svg{vertical-align:middle;margin:0 5px 0 0}@media (max-width: 1199px) and (min-width: 992px){.post aside th{font-size:0}}@media (max-width: 767px) and (min-width: 576px){.post aside th{font-size:0}}.post aside .tags span,.post aside .category span{font-weight:700}@media (max-width: 1199px) and (min-width: 992px){.post aside .tags span,.post aside .category span{display:none}}@media (max-width: 767px) and (min-width: 576px){.post aside .tags span,.post aside .category span{display:none}}.post aside .tags svg,.post aside .category svg{vertical-align:middle;margin:0 5px 0 0}.post aside h2{padding-top:20px;margin:0 0 8px}.post aside section{padding:0 0 20px;border-bottom:1px dashed #ddd}.post aside section .info{font-size:10px;float:right}@media (max-width: 991px) and (min-width: 576px){.post aside{columns:2;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.post aside section{border-bottom:none}}@media (max-width: 575px){.post aside{border-top:1px dashed #ddd}}.post aside .tag-cloud{line-height:2.0rem}.post aside .tag-cloud>a{white-space:nowrap;color:var(--text-color);padding:2px;border-radius:2px}.post aside .tag-cloud>a:hover{color:var(--theme-color);text-decoration:underline}.post .buttons{margin:20px 0}.post .next{float:right}.post .comments ul{padding:0}.post .comments li{list-style:none}.post .comments form{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:20px;grid-row-gap:20px}@media (min-width: 576px){.post .comments form{grid-template-areas:"input1 input2" "comment comment" "button ."}}@media (max-width: 575px){.post .comments form{grid-template-areas:"input1 input1" "input2 input2" "comment comment" "button button"}}.post .comments input:not(:placeholder-shown):not(:focus):invalid{border-color:red}.post .comments input:first-child{grid-area:input1}.post .comments input:nth-child(2){grid-area:input2}.post .comments textarea{grid-area:comment}.post .comments button{grid-area:button;justify-self:flex-start}@font-face{font-family:"NouveauDropCaps";src:url(/fonts/NouveauDropCaps.woff2) format("woff2");unicode-range:U+41-5A}.comment{min-height:120px}.comment img{margin:5px 20px 0 0;width:100px;height:100px;border-radius:50%;border:1px solid rgba(var(--text-color-rgb), 0.1);float:left}.comment svg{fill:var(--text-color);vertical-align:middle;width:20px;height:20px}.comment time{font-size:12px}.commenter-comment{background:rgba(var(--theme-color-rgb), 0.1);margin-left:120px;min-height:80px;padding:10px 20px;border-radius:5px}.commenter-name{font-weight:400;padding:0 20px 0 0}.background{position:fixed;width:100%;height:100%;left:0;top:0;background-image:url("/image/background_hu5fa5007403ed47f8e70c21b28ee4cec6_92766_1400x787_fill_q75_box_smart1.jpg");background-size:cover}.dark .background{background-image:url("/image/background-dark_huacd336bfb7f5597695f9c32d4115a2aa_1561823_1400x787_fill_q75_box_smart1.jpg")}.more ul{padding:0}@media (min-width: 768px){.more ul.items-3{grid-template-columns:1fr 1fr 1fr}}.more li{border-radius:4px;overflow:hidden;list-style:none;display:flex;flex-direction:column;box-shadow:0 1px 1px rgba(var(--text-color-rgb), 0.1)}.more li .img-container{width:100%;position:relative;padding-bottom:75%;overflow:hidden}.more li .img-container img{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;transition:transform 0.2s linear}.more li:hover .img-container img,.more li .img-container.hover img{transform:scale(1.1)}.more li>.description{font-weight:400;padding:10px 10px;display:flex;flex:1;flex-direction:column;border-top:2px solid transparent;justify-content:space-between;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.more li:hover,.more li.hover{box-shadow:0 1px 10px rgba(var(--text-color-rgb), 0.1)}.more li:hover .description,.more li.hover .description{border-top-color:var(--theme-color)}.more svg{vertical-align:middle;fill:var(--text-color)}.more small{color:var(--text-color)}@media (min-width: 769px){aside{transform-origin:top left;animation:bounceInRightNoDelay 1.1s ease-in-out}main{transform-origin:top right;animation:bounceInLeftNoDelay 1.1s ease-in-out}.more ul li,.comments ul li{transform-origin:top center;will-change:opacity, transform}.comments.visible h2,.more.visible h2{animation:fade-up-item-1 2s ease-in-out}.comments.visible ul li:nth-child(1),.more.visible ul li:nth-child(1){animation:fade-up-item-2 2s ease-in-out}.comments.visible ul li:nth-child(2),.more.visible ul li:nth-child(2){animation:fade-up-item-3 2s ease-in-out}.comments.visible ul li:nth-child(3),.more.visible ul li:nth-child(3){animation:fade-up-item-4 2s ease-in-out}.comments.visible ul li:nth-child(4),.more.visible ul li:nth-child(4){animation:fade-up-item-5 2s ease-in-out}.comments.visible ul li:nth-child(5),.more.visible ul li:nth-child(5){animation:fade-up-item-6 2s ease-in-out}.comments.visible ul li:nth-child(6),.more.visible ul li:nth-child(6){animation:fade-up-item-7 2s ease-in-out}.comments.visible ul li:nth-child(7),.more.visible ul li:nth-child(7){animation:fade-up-item-8 2s ease-in-out}.comments.visible ul li:nth-child(8),.more.visible ul li:nth-child(8){animation:fade-up-item-9 2s ease-in-out}.comments.visible ul li:nth-child(9),.more.visible ul li:nth-child(9){animation:fade-up-item-10 2s ease-in-out}.comments.visible ul li:nth-child(10),.more.visible ul li:nth-child(10){animation:fade-up-item-11 2s ease-in-out}.comments.visible>h3,.more.visible>h3{animation:fade-up-item-1 2s ease-in-out}.comments.visible>p,.more.visible>p{animation:fade-up-item-2 2s ease-in-out}.comments form.visible input{animation:fade-up-item-3 2s ease-in-out}.comments form.visible textarea{animation:fade-up-item-4 2s ease-in-out}.comments form.visible button{animation:fade-up-item-5 2s ease-in-out}}.honeypot{position:absolute;left:-5000px}.newsletter{min-width:220px;width:100%}.newsletter .email{width:calc(100% - 50px);display:inline-block}.newsletter button{display:inline-block;width:50px;padding:0;text-align:center;background:var(--theme-color);color:var(--background-color)}.newsletter button:hover{filter:brightness(95%)}.newsletter button,.newsletter .email{height:42px;vertical-align:middle}.post main h1,.post main h2,.post main h3,.post main h4,.post main h5,.post main h6{position:relative;padding-left:30px}.heading-anchor{display:inline-block;color:#DDD;position:absolute;margin-top:calc(-1 * var(--header-height));padding-top:var(--header-height);left:0}@media (prefers-reduced-motion){.post *{animation:none !important}}.contact-cover{width:100%;padding-bottom:20.83333333%}.contact-cover img{position:fixed;object-fit:cover;width:100vw;object-position:50% 0%}.contact{background:var(--background-color);z-index:1;width:100%;padding-left:calc( (100% - var(--max-width)) /2 + var(--content-padding));padding-right:calc( (100% - var(--max-width)) /2 + var(--content-padding))}.contact>section{display:grid;grid-template-columns:1fr;grid-column-gap:20px;grid-row-gap:20px}@media (min-width: 768px){.contact>section{grid-template-columns:4fr 6fr}}.contact aside svg{width:32px;height:32px;vertical-align:middle;fill:var(--background-color);background:var(--theme-color);border-radius:4px;margin:4px 10px 4px 0;padding:3px}.contact aside ul{padding:0}.contact aside li{list-style:none;text-align:left}.contact aside li a{color:var(--text-color)}.contact aside li a:hover{color:var(--theme-color)}.contact aside .social a{font-size:0}.contact aside .social li{display:inline-block}.contact aside .social svg{border-radius:50%;padding:7px;width:40px;height:40px}.contact form{padding:20px 0}.contact form input,.contact form textarea{width:100%;margin:10px 0}@media (min-width: 769px){.contact-cover img{animation:zoomIn 0.8s ease-in;will-change:opacity, transform}.contact h1{animation:fade-up-item-1 2.0s ease-in-out}.contact .subtitle{animation:fade-up-item-2 2.0s ease-in-out}.contact form{transform-origin:center left;animation:bounceInRightNoDelay 1.1s ease-in-out;contain:content}.contact aside{transform-origin:center right;animation:bounceInLeftNoDelay 1.1s ease-in-out;contain:content}}@media (prefers-reduced-motion){.contact *{animation:none !important}}:root{--max-width: 100vw;--header-height: 60px;--background-color-rgb: 255, 255, 255;--text-color-rgb: 0, 0, 0;--theme-color: rgba(var(--theme-color-rgb), 1.0);--background-color: rgba(var(--background-color-rgb), 1.0);--text-color: #666;--content-padding: 15px;--heading-color: #444;--shade-color: #f6f6f6;--hover-color: #111}@media (min-width: 576px){:root{--max-width: 540px}}@media (min-width: 768px){:root{--max-width: 720px}}@media (min-width: 992px){:root{--header-height: 75px;--max-width: 960px}}@media (min-width: 1200px){:root{--max-width: 1140px}}.meta:nth-child(2n){background:var(--shade-color)}.meta{width:100%;padding-left:calc( (100% - var(--max-width)) /2 + var(--content-padding));padding-right:calc( (100% - var(--max-width)) /2 + var(--content-padding));contain:content}.meta>:last-child{margin-bottom:40px}.meta>:first-child,.meta>h1{margin-top:40px}.meta h1,.meta h2,.meta h3,.meta h4{text-align:center;transition:transform 0.2s ease-in;transform-origin:50% 50%}.meta h1:hover,.meta h2:hover,.meta h3:hover,.meta h4:hover{text-shadow:1px 1px 2px var(--text-color)}.meta h2:hover{transform:none}.meta .subtitle{text-align:center}.meta .content:hover,.meta .content.hover{color:var(--hover-color)}.meta .main-icon{float:right;margin:60px 0 40px;z-index:1}.meta .item{display:flex;flex-direction:column;padding:10px 0 0}.meta .item .item-cover{align-self:center;border-radius:5px;background-color:var(--theme-color);transition:border-radius 0.5s ease-in-out;border:2px solid transparent;box-sizing:content-box}.meta .item .item-cover:hover,.meta .item .item-cover.hover{border-radius:50%}.meta .item h2{padding:8px 0;margin:0;color:var(--text-color)}.meta .item h3{margin:0;padding:5px 0;color:var(--text-color)}.meta .item h4{margin:0;padding:3px 0;color:var(--text-color)}.meta .item .item-icon{align-self:center;min-height:65px;margin:5px 0}.meta .item .links{align-self:flex-end;flex:1;display:flex;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;margin:5px;align-content:flex-end}.meta .item .links a{display:flex;align-items:center;min-height:45px;margin:5px 0}.meta .item .links a svg,.meta .item .links a .link-text{margin:0 5px;transition:none}.meta .item .links a:not(:first-child){margin-left:10px}.main-icon:hover,.item-icon:hover,.item-icon.hover,.main-icon.hover{animation:rubberBand 0.5s ease-in-out}.meta.default .item-cover{width:100%;height:auto}.meta.default .items{grid-row-gap:40px}.meta.default>img{display:block;margin:0 auto;max-width:100%;height:auto}.left-image{display:grid;grid-template-columns:1fr 4fr;grid-column-gap:20px;grid-row-gap:10px;grid-template-areas:"pic title" "pic subtitle" "pic desc"}.left-image img{margin:40px 0;grid-area:pic;border:1px solid rgba(var(--text-color-rgb), 0.1);background:rgba(var(--text-color-rgb), 0.1);width:100%;height:auto;border-radius:50%}.left-image img:hover{box-shadow:0 0 10px rgba(var(--text-color-rgb), 0.1)}.left-image p{grid-area:desc}.left-image h1{margin:40px 0 0;grid-area:title}.left-image .subtitle{grid-area:subtitle}@media (max-width: 1200px){.left-image{grid-template-columns:1.5fr 3fr}}@media (min-width: 993px){.left-image h1,.left-image .subtitle{padding:0;margin:0}.left-image h1{margin-top:40px}}@media (max-width: 992px){.left-image{display:block}.left-image *{margin:20px 0}.left-image img{margin:0 20px 0 0;width:33%;max-width:200px;float:left}}.item-icon-left .item{display:grid;grid-template-columns:40px 1fr;grid-column-gap:20px;grid-template-areas:"icon title" "icon subtitle" "icon heading" "icon desc" "icon links"}.item-icon-left .item .item-icon{grid-area:icon;align-self:flex-start;min-height:40px}.item-icon-left .item h2{grid-area:title}.item-icon-left .item h3{grid-area:subtitle}.item-icon-left .item h4{grid-area:heading}.item-icon-left .item .content{grid-area:desc}.item-icon-left .item .links{grid-area:links}.dark .meta.content.with-background{background-image:url("/image/background-dark_huacd336bfb7f5597695f9c32d4115a2aa_1561823_1400x787_fill_q75_box_smart1.jpg")}.meta.content{background-attachment:fixed;background-repeat:no-repeat;background-size:cover;height:auto}.meta.content.with-background{background-image:url("/image/background_hu5fa5007403ed47f8e70c21b28ee4cec6_92766_1400x787_fill_q75_box_smart1.jpg")}.meta.content:not(:first-of-type){flex:0}.meta.content h1,.meta.content h2,.meta.content h3,.meta.content h4{text-align:left}.meta.content h1:first-of-type{text-align:center}.meta.content>article{width:100%;padding-left:var(--content-padding);padding-right:var(--content-padding);margin-left:calc((100% - var(--max-width))/2);margin-right:calc((100% - var(--max-width))/2);max-width:var(--max-width);padding:calc(2*var(--content-padding));background:rgba(var(--background-color-rgb), 0.9);border-radius:5px;box-shadow:0 0 2px #ddd}.meta.content>article:hover{background:var(--background-color)}@media (min-width: 769px){.meta.content>article *{animation:fade-up-item-3 2s ease-in-out}.meta.content>article h1{animation:fade-up-item-1 2s ease-in-out}.meta.content>article .subtitle{animation:fade-up-item-2 2s ease-in-out}}@media (prefers-reduced-motion){.meta.content>article *{animation:none !important}}.meta.full-width{padding:0}.meta.full-width .items{display:block}.meta.full-width .items .item{padding:40px 0;width:100%;padding-left:calc( (100% - var(--max-width)) /2 + var(--content-padding));padding-right:calc( (100% - var(--max-width)) /2 + var(--content-padding));display:block}.meta.full-width .items .item .item-cover{float:left;margin:0 40px 40px 0;position:relative;z-index:2}.meta.full-width .items .item video.item-cover{background:black;border-color:var(--theme-color)}.meta.full-width .items .item:nth-child(2n){background:var(--shade-color)}.meta.full-width .items .item:nth-child(2n) .item-cover{float:right;margin:0 0 40px 40px}.meta.full-width .items .item:nth-child(2n) .links{align-self:flex-start;align-items:flex-start;justify-content:flex-start}.meta.full-width .items .item:after{content:" ";clear:both;display:block}.meta.full-width .items .item .content{padding:20px 0}.meta.full-width .items .item small{display:inline-block}.meta.full-width:nth-child(2n) .item:nth-child(2n){background:var(--background-color)}@media (max-width: 767px){.meta.full-width .items .item{display:grid;grid-template-columns:1fr;grid-template-areas:"title" "subtitle" "image" "content" "links" "attribution"}.meta.full-width .items .item h2{grid-area:title}.meta.full-width .items .item h3{grid-area:subtitle}.meta.full-width .items .item:nth-child(2n) .item-cover{margin:0}.meta.full-width .items .item .links{grid-area:links}.meta.full-width .items .item .links:nth-child(2n){align-self:flex-end;align-items:flex-end;justify-content:flex-end}.meta.full-width .items .item .attribution{grid-area:attribution}.meta.full-width .items .item .item-cover{grid-area:image;align-self:center;justify-self:center;margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px}.meta.full-width .items .item .content{grid-area:content}}.meta.max-2 .items{grid-template-areas:none;grid-template-columns:1fr 1fr}@media (max-width: 767px){.meta.max-2 .items{grid-template-columns:1fr}}.meta.carousel{width:100%;padding-left:var(--content-padding);padding-right:var(--content-padding);margin-left:calc((100% - var(--max-width))/2);margin-right:calc((100% - var(--max-width))/2);max-width:var(--max-width);padding-left:0;padding-right:0;overflow:hidden;margin-bottom:20px}.meta.carousel .items{display:flex;grid-column-gap:0;grid-row-gap:0}.meta.carousel:nth-child(2n){box-shadow:400px 0 0 20px var(--shade-color),-400px 0 0 20px var(--shade-color)}.meta.carousel .item{background-color:var(--background-color);transform:translate3d(0, 0, 0);min-width:calc(var(--max-width)/2 - 40px);margin:0 20px;padding:20px;box-shadow:0 0 4px rgba(var(--text-color-rgb), 0.1);border-radius:4px;display:grid;grid-template-areas:"icon" "content" "heading";justify-content:center}.meta.carousel .item:hover,.meta.carousel .item.hover{box-shadow:0 0 20px rgba(var(--text-color-rgb), 0.1)}.meta.carousel .item:hover h2,.meta.carousel .item.hover h2{filter:none}.meta.carousel .item h2{grid-area:heading;font-size:14px}.meta.carousel .item .item-icon{grid-area:icon;justify-self:center}.meta.carousel .item .content{grid-area:"content"}.meta.carousel .item-icon{min-height:60px;min-width:60px;padding:2px;filter:drop-shadow(2px 3px 4px #AAA);border-radius:50%}.meta.carousel h2{color:var(--theme-color);filter:brightness(60%);text-align:right}.meta.carousel h2::before{content:"“";font-family:_serif;font-size:40px;padding-right:10px;line-height:15px;vertical-align:text-bottom}.meta.carousel h2 small{font-size:60%}.meta.carousel h2:hover{transform:none}.meta.carousel h2::selected{filter:none}.meta.carousel .items:hover{animation-play-state:paused}.meta.carousel .items:hover .item:first-child{animation-play-state:paused}.meta.carousel .items:hover .item:nth-child(2){animation-play-state:paused}.meta.carousel .items-5{animation:scroll-5 20s linear infinite}@keyframes scroll-5{0%,15%{transform:translateX(calc(var(--max-width) * 0))}20%,35%{transform:translateX(calc(var(--max-width) * -.5))}40%,55%{transform:translateX(calc(var(--max-width) * -1))}60%,75%{transform:translateX(calc(var(--max-width) * -1.5))}80%,95%{transform:translateX(calc(var(--max-width) * -2))}99.99%{transform:translateX(calc(var(--max-width)*-2.5))}}@keyframes scroll-5-end{74.99%,100%{transform:none}75%,99.99%{transform:translateX(calc(var(--max-width)*2.5))}}@keyframes scroll-5-end-2{94.99%,100%{transform:none}95%,99.99%{transform:translateX(calc(var(--max-width)*2.5))}}.meta.carousel .items-5 .item:first-child{animation:scroll-5-end 20s linear infinite}.meta.carousel .items-5 .item:nth-child(2){animation:scroll-5-end-2 20s linear infinite}@media (max-width: 767px){.meta.carousel .item{min-width:calc(var(--max-width) - 40px)}@keyframes scroll-md-5{0%,15%{transform:translateX(calc(var(--max-width) * 0))}20%,35%{transform:translateX(calc(var(--max-width) * -1))}40%,55%{transform:translateX(calc(var(--max-width) * -2))}60%,75%{transform:translateX(calc(var(--max-width) * -3))}80%,95%{transform:translateX(calc(var(--max-width) * -4))}99.99%{transform:translateX(calc(var(--max-width)*-5))}}@keyframes scroll-md-5-end{74.99%,100%{transform:none}75%,99.99%{transform:translateX(calc(var(--max-width)*5))}}.meta.carousel .items-5{animation:scroll-md-5 20s infinite}.meta.carousel .items-5 .item:first-child{animation:scroll-md-5-end 20s infinite}.meta.carousel .items-5 .item:nth-child(2){animation:none}}.meta.filter{text-align:center}.meta.filter .item-cover{width:100%;height:auto}.meta.filter .filter{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto;height:auto;text-align:center;margin:5px;font-size:14px;padding:0;border-radius:2px}.meta.filter .filter:after{content:attr(value);padding:5px 12px;display:block}.meta.filter .items{display:flex;flex-wrap:wrap}.meta.filter .filter-0:checked ~ .items>.filter-0{width:calc(var(--max-width)/3 - 50px);margin:10px;height:auto;transform:none;transition:transform 0.50s ease-out 0.45s, width 0.50s ease-out}.meta.filter .filter-1:checked ~ .items>.filter-1{width:calc(var(--max-width)/3 - 50px);margin:10px;height:auto;transform:none;transition:transform 0.50s ease-out 0.45s, width 0.50s ease-out}.meta.filter .filter-2:checked ~ .items>.filter-2{width:calc(var(--max-width)/3 - 50px);margin:10px;height:auto;transform:none;transition:transform 0.50s ease-out 0.45s, width 0.50s ease-out}.meta.filter .filter-3:checked ~ .items>.filter-3{width:calc(var(--max-width)/3 - 50px);margin:10px;height:auto;transform:none;transition:transform 0.50s ease-out 0.45s, width 0.50s ease-out}.meta.filter .filter-4:checked ~ .items>.filter-4{width:calc(var(--max-width)/3 - 50px);margin:10px;height:auto;transform:none;transition:transform 0.50s ease-out 0.45s, width 0.50s ease-out}.meta.filter .filter-5:checked ~ .items>.filter-5{width:calc(var(--max-width)/3 - 50px);margin:10px;height:auto;transform:none;transition:transform 0.50s ease-out 0.45s, width 0.50s ease-out}.meta.filter .filter-6:checked ~ .items>.filter-6{width:calc(var(--max-width)/3 - 50px);margin:10px;height:auto;transform:none;transition:transform 0.50s ease-out 0.45s, width 0.50s ease-out}.meta.filter .filter-7:checked ~ .items>.filter-7{width:calc(var(--max-width)/3 - 50px);margin:10px;height:auto;transform:none;transition:transform 0.50s ease-out 0.45s, width 0.50s ease-out}.meta.filter .filter-8:checked ~ .items>.filter-8{width:calc(var(--max-width)/3 - 50px);margin:10px;height:auto;transform:none;transition:transform 0.50s ease-out 0.45s, width 0.50s ease-out}.meta.filter .filter-9:checked ~ .items>.filter-9{width:calc(var(--max-width)/3 - 50px);margin:10px;height:auto;transform:none;transition:transform 0.50s ease-out 0.45s, width 0.50s ease-out}.meta.filter .filter-10:checked ~ .items>.filter-10{width:calc(var(--max-width)/3 - 50px);margin:10px;height:auto;transform:none;transition:transform 0.50s ease-out 0.45s, width 0.50s ease-out}@media (max-width: 991px){.meta.filter .filter-0:checked ~ .items>.filter-0{width:calc(var(--max-width) - 50px);height:auto;margin:10px;transform:none;transition:transform 0.50s ease-out 0.45s, width 0.50s ease-out}.meta.filter .filter-1:checked ~ .items>.filter-1{width:calc(var(--max-width) - 50px);height:auto;margin:10px;transform:none;transition:transform 0.50s ease-out 0.45s, width 0.50s ease-out}.meta.filter .filter-2:checked ~ .items>.filter-2{width:calc(var(--max-width) - 50px);height:auto;margin:10px;transform:none;transition:transform 0.50s ease-out 0.45s, width 0.50s ease-out}.meta.filter .filter-3:checked ~ .items>.filter-3{width:calc(var(--max-width) - 50px);height:auto;margin:10px;transform:none;transition:transform 0.50s ease-out 0.45s, width 0.50s ease-out}.meta.filter .filter-4:checked ~ .items>.filter-4{width:calc(var(--max-width) - 50px);height:auto;margin:10px;transform:none;transition:transform 0.50s ease-out 0.45s, width 0.50s ease-out}.meta.filter .filter-5:checked ~ .items>.filter-5{width:calc(var(--max-width) - 50px);height:auto;margin:10px;transform:none;transition:transform 0.50s ease-out 0.45s, width 0.50s ease-out}.meta.filter .filter-6:checked ~ .items>.filter-6{width:calc(var(--max-width) - 50px);height:auto;margin:10px;transform:none;transition:transform 0.50s ease-out 0.45s, width 0.50s ease-out}.meta.filter .filter-7:checked ~ .items>.filter-7{width:calc(var(--max-width) - 50px);height:auto;margin:10px;transform:none;transition:transform 0.50s ease-out 0.45s, width 0.50s ease-out}.meta.filter .filter-8:checked ~ .items>.filter-8{width:calc(var(--max-width) - 50px);height:auto;margin:10px;transform:none;transition:transform 0.50s ease-out 0.45s, width 0.50s ease-out}.meta.filter .filter-9:checked ~ .items>.filter-9{width:calc(var(--max-width) - 50px);height:auto;margin:10px;transform:none;transition:transform 0.50s ease-out 0.45s, width 0.50s ease-out}.meta.filter .filter-10:checked ~ .items>.filter-10{width:calc(var(--max-width) - 50px);height:auto;margin:10px;transform:none;transition:transform 0.50s ease-out 0.45s, width 0.50s ease-out}}.meta.filter .item{width:0;margin:0;height:0;transform:scale(0);transform-origin:20% 40%;transition:transform 0.5s ease-in, width 0.50s ease-out 0.45s, margin 0.50s ease-out 0.45s, height 0s ease-out 0.45s}.meta.centered{min-height:80vh;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;position:relative;display:flex;align-items:center;justify-content:center}.meta.centered .items{background:inherit}.meta.centered .item{position:relative;background:inherit;overflow:hidden;padding:20px;border-radius:5px}.meta.centered .item:before{content:" ";position:absolute;top:-25px;left:-25px;bottom:-25px;right:-25px;background:inherit;box-shadow:inset 0 0 0 200px rgba(var(--background-color-rgb), 0.4);filter:blur(10px)}.meta.centered .item *{z-index:5;text-align:center}.meta.centered>.attribution{position:absolute;bottom:-30px;right:5px;padding:5px;background:rgba(var(--background-color-rgb), 0.4);border-radius:2px;color:var(--text-color)}@media (hover: none){.meta.centered{background-attachment:scroll}.meta.centered .items{background:rgba(var(--background-color-rgb), 0.4)}.meta.centered .item{background:transparent}.meta.centered .item:before{content:none}}.meta.blog>ul{padding:0}.meta.blog h3:hover{transform:none}.meta.blog .item{padding:15px}.meta.gray-image .item-cover{filter:contrast(1);transition:filter 0.2s ease-in}.meta.gray-image .item-cover:hover,.meta.gray-image .item-cover.hover{border-radius:5px;filter:contrast(1.3) brightness(1.1)}.meta.keep-width .item-cover{max-width:100%;height:auto}@media (min-width: 769px){.left-image>*{transform:translate3d(0, 0, 0);will-change:transform}.left-image>img{transform:translate3d(0, 0, 0);will-change:transform}.left-image.visible>*,.left-image:nth-of-type(1)>*,.left-image:nth-of-type(2)>*{transform-origin:center left;animation:bounceInRightNoDelay 1.1s ease-in-out}.left-image.visible>img,.left-image:nth-of-type(1)>img,.left-image:nth-of-type(2)>img{transform-origin:center right;animation:bounceInLeftNoDelay 1.1s ease-in-out}.meta.default.visible h1,.meta.default.visible .main-icon,.meta.default:nth-of-type(1) h1,.meta.default:nth-of-type(1) .main-icon,.meta.default:nth-of-type(2) h1,.meta.default:nth-of-type(2) .main-icon,.full-width.visible h1,.full-width.visible .main-icon,.full-width:nth-of-type(1) h1,.full-width:nth-of-type(1) .main-icon,.full-width:nth-of-type(2) h1,.full-width:nth-of-type(2) .main-icon,.max-2.visible h1,.max-2.visible .main-icon,.max-2:nth-of-type(1) h1,.max-2:nth-of-type(1) .main-icon,.max-2:nth-of-type(2) h1,.max-2:nth-of-type(2) .main-icon,.blog.visible h1,.blog.visible .main-icon,.blog:nth-of-type(1) h1,.blog:nth-of-type(1) .main-icon,.blog:nth-of-type(2) h1,.blog:nth-of-type(2) .main-icon,.filter.visible h1,.filter.visible .main-icon,.filter:nth-of-type(1) h1,.filter:nth-of-type(1) .main-icon,.filter:nth-of-type(2) h1,.filter:nth-of-type(2) .main-icon,.item-icon-left.visible h1,.item-icon-left.visible .main-icon,.item-icon-left:nth-of-type(1) h1,.item-icon-left:nth-of-type(1) .main-icon,.item-icon-left:nth-of-type(2) h1,.item-icon-left:nth-of-type(2) .main-icon{animation:fade-up-item-1 2s ease-in-out}.meta.default.visible .subtitle,.meta.default:nth-of-type(1) .subtitle,.meta.default:nth-of-type(2) .subtitle,.full-width.visible .subtitle,.full-width:nth-of-type(1) .subtitle,.full-width:nth-of-type(2) .subtitle,.max-2.visible .subtitle,.max-2:nth-of-type(1) .subtitle,.max-2:nth-of-type(2) .subtitle,.blog.visible .subtitle,.blog:nth-of-type(1) .subtitle,.blog:nth-of-type(2) .subtitle,.filter.visible .subtitle,.filter:nth-of-type(1) .subtitle,.filter:nth-of-type(2) .subtitle,.item-icon-left.visible .subtitle,.item-icon-left:nth-of-type(1) .subtitle,.item-icon-left:nth-of-type(2) .subtitle{animation:fade-up-item-2 2s ease-in-out}.meta.default h1,.meta.default .main-icon,.meta.default .subtitle,.full-width h1,.full-width .main-icon,.full-width .subtitle,.max-2 h1,.max-2 .main-icon,.max-2 .subtitle,.blog h1,.blog .main-icon,.blog .subtitle,.filter h1,.filter .main-icon,.filter .subtitle,.item-icon-left h1,.item-icon-left .main-icon,.item-icon-left .subtitle{transform:translate3d(0, 0, 0);will-change:opacity, transform}.full-width .item>*{transform:translate3d(0, 0, 0);will-change:opacity, transform;backface-visibility:hidden}.full-width:nth-of-type(1) .item:nth-child(2n)>*,.full-width:nth-of-type(2) .item:nth-child(2n)>*,.full-width .item.visible:nth-child(2n)>*{transform-origin:center right;animation:bounceInLeft .8s ease-in-out;perspective:1000}.full-width:nth-of-type(1) .item:nth-child(2n) img,.full-width:nth-of-type(2) .item:nth-child(2n) img,.full-width .item.visible:nth-child(2n) img{transform-origin:center left;animation:bounceInRight .8s ease-in-out;perspective:1000}.full-width:nth-of-type(1) .item:nth-child(2n-1)>*,.full-width:nth-of-type(2) .item:nth-child(2n-1)>*,.full-width .item.visible:nth-child(2n-1)>*{transform-origin:center left;animation:bounceInRight .8s ease-in-out}.full-width:nth-of-type(1) .item:nth-child(2n-1) img,.full-width:nth-of-type(2) .item:nth-child(2n-1) img,.full-width .item.visible:nth-child(2n-1) img{transform-origin:center right;animation:bounceInLeft .8s ease-in-out}.max-2 .item{transform-origin:top center;will-change:opacity, transform}.max-2:nth-of-type(1) .item:nth-child(2n),.max-2:nth-of-type(2) .item:nth-child(2n),.max-2 .item.visible:nth-child(2n){animation:fade-up-item-2 2s ease-in-out}.max-2:nth-of-type(1) .item:nth-child(2n-1),.max-2:nth-of-type(2) .item:nth-child(2n-1),.max-2 .item.visible:nth-child(2n-1){animation:fade-up-item-1 2s ease-in-out}.filter .items-2 .item:nth-child(1),.blog .items-2 .item:nth-child(1),.meta.default .items-2 .item:nth-child(1),.item-icon-left .items-2 .item:nth-child(1){transform-origin:top center;will-change:opacity, transform}.filter .items-2 .item:nth-child(1).visible,.blog .items-2 .item:nth-child(1).visible,.meta.default .items-2 .item:nth-child(1).visible,.item-icon-left .items-2 .item:nth-child(1).visible{animation:fade-up-item-1 2s ease-in-out}.filter .items-2 .item:nth-child(2),.blog .items-2 .item:nth-child(2),.meta.default .items-2 .item:nth-child(2),.item-icon-left .items-2 .item:nth-child(2){transform-origin:top center;will-change:opacity, transform}.filter .items-2 .item:nth-child(2).visible,.blog .items-2 .item:nth-child(2).visible,.meta.default .items-2 .item:nth-child(2).visible,.item-icon-left .items-2 .item:nth-child(2).visible{animation:fade-up-item-2 2s ease-in-out}.filter:nth-of-type(1) .items-2,.filter:nth-of-type(2) .items-2,.blog:nth-of-type(1) .items-2,.blog:nth-of-type(2) .items-2,.meta.default:nth-of-type(1) .items-2,.meta.default:nth-of-type(2) .items-2,.item-icon-left:nth-of-type(1) .items-2,.item-icon-left:nth-of-type(2) .items-2{animation:fade-up-item-1 2s ease-in-out;animation:fade-up-item-2 2s ease-in-out}.filter .items-3 .item:nth-child(1),.blog .items-3 .item:nth-child(1),.meta.default .items-3 .item:nth-child(1),.item-icon-left .items-3 .item:nth-child(1){transform-origin:top center;will-change:opacity, transform}.filter .items-3 .item:nth-child(1).visible,.blog .items-3 .item:nth-child(1).visible,.meta.default .items-3 .item:nth-child(1).visible,.item-icon-left .items-3 .item:nth-child(1).visible{animation:fade-up-item-1 2s ease-in-out}.filter .items-3 .item:nth-child(2),.blog .items-3 .item:nth-child(2),.meta.default .items-3 .item:nth-child(2),.item-icon-left .items-3 .item:nth-child(2){transform-origin:top center;will-change:opacity, transform}.filter .items-3 .item:nth-child(2).visible,.blog .items-3 .item:nth-child(2).visible,.meta.default .items-3 .item:nth-child(2).visible,.item-icon-left .items-3 .item:nth-child(2).visible{animation:fade-up-item-2 2s ease-in-out}.filter .items-3 .item:nth-child(3),.blog .items-3 .item:nth-child(3),.meta.default .items-3 .item:nth-child(3),.item-icon-left .items-3 .item:nth-child(3){transform-origin:top center;will-change:opacity, transform}.filter .items-3 .item:nth-child(3).visible,.blog .items-3 .item:nth-child(3).visible,.meta.default .items-3 .item:nth-child(3).visible,.item-icon-left .items-3 .item:nth-child(3).visible{animation:fade-up-item-3 2s ease-in-out}.filter:nth-of-type(1) .items-3,.filter:nth-of-type(2) .items-3,.blog:nth-of-type(1) .items-3,.blog:nth-of-type(2) .items-3,.meta.default:nth-of-type(1) .items-3,.meta.default:nth-of-type(2) .items-3,.item-icon-left:nth-of-type(1) .items-3,.item-icon-left:nth-of-type(2) .items-3{animation:fade-up-item-1 2s ease-in-out;animation:fade-up-item-2 2s ease-in-out;animation:fade-up-item-3 2s ease-in-out}.filter .items-4 .item:nth-child(1),.blog .items-4 .item:nth-child(1),.meta.default .items-4 .item:nth-child(1),.item-icon-left .items-4 .item:nth-child(1){transform-origin:top center;will-change:opacity, transform}.filter .items-4 .item:nth-child(1).visible,.blog .items-4 .item:nth-child(1).visible,.meta.default .items-4 .item:nth-child(1).visible,.item-icon-left .items-4 .item:nth-child(1).visible{animation:fade-up-item-1 2s ease-in-out}.filter .items-4 .item:nth-child(2),.blog .items-4 .item:nth-child(2),.meta.default .items-4 .item:nth-child(2),.item-icon-left .items-4 .item:nth-child(2){transform-origin:top center;will-change:opacity, transform}.filter .items-4 .item:nth-child(2).visible,.blog .items-4 .item:nth-child(2).visible,.meta.default .items-4 .item:nth-child(2).visible,.item-icon-left .items-4 .item:nth-child(2).visible{animation:fade-up-item-2 2s ease-in-out}.filter .items-4 .item:nth-child(3),.blog .items-4 .item:nth-child(3),.meta.default .items-4 .item:nth-child(3),.item-icon-left .items-4 .item:nth-child(3){transform-origin:top center;will-change:opacity, transform}.filter .items-4 .item:nth-child(3).visible,.blog .items-4 .item:nth-child(3).visible,.meta.default .items-4 .item:nth-child(3).visible,.item-icon-left .items-4 .item:nth-child(3).visible{animation:fade-up-item-3 2s ease-in-out}.filter .items-4 .item:nth-child(4),.blog .items-4 .item:nth-child(4),.meta.default .items-4 .item:nth-child(4),.item-icon-left .items-4 .item:nth-child(4){transform-origin:top center;will-change:opacity, transform}.filter .items-4 .item:nth-child(4).visible,.blog .items-4 .item:nth-child(4).visible,.meta.default .items-4 .item:nth-child(4).visible,.item-icon-left .items-4 .item:nth-child(4).visible{animation:fade-up-item-4 2s ease-in-out}.filter:nth-of-type(1) .items-4,.filter:nth-of-type(2) .items-4,.blog:nth-of-type(1) .items-4,.blog:nth-of-type(2) .items-4,.meta.default:nth-of-type(1) .items-4,.meta.default:nth-of-type(2) .items-4,.item-icon-left:nth-of-type(1) .items-4,.item-icon-left:nth-of-type(2) .items-4{animation:fade-up-item-1 2s ease-in-out;animation:fade-up-item-2 2s ease-in-out;animation:fade-up-item-3 2s ease-in-out;animation:fade-up-item-4 2s ease-in-out}.filter .items-6 .item,.blog .items-6 .item,.meta.default .items-6 .item,.item-icon-left .items-6 .item{transform-origin:top center;will-change:opacity, transform}.filter:nth-of-type(1) .items-6 .item:nth-child(3n+1),.filter:nth-of-type(2) .items-6 .item:nth-child(3n+1),.filter .items-6 .item:nth-child(3n+1).visible,.blog:nth-of-type(1) .items-6 .item:nth-child(3n+1),.blog:nth-of-type(2) .items-6 .item:nth-child(3n+1),.blog .items-6 .item:nth-child(3n+1).visible,.meta.default:nth-of-type(1) .items-6 .item:nth-child(3n+1),.meta.default:nth-of-type(2) .items-6 .item:nth-child(3n+1),.meta.default .items-6 .item:nth-child(3n+1).visible,.item-icon-left:nth-of-type(1) .items-6 .item:nth-child(3n+1),.item-icon-left:nth-of-type(2) .items-6 .item:nth-child(3n+1),.item-icon-left .items-6 .item:nth-child(3n+1).visible{animation:fade-up-item-1 2s ease-in-out}.filter:nth-of-type(1) .items-6 .item:nth-child(3n+2),.filter:nth-of-type(2) .items-6 .item:nth-child(3n+2),.filter .items-6 .item:nth-child(3n+2).visible,.blog:nth-of-type(1) .items-6 .item:nth-child(3n+2),.blog:nth-of-type(2) .items-6 .item:nth-child(3n+2),.blog .items-6 .item:nth-child(3n+2).visible,.meta.default:nth-of-type(1) .items-6 .item:nth-child(3n+2),.meta.default:nth-of-type(2) .items-6 .item:nth-child(3n+2),.meta.default .items-6 .item:nth-child(3n+2).visible,.item-icon-left:nth-of-type(1) .items-6 .item:nth-child(3n+2),.item-icon-left:nth-of-type(2) .items-6 .item:nth-child(3n+2),.item-icon-left .items-6 .item:nth-child(3n+2).visible{animation:fade-up-item-2 2s ease-in-out}.filter:nth-of-type(1) .items-6 .item:nth-child(3n+3),.filter:nth-of-type(2) .items-6 .item:nth-child(3n+3),.filter .items-6 .item:nth-child(3n).visible,.blog:nth-of-type(1) .items-6 .item:nth-child(3n+3),.blog:nth-of-type(2) .items-6 .item:nth-child(3n+3),.blog .items-6 .item:nth-child(3n).visible,.meta.default:nth-of-type(1) .items-6 .item:nth-child(3n+3),.meta.default:nth-of-type(2) .items-6 .item:nth-child(3n+3),.meta.default .items-6 .item:nth-child(3n).visible,.item-icon-left:nth-of-type(1) .items-6 .item:nth-child(3n+3),.item-icon-left:nth-of-type(2) .items-6 .item:nth-child(3n+3),.item-icon-left .items-6 .item:nth-child(3n).visible{animation:fade-up-item-3 2s ease-in-out}.filter .items-9 .item,.blog .items-9 .item,.meta.default .items-9 .item,.item-icon-left .items-9 .item{transform-origin:top center;will-change:opacity, transform}.filter:nth-of-type(1) .items-9 .item:nth-child(3n+1),.filter:nth-of-type(2) .items-9 .item:nth-child(3n+1),.filter .items-9 .item:nth-child(3n+1).visible,.blog:nth-of-type(1) .items-9 .item:nth-child(3n+1),.blog:nth-of-type(2) .items-9 .item:nth-child(3n+1),.blog .items-9 .item:nth-child(3n+1).visible,.meta.default:nth-of-type(1) .items-9 .item:nth-child(3n+1),.meta.default:nth-of-type(2) .items-9 .item:nth-child(3n+1),.meta.default .items-9 .item:nth-child(3n+1).visible,.item-icon-left:nth-of-type(1) .items-9 .item:nth-child(3n+1),.item-icon-left:nth-of-type(2) .items-9 .item:nth-child(3n+1),.item-icon-left .items-9 .item:nth-child(3n+1).visible{animation:fade-up-item-1 2s ease-in-out}.filter:nth-of-type(1) .items-9 .item:nth-child(3n+2),.filter:nth-of-type(2) .items-9 .item:nth-child(3n+2),.filter .items-9 .item:nth-child(3n+2).visible,.blog:nth-of-type(1) .items-9 .item:nth-child(3n+2),.blog:nth-of-type(2) .items-9 .item:nth-child(3n+2),.blog .items-9 .item:nth-child(3n+2).visible,.meta.default:nth-of-type(1) .items-9 .item:nth-child(3n+2),.meta.default:nth-of-type(2) .items-9 .item:nth-child(3n+2),.meta.default .items-9 .item:nth-child(3n+2).visible,.item-icon-left:nth-of-type(1) .items-9 .item:nth-child(3n+2),.item-icon-left:nth-of-type(2) .items-9 .item:nth-child(3n+2),.item-icon-left .items-9 .item:nth-child(3n+2).visible{animation:fade-up-item-2 2s ease-in-out}.filter:nth-of-type(1) .items-9 .item:nth-child(3n+3),.filter:nth-of-type(2) .items-9 .item:nth-child(3n+3),.filter .items-9 .item:nth-child(3n).visible,.blog:nth-of-type(1) .items-9 .item:nth-child(3n+3),.blog:nth-of-type(2) .items-9 .item:nth-child(3n+3),.blog .items-9 .item:nth-child(3n).visible,.meta.default:nth-of-type(1) .items-9 .item:nth-child(3n+3),.meta.default:nth-of-type(2) .items-9 .item:nth-child(3n+3),.meta.default .items-9 .item:nth-child(3n).visible,.item-icon-left:nth-of-type(1) .items-9 .item:nth-child(3n+3),.item-icon-left:nth-of-type(2) .items-9 .item:nth-child(3n+3),.item-icon-left .items-9 .item:nth-child(3n).visible{animation:fade-up-item-3 2s ease-in-out}}@media (prefers-reduced-motion){.meta,.meta *{animation:none !important}}footer{background:#282828;color:#7C7C7C;z-index:1}footer>*{width:100%;padding-left:calc( (100% - var(--max-width)) /2 + var(--content-padding));padding-right:calc( (100% - var(--max-width)) /2 + var(--content-padding));padding-top:30px;padding-bottom:30px}footer h2{color:#CCC}footer p,footer li{color:#7C7C7C}footer p:hover,footer p.hover,footer li:hover,footer li.hover{color:#AAA;text-shadow:none}footer #copyright{text-align:center;background:#1D1D1D}footer h2{text-align:center}footer ul{padding:0}footer li{list-style:none;text-align:left}footer input{background:#1D1D1D;color:#ccc}footer .contact-us svg{width:32px;height:32px;vertical-align:middle;fill:var(--background-color);background:var(--theme-color);border-radius:4px;margin:4px 10px 4px 0;padding:3px}footer section:nth-of-type(1){will-change:transform, opacity}footer .items.visible section:nth-of-type(1){animation:fade-up-item-1 2s ease-in-out}footer section:nth-of-type(2){will-change:transform, opacity}footer .items.visible section:nth-of-type(2){animation:fade-up-item-2 2s ease-in-out}footer section:nth-of-type(3){will-change:transform, opacity}footer .items.visible section:nth-of-type(3){animation:fade-up-item-3 2s ease-in-out}footer section:nth-of-type(4){will-change:transform, opacity}footer .items.visible section:nth-of-type(4){animation:fade-up-item-4 2s ease-in-out}
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/scss/scss/main.scss_7a62010afef8b5697f0ad5b087ff3f16.json b/themes/Eclectic/exampleSite/resources/_gen/assets/scss/scss/main.scss_7a62010afef8b5697f0ad5b087ff3f16.json
new file mode 100644
index 0000000..e332bb1
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/scss/scss/main.scss_7a62010afef8b5697f0ad5b087ff3f16.json
@@ -0,0 +1 @@
+{"Target":"main.css","MediaType":"text/css","Data":{}}
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/favicon.svg_d3f53f09220d597dac26fe7840c31fc9.content b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/favicon.svg_d3f53f09220d597dac26fe7840c31fc9.content
new file mode 100644
index 0000000..0dabab8
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/favicon.svg_d3f53f09220d597dac26fe7840c31fc9.content
@@ -0,0 +1 @@
+E
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/favicon.svg_d3f53f09220d597dac26fe7840c31fc9.json b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/favicon.svg_d3f53f09220d597dac26fe7840c31fc9.json
new file mode 100644
index 0000000..7a53f33
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/favicon.svg_d3f53f09220d597dac26fe7840c31fc9.json
@@ -0,0 +1 @@
+{"Target":"image/favicon.min.svg","MediaType":"image/svg+xml","Data":{}}
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/hamburger.svg_d3f53f09220d597dac26fe7840c31fc9.content b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/hamburger.svg_d3f53f09220d597dac26fe7840c31fc9.content
new file mode 100644
index 0000000..896ea1a
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/hamburger.svg_d3f53f09220d597dac26fe7840c31fc9.content
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/hamburger.svg_d3f53f09220d597dac26fe7840c31fc9.json b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/hamburger.svg_d3f53f09220d597dac26fe7840c31fc9.json
new file mode 100644
index 0000000..7617594
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/hamburger.svg_d3f53f09220d597dac26fe7840c31fc9.json
@@ -0,0 +1 @@
+{"Target":"image/hamburger.min.svg","MediaType":"image/svg+xml","Data":{}}
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-angle-up.svg_d3f53f09220d597dac26fe7840c31fc9.content b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-angle-up.svg_d3f53f09220d597dac26fe7840c31fc9.content
new file mode 100644
index 0000000..d761aef
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-angle-up.svg_d3f53f09220d597dac26fe7840c31fc9.content
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-angle-up.svg_d3f53f09220d597dac26fe7840c31fc9.json b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-angle-up.svg_d3f53f09220d597dac26fe7840c31fc9.json
new file mode 100644
index 0000000..79e7503
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-angle-up.svg_d3f53f09220d597dac26fe7840c31fc9.json
@@ -0,0 +1 @@
+{"Target":"image/line-awesome/fa-angle-up.min.svg","MediaType":"image/svg+xml","Data":{}}
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-calendar.svg_d3f53f09220d597dac26fe7840c31fc9.content b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-calendar.svg_d3f53f09220d597dac26fe7840c31fc9.content
new file mode 100644
index 0000000..34f3add
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-calendar.svg_d3f53f09220d597dac26fe7840c31fc9.content
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-calendar.svg_d3f53f09220d597dac26fe7840c31fc9.json b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-calendar.svg_d3f53f09220d597dac26fe7840c31fc9.json
new file mode 100644
index 0000000..6d5f349
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-calendar.svg_d3f53f09220d597dac26fe7840c31fc9.json
@@ -0,0 +1 @@
+{"Target":"image/line-awesome/fa-calendar.min.svg","MediaType":"image/svg+xml","Data":{}}
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-caret-square-o-right.svg_d3f53f09220d597dac26fe7840c31fc9.content b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-caret-square-o-right.svg_d3f53f09220d597dac26fe7840c31fc9.content
new file mode 100644
index 0000000..8bed4d8
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-caret-square-o-right.svg_d3f53f09220d597dac26fe7840c31fc9.content
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-caret-square-o-right.svg_d3f53f09220d597dac26fe7840c31fc9.json b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-caret-square-o-right.svg_d3f53f09220d597dac26fe7840c31fc9.json
new file mode 100644
index 0000000..78cebe1
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-caret-square-o-right.svg_d3f53f09220d597dac26fe7840c31fc9.json
@@ -0,0 +1 @@
+{"Target":"image/line-awesome/fa-caret-square-o-right.min.svg","MediaType":"image/svg+xml","Data":{}}
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-gear.svg_d3f53f09220d597dac26fe7840c31fc9.content b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-gear.svg_d3f53f09220d597dac26fe7840c31fc9.content
new file mode 100644
index 0000000..6fbd617
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-gear.svg_d3f53f09220d597dac26fe7840c31fc9.content
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-gear.svg_d3f53f09220d597dac26fe7840c31fc9.json b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-gear.svg_d3f53f09220d597dac26fe7840c31fc9.json
new file mode 100644
index 0000000..4d7c763
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-gear.svg_d3f53f09220d597dac26fe7840c31fc9.json
@@ -0,0 +1 @@
+{"Target":"image/line-awesome/fa-gear.min.svg","MediaType":"image/svg+xml","Data":{}}
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-hourglass-1.svg_d3f53f09220d597dac26fe7840c31fc9.content b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-hourglass-1.svg_d3f53f09220d597dac26fe7840c31fc9.content
new file mode 100644
index 0000000..de3aca6
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-hourglass-1.svg_d3f53f09220d597dac26fe7840c31fc9.content
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-hourglass-1.svg_d3f53f09220d597dac26fe7840c31fc9.json b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-hourglass-1.svg_d3f53f09220d597dac26fe7840c31fc9.json
new file mode 100644
index 0000000..6026475
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-hourglass-1.svg_d3f53f09220d597dac26fe7840c31fc9.json
@@ -0,0 +1 @@
+{"Target":"image/line-awesome/fa-hourglass-1.min.svg","MediaType":"image/svg+xml","Data":{}}
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-search.svg_d3f53f09220d597dac26fe7840c31fc9.content b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-search.svg_d3f53f09220d597dac26fe7840c31fc9.content
new file mode 100644
index 0000000..18b6170
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-search.svg_d3f53f09220d597dac26fe7840c31fc9.content
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-search.svg_d3f53f09220d597dac26fe7840c31fc9.json b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-search.svg_d3f53f09220d597dac26fe7840c31fc9.json
new file mode 100644
index 0000000..e3b5cdf
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/line-awesome/fa-search.svg_d3f53f09220d597dac26fe7840c31fc9.json
@@ -0,0 +1 @@
+{"Target":"image/line-awesome/fa-search.min.svg","MediaType":"image/svg+xml","Data":{}}
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/logo.svg_d3f53f09220d597dac26fe7840c31fc9.content b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/logo.svg_d3f53f09220d597dac26fe7840c31fc9.content
new file mode 100644
index 0000000..f25c6b6
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/logo.svg_d3f53f09220d597dac26fe7840c31fc9.content
@@ -0,0 +1 @@
+Eclectic A Hugo theme by Atishay
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/logo.svg_d3f53f09220d597dac26fe7840c31fc9.json b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/logo.svg_d3f53f09220d597dac26fe7840c31fc9.json
new file mode 100644
index 0000000..9faa56c
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/logo.svg_d3f53f09220d597dac26fe7840c31fc9.json
@@ -0,0 +1 @@
+{"Target":"image/logo.min.svg","MediaType":"image/svg+xml","Data":{}}
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/octocat.svg_d3f53f09220d597dac26fe7840c31fc9.content b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/octocat.svg_d3f53f09220d597dac26fe7840c31fc9.content
new file mode 100644
index 0000000..e633e4f
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/octocat.svg_d3f53f09220d597dac26fe7840c31fc9.content
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/octocat.svg_d3f53f09220d597dac26fe7840c31fc9.json b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/octocat.svg_d3f53f09220d597dac26fe7840c31fc9.json
new file mode 100644
index 0000000..cd5a3f1
--- /dev/null
+++ b/themes/Eclectic/exampleSite/resources/_gen/assets/svg/image/octocat.svg_d3f53f09220d597dac26fe7840c31fc9.json
@@ -0,0 +1 @@
+{"Target":"image/octocat.min.svg","MediaType":"image/svg+xml","Data":{}}
\ No newline at end of file
diff --git a/themes/Eclectic/exampleSite/resources/_gen/images/image/background-dark_huacd336bfb7f5597695f9c32d4115a2aa_1561823_1400x787_fill_q75_box_smart1.jpg b/themes/Eclectic/exampleSite/resources/_gen/images/image/background-dark_huacd336bfb7f5597695f9c32d4115a2aa_1561823_1400x787_fill_q75_box_smart1.jpg
new file mode 100644
index 0000000..01988bf
Binary files /dev/null and b/themes/Eclectic/exampleSite/resources/_gen/images/image/background-dark_huacd336bfb7f5597695f9c32d4115a2aa_1561823_1400x787_fill_q75_box_smart1.jpg differ
diff --git a/themes/Eclectic/exampleSite/resources/_gen/images/image/background_hu5fa5007403ed47f8e70c21b28ee4cec6_92766_1400x787_fill_q75_box_smart1.jpg b/themes/Eclectic/exampleSite/resources/_gen/images/image/background_hu5fa5007403ed47f8e70c21b28ee4cec6_92766_1400x787_fill_q75_box_smart1.jpg
new file mode 100644
index 0000000..38fe32b
Binary files /dev/null and b/themes/Eclectic/exampleSite/resources/_gen/images/image/background_hu5fa5007403ed47f8e70c21b28ee4cec6_92766_1400x787_fill_q75_box_smart1.jpg differ
diff --git a/themes/Eclectic/exampleSite/resources/_gen/images/image/favicon_hud91e23785cf70a843bfd0b30f5ef61e6_3819_180x180_resize_box_2.png b/themes/Eclectic/exampleSite/resources/_gen/images/image/favicon_hud91e23785cf70a843bfd0b30f5ef61e6_3819_180x180_resize_box_2.png
new file mode 100644
index 0000000..7f27756
Binary files /dev/null and b/themes/Eclectic/exampleSite/resources/_gen/images/image/favicon_hud91e23785cf70a843bfd0b30f5ef61e6_3819_180x180_resize_box_2.png differ
diff --git a/themes/Eclectic/exampleSite/resources/_gen/images/image/favicon_hud91e23785cf70a843bfd0b30f5ef61e6_3819_192x192_resize_box_2.png b/themes/Eclectic/exampleSite/resources/_gen/images/image/favicon_hud91e23785cf70a843bfd0b30f5ef61e6_3819_192x192_resize_box_2.png
new file mode 100644
index 0000000..5399bdb
Binary files /dev/null and b/themes/Eclectic/exampleSite/resources/_gen/images/image/favicon_hud91e23785cf70a843bfd0b30f5ef61e6_3819_192x192_resize_box_2.png differ
diff --git a/themes/Eclectic/exampleSite/resources/_gen/images/image/favicon_hud91e23785cf70a843bfd0b30f5ef61e6_3819_196x196_resize_box_2.png b/themes/Eclectic/exampleSite/resources/_gen/images/image/favicon_hud91e23785cf70a843bfd0b30f5ef61e6_3819_196x196_resize_box_2.png
new file mode 100644
index 0000000..83f5820
Binary files /dev/null and b/themes/Eclectic/exampleSite/resources/_gen/images/image/favicon_hud91e23785cf70a843bfd0b30f5ef61e6_3819_196x196_resize_box_2.png differ
diff --git a/themes/Eclectic/exampleSite/resources/_gen/images/image/favicon_hud91e23785cf70a843bfd0b30f5ef61e6_3819_512x512_resize_box_2.png b/themes/Eclectic/exampleSite/resources/_gen/images/image/favicon_hud91e23785cf70a843bfd0b30f5ef61e6_3819_512x512_resize_box_2.png
new file mode 100644
index 0000000..471d172
Binary files /dev/null and b/themes/Eclectic/exampleSite/resources/_gen/images/image/favicon_hud91e23785cf70a843bfd0b30f5ef61e6_3819_512x512_resize_box_2.png differ
diff --git a/themes/Eclectic/exampleSite/themes/eclectic b/themes/Eclectic/exampleSite/themes/eclectic
new file mode 120000
index 0000000..6581736
--- /dev/null
+++ b/themes/Eclectic/exampleSite/themes/eclectic
@@ -0,0 +1 @@
+../../
\ No newline at end of file
diff --git a/themes/Eclectic/go.mod b/themes/Eclectic/go.mod
new file mode 100644
index 0000000..4a4641f
--- /dev/null
+++ b/themes/Eclectic/go.mod
@@ -0,0 +1,3 @@
+module github.com/hugoinaction/Eclectic
+
+go 1.12
diff --git a/themes/Eclectic/layouts/404.html b/themes/Eclectic/layouts/404.html
new file mode 100644
index 0000000..b45ef36
--- /dev/null
+++ b/themes/Eclectic/layouts/404.html
@@ -0,0 +1,132 @@
+{{- define "main" -}}
+{{- partialCached "util/background.html" "bg" -}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Not Found
+This page doesn't exist. There must be some mistake with the URL. Please contact me if it is coming from a link. You can navigate home page .
+Image from Codepen.
+
+{{- end -}}
diff --git a/themes/Eclectic/layouts/_default/baseof.html b/themes/Eclectic/layouts/_default/baseof.html
new file mode 100644
index 0000000..c91f53e
--- /dev/null
+++ b/themes/Eclectic/layouts/_default/baseof.html
@@ -0,0 +1,18 @@
+
+
+
+ {{- partial "core/head.html" . -}}
+ {{- block "resources" . -}}
+ {{- partialCached "core/resources.html" . -}}
+ {{- end -}}
+ {{- block "head" . }}{{- end }}
+
+
+ {{- partial "header.html" . -}}
+ {{- block "main" . }}{{- end }}
+ {{- partialCached "footer.html" . -}}
+ {{- if .Site.Params.DebugMenu -}}
+ {{- partial "debug/debug.html" (dict "context" .) -}}
+ {{- end -}}
+
+
diff --git a/themes/Eclectic/layouts/_default/index.json b/themes/Eclectic/layouts/_default/index.json
new file mode 100644
index 0000000..ec8afdd
--- /dev/null
+++ b/themes/Eclectic/layouts/_default/index.json
@@ -0,0 +1,20 @@
+{{- $.Scratch.Add "index" slice -}}
+{{$icon := (resources.Get "image/favicon.svg" | resources.Minify).RelPermalink}}
+{{- with .Site.Home -}}
+{{- $.Scratch.Add "index" (dict "title" .Title "description" .Description "date" "2000-01-01T00:00:00Z" "tags" .Params.tags "category" (humanize (delimit (default "" .Params.categories) " ")) "image" $icon "series" .Params.series "contents" .Plain "meta" .Params.content "permalink" .Permalink "readingTime" .ReadingTime) -}}
+{{- end -}}
+{{- range .Site.RegularPages -}}
+ {{- $params := "100x100" -}}
+ {{- $cover := "" -}}
+ {{- if .Params.coverAnchor -}}
+ {{- $params = print $params " " .Params.coverAnchor -}}
+ {{- else -}}
+ {{- $params = print $params " Center" -}}
+ {{- end -}}
+ {{- $images := .Resources.ByType "image" -}}
+ {{- $featured := $images.GetMatch "*feature*" -}}
+ {{- $featured := cond (ne $featured nil) $featured ($images.GetMatch "{*cover*,*thumbnail*}") -}}
+ {{- $cover = ($featured.Fill $params).RelPermalink -}}
+ {{- $.Scratch.Add "index" (dict "title" .Title "description" .Description "date" (.Date.Format "2006-01-02T15:04:05-07:00") "tags" .Params.tags "category" (humanize (delimit (default "" .Params.categories) " ")) "series" .Params.series "contents" .Plain "meta" .Params.content "permalink" .Permalink "image" (default $icon $cover) "readingTime" .ReadingTime) -}}
+{{- end -}}
+{{- $.Scratch.Get "index" | jsonify -}}
diff --git a/themes/Eclectic/layouts/_default/list.html b/themes/Eclectic/layouts/_default/list.html
new file mode 100644
index 0000000..30be126
--- /dev/null
+++ b/themes/Eclectic/layouts/_default/list.html
@@ -0,0 +1,25 @@
+{{ define "main" }}
+{{- partialCached "util/background.html" "bg" -}}
+
+ {{.Title}}
+ {{.Params.Subtitle}}
+ {{with .Content}}{{ .}}
{{- end -}}
+ {{if and (not .Paginator.HasPrev) (gt (len .Sections) 0) }}
+ Pages
+ {{end}}
+
+ {{ range .Paginator.Pages}}
+ {{- partialCached "util/post.html" . .RelPermalink -}}
+ {{ end }}
+
+ {{ template "_internal/pagination.html" . }}
+ {{if and (not .Paginator.HasPrev) (gt (len .Sections) 0) }}
+ Subsections
+
+ {{range .Sections}}
+ {{- partialCached "util/post.html" . .RelPermalink -}}
+ {{end}}
+
+ {{end}}
+
+{{ end }}
diff --git a/themes/Eclectic/layouts/_default/single.html b/themes/Eclectic/layouts/_default/single.html
new file mode 100644
index 0000000..2586cef
--- /dev/null
+++ b/themes/Eclectic/layouts/_default/single.html
@@ -0,0 +1,3 @@
+{{- define "main" -}}
+{{- partial "meta.html" . -}}
+{{- end -}}
diff --git a/themes/Eclectic/layouts/contact/single.html b/themes/Eclectic/layouts/contact/single.html
new file mode 100644
index 0000000..9038ffb
--- /dev/null
+++ b/themes/Eclectic/layouts/contact/single.html
@@ -0,0 +1,121 @@
+{{ define "main" }}
+{{- with $.Page.Resources.GetMatch "cover.*" -}}
+
+{{- end -}}
+
+ {{.Title}}
+ {{ with .Params.subtitle }}
+ {{.}}
+ {{ end }}
+ {{- .Content -}}
+
+
+
+ {{- with $.Site.Author.hours -}}
+
+ {{- end -}}
+
+
+ {{if $.Page.Params.response }}
+
+ {{- default "Thank you" $.Site.Params.contact.response -}}
+
+ {{else}}
+
+ {{end}}
+
+{{- with .Params.Footnote -}}
+{{. | markdownify}}
+{{- end -}}
+
+{{ end }}
diff --git a/themes/Eclectic/layouts/index.html b/themes/Eclectic/layouts/index.html
new file mode 100644
index 0000000..2586cef
--- /dev/null
+++ b/themes/Eclectic/layouts/index.html
@@ -0,0 +1,3 @@
+{{- define "main" -}}
+{{- partial "meta.html" . -}}
+{{- end -}}
diff --git a/themes/Eclectic/layouts/index.xml b/themes/Eclectic/layouts/index.xml
new file mode 100644
index 0000000..0e61936
--- /dev/null
+++ b/themes/Eclectic/layouts/index.xml
@@ -0,0 +1,41 @@
+
+
+ {{ if eq .Title .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} on {{ end }}{{ .Site.Title }}{{ end }}
+ {{ .Permalink }}
+ Recent content {{ if ne .Title .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}
+ Hugo -- gohugo.io {{ with .Site.LanguageCode }}
+ {{.}} {{end}}{{ with .Site.Author.email }}
+ {{.}}{{ with $.Site.Author.name }} ({{.}}){{end}} {{end}}{{ with .Site.Author.email }}
+ {{.}}{{ with $.Site.Author.name }} ({{.}}){{end}} {{end}}{{ with .Site.Copyright }}
+ {{.}} {{end}}{{ if not .Date.IsZero }}
+ {{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }} {{ end }}
+ {{ with .OutputFormats.Get "RSS" }}
+ {{ printf " " .Permalink .MediaType | safeHTML }}
+ {{ end }}
+ {{ range .Site.RegularPages }}
+ -
+
{{ .Title }}
+ {{ .Permalink }}
+{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}
+ {{ with .Site.Author.email }}{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}} {{end}}
+ {{ .Permalink }}
+{{ .Params.description }}
+{{range .Params.categories}}{{. | humanize}}{{ end -}}
+{{- $images := .Resources.ByType "image" -}}
+{{- $featured := $images.GetMatch "*feature*" -}}
+{{- $featured := cond (ne $featured nil) $featured ($images.GetMatch "{*cover*,*thumbnail*}") -}}
+{{- $params := "1024x512" -}}
+{{- if .Params.coverAnchor -}}
+ {{- $params = print $params " " .Params.coverAnchor -}}
+ {{- else -}}
+ {{- $params = print $params " Center" -}}
+ {{- end -}}
+{{- with $featured -}}
+{{ $img := .Fill $params }}
+
+{{- end -}}
+
+ {{ end }}
+
+
diff --git a/themes/Eclectic/layouts/meta/single.html b/themes/Eclectic/layouts/meta/single.html
new file mode 100644
index 0000000..f05b24c
--- /dev/null
+++ b/themes/Eclectic/layouts/meta/single.html
@@ -0,0 +1,4 @@
+{{- define "main" -}}
+{{- partial "meta.html" . -}}
+{{- end -}}
+
diff --git a/themes/Eclectic/layouts/partials/class.html b/themes/Eclectic/layouts/partials/class.html
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/class.html
@@ -0,0 +1 @@
+
diff --git a/themes/Eclectic/layouts/partials/core/head.html b/themes/Eclectic/layouts/partials/core/head.html
new file mode 100644
index 0000000..e48b736
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/core/head.html
@@ -0,0 +1,12 @@
+{{- partialCached "core/sharedHead.html" . -}}
+
+{{/* NOTE: the Site's title, and if there is a page title, that is set too */}}
+{{ block "title" . }}{{ with .Params.Title }}{{ . }} | {{ end }}{{ .Site.Title }}{{ end }}
+
+{{- block "social" . -}}
+ {{- partial "core/social.html" . -}}
+{{- end -}}
+
+{{ block "preload" . }}
+
+{{- end -}}
diff --git a/themes/Eclectic/layouts/partials/core/manifest.html b/themes/Eclectic/layouts/partials/core/manifest.html
new file mode 100644
index 0000000..200e4b3
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/core/manifest.html
@@ -0,0 +1,3 @@
+{{- $manifest := resources.Get "json/manifest.json" -}}
+{{- $manifest = $manifest | resources.ExecuteAsTemplate "manifest.json" . }}
+
diff --git a/themes/Eclectic/layouts/partials/core/resources.html b/themes/Eclectic/layouts/partials/core/resources.html
new file mode 100644
index 0000000..50c7ac3
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/core/resources.html
@@ -0,0 +1,53 @@
+{{- $res := slice -}}
+{{- $syntax := resources.Get "css/syntax.css" -}}
+{{$main := $syntax}}
+{{if $.Param "scss" }}
+ {{- $sass := resources.Get "scss/main.scss" -}}
+ {{- $cssOpts := cond (hugo.IsServer) (dict "enableSourceMap" true ) (dict "outputStyle" "compressed") -}}
+ {{- $main = $sass | resources.ExecuteAsTemplate "main.scss" . | toCSS $cssOpts -}}
+{{- else -}}
+ {{ $main = resources.Get "compiled/main.css" | resources.ExecuteAsTemplate "main.css" .}}
+{{- end -}}
+ {{- $cssFiles := slice $main $syntax | resources.Concat "css/index.css" -}}
+ {{- $css := $cssFiles | resources.Minify | resources.Fingerprint "sha512" }}
+
+ {{- $res = $res | append $css.RelPermalink }}
+
+
+
+
+ {{- range .Site.Params.custom_css -}}
+ {{- $res = $res | append . }}
+
+ {{- end -}}
+
+{{- $main := resources.Get "js/main.js" | resources.ExecuteAsTemplate "js/main.js" . -}}
+{{- if hugo.IsServer }}
+
+{{- $res = $res | append $main.RelPermalink -}}
+{{- else -}}
+{{- $js := slice $main | resources.Concat "index.js" | resources.Minify }}
+
+{{- $res = $res | append $js.RelPermalink -}}
+{{- end -}}
+
+{{- $sw := resources.Get "js/sw.js" -}}
+{{- $sw = $sw | resources.ExecuteAsTemplate "sw.js" (dict "page" . "res" $res) | resources.Minify -}}
+
+
diff --git a/themes/Eclectic/layouts/partials/core/sharedHead.html b/themes/Eclectic/layouts/partials/core/sharedHead.html
new file mode 100644
index 0000000..554f3e2
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/core/sharedHead.html
@@ -0,0 +1,26 @@
+
+
+
+{{- with .Site.Params.color}}
+
+{{- end -}}
+{{- hugo.Generator }}
+
+
+{{- block "favicon" . }}
+{{- if (fileExists "assets/image/favicon.svg") }}
+ {{- $iconSVG := resources.Get "image/favicon.svg" | resources.Minify }}
+
+{{- end -}}
+
+{{- if (fileExists "assets/image/favicon.png") }}
+{{- $icon := resources.Get "image/favicon.png" -}}
+
+
+ {{- end -}}
+{{- end -}}
+{{- $title := .Site.Title -}}
+{{- with .OutputFormats.Get "RSS" -}}
+
+
+{{- end -}}
diff --git a/themes/Eclectic/layouts/partials/core/social.html b/themes/Eclectic/layouts/partials/core/social.html
new file mode 100644
index 0000000..ce49d7a
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/core/social.html
@@ -0,0 +1,193 @@
+{{- block "meta" . -}}
+
+
+{{- with .Site.Author.name}}
+
+{{- end -}}
+{{- partialCached "core/manifest.html" . -}}
+{{ end }}
+
+{{- block "opengraph" . -}}
+{{- /* Open Graph */ -}}
+
+
+
+
+
+{{- with .Params.audio }}
+
+{{- end -}}
+
+{{- with .Params.locale }}
+
+{{- end -}}
+
+{{- with .Params.video }}
+
+{{- end -}}
+
+{{- with .Params.image }}
+
+{{- end -}}
+{{- if .IsPage }}
+{{- if not .PublishDate.IsZero }}
+{{ else if not .Date.IsZero }}
+{{ end }}
+{{- if not .Lastmod.IsZero }} {{ end }}
+{{- else }}
+{{- if not .Date.IsZero }}
+
+{{- end }}
+{{- end }}
+
+{{- /* If it is part of a series, link to related articles */}}
+{{- $permalink := .Permalink }}
+{{- $siteSeries := .Site.Taxonomies.series }}{{if $siteSeries}}{{ with .Params.series }}
+{{- range $name := . }}
+ {{- $series := index $siteSeries $name }}
+ {{- range $page := first 6 $series.Pages }}
+ {{- if ne $page.Permalink $permalink }} {{ end }}
+ {{- end -}}
+{{ end }}
+{{- end }}{{ end -}}
+
+
+{{- with .Site.Author.facebook }}
+
+
+{{- end -}}
+
+{{- with .Section }}
+
+{{- end -}}
+{{- with .Params.tags -}}{{- range first 6 . }}
+
+{{- end }}{{ end -}}
+{{- end -}}
+
+{{- with .Site.Author.pinterest }}
+
+{{end -}}
+
+{{- block "twitter" . -}}
+
+{{- with .Params.image -}}
+
+
+{{ else -}}
+{{- $images := $.Resources.ByType "image" -}}
+{{- $featured := $images.GetMatch "*feature*" -}}
+{{- $featured := cond (ne $featured nil) $featured ($images.GetMatch "{*cover*,*thumbnail*}") -}}
+{{- $params := "1024x512" -}}
+{{- if .Params.coverAnchor -}}
+ {{- $params = print $params " " .Params.coverAnchor -}}
+ {{- else -}}
+ {{- $params = print $params " Center" -}}
+ {{- end -}}
+{{- with $featured -}}
+{{ $img := .Fill $params }}
+
+
+{{- else -}}
+{{- with $.Site.Params.image -}}
+
+
+{{- else -}}
+
+{{- end -}}
+{{- end -}}
+{{- end }}
+
+
+{{- with .Site.Author.twitter }}
+
+
+{{- end -}}
+{{- end -}}
+
+{{/* Google News */}}
+{{- if .IsPage }}{{ with .Params.tags }}
+
+{{- end }}{{ end -}}
+
+{{- block "jsonld" . }}
+
+
+{{- if isset .Params "video" }}
+
+{{- end -}}
+{{- end -}}
diff --git a/themes/Eclectic/layouts/partials/debug/debug.html b/themes/Eclectic/layouts/partials/debug/debug.html
new file mode 100644
index 0000000..b254e8a
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/debug/debug.html
@@ -0,0 +1,90 @@
+
+
+{{ $js := resources.Get "js/debug.js" }}
+{{ if hugo.IsServer }}
+
+{{ else }}
+
+{{ end }}
+
+{{- $debugprint := resources.Get "css/debugprint.css" -}}
+{{- $debug := resources.Get "css/debug.css" -}}
+{{- $css := slice $debug $debugprint | resources.Concat "css/debug.css" -}}
+
diff --git a/themes/Eclectic/layouts/partials/debug/debugprint.html b/themes/Eclectic/layouts/partials/debug/debugprint.html
new file mode 100644
index 0000000..d1aed97
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/debug/debugprint.html
@@ -0,0 +1,263 @@
+
+
+
+
+{{ $value := . }}
+{{ $type := (printf "%T" $value) }}
+{{ $typeIsBool := (eq "bool" $type) }}
+{{ $typeIsNumber := (or (eq "int" $type) (eq "int64" $type) (eq "float64" $type)) }}
+{{ $typeIsString := (findRE "^(string|template\\.(CSS|HTML|HTMLAttr|JS|JSStr|URL))$" $type) }}
+{{ $typeIsTime := (eq "time.Time" $type) }}
+{{ $typeIsSlice := (findRE "^([[][]]|.*TaxonomyList|output\\.Formats|resource\\.Resources|\\*?hugolib\\.Menu$|\\*?hugolib\\.Pages$|hugolib\\.OrderedTaxonomy$|hugolib\\.WeightedPages)" $type) }}
+
+{{ $typeIsMap := (findRE "^(map[[].+[]]|.*SiteSocial|\\*hugolib\\.Menus|hugolib\\.AuthorList|hugolib\\.Taxonomy)" $type) }}
+
+
+{{ $typeIsSiteInfo := (eq "*hugolib.SiteInfo" $type) }}
+{{ $typeIsGitInfo := (findRE "^.*gitmap\\.GitInfo" $type) }}
+{{ $typeIsOutputFormat := (eq "output.Format" $type) }}
+{{ $typeIsResource := (findRE "^\\*resource" $type) }}
+{{ $typeIsPage := (findRE "^\\*hugolib\\.Page" $type) }}
+{{ $typeIsFileInfo := (findRE "^\\*(hugolib|source)\\.[fF]ileInfo$" $type) }}
+
+{{ $typeIsMenuEntry := (eq "*hugolib.MenuEntry" $type) }}
+{{ $typeIsOrderedTaxonomyEntry := (eq "hugolib.OrderedTaxonomyEntry" $type) }}
+{{ $typeIsWeightedPage := (eq "hugolib.WeightedPage" $type) }}
+{{ $typeIsStruct := (or $typeIsSiteInfo $typeIsGitInfo $typeIsOutputFormat $typeIsFileInfo $typeIsPage $typeIsMenuEntry $typeIsOrderedTaxonomyEntry) }}
+{{ $typeIsInterface := (or $typeIsResource) }}
+{{ $typeIsSpecial := (or $typeIsWeightedPage) }}
+
+{{ if $typeIsBool }}
+{{ printf `%#v ` $value $value | safeHTML }}
+{{ else if (or $typeIsNumber $typeIsString) }}
+
+{{ printf "%#v" $value | htmlUnescape }}
+{{ else if $typeIsTime }}
+{{ printf "%s" $value | safeHTML }}
+{{ else if $typeIsSlice }}
+{{ range $value }}
+{{ partial "debug/debugprint.html" . }}
+
+{{ end }}
+{{ else if $typeIsMap }}
+{{ if (gt (len $value) 0) }}
+
+
+
+ Key
+ Type
+ Value
+
+ {{ range $key1, $value1 := $value }}
+ {{ $type1 := (printf "%T" $value1) }}
+ {{ $type1IsTime := (eq "time.Time" $type1) }}
+ {{ if $type1IsTime }}
+
+ {{ if (ne "0001-01-01" ($value1.Format "2006-01-02")) }}
+ {{ printf `%s %s ` $key1 $type1 | safeHTML }}
+ {{ partial "debug/debugprint.html" $value1 }}
+
+ {{ printf " " | safeHTML }}
+ {{ end }}
+ {{ else }}
+ {{ printf `%s %s ` $key1 $type1 | safeHTML }}
+ {{ partial "debug/debugprint.html" $value1 }}
+
+ {{ printf " " | safeHTML }}
+ {{ end }}
+ {{ end }}
+
+
+{{ end }}
+{{ else if $typeIsStruct }}
+
+ {{ if $typeIsSiteInfo }}
+
+ {{ $siteVarNames := (slice "Title" "Author" "Social" "LastChange" "DisqusShortname" "GoogleAnalytics" "Copyright" "LanguageCode" "BuildDrafts" "Params") }}
+ {{ $siteVarSymbols := (slice .Title .Author .Social .LastChange .DisqusShortname .GoogleAnalytics .Copyright .LanguageCode .BuildDrafts .Params ) }}
+
+
+ SiteInfo Variable
+ Value
+
+ {{ range $idx, $elem := $siteVarNames }}
+ {{ printf `%s ` $elem | safeHTML }}
+ {{ partial "debug/debugprint.html" (index $siteVarSymbols $idx) }}
+
+ {{ printf " " | safeHTML }}
+ {{ end }}
+
+ {{ else if $typeIsGitInfo }}
+
+ {{ $gitInfoVarNames := (slice "Hash" "AbbreviatedHash" "Subject" "AuthorName" "AuthorEmail" "AuthorDate") }}
+ {{ $gitInfoVarSymbols := (slice .Hash .AbbreviatedHash .Subject .AuthorName .AuthorEmail .AuthorDate ) }}
+
+
+ GitInfo Variable
+ Value
+
+ {{ range $idx, $elem := $gitInfoVarNames }}
+ {{ printf `%s ` $elem | safeHTML }}
+ {{ partial "debug/debugprint.html" (index $gitInfoVarSymbols $idx) }}
+
+ {{ printf " " | safeHTML }}
+ {{ end }}
+
+ {{ else if $typeIsOutputFormat }}
+
+ {{ $OutputFormatVarNames := (slice "Name" "MediaType" "Path" "BaseName" "Rel" "Protocol" "IsPlainText" "IsHTML" "NoUgly" "NotAlternative") }}
+ {{ $OutputFormatVarSymbols := (slice .Name .MediaType .Path .BaseName .Rel .Protocol .IsPlainText .IsHTML .NoUgly .NotAlternative ) }}
+
+
+ OutputFormat Variable
+ Value
+
+ {{ range $idx, $elem := $OutputFormatVarNames }}
+ {{ printf `%s ` $elem | safeHTML }}
+ {{ partial "debug/debugprint.html" (index $OutputFormatVarSymbols $idx) }}
+
+ {{ printf " " | safeHTML }}
+ {{ end }}
+
+ {{ else if $typeIsFileInfo }}
+
+
+ {{ $FileInfoVarNames := (slice "UniqueID" "BaseFileName" "TranslationBaseName" "Lang" "Section" "LogicalName" "Dir" "Ext" "Path") }}
+ {{ $FileInfoVarSymbols := (slice .UniqueID .BaseFileName .TranslationBaseName .Lang .Section .LogicalName .Dir .Ext .Path ) }}
+
+
+ FileInfo Variable
+ Value
+
+ {{ range $idx, $elem := $FileInfoVarNames }}
+ {{ printf `%s ` $elem | safeHTML }}
+ {{ partial "debug/debugprint.html" (index $FileInfoVarSymbols $idx) }}
+
+ {{ printf " " | safeHTML }}
+ {{ end }}
+
+ {{ else if $typeIsPage }}
+
+ {{ $PageVarNames := (slice "Name" "Title" "ResourceType" "Kind" "Section" "Draft" "Type" "Layout" "Permalink" "RelPermalink" "Data") }}
+ {{ $PageVarSymbols := (slice .Name .Title .ResourceType .Kind .Section .Draft .Type .Layout .Permalink .RelPermalink .Data ) }}
+
+
+ Page Variable
+ Value
+
+ {{ range $idx, $elem := $PageVarNames }}
+ {{ printf `%s ` $elem | safeHTML }}
+ {{ partial "debug/debugprint.html" (index $PageVarSymbols $idx) }}
+
+ {{ printf " " | safeHTML }}
+ {{ end }}
+ {{ with .NextPage }}
+ {{ printf `NextPage %s ` .Permalink .Title | safeHTML }}
+ {{ else }}
+ {{ printf `NextPage None ` | safeHTML }}
+ {{ end }}
+ {{ with .PrevPage }}
+ {{ printf `PrevPage %s ` .Permalink .Title | safeHTML }}
+ {{ else }}
+ {{ printf `PrevPage None ` | safeHTML }}
+ {{ end }}
+ {{ with .NextInSection }}
+ {{ printf `NextInSection %s ` .Permalink .Title | safeHTML }}
+ {{ else }}
+ {{ printf `NextInSection None ` | safeHTML }}
+ {{ end }}
+ {{ with .PrevInSection }}
+ {{ printf `PrevInSection %s ` .Permalink .Title | safeHTML }}
+ {{ else }}
+ {{ printf `PrevInSection None ` | safeHTML }}
+ {{ end }}
+
+ {{ else if $typeIsMenuEntry }}
+
+ {{ $MenuEntryVarNames := (slice "Menu" "Title" "Name" "URL" "Identifier" "Weight" "Pre" "Post" "Parent" "Children") }}
+ {{ $MenuEntryVarSymbols := (slice .Menu .Title .Name .URL .Identifier .Weight .Pre .Post .Parent .Children ) }}
+
+
+ MenuEntry Variable
+ Value
+
+ {{ range $idx, $elem := $MenuEntryVarNames }}
+ {{ printf `%s ` $elem | safeHTML }}
+ {{ partial "debug/debugprint.html" (index $MenuEntryVarSymbols $idx) }}
+
+ {{ printf " " | safeHTML }}
+ {{ end }}
+
+ {{ else if $typeIsOrderedTaxonomyEntry }}
+
+ {{ $OrderedTaxonomyEntryVarNames := (slice "Name" "Count" "Term" "WeightedPages") }}
+ {{ $OrderedTaxonomyEntryVarSymbols := (slice .Name .Count .Term .WeightedPages ) }}
+
+
+ OrderedTaxonomyEntry Variable
+ Value
+
+ {{ range $idx, $elem := $OrderedTaxonomyEntryVarNames }}
+ {{ printf `%s ` $elem | safeHTML }}
+ {{ partial "debug/debugprint.html" (index $OrderedTaxonomyEntryVarSymbols $idx) }}
+
+ {{ printf " " | safeHTML }}
+ {{ end }}
+
+ {{ end }}
+
+{{ else if $typeIsInterface }}
+
+ {{ if $typeIsResource }}
+
+ {{ $ResourceVarNames := (slice "Name" "Title" "ResourceType" "Permalink" "RelPermalink" "Params") }}
+ {{ $ResourceVarSymbols := (slice .Name .Title .ResourceType .Permalink .RelPermalink .Params ) }}
+
+
+
+ Resource Variable
+ Value
+
+ {{ range $idx, $elem := $ResourceVarNames }}
+ {{ printf `%s ` $elem | safeHTML }}
+ {{ partial "debug/debugprint.html" (index $ResourceVarSymbols $idx) }}
+
+ {{ printf " " | safeHTML }}
+ {{ end }}
+
+ {{ end }}
+
+{{ else if $typeIsSpecial }}
+{{ if $typeIsWeightedPage }}
+
+
+ {{ printf "%s W:%d " .Page.Title .Weight | safeHTML }}
+
+{{ end }}
+
+{{ else }}
+{{ printf "%#v (type:%s )" $value $type | safeHTML }}
+{{ end }}
+
+
+
+{{/* range $key1, $value1 := . */}}
+{{/* printf "%#v %#v " $key1 $value1 | safeHTML */}}
+{{/* end */}}
+
diff --git a/themes/Eclectic/layouts/partials/footer.html b/themes/Eclectic/layouts/partials/footer.html
new file mode 100644
index 0000000..01ef141
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/footer.html
@@ -0,0 +1,112 @@
+
diff --git a/themes/Eclectic/layouts/partials/header-raw.html b/themes/Eclectic/layouts/partials/header-raw.html
new file mode 100644
index 0000000..b5e5378
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/header-raw.html
@@ -0,0 +1,102 @@
+
+ Scroll to top
+ {{ $icon := resources.Get "image/line-awesome/fa-angle-up.svg" | resources.Minify }}
+ {{ replace $icon.Content "
+
+
+{{/* https://css-tricks.com/markup-for-breadcrumbs/
+ https://jsonld.com/breadcrumb/
+{{ $url := replace .Permalink ( printf "%s" .Site.BaseURL) "" }} {{ $.Scratch.Add "path" / }}
+
+ home
+ {{ range $index, $element := split $url "/" }} {{ $.Scratch.Add "path" $element }} {{ if ne $element "" }}
+ {{ . }}
+ {{ $.Scratch.Add "path" "/" }} {{ end }} {{ end }}
+
+ {{ $.Scratch.delete "path" }}
+ */}}
diff --git a/themes/Eclectic/layouts/partials/header.html b/themes/Eclectic/layouts/partials/header.html
new file mode 100644
index 0000000..84e8318
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/header.html
@@ -0,0 +1,5 @@
+{{- if in $.Site.Params.sharedHeader .Section -}}
+{{- partialCached "header-raw.html" . .Section -}}
+{{- else -}}
+{{- partial "header-raw.html" . -}}
+{{- end -}}
diff --git a/themes/Eclectic/layouts/partials/meta.html b/themes/Eclectic/layouts/partials/meta.html
new file mode 100644
index 0000000..e792fb5
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/meta.html
@@ -0,0 +1,149 @@
+{{ $site := .Site}}
+{{$top := . }}
+{{$needsContentRender := true }}
+{{ range .Params.content }}
+{{ $currentContent := . }}
+{{ if .file }}
+ {{ if $top.Resources.GetMatch .file }}
+ {{ $currentContent = $top.Resources.GetMatch .file | transform.Unmarshal }}
+ {{ else }}
+ {{ $currentContent = resources.Get .file | transform.Unmarshal }}
+ {{ end }}
+{{ end }}
+{{ $types := split $currentContent.type " " }}
+
+ {{$title := $currentContent.title}}
+ {{ with $currentContent.icon }}
+ {{$title = default $title (findRE "\\w+(?:\\.\\w+)*$" .)}}
+ {{ partialCached "util/icon" (dict "key" . "size" 50 "class" "main-icon" "alt" $title) (print . "main-icon") }}
+ {{ end }}
+ {{ with $currentContent.image }}
+ {{$anchor := .anchor | default "" }}
+ {{ $cover := (partial "util/image.html" (dict "Page" $top "image" .href)).Fill (print (mul .width 2) "x" (mul .height 2) " " $anchor) }}
+
+ {{ end }}
+ {{with $currentContent.title}}{{. | markdownify}} {{ end }}
+ {{with $currentContent.subtitle}}{{. | markdownify}}
{{ end }}
+ {{with $currentContent.content}}{{. | markdownify}}
{{ end }}
+ {{ if in $types "content" }}
+ {{ $needsContentRender = false }}
+ {{ $top.Content }}
+ {{ end }}
+ {{ if in $types "blog" }}
+
+ {{ range first (default 6 .count) (where (where $site.Pages ".Section" $currentContent.section) ".Kind" "page" ) }}
+ {{partialCached "util/post.html" . .RelPermalink}}
+ {{ end }}
+
+ {{ end }}
+ {{ $defaultFilter := $currentContent.filter }}
+ {{ $filter := false }}
+ {{ $list := "" }}
+ {{ $filters := newScratch }}
+ {{ if in $types "filter" }}
+ {{ range $currentContent.items }}
+ {{ $list = print $list " " (trim .filter " ") }}
+ {{ end }}
+ {{ $list = uniq (split (trim $list " ") " ") }}
+ {{ $title := .title | urlize}}
+ {{ range $index, $element := $list }}
+ {{ $filters.Set $element $index }}
+ {{$element}}
+
+ {{ end }}
+ {{ end }}
+ {{ with $currentContent.items}}
+
+ {{ range . }}
+
+{{ $title := .title }}
+{{ with .image }}
+ {{$anchor := .anchor | default "" }}
+ {{ $cover := (partial "util/image.html" (dict "Page" $top "image" .href)).Fill (print (mul .width 2) "x" (mul .height 2) " " $anchor) }}
+
+{{ end }}
+{{ with .video }}
+
+
+ The browser does not support the video format {{.format}}.
+
+{{ end }}
+{{$title := .title }}
+{{ with .icon }}
+{{$title = default $title (findRE "\\w+(?:\\.\\w+)*$" .href)}}
+{{ partialCached "util/icon" (dict "key" .href "size" (default 40 .width) "alt" $title "class" "item-icon") (print . "item-icon") }}
+{{ end }}
+{{ with .title }}
+
{{. | markdownify }}
+{{ end }}
+
+{{ with .subtitle }}
+
{{. | markdownify}}
+{{ end }}
+
+{{ with .heading }}
+
{{. | markdownify}}
+{{ end }}
+
+{{ with .content}}
+
{{. | markdownify}}
+{{ end }}
+
+{{ with .attribution}}
+
{{. |markdownify}}
+{{ end }}
+{{ $title := default .title "" }}
+{{ with .links}}
+
+{{ end }}
+
+ {{ end }}
+
+ {{ end }}
+{{ with .attribution }}
+{{. |markdownify}}
+{{ end }}
+
+{{ end }}
+{{ if (and (or (not .Params.Content) .Content) $needsContentRender) }}
+
+
+
+ {{- partial "util/cover.html" (dict "class" "banner-holder" "page" . "width" 1024 "height" 330) -}}
+
+ {{with .Title}}{{.}} {{end}}
+ {{ with .Params.subtitle }}
+ {{.}}
+ {{ end }}
+ {{ .Content }}
+ {{- with .Params.tags }}
+
+ {{ end }}
+
+
+{{ end }}
diff --git a/themes/Eclectic/layouts/partials/post/comments.html b/themes/Eclectic/layouts/partials/post/comments.html
new file mode 100644
index 0000000..e5fec5f
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/post/comments.html
@@ -0,0 +1,51 @@
+{{ $ID := .File.UniqueID }}
+{{ with $.Site.Params.comment }}
+
+{{- end -}}
diff --git a/themes/Eclectic/layouts/partials/post/info.html b/themes/Eclectic/layouts/partials/post/info.html
new file mode 100644
index 0000000..699fd4c
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/post/info.html
@@ -0,0 +1,63 @@
+
+ Info
+
+
+
+
+ {{.Description}}
+
+
+
+
+ {{- partialCached "util/icon" (dict "key" "calendar" "size" 20) "calendar-20" -}}
+ Published
+
+
+ {{- $date := .PublishDate -}}
+ {{- if not $date -}}
+ {{- $date = .Lastmod -}}
+ {{- end -}}
+ {{ $date.Format "Monday, Jan 2, 2006."}}
+
+
+
+
+ {{- partialCached "util/icon" (dict "key" "bullseye" "size" 20) "bullseye-20" -}}
+ Word Count
+
+
+ {{ .WordCount }} words
+
+
+
+
+ {{- partialCached "util/icon" (dict "key" "hourglass-1" "size" 20) "hourglass-1-20" -}}
+ Reading Time
+
+
+ {{ .ReadingTime }} minutes
+
+
+ {{with .Params.categories}}
+
+
+ {{- partialCached "util/icon" (dict "key" "caret-square-o-right" "size" 20) "caret-square-o-right-20" -}}
+ Category
+ {{ range . }}
+ {{ . | humanize }}
+ {{end}}
+
+
+ {{end}}
+
+
+ {{- partialCached "util/icon" (dict "key" "tags" "size" 20) "tags-20" -}}
+ Tags
+ {{- range .Params.tags -}}
+ {{ . | humanize }}
+ {{- end -}}
+
+
+
+
+
diff --git a/themes/Eclectic/layouts/partials/post/newsletter.html b/themes/Eclectic/layouts/partials/post/newsletter.html
new file mode 100644
index 0000000..0e8b037
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/post/newsletter.html
@@ -0,0 +1,6 @@
+ {{- with .Site.Params.newsletter -}}
+
+ {{- end -}}
diff --git a/themes/Eclectic/layouts/partials/post/sidebar.html b/themes/Eclectic/layouts/partials/post/sidebar.html
new file mode 100644
index 0000000..f04d5c5
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/post/sidebar.html
@@ -0,0 +1,13 @@
+
+ {{- partial "post/info" . -}}
+ {{range .Params.sidebar}}
+
+ {{ end }}
+ {{- partialCached "post/tag-cloud" . -}}
+ {{- partialCached "post/site-sidebar" . -}}
+ {{- partialCached "post/newsletter" . -}}
+ {{- partial "post/social" . -}}
+
diff --git a/themes/Eclectic/layouts/partials/post/similar.html b/themes/Eclectic/layouts/partials/post/similar.html
new file mode 100644
index 0000000..fe7b10a
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/post/similar.html
@@ -0,0 +1,68 @@
+{{- $currentPage := . -}}
+{{- if .Params.series -}}
+ {{- $seriesName := index .Params.series 0 -}}
+ {{- $current := 1 -}}
+ {{- $total := 0 -}}
+ {{- $scratch := newScratch -}}
+ {{- range .Site.RegularPages.ByDate -}}
+ {{- if in .Params.series $seriesName -}}
+ {{- $total = add $total 1 -}}
+ {{- if gt $.Date.Unix .Date.Unix -}}
+ {{ $scratch.Add "before" (slice .) }}
+ {{- $current = add $current 1 -}}
+ {{- else if ne . $currentPage -}}
+ {{ $scratch.Add "after" (slice .) }}
+ {{- end -}}
+ {{- end -}}
+ {{- end -}}
+ {{$before := $scratch.Get "before" | default slice}}
+ {{$after := $scratch.Get "after" | default slice}}
+ {{/*
+ * If we have none from before show three after
+ * If we do not have something after show three from before.
+ * If we have one after show two from before and one from after.
+ * Otherwise show one from before and two from after
+ */}}
+ {{- if eq (len $before) 0 -}}
+ {{ .Scratch.Set "Related" ($after | first 3) }}
+ {{- else if eq (len $after) 0 -}}
+ {{ .Scratch.Set "Related" ($before | last 3) }}
+ {{- else if eq (len $after) 1 -}}
+ {{ .Scratch.Set "Related" ($before | last 2) }}
+ {{ .Scratch.Add "Related" $after }}
+ {{- else -}}
+ {{ .Scratch.Set "Related" ($before | last 1) }}
+ {{ .Scratch.Add "Related" ($after | first 2) }}
+ {{- end -}}
+{{- else -}}
+ {{ .Scratch.Set "Related" (.Site.RegularPages.Related . | first 3) }}
+{{- end -}}
+
+
+{{- $related := .Scratch.Get "Related" -}}
+{{- .Scratch.Delete "Related" -}}
+{{- with $related -}}
+
+ {{- if $currentPage.Params.series -}}
+ {{- $seriesName := index $currentPage.Params.series 0 -}}
+ More in {{$seriesName}}
+ {{- else -}}
+ You may also enjoy
+ {{- end -}}
+
+
+{{- end -}}
diff --git a/themes/Eclectic/layouts/partials/post/site-sidebar.html b/themes/Eclectic/layouts/partials/post/site-sidebar.html
new file mode 100644
index 0000000..daffd5f
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/post/site-sidebar.html
@@ -0,0 +1,6 @@
+{{range $.Site.Params.sidebar}}
+
+{{ end }}
diff --git a/themes/Eclectic/layouts/partials/post/social.html b/themes/Eclectic/layouts/partials/post/social.html
new file mode 100644
index 0000000..eba3087
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/post/social.html
@@ -0,0 +1,22 @@
+{{/* Social Links https://www.mrcooper.com/blog/2018/05/14/5-outdoor-space-ideas-youll-love/ */}}
+
diff --git a/themes/Eclectic/layouts/partials/post/tag-cloud.html b/themes/Eclectic/layouts/partials/post/tag-cloud.html
new file mode 100644
index 0000000..77cf73f
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/post/tag-cloud.html
@@ -0,0 +1,21 @@
+
diff --git a/themes/Eclectic/layouts/partials/post/youtube.html b/themes/Eclectic/layouts/partials/post/youtube.html
new file mode 100644
index 0000000..c9c85ee
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/post/youtube.html
@@ -0,0 +1,4 @@
+
+
+
diff --git a/themes/Eclectic/layouts/partials/products.html b/themes/Eclectic/layouts/partials/products.html
new file mode 100644
index 0000000..aa4d292
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/products.html
@@ -0,0 +1,15 @@
+{{$scratch := newScratch}}
+{{$products := resources.GetMatch "products.csv"}}
+{{$parsedProducts := $products | transform.Unmarshal (dict "delimiter" ",")}}
+
+{{$index := index $parsedProducts 0}}
+
+{{ range $i, $r := $parsedProducts }}
+ {{ if ne $i 0}}
+ {{range $j := seq (sub (len $index) 1)}}
+ {{ $scratch.SetInMap (index $r 0) (index $index $j) (index $r $j) }}
+ {{ end }}
+ {{ end }}
+{{ end }}
+
+{{return $scratch.Values}}
diff --git a/themes/Eclectic/layouts/partials/util/background.html b/themes/Eclectic/layouts/partials/util/background.html
new file mode 100644
index 0000000..4015471
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/util/background.html
@@ -0,0 +1,5 @@
+{{- $cover := partial "util/backgroundImage.html" . -}}
+{{/* https://unsplash.com/photos/-WW8jBak7bo https://pxhere.com/en/photo/912411 */}}
+{{/* Original: https://www.pexels.com/photo/computer-cup-desk-drink-434337/ */}}
+
+
diff --git a/themes/Eclectic/layouts/partials/util/backgroundImage.html b/themes/Eclectic/layouts/partials/util/backgroundImage.html
new file mode 100644
index 0000000..786cfbe
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/util/backgroundImage.html
@@ -0,0 +1,7 @@
+{{ $cover := (resources.Get "image/background.jpg").Fill "1400x787" }}
+{{- if (fileExists "assets/image/background.svg") -}}
+{{ $cover = (resources.Get "image/background.svg") }}
+{{- else if (fileExists "assets/image/background.png") -}}
+{{ $cover = (resources.Get "image/background.png").Fill "1400x787" }}
+{{- end -}}
+{{- return $cover -}}
diff --git a/themes/Eclectic/layouts/partials/util/backgroundImageDark.html b/themes/Eclectic/layouts/partials/util/backgroundImageDark.html
new file mode 100644
index 0000000..4a6cddd
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/util/backgroundImageDark.html
@@ -0,0 +1,7 @@
+{{ $cover := (resources.Get "image/background-dark.jpg").Fill "1400x787" }}
+{{- if (fileExists "assets/image/background-dark.svg") -}}
+{{ $cover = (resources.Get "image/background-dark.svg") }}
+{{- else if (fileExists "assets/image/background-dark.png") -}}
+{{ $cover = (resources.Get "image/background-dark.png").Fill "1400x787" }}
+{{- end -}}
+{{- return $cover -}}
diff --git a/themes/Eclectic/layouts/partials/util/cover.html b/themes/Eclectic/layouts/partials/util/cover.html
new file mode 100644
index 0000000..737a2cd
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/util/cover.html
@@ -0,0 +1,13 @@
+{{- with $.page.Resources.GetMatch "cover.*" -}}
+
+ {{ $cover := . }}
+ {{ $params := print $.width "x" $.height }}
+ {{ if $.page.Params.coverAnchor }}
+ {{ $params = print $params " " $.page.Params.coverAnchor }}
+ {{ else }}
+ {{ $params = print $params " Center" }}
+ {{end}}
+ {{ $cover = .Fill $params }}
+
+
+{{- end -}}
diff --git a/themes/Eclectic/layouts/partials/util/custom-icon.html b/themes/Eclectic/layouts/partials/util/custom-icon.html
new file mode 100644
index 0000000..3613eab
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/util/custom-icon.html
@@ -0,0 +1,4 @@
+{{ $icon := resources.Get $.path | resources.Minify }}
+{{ $result := print ")" "${1} # ${3}" | safeHTML }}
diff --git a/themes/Eclectic/layouts/partials/util/icon.html b/themes/Eclectic/layouts/partials/util/icon.html
new file mode 100644
index 0000000..4766b4b
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/util/icon.html
@@ -0,0 +1,11 @@
+{{- if eq (len (findRE "\\.svg$" $.key 1)) 1 -}}
+{{- partial "util/custom-icon" (dict "path" $.key "size" $.size "class" $.class) -}}
+{{- else -}}
+{{- if eq (len (findRE "\\.(png|jpg)$" $.key 1)) 1 -}}
+{{- $icon := resources.Get $.key }}
+{{ $image := $icon.Resize (print $.size "x") }}
+
+{{- else -}}
+{{partial "util/native-icon" (dict "type" $.key "size" $.size "class" $.class)}}
+{{- end -}}
+{{- end -}}
diff --git a/themes/Eclectic/layouts/partials/util/image.html b/themes/Eclectic/layouts/partials/util/image.html
new file mode 100644
index 0000000..6f2da10
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/util/image.html
@@ -0,0 +1,5 @@
+{{- $op := .Page.Resources.GetMatch .image -}}
+{{- if not (.Page.Resources.GetMatch .image) -}}
+{{- $op = resources.Get .image -}}
+{{- end -}}
+{{- return $op -}}
diff --git a/themes/Eclectic/layouts/partials/util/native-icon.html b/themes/Eclectic/layouts/partials/util/native-icon.html
new file mode 100644
index 0000000..3f070ce
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/util/native-icon.html
@@ -0,0 +1,7 @@
+{{- $icon := resources.Get (print "image/line-awesome/fa-" $.type ".svg") | resources.Minify -}}
+{{- $class := "icon" -}}
+{{- with $.class}}{{$class = .}}{{end -}}
+{{- $result := print "
+
+ Details
+
+ Email Address
+ {{- partialCached "util/icon" (dict "key" "user-plus" "size" 20) "user-plus-20" -}}
+
+
diff --git a/themes/Eclectic/layouts/partials/util/post.html b/themes/Eclectic/layouts/partials/util/post.html
new file mode 100644
index 0000000..96decda
--- /dev/null
+++ b/themes/Eclectic/layouts/partials/util/post.html
@@ -0,0 +1,32 @@
+
+
+{{- partial "util/cover.html" (dict "class" "banner-holder" "page" . "width" 440 "height" 330) -}}
+ {{- with .Title -}}
+ {{.}}
+ {{- else -}}
+ {{if eq .Kind "section" }}
+ {{path.Dir .File.Path | path.Base | humanize}}
+ {{ else}}
+ {{.File.ContentBaseName | humanize}}
+ {{- end -}}
+ {{- end -}}
+
+ {{- with .Description -}}
+ {{. | markdownify}}
+ {{- else -}}
+ {{.Summary | markdownify}}
+ {{- end -}}
+
+
+
diff --git a/themes/Eclectic/layouts/post/single.html b/themes/Eclectic/layouts/post/single.html
new file mode 100644
index 0000000..e2add34
--- /dev/null
+++ b/themes/Eclectic/layouts/post/single.html
@@ -0,0 +1,32 @@
+{{ define "head" }}
+
+{{ end }}
+
+{{ define "main" }}
+{{- partialCached "util/background.html" "bg" -}}
+
+
+{{- if $.Page.Resources.GetMatch "cover.*" -}}
+
+{{- partial "util/cover.html" (dict "class" "banner-holder" "page" . "width" 800 "height" 400) -}}
+
+{{- end -}}
+{{.Title}}
+{{- partial "util/heading-anchors.html" .Content -}}
+{{- $title := default .Title "" -}}
+{{- with .Params.youtube -}}
+Video
+Here is the video:
+{{- partial "post/youtube.html" (dict "id" . "title" $title) -}}
+
+{{- end -}}
+
+{{- partial "post/sidebar.html" . -}}
+
+{{- partial "post/similar.html" . -}}
+{{- partial "post/comments.html" . -}}
+
+{{- end -}}
diff --git a/themes/Eclectic/layouts/shortcodes/divider.html b/themes/Eclectic/layouts/shortcodes/divider.html
new file mode 100644
index 0000000..16abcdf
--- /dev/null
+++ b/themes/Eclectic/layouts/shortcodes/divider.html
@@ -0,0 +1,4 @@
+
+
+ ☺
+
diff --git a/themes/Eclectic/layouts/shortcodes/fig.html b/themes/Eclectic/layouts/shortcodes/fig.html
new file mode 100644
index 0000000..7954ae8
--- /dev/null
+++ b/themes/Eclectic/layouts/shortcodes/fig.html
@@ -0,0 +1,30 @@
+
+
+ {{ if .Get "link"}}{{ end }}
+ {{ $url := .Get "src" }}
+ {{ if ne (.Get "nomin") "true" }}
+ {{ if gt (.Get "width" ) 0}}
+ {{ if gt (.Get "height") 0 }}
+ {{ $k := $.Page.Resources.GetMatch $url }}
+ {{ $k = $k.Fill (print (.Get "width" ) "x" (.Get "height") " " (default (.Get "anchor") "Center")) }}
+ {{ $url = $k.RelPermalink }}
+ {{ end }}
+ {{end}}
+ {{end}}
+
+ {{ if .Get "link"}} {{ end }}
+ {{ if or (or (.Get "title") (.Get "caption")) (.Get "attr")}}
+ {{ if isset .Params "title" }}
+ {{ .Get "title" }} {{ end }}
+ {{ if or (.Get "caption") (.Get "attr")}}
+ {{ .Get "caption" }}
+ {{ with .Get "attrlink"}} {{ end }}
+ {{ .Get "attr" }}
+ {{ if .Get "attrlink"}} {{ end }}
+
{{ end }}
+
+ {{ end }}
+
+
diff --git a/themes/Eclectic/layouts/shortcodes/guitar.html b/themes/Eclectic/layouts/shortcodes/guitar.html
new file mode 100644
index 0000000..5896803
--- /dev/null
+++ b/themes/Eclectic/layouts/shortcodes/guitar.html
@@ -0,0 +1,5 @@
+
+{{- $json := getJSON $.Site.Params.Guitar "?" (querify "q" .Inner) -}}
+{{- with $json.svg -}}
+{{. | safeHTML}}
+{{- end -}}
diff --git a/themes/Eclectic/layouts/shortcodes/price.html b/themes/Eclectic/layouts/shortcodes/price.html
new file mode 100644
index 0000000..bc701ee
--- /dev/null
+++ b/themes/Eclectic/layouts/shortcodes/price.html
@@ -0,0 +1,2 @@
+{{$product := default (.Get 0) (.Get "product")}}
+{{index (index (partialCached "products.html" "nothing") $product) "Price" }}
diff --git a/themes/Eclectic/layouts/shortcodes/productInfo.md b/themes/Eclectic/layouts/shortcodes/productInfo.md
new file mode 100644
index 0000000..f4b4389
--- /dev/null
+++ b/themes/Eclectic/layouts/shortcodes/productInfo.md
@@ -0,0 +1,9 @@
+We make over ***200 shapes***. The most popular of these include:
+
+Shape | Design | Description | Links
+--- | --- | --- | ---
+Line | -- | Two pointy ends and a straight stretch of ink | [Line on Wikipedia](https://en.wikipedia.org/wiki/Line_(geometry))
+Circle | ⃝ | A full round with no corners | [Circle on Wikipedia]
+Triangle | △ | Three lines with three corners | [Triangle on Wikipedia](https://en.wikipedia.org/wiki/Triangle)
+
+[Circle on Wikipedia]: https://en.wikipedia.org/wiki/Circle
diff --git a/themes/Eclectic/layouts/shortcodes/repeat.html b/themes/Eclectic/layouts/shortcodes/repeat.html
new file mode 100644
index 0000000..0c03d30
--- /dev/null
+++ b/themes/Eclectic/layouts/shortcodes/repeat.html
@@ -0,0 +1,10 @@
+{{$count := default 5 (default (.Get 0) (.Get "count"))}}
+{{/* Preprocess to speed up */}}
+{{$inner := .Inner | markdownify}}
+{{if gt $count 0}}
+
+ {{ range seq $count}}
+ {{$inner}}
+ {{end}}
+
+{{end}}
diff --git a/themes/Eclectic/layouts/shortcodes/tex.html b/themes/Eclectic/layouts/shortcodes/tex.html
new file mode 100644
index 0000000..ebc06da
--- /dev/null
+++ b/themes/Eclectic/layouts/shortcodes/tex.html
@@ -0,0 +1,10 @@
+
+{{ $inline := "" }}
+{{- if eq (.Get 0) "inline" -}}
+{{ $inline = "&inline=true" }}
+{{- end -}}
+{{- $json := getJSON $.Site.Params.Tex "?" (querify "q" .Inner) $inline -}}
+{{- with $json.svg -}}
+{{. | safeHTML}}
+{{- end -}}
+
diff --git a/themes/Eclectic/layouts/shortcodes/yt.html b/themes/Eclectic/layouts/shortcodes/yt.html
new file mode 100644
index 0000000..52776df
--- /dev/null
+++ b/themes/Eclectic/layouts/shortcodes/yt.html
@@ -0,0 +1,5 @@
+{{- $id := .Get "id" | default (.Get 0) -}}
+
+
+
diff --git a/themes/Eclectic/layouts/taxonomy/list.html b/themes/Eclectic/layouts/taxonomy/list.html
new file mode 100644
index 0000000..1a10085
--- /dev/null
+++ b/themes/Eclectic/layouts/taxonomy/list.html
@@ -0,0 +1,14 @@
+{{ define "main" }}
+{{- partialCached "util/background.html" "bg" -}}
+
+ {{.Title | humanize}}
+ {{.Params.Subtitle}}
+ {{with .Content}}{{ .}}
{{- end -}}
+
+ {{ range .Pages}}
+{{- partialCached "util/post.html" . .RelPermalink -}}
+ {{ end }}
+
+{{ template "_internal/pagination.html" . }}
+
+{{ end }}
diff --git a/themes/Eclectic/layouts/taxonomy/terms.html b/themes/Eclectic/layouts/taxonomy/terms.html
new file mode 100644
index 0000000..8d83bab
--- /dev/null
+++ b/themes/Eclectic/layouts/taxonomy/terms.html
@@ -0,0 +1,32 @@
+{{ define "main" }}
+{{- partialCached "util/background.html" "bg" -}}
+
+ {{.Title}}
+The website has the following {{.Title | lower}}.
+{{.Content}}
+
+ {{ $type := .Type }}
+ {{ range $key, $value := .Data.Terms.Alphabetical }}
+ {{ $name := .Name }}
+ {{ $count := .Count }}
+ {{ $pages := .Pages }}
+ {{ with $.Site.GetPage (printf "/%s/%s" $type $name) }}
+
+
+
+
+ ({{ $count }} post{{if gt $count 1}}s{{end}})
+
+
+
+ {{ end }}
+ {{ end }}
+
+
+
+{{ end }}
diff --git a/themes/Eclectic/package-lock.json b/themes/Eclectic/package-lock.json
new file mode 100644
index 0000000..9ec8143
--- /dev/null
+++ b/themes/Eclectic/package-lock.json
@@ -0,0 +1,49 @@
+{
+ "name": "Eclectic",
+ "version": "1.0.0",
+ "lockfileVersion": 1,
+ "requires": true,
+ "dependencies": {
+ "fs-extra": {
+ "version": "8.0.1",
+ "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.0.1.tgz",
+ "integrity": "sha512-W+XLrggcDzlle47X/XnS7FXrXu9sDo+Ze9zpndeBxdgv88FHLm1HtmkhEwavruS6koanBjp098rUpHs65EmG7A==",
+ "dev": true,
+ "requires": {
+ "graceful-fs": "^4.1.2",
+ "jsonfile": "^4.0.0",
+ "universalify": "^0.1.0"
+ }
+ },
+ "graceful-fs": {
+ "version": "4.1.15",
+ "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.15.tgz",
+ "integrity": "sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA==",
+ "dev": true
+ },
+ "include-media": {
+ "version": "1.4.9",
+ "resolved": "https://registry.npmjs.org/include-media/-/include-media-1.4.9.tgz",
+ "integrity": "sha1-0AILe+PrLVSGiiCUNZXOOA4LxDs="
+ },
+ "jsonfile": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+ "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
+ "dev": true,
+ "requires": {
+ "graceful-fs": "^4.1.6"
+ }
+ },
+ "line-awesome": {
+ "version": "github:icons8/line-awesome#912ed9f69c1e99ef3c451af2e8e58c5f7b6e3af9",
+ "from": "github:icons8/line-awesome"
+ },
+ "universalify": {
+ "version": "0.1.2",
+ "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+ "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+ "dev": true
+ }
+ }
+}
diff --git a/themes/Eclectic/package.json b/themes/Eclectic/package.json
new file mode 100644
index 0000000..948af04
--- /dev/null
+++ b/themes/Eclectic/package.json
@@ -0,0 +1,31 @@
+{
+ "name": "Eclectic",
+ "version": "1.0.0",
+ "description": "A theme for high performance customizable hugo websites.",
+ "scripts": {
+ "postinstall": "node postinstall.js"
+ },
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/atishay/eclectic-hugo-theme.git"
+ },
+ "keywords": [
+ "Website",
+ "Performance",
+ "Customizable",
+ "Hugo"
+ ],
+ "author": "Atishay Jain ",
+ "license": "MIT",
+ "bugs": {
+ "url": "https://github.com/atishay/eclectic-hugo-theme/issues"
+ },
+ "homepage": "https://github.com/atishay/eclectic-hugo-theme#readme",
+ "dependencies": {
+ "include-media": "^1.4.9",
+ "line-awesome": "github:icons8/line-awesome"
+ },
+ "devDependencies": {
+ "fs-extra": "^8.0.1"
+ }
+}
diff --git a/themes/Eclectic/postinstall.js b/themes/Eclectic/postinstall.js
new file mode 100644
index 0000000..71e8df7
--- /dev/null
+++ b/themes/Eclectic/postinstall.js
@@ -0,0 +1,9 @@
+const fs = require('fs-extra');
+const path = require('path');
+
+(async () => {
+ await fs.copy(path.resolve(__dirname, "./node_modules/line-awesome/src/production"),
+ path.resolve(__dirname, "./assets/image/line-awesome"));
+ await fs.copy(path.resolve(__dirname, "./node_modules/include-media/dist/_include-media.scss"),
+ path.resolve(__dirname, "./assets/scss/_include-media.scss"));
+})();
diff --git a/themes/Eclectic/static/fonts/NouveauDropCaps.woff2 b/themes/Eclectic/static/fonts/NouveauDropCaps.woff2
new file mode 100644
index 0000000..fe44aa1
Binary files /dev/null and b/themes/Eclectic/static/fonts/NouveauDropCaps.woff2 differ
diff --git a/themes/Eclectic/theme.toml b/themes/Eclectic/theme.toml
new file mode 100644
index 0000000..f383e5e
--- /dev/null
+++ b/themes/Eclectic/theme.toml
@@ -0,0 +1,12 @@
+name = "Eclectic"
+license = "MIT"
+licenselink = "https://github.com/atishay/atishay.github.io/blob/master/LICENSE"
+description = "A theme for high performance customizable hugo websites."
+homepage = "https://atishay.me"
+tags = ["Website", "Performance", "Customizable"]
+features = []
+min_version = "0.55"
+
+[author]
+ name = "Atishay Jain"
+ homepage = "https://atishay.me"