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

domma-js 0.9.6-alpha → 0.9.7-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/terms/index.html ADDED Viewed

@@ -0,0 +1,369 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Terms of Service - {{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">Terms of Service</h1>
+  <p class="lead text-secondary">
+    Last updated: <time datetime="{{year}}-01-01">January {{year}}</time>
+  </p>
+</section>
+<!-- Terms 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="#agreement" class="nav-link">Agreement to Terms</a>
+            <a href="#use-license" class="nav-link">Use License</a>
+            <a href="#user-accounts" class="nav-link">User Accounts</a>
+            <a href="#prohibited-uses" class="nav-link">Prohibited Uses</a>
+            <a href="#intellectual-property" class="nav-link">Intellectual Property</a>
+            <a href="#user-content" class="nav-link">User Content</a>
+            <a href="#disclaimers" class="nav-link">Disclaimers</a>
+            <a href="#limitation-liability" class="nav-link">Limitation of Liability</a>
+            <a href="#indemnification" class="nav-link">Indemnification</a>
+            <a href="#termination" class="nav-link">Termination</a>
+            <a href="#governing-law" class="nav-link">Governing Law</a>
+            <a href="#changes" class="nav-link">Changes to Terms</a>
+            <a href="#contact" class="nav-link">Contact Us</a>
+          </nav>
+        </div>
+      </div>
+    </aside>
+    <!-- Main Content -->
+    <main class="lg:col-span-3">
+      <!-- Agreement to Terms -->
+      <section id="agreement" class="mb-6">
+        <h2 class="h3 mb-4">Agreement to Terms</h2>
+        <p>
+          These Terms of Service ("Terms") constitute a legally binding agreement between you and {{projectName}}
+          ("Company", "we", "us", or "our") concerning your access to and use of our website and services.
+        </p>
+        <p class="mt-3">
+          By accessing or using our website, you agree that you have read, understood, and agree to be bound by
+          these Terms. If you do not agree with these Terms, you must not access or use our website.
+        </p>
+        <div class="alert alert-warning mt-4">
+          <span data-icon="alert-triangle" class="me-2"></span>
+          <strong>Important:</strong> Please read these Terms carefully before using our services.
+        </div>
+      </section>
+      <!-- Use License -->
+      <section id="use-license" class="mb-6">
+        <h2 class="h3 mb-4">Use License</h2>
+        <p class="mb-3">
+          Subject to your compliance with these Terms, we grant you a limited, non-exclusive, non-transferable,
+          and revocable license to access and use our website for personal or commercial purposes.
+        </p>
+        <h3 class="h5 mb-3">This license does not include the right to:</h3>
+        <ul>
+          <li>Modify, copy, or distribute any content from our website without our written permission</li>
+          <li>Use our website for any unlawful purpose or in violation of these Terms</li>
+          <li>Attempt to reverse engineer or derive source code from our software</li>
+          <li>Remove any copyright, trademark, or other proprietary notices</li>
+          <li>Transfer, sublicense, or resell access to our services</li>
+        </ul>
+      </section>
+      <!-- User Accounts -->
+      <section id="user-accounts" class="mb-6">
+        <h2 class="h3 mb-4">User Accounts</h2>
+        <p class="mb-3">
+          When you create an account with us, you must provide accurate, complete, and current information.
+          Failure to do so constitutes a breach of these Terms.
+        </p>
+        <div class="card bg-surface mb-4">
+          <div class="card-body">
+            <h3 class="h5 mb-3">Account Security</h3>
+            <p class="mb-2">You are responsible for:</p>
+            <ul class="mb-0">
+              <li>Maintaining the confidentiality of your account credentials</li>
+              <li>All activities that occur under your account</li>
+              <li>Notifying us immediately of any unauthorized access</li>
+              <li>Ensuring your account information remains accurate</li>
+            </ul>
+          </div>
+        </div>
+        <p>
+          We reserve the right to refuse service, terminate accounts, or remove content at our sole discretion
+          if we believe you have violated these Terms.
+        </p>
+      </section>
+      <!-- Prohibited Uses -->
+      <section id="prohibited-uses" class="mb-6">
+        <h2 class="h3 mb-4">Prohibited Uses</h2>
+        <p class="mb-3">You agree not to use our website for any of the following purposes:</p>
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+          <div class="card border-danger">
+            <div class="card-body">
+              <span data-icon="x-circle" class="text-danger mb-2" style="font-size: 1.5rem;"></span>
+              <h3 class="h6 mb-2">Illegal Activities</h3>
+              <p class="text-secondary mb-0">
+                Any unlawful purpose or in violation of any applicable laws
+              </p>
+            </div>
+          </div>
+          <div class="card border-danger">
+            <div class="card-body">
+              <span data-icon="shield-off" class="text-danger mb-2" style="font-size: 1.5rem;"></span>
+              <h3 class="h6 mb-2">Security Breaches</h3>
+              <p class="text-secondary mb-0">
+                Attempting to breach security or interfere with our services
+              </p>
+            </div>
+          </div>
+          <div class="card border-danger">
+            <div class="card-body">
+              <span data-icon="mail" class="text-danger mb-2" style="font-size: 1.5rem;"></span>
+              <h3 class="h6 mb-2">Spam & Abuse</h3>
+              <p class="text-secondary mb-0">
+                Sending unsolicited messages or harassing other users
+              </p>
+            </div>
+          </div>
+          <div class="card border-danger">
+            <div class="card-body">
+              <span data-icon="copy" class="text-danger mb-2" style="font-size: 1.5rem;"></span>
+              <h3 class="h6 mb-2">Infringement</h3>
+              <p class="text-secondary mb-0">
+                Violating intellectual property rights of others
+              </p>
+            </div>
+          </div>
+        </div>
+      </section>
+      <!-- Intellectual Property -->
+      <section id="intellectual-property" class="mb-6">
+        <h2 class="h3 mb-4">Intellectual Property Rights</h2>
+        <p class="mb-3">
+          The website and its entire contents, features, and functionality (including but not limited to all
+          information, software, text, displays, images, video, and audio) are owned by {{projectName}}, its
+          licensors, or other providers of such material.
+        </p>
+        <div class="card bg-surface">
+          <div class="card-body">
+            <p class="mb-2">
+              <strong>Protected Content:</strong> All content on our website is protected by:
+            </p>
+            <ul class="mb-0">
+              <li>Copyright laws</li>
+              <li>Trademark laws</li>
+              <li>Patent laws (where applicable)</li>
+              <li>Other intellectual property rights</li>
+            </ul>
+          </div>
+        </div>
+      </section>
+      <!-- User Content -->
+      <section id="user-content" class="mb-6">
+        <h2 class="h3 mb-4">User-Generated Content</h2>
+        <p class="mb-3">
+          Our website may allow you to post, submit, publish, display, or transmit content ("User Content").
+          By providing User Content, you grant us a worldwide, non-exclusive, royalty-free license to use,
+          reproduce, modify, and distribute your content.
+        </p>
+        <h3 class="h5 mb-3">Content Standards</h3>
+        <p class="mb-2">User Content must not:</p>
+        <ul>
+          <li>Contain any material that is defamatory, obscene, or offensive</li>
+          <li>Violate any applicable laws or regulations</li>
+          <li>Infringe on the rights of any third party</li>
+          <li>Contain viruses or other harmful computer code</li>
+          <li>Impersonate any person or misrepresent your affiliation</li>
+        </ul>
+        <div class="alert alert-info mt-4">
+          <span data-icon="info" class="me-2"></span>
+          We reserve the right to remove any User Content that violates these Terms or is otherwise objectionable.
+        </div>
+      </section>
+      <!-- Disclaimers -->
+      <section id="disclaimers" class="mb-6">
+        <h2 class="h3 mb-4">Disclaimers</h2>
+        <div class="card bg-surface">
+          <div class="card-body">
+            <p class="mb-3">
+              <strong>THE WEBSITE IS PROVIDED ON AN "AS IS" AND "AS AVAILABLE" BASIS.</strong>
+            </p>
+            <p class="mb-2">We make no warranties or representations about:</p>
+            <ul>
+              <li>The accuracy, reliability, or completeness of content</li>
+              <li>The availability or uninterrupted access to our website</li>
+              <li>The security of our website or freedom from viruses</li>
+              <li>The results you may obtain from using our website</li>
+            </ul>
+          </div>
+        </div>
+      </section>
+      <!-- Limitation of Liability -->
+      <section id="limitation-liability" class="mb-6">
+        <h2 class="h3 mb-4">Limitation of Liability</h2>
+        <div class="alert alert-danger">
+          <span data-icon="alert-triangle" class="me-2"></span>
+          <strong>Important Legal Notice</strong>
+        </div>
+        <p class="mb-3">
+          TO THE MAXIMUM EXTENT PERMITTED BY LAW, {{projectName}} SHALL NOT BE LIABLE FOR ANY INDIRECT,
+          INCIDENTAL, SPECIAL, CONSEQUENTIAL, OR PUNITIVE DAMAGES, OR ANY LOSS OF PROFITS OR REVENUES,
+          WHETHER INCURRED DIRECTLY OR INDIRECTLY.
+        </p>
+        <p>
+          Our total liability to you for all claims arising from your use of the website shall not exceed
+          the amount you paid to us (if any) in the twelve (12) months preceding the claim.
+        </p>
+      </section>
+      <!-- Indemnification -->
+      <section id="indemnification" class="mb-6">
+        <h2 class="h3 mb-4">Indemnification</h2>
+        <p>
+          You agree to defend, indemnify, and hold harmless {{projectName}} and its officers, directors,
+          employees, contractors, agents, licensors, and suppliers from and against any claims, liabilities,
+          damages, judgments, awards, losses, costs, expenses, or fees (including reasonable legal fees)
+          arising out of or relating to:
+        </p>
+        <ul>
+          <li>Your violation of these Terms</li>
+          <li>Your use of the website</li>
+          <li>Your User Content</li>
+          <li>Your violation of any rights of another</li>
+        </ul>
+      </section>
+      <!-- Termination -->
+      <section id="termination" class="mb-6">
+        <h2 class="h3 mb-4">Termination</h2>
+        <p class="mb-3">
+          We may terminate or suspend your account and access to our website immediately, without prior notice
+          or liability, for any reason whatsoever, including without limitation if you breach these Terms.
+        </p>
+        <div class="card bg-surface">
+          <div class="card-body">
+            <h3 class="h5 mb-3">Upon Termination:</h3>
+            <ul class="mb-0">
+              <li>Your right to use the website will immediately cease</li>
+              <li>We may delete your account and content</li>
+              <li>All provisions of these Terms that should survive termination shall continue</li>
+            </ul>
+          </div>
+        </div>
+      </section>
+      <!-- Governing Law -->
+      <section id="governing-law" class="mb-6">
+        <h2 class="h3 mb-4">Governing Law and Jurisdiction</h2>
+        <p>
+          These Terms shall be governed by and construed in accordance with the laws of [Your Jurisdiction],
+          without regard to its conflict of law provisions.
+        </p>
+        <p class="mt-3">
+          Any disputes arising out of or in connection with these Terms shall be subject to the exclusive
+          jurisdiction of the courts located in [Your Jurisdiction].
+        </p>
+      </section>
+      <!-- Changes to Terms -->
+      <section id="changes" class="mb-6">
+        <h2 class="h3 mb-4">Changes to These Terms</h2>
+        <p>
+          We reserve the right to modify or replace these Terms at any time at our sole discretion.
+          We will provide notice of any material changes by posting the new Terms on this page and updating
+          the "Last updated" date.
+        </p>
+        <p class="mt-3">
+          Your continued use of our website following the posting of revised Terms means that you accept
+          and agree to the changes. You are expected to check this page periodically so you are aware of
+          any changes.
+        </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 these Terms, 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:legal@example.com">legal@example.com</a>
+              </dd>
+              <dt class="mb-2">Contact Form</dt>
+              <dd class="mb-4">
+                <a href="../contact/">Submit a contact request</a>
+              </dd>
+              <dt class="mb-2">Related Policies</dt>
+              <dd class="mb-0">
+                <a href="../privacy/">Privacy Policy</a> |
+                <a href="../cookies/">Cookie Policy</a>
+              </dd>
+            </dl>
+          </div>
+        </div>
+      </section>
+    </main>
+  </div>
+</section>
+<!-- Footer -->
+<footer class="page-footer"></footer>
+<!-- Domma JavaScript -->
+<script src="../../dist/domma.min.js"></script>
+<!-- Global App Initialization -->
+<script src="../../js/app.js"></script>
+<!-- Page-specific Initialization -->
+<script src="terms.js"></script>
+</body>
+</html>

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

@@ -0,0 +1,51 @@
+/**
+ * Terms of Service 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('Terms of Service page initialized');
+});

package/templates/kickstart-old/domma.config.json ADDED Viewed

@@ -0,0 +1,74 @@
+{
+  "project": {
+    "name": "{{projectName}}",
+    "version": "1.0.0",
+    "description": "A Domma-powered web project"
+  },
+  "theme": {
+    "default": "{{theme}}",
+    "selector": "{{includeThemeSelector}}",
+    "persist": true,
+    "autoDetect": false
+  },
+  "navbar": {
+    "brand": {
+      "text": "{{projectName}}",
+      "logo": "assets/logo/placeholder.svg",
+      "url": "/"
+    },
+    "items": [
+      {
+        "text": "Home",
+        "url": "/",
+        "active": true
+      },
+      {
+        "text": "About",
+        "url": "/about/"
+      },
+      {
+        "text": "Contact",
+        "url": "/contact/"
+      },
+      {
+        "text": "Blog",
+        "url": "/blog/"
+      },
+      {
+        "text": "Docs",
+        "url": "/docs/"
+      },
+      {
+        "text": "QuickStart",
+        "url": "https://github.com/dcbw-it/domma#quick-start-with-cli-recommended",
+        "badge": "New"
+      }
+    ],
+    "variant": "dark",
+    "position": "sticky",
+    "collapsible": true
+  },
+  "footer": {
+    "copyright": "© {{year}} {{projectName}}. All rights reserved.",
+    "links": [
+      {
+        "text": "Privacy Policy",
+        "url": "#privacy"
+      },
+      {
+        "text": "Terms of Service",
+        "url": "#terms"
+      },
+      {
+        "text": "Contact Us",
+        "url": "/contact/"
+      }
+    ]
+  },
+  "features": {
+    "icons": true,
+    "backToTop": true,
+    "codeCopy": true,
+    "smoothScroll": true
+  }
+}

package/templates/page-template/page.html ADDED Viewed

@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{pageTitle}} - My Project</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-cloaked dm-theme-{{theme}}">
+<!-- Navigation -->
+<nav id="main-navbar"></nav>
+<!-- Page Header -->
+<section class="container py-6">
+  <h1 class="display-2 mb-3">{{pageTitle}}</h1>
+  <p class="lead text-secondary">
+    Welcome to the {{pageTitle}} page.
+  </p>
+</section>
+<!-- Main Content -->
+<section class="container py-4">
+  <div class="card shadow-md">
+    <div class="card-body">
+      <h2 class="h4 mb-3">Content</h2>
+      <p>Add your content here.</p>
+    </div>
+  </div>
+</section>
+<!-- Footer -->
+<footer class="page-footer"></footer>
+<!-- Domma JavaScript -->
+<script src="../../dist/domma.min.js"></script>
+<!-- Global App Initialization -->
+<script src="../../js/app.js"></script>
+<!-- Page-specific Initialization -->
+<script src="{{pageName}}.js"></script>
+</body>
+</html>

package/templates/page-template/page.js ADDED Viewed

@@ -0,0 +1,10 @@
+/**
+ * {{pageTitle}} Page Initialization
+ * Page-specific Domma configuration and event bindings
+ */
+$(() => {
+  // Page-specific component initialization
+  // Example: Initialize modals, carousels, forms, etc.
+  console.log('{{pageTitle}} page initialized');
+});