Added FAQ (#196)

* added FAQ modal

src/includes/content.pug

@@ -4,6 +4,7 @@ include content/wizard.pug
 include content/privacy_policies.pug
 include content/tncs.pug
 include content/disclaimer.pug
+include content/faq.pug
 
 //- Flycricket
 if flycricket

src/includes/content/faq.pug

@@ -0,0 +1,35 @@
+.modal(v-bind:class="{ 'is-active': showFaqModal }")
+    .modal-background
+    .modal-card
+        header.modal-card-head
+            p.modal-card-title Frequently Asked Questions/FAQ
+            button.delete(aria-label='close' @click='toggleFaqModalVisibility')
+        section.modal-card-body
+            strong What is a privacy policy?
+            p A privacy policy is a legal document that informs individuals about how an organization/individual collects, uses, discloses, and manages their personal data. It outlines the ways in which personal information is handled, including details about data collection, storage, and sharing practices. Essentially, it provides transparency to users regarding their privacy rights and how their data is treated.
+
+            br
+            strong What is personal data?
+            p Personal data refers to any information related to an identified or identifiable living individual. It encompasses various identifiers, such as names, email addresses, phone numbers, home addresses, IP addresses, and more. Essentially, any data that can be used to identify a specific person falls under the category of personal data.
+
+            br
+            strong Why is a privacy policy important?
+            p A privacy policy is a critical component of any Service Provider's online presence, as it outlines the handling and protection of sensitive customer information. It establishes trust between the service provider and its customers, demonstrating a commitment to protecting their personal data. A well-crafted privacy policy can help prevent legal liabilities and reputational damages, while also providing transparency and clarity on how customer information is collected, used, and shared. By having a comprehensive privacy policy in place, organizations can maintain a competitive advantage, build customer loyalty, and foster a positive brand image.
+
+            br
+            strong Is it safe to use a privacy policy template?
+            p Yes, using a privacy policy template is generally safe and efficient. Templates are designed to align with data protection laws, ensuring compliance. However, it's essential to customize the template to accurately reflect your specific practices and business context. Always review and tailor the template to suit your needs.
+
+            br
+            strong What are terms and condition?
+            p Terms and conditions are a critical component of contractual agreements, ensuring that all parties have a clear understanding of their rights and responsibilities. These terms are incorporated into a legally binding agreement, adhering to relevant local, state, and federal laws. They establish essential boundaries that all parties must adhere to, providing clarity on acceptable and prohibited platform usage, managing user expectations, and outlining procedures for account termination and suspension. Additionally, these terms specify the governing laws applicable to the contract, provide mechanisms for dispute resolution, and address necessary disclaimers or warranties as required by law. By incorporating these terms into a legal agreement, businesses and customers can ensure they are fully informed of their rights and obligations, promoting a mutually beneficial relationship.
+
+            br
+            strong Why is this Privacy Policy Generator free?
+            p This project was built out of a need for a free and open source Privacy Policy Generator for my Android applications.
+            | Most such products online are pay walled or find ways to extract money from indie devs 
+            | like me. I built this for myself first, but eventually saw how it was useful for a lot of
+            | people. Today this webapp is used by people from all over the world, and I hope it will continue to be so.
+        footer.modal-card-foot
+            button.button.is-info(aria-label='close' @click='toggleFaqModalVisibility')
+                | Ok

src/includes/content/privacy_policy/simple.pug

@@ -20,6 +20,7 @@
                         li The time spent on the Application
                         li The operating system you use on your mobile device
 
+                br
                 p(v-show='!isLocationTracked') The Application does not gather precise information about the location of your mobile device.
 
                 div(v-show='isLocationTracked')
@@ -29,6 +30,7 @@
                         li Analytics and Improvements: Aggregated and anonymized location data helps the Service Provider to analyze user behavior, identify trends, and improve the overall performance and functionality of the Application.
                         li Third-Party Services: Periodically, the Service Provider may transmit anonymized location data to external services. These services assist them in enhancing the Application and optimizing their offerings.
 
+                br
                 p The Service Provider may use the information you provided to contact you from time to time to provide you with important information, required notices and marketing promotions.
                 br
                 p For a better experience, while using the Application, the Service Provider may require you to provide us with certain personally identifiable information{{pidInfo}} The information that the Service Provider request will be retained by them and used as described in this privacy policy.

src/includes/content/wizard/step_1.pug

@@ -15,7 +15,9 @@ section#step-1.columns.has-text-centered(v-if='wizardStep==1')
             |  and 
             a(href='https://github.com/nisrulz/app-privacy-policy-generator/graphs/contributors' target='_blank' rel='noopener noreferrer') contributors.
             br
-            a(href='https://github.com/nisrulz/app-privacy-policy-generator/issues/65' target='_blank' rel='noopener noreferrer') ⭐️ Check out the Guestbook for reviews
+            a(href='https://github.com/nisrulz/app-privacy-policy-generator/issues/65' target='_blank' rel='noopener noreferrer') ⭐️ Check out the Guestbook for reviews 
+            span | 
+            a.has-info(rel="noopener noreferrer" @click="toggleFaqModalVisibility") Read FAQ
         p.mt-2
             a(href='https://twitter.com/intent/tweet?text=%F0%9F%93%9D%20App%20Privacy%20Policy%20Generator%3A%20A%20free%20web-app%20to%20generate%20a%20generic%20privacy%20policy%20for%20your%20Android%2FiOS%2FKaiOS%20%F0%9F%93%B1%20apps%20%F0%9F%9A%80%20%7C%20Built%20by%20%40nisrulz%20%20%E2%9C%85%20Web%20App%3A%20https%3A%2F%2Fapp-privacy-policy-generator.nisrulz.com%20%E2%9C%85%20Checkout%20Reviews%3A%20https%3A%2F%2Fgithub.com%2Fnisrulz%2Fapp-privacy-policy-generator%2Fissues%2F65%20%F0%9F%91%A8%F0%9F%8F%BB%E2%80%8D%F0%9F%92%BB%20%23appg%20%23free%20%23app%20%23privacy%20%23policy%20%23generator%20%20' target='_blank' rel='noopener noreferrer')
                 img.social-logo(src='images/social_icons/twitter.svg' alt='Twitter')

src/includes/content/wizard/step_7.pug

@@ -55,6 +55,10 @@ section#step-7.columns(v-if="wizardStep==7")
                             )  GuestBook 🤗
                 p Now sit back and choose the type of document you want to generate.
                     br
+                    a.has-info(
+                            rel="noopener noreferrer" 
+                            @click="toggleFaqModalVisibility"
+                             ) Read FAQ
                     p.has-text-grey-light
                         | The accuracy of the generated privacy policy and terms & conditions on this website is not legally binding. Use at your own risk.
                     p

src/js/main.js

@@ -41,6 +41,7 @@ var app = new Vue({
 		showGDPRPrivacyModal: false,
 		showTermsModal: false,
 		showDisclaimerModal: false,
+		showFaqModal: false,
 		showNoTrackingPrivacyPolicyModal: false,
 		hasThirdPartyServicesSelected: true,
 		contentRenderType: 1, // contentRenderType=1 is Preview, contentRenderType=2 is HTML/Markdown
@@ -193,5 +194,8 @@ var app = new Vue({
 		toggleDisclaimerModalVisibility: function () {
 			this.showDisclaimerModal = !this.showDisclaimerModal
 		},
+		toggleFaqModalVisibility: function () {
+			this.showFaqModal = !this.showFaqModal
+		},
 	},
 })