npm - domma-js - Versions diffs - 0.9.6-alpha → 0.9.8-alpha - Mend

domma-js 0.9.6-alpha → 0.9.8-alpha

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (44) hide show

package/templates/kickstart/frontend/pages/privacy/index.html ADDED Viewed

@@ -0,0 +1,280 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Privacy Policy - {{projectName}}</title>
+  <!-- Domma CSS -->
+  <link rel="stylesheet" href="../../dist/domma.css">
+  <link rel="stylesheet" href="../../dist/grid.css">
+  <link rel="stylesheet" href="../../dist/elements.css">
+  <link rel="stylesheet" href="../../dist/themes/domma-themes.css">
+  <!-- Custom CSS -->
+  <link rel="stylesheet" href="../../css/custom.css">
+</head>
+<body class="dm-theme-{{theme}}">
+<!-- Navigation -->
+<nav id="main-navbar"></nav>
+<!-- Page Header -->
+<section class="container py-6">
+  <h1 class="display-2 mb-3">Privacy Policy</h1>
+  <p class="lead text-secondary">
+    Last updated: <time datetime="{{year}}-01-01">January {{year}}</time>
+  </p>
+</section>
+<!-- Privacy Content -->
+<section class="container py-4">
+  <div class="grid grid-cols-1 lg:grid-cols-4 gap-6">
+    <!-- Table of Contents -->
+    <aside>
+      <div class="card sticky" style="top: 80px;">
+        <div class="card-body">
+          <h2 class="h5 mb-3">Contents</h2>
+          <nav class="nav flex-column">
+            <a href="#introduction" class="nav-link">Introduction</a>
+            <a href="#information-collection" class="nav-link">Information We Collect</a>
+            <a href="#information-use" class="nav-link">How We Use Information</a>
+            <a href="#information-sharing" class="nav-link">Information Sharing</a>
+            <a href="#data-security" class="nav-link">Data Security</a>
+            <a href="#your-rights" class="nav-link">Your Rights</a>
+            <a href="#cookies" class="nav-link">Cookies</a>
+            <a href="#children" class="nav-link">Children's Privacy</a>
+            <a href="#changes" class="nav-link">Policy Changes</a>
+            <a href="#contact" class="nav-link">Contact Us</a>
+          </nav>
+        </div>
+      </div>
+    </aside>
+    <!-- Main Content -->
+    <main class="lg:col-span-3">
+      <!-- Introduction -->
+      <section id="introduction" class="mb-6">
+        <h2 class="h3 mb-4">Introduction</h2>
+        <p>
+          Welcome to {{projectName}}. We respect your privacy and are committed to protecting your personal data.
+          This privacy policy will inform you about how we look after your personal data when you visit our website
+          and tell you about your privacy rights and how the law protects you.
+        </p>
+      </section>
+      <!-- Information Collection -->
+      <section id="information-collection" class="mb-6">
+        <h2 class="h3 mb-4">Information We Collect</h2>
+        <h3 class="h5 mb-3">Personal Information</h3>
+        <p class="mb-3">We may collect the following types of personal information:</p>
+        <ul class="mb-4">
+          <li><strong>Identity Data:</strong> First name, last name, username or similar identifier</li>
+          <li><strong>Contact Data:</strong> Email address, telephone numbers, billing and delivery addresses</li>
+          <li><strong>Technical Data:</strong> IP address, browser type and version, time zone setting, browser plug-in types and versions, operating system and platform</li>
+          <li><strong>Usage Data:</strong> Information about how you use our website, products and services</li>
+          <li><strong>Marketing Data:</strong> Your preferences in receiving marketing from us and your communication preferences</li>
+        </ul>
+        <h3 class="h5 mb-3">Automatically Collected Information</h3>
+        <p>
+          When you visit our website, we automatically collect certain information about your device, including
+          information about your web browser, IP address, time zone, and some of the cookies that are installed on your device.
+        </p>
+      </section>
+      <!-- Information Use -->
+      <section id="information-use" class="mb-6">
+        <h2 class="h3 mb-4">How We Use Your Information</h2>
+        <p class="mb-3">We use your personal information for the following purposes:</p>
+        <ul>
+          <li>To provide, operate, and maintain our website and services</li>
+          <li>To improve, personalise, and expand our website and services</li>
+          <li>To understand and analyse how you use our website</li>
+          <li>To develop new products, services, features, and functionality</li>
+          <li>To communicate with you, either directly or through one of our partners</li>
+          <li>To send you emails and notifications</li>
+          <li>To find and prevent fraud</li>
+          <li>To comply with legal obligations</li>
+        </ul>
+      </section>
+      <!-- Information Sharing -->
+      <section id="information-sharing" class="mb-6">
+        <h2 class="h3 mb-4">Information Sharing and Disclosure</h2>
+        <div class="alert alert-info mb-4">
+          <span data-icon="info" class="me-2"></span>
+          <strong>Important:</strong> We do not sell, trade, or rent your personal information to third parties.
+        </div>
+        <p class="mb-3">We may share your information with:</p>
+        <ul>
+          <li><strong>Service Providers:</strong> Third-party companies that help us operate our website and provide services to you</li>
+          <li><strong>Legal Requirements:</strong> When required by law or to protect our rights</li>
+          <li><strong>Business Transfers:</strong> In connection with a merger, acquisition, or sale of assets</li>
+        </ul>
+      </section>
+      <!-- Data Security -->
+      <section id="data-security" class="mb-6">
+        <h2 class="h3 mb-4">Data Security</h2>
+        <p class="mb-3">
+          We have implemented appropriate security measures to prevent your personal data from being accidentally lost,
+          used, accessed, altered, or disclosed in an unauthorised manner.
+        </p>
+        <p>
+          However, please note that no method of transmission over the internet or method of electronic storage is 100% secure.
+          While we strive to use commercially acceptable means to protect your personal data, we cannot guarantee its absolute security.
+        </p>
+      </section>
+      <!-- Your Rights -->
+      <section id="your-rights" class="mb-6">
+        <h2 class="h3 mb-4">Your Rights</h2>
+        <p class="mb-3">Under data protection laws, you have the following rights:</p>
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+          <div class="card">
+            <div class="card-body">
+              <h3 class="h6 mb-2">
+                <span data-icon="user" class="me-2"></span>Right to Access
+              </h3>
+              <p class="text-secondary mb-0">Request copies of your personal data</p>
+            </div>
+          </div>
+          <div class="card">
+            <div class="card-body">
+              <h3 class="h6 mb-2">
+                <span data-icon="edit" class="me-2"></span>Right to Rectification
+              </h3>
+              <p class="text-secondary mb-0">Request correction of inaccurate data</p>
+            </div>
+          </div>
+          <div class="card">
+            <div class="card-body">
+              <h3 class="h6 mb-2">
+                <span data-icon="trash" class="me-2"></span>Right to Erasure
+              </h3>
+              <p class="text-secondary mb-0">Request deletion of your personal data</p>
+            </div>
+          </div>
+          <div class="card">
+            <div class="card-body">
+              <h3 class="h6 mb-2">
+                <span data-icon="shield" class="me-2"></span>Right to Restrict
+              </h3>
+              <p class="text-secondary mb-0">Request restriction of processing</p>
+            </div>
+          </div>
+          <div class="card">
+            <div class="card-body">
+              <h3 class="h6 mb-2">
+                <span data-icon="download" class="me-2"></span>Right to Data Portability
+              </h3>
+              <p class="text-secondary mb-0">Request transfer of your data</p>
+            </div>
+          </div>
+          <div class="card">
+            <div class="card-body">
+              <h3 class="h6 mb-2">
+                <span data-icon="x-circle" class="me-2"></span>Right to Object
+              </h3>
+              <p class="text-secondary mb-0">Object to processing of your data</p>
+            </div>
+          </div>
+        </div>
+        <p class="mt-4">
+          To exercise any of these rights, please contact us using the details provided in the Contact Us section below.
+        </p>
+      </section>
+      <!-- Cookies -->
+      <section id="cookies" class="mb-6">
+        <h2 class="h3 mb-4">Cookies and Tracking Technologies</h2>
+        <p class="mb-3">
+          We use cookies and similar tracking technologies to track activity on our website and hold certain information.
+          Cookies are files with a small amount of data which may include an anonymous unique identifier.
+        </p>
+        <p>
+          You can instruct your browser to refuse all cookies or to indicate when a cookie is being sent. However,
+          if you do not accept cookies, you may not be able to use some portions of our website.
+        </p>
+        <p class="mt-3">
+          For more information about our use of cookies, please see our
+          <a href="../cookies/">Cookie Policy</a>.
+        </p>
+      </section>
+      <!-- Children's Privacy -->
+      <section id="children" class="mb-6">
+        <h2 class="h3 mb-4">Children's Privacy</h2>
+        <p>
+          Our website is not intended for children under the age of 13. We do not knowingly collect personal information
+          from children under 13. If you are a parent or guardian and you are aware that your child has provided us with
+          personal information, please contact us so that we can take necessary action.
+        </p>
+      </section>
+      <!-- Changes to Policy -->
+      <section id="changes" class="mb-6">
+        <h2 class="h3 mb-4">Changes to This Privacy Policy</h2>
+        <p>
+          We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new
+          Privacy Policy on this page and updating the "Last updated" date at the top of this policy.
+        </p>
+        <p class="mt-3">
+          You are advised to review this Privacy Policy periodically for any changes. Changes to this Privacy Policy
+          are effective when they are posted on this page.
+        </p>
+      </section>
+      <!-- Contact -->
+      <section id="contact" class="mb-6">
+        <h2 class="h3 mb-4">Contact Us</h2>
+        <p class="mb-4">
+          If you have any questions about this Privacy Policy, please contact us:
+        </p>
+        <div class="card bg-surface">
+          <div class="card-body">
+            <dl class="mb-0">
+              <dt class="mb-2">Email</dt>
+              <dd class="mb-4">
+                <a href="mailto:privacy@example.com">privacy@example.com</a>
+              </dd>
+              <dt class="mb-2">Contact Form</dt>
+              <dd class="mb-0">
+                <a href="../contact/">Submit a contact request</a>
+              </dd>
+            </dl>
+          </div>
+        </div>
+      </section>
+    </main>
+  </div>
+</section>
+<!-- Footer -->
+<footer class="page-footer"></footer>
+<!-- Security: DOMPurify for XSS protection -->
+<script src="https://cdn.jsdelivr.net/npm/dompurify@3.2.5/dist/purify.min.js"></script>
+<!-- Domma JavaScript -->
+<script src="../../dist/domma/domma.min.js"></script>
+<!-- Global App Initialization -->
+<script src="../../js/app.js"></script>
+<!-- Page-specific Initialization -->
+<script src="privacy.js"></script>
+</body>
+</html>

package/templates/kickstart/frontend/pages/privacy/privacy.js ADDED Viewed

@@ -0,0 +1,51 @@
+/**
+ * Privacy Policy Page Initialization
+ * Smooth scroll navigation, highlight active sections
+ */
+$(() => {
+  // Smooth scroll for table of contents links
+  $('.nav-link').on('click', function(e) {
+    e.preventDefault();
+    const targetId = $(this).attr('href');
+    const $target = $(targetId);
+    if ($target.length) {
+      $target[0].scrollIntoView({ behavior: 'smooth' });
+      // Update active state
+      $('.nav-link').removeClass('active');
+      $(this).addClass('active');
+    }
+  });
+  // Highlight active section on scroll
+  let ticking = false;
+  $(window).on('scroll', () => {
+    if (!ticking) {
+      window.requestAnimationFrame(() => {
+        updateActiveSection();
+        ticking = false;
+      });
+      ticking = true;
+    }
+  });
+  function updateActiveSection() {
+    const sections = $('section[id]');
+    const scrollPos = $(window).scrollTop() + 100;
+    sections.each((section) => {
+      const $section = $(section);
+      const sectionTop = $section.offset().top;
+      const sectionBottom = sectionTop + $section.outerHeight();
+      if (scrollPos >= sectionTop && scrollPos < sectionBottom) {
+        const id = $section.attr('id');
+        $('.nav-link').removeClass('active');
+        $(`.nav-link[href="#${id}"]`).addClass('active');
+      }
+    });
+  }
+  console.log('Privacy Policy page initialized');
+});