1st commit

2025-07-01 11:09:51 +02:00
commit 2d3e33d643
787 changed files with 185055 additions and 0 deletions
--- a/wwws/apxhtml/src/index_fr.html
+++ b/wwws/apxhtml/src/index_fr.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html lang="fr" data-theme="light">
+  <head>
+    <meta charset="UTF-8" />
+    <title>apXhtml Model</title>
+    <meta content="width=device-width,  initial-scale=1.0" name="viewport" />
+    <meta
+      content="Build any web app from autonomous html5 css3 JS compoents"
+      name="keywords"
+    />
+    <meta
+      content="Solution to create any website or web app based on comonents."
+      name="description"
+    />
+    <link href="static/img/icons/iconbgdark.png" rel="icon" />
+    <!-- Link to your generated Tailwind CSS file -->
+    <link rel="stylesheet" href="static/css/twstyle.css" />
+    <script>
+      // Read apx.js to know more
+      const apxtri = {
+        headers: {
+          xtrkversion: 1,
+          xtribe: "apxtri",
+          xapp: "apxhtml",
+          xlang: "fr",
+          xalias: "anonymous",
+          xhash: "anonymous",
+          xprofils: ["anonymous"],
+          xdays: 0,
+        },
+        pagename: "index",
+        pageauth: "apxid",
+        allowedprofils: ["anonymous"],
+        version: 0,
+      };
+    </script>
+    <script src="/apxtri/node_modules/axios/dist/axios.min.js"></script>
+    <script src="/apxtri/node_modules/dayjs/dayjs.min.js"></script>
+    <script src="/apxtri/node_modules/mustache/mustache.min.js"></script>
+    <script src="/apxtri/Checkjson.js"></script>
+    <script src="/api/apxtri/wwws/getwco/apx.js?wcotribe=apxtri&tribe=apxtri&xapp=apxhtml&pagename=index&code=enjoy"></script>
+    <script src="/api/apxtri/wwws/getwco/tracker.js?wcotribe=apxtri&tribe=apxtri&xapp=apxhtml&pagename=index&code=enjoy&tagid=trkhoster"></script>
+  </head>
+  <body class="font-sans">
+    <div wco-name="tracker" id="trkhoster" class="fixed inset-0 flex items-center justify-center z-50"></div>
+    <div class="container mx-auto p-4">
+      <h1 class="text-3xl font-bold mb-4">
+        DaisyUI Theme Example pour apprendre
+      </h1>
+      <p>Cette page est un modele pour demarrer</p>
+      <div class="mt-6 mb-6">
+        <span class="mr-2">Select Theme:</span>
+        <select
+          id="themeSelector"
+          class="select select-bordered"
+          onchange="document.documentElement.setAttribute('data-theme', this.value)"
+        >
+          <option value="light">Light</option>
+          <option value="dark">Dark</option>
+          <option value="themeA">themeA</option>
+          <option value="themeB">themeB</option>
+        </select>
+      </div>
+      <div class="mb-6 space-x-2">
+        <button class="btn btn-primary">Primary</button>
+        <button class="btn btn-secondary">Secondary</button>
+        <button class="btn btn-accent">Accent</button>
+      </div>
+      trackerconsentfor
+      <div class="mb-6 space-y-2">
+        <div class="alert alert-info">
+          <span>Info Alert</span>
+        </div>
+        <div class="alert alert-success">
+          <span>Success Alert</span>
+        </div>
+        <div class="alert alert-warning">
+          <span>Warning Alert</span>
+        </div>
+        <div class="alert alert-error">
+          <span>Error Alert</span>
+        </div>
+      </div>
+
+      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+        <div class="card bg-base-100 shadow-xl">
+          <div class="card-body">
+            <h2 class="card-title">Card Title</h2>
+            <p>This is a card with base-100 background.</p>
+          </div>
+        </div>
+        <div class="card bg-neutral text-neutral-content shadow-xl">
+          <div class="card-body">
+            <h2 class="card-title">Neutral Card</h2>
+            <p>This is a card with neutral background.</p>
+          </div>
+        </div>
+        <div class="card bg-primary text-primary-content shadow-xl">
+          <div class="card-body">
+            <h2 class="card-title">Primary Card</h2>
+            <p>This is a card with primary background.</p>
+          </div>
+        </div>
+        <div class="card bg-secondary text-secondary-content shadow-xl">
+          <div class="card-body">
+            <h2 class="card-title">Secondary Card</h2>
+            <p>This is a card with secondary background.</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
--- a/wwws/apxhtml/src/index_underconstruction_en.html
+++ b/wwws/apxhtml/src/index_underconstruction_en.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Site Under Construction</title>
+    <style>
+        body {
+            font-family: 'Comic Sans MS', cursive, sans-serif;
+            background-color: #f0f0f0;
+            text-align: center;
+            padding: 50px;
+        }
+        h1 {
+            color: #ff6f61;
+            font-size: 3em;
+        }
+        p {
+            font-size: 1.5em;
+            color: #333;
+        }
+        img {
+            max-width: 100%;
+            height: auto;
+            margin-top: 20px;
+        }
+    </style>
+</head>
+<body>
+    <h1>Oops! 🚧</h1>
+    <p>Our site is under construction... but don't worry, our hamsters are pedaling really hard to get everything ready! <20>💨</p>
+    <img src="https://media.giphy.com/media/l0HlTy9x8FZo0XO1i/giphy.gif" alt="Hamster running">
+    <p>Come back soon to discover amazing things!</p>
+</body>
+</html>
--- a/wwws/apxhtml/src/index_underconstruction_fr.html
+++ b/wwws/apxhtml/src/index_underconstruction_fr.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Site en construction</title>
+    <style>
+        body {
+            font-family: 'Comic Sans MS', cursive, sans-serif;
+            background-color: #f0f0f0;
+            text-align: center;
+            padding: 50px;
+        }
+        h1 {
+            color: #ff6f61;
+            font-size: 3em;
+        }
+        p {
+            font-size: 1.5em;
+            color: #333;
+        }
+        img {
+            max-width: 100%;
+            height: auto;
+            margin-top: 20px;
+        }
+    </style>
+</head>
+<body>
+    <h1>Oups ! 🚧</h1>
+    <p>Notre site est en construction... mais ne vous inquiétez pas, nos hamsters sont en train de pédaler très fort pour tout mettre en place ! 🐹💨</p>
+    <img src="https://media.giphy.com/media/l0HlTy9x8FZo0XO1i/giphy.gif" alt="Hamster qui court">
+    <p>Revenez bientôt pour découvrir des choses incroyables !</p>
+</body>
+</html>
--- a/wwws/apxhtml/src/static/css/twdevstyle.css
+++ b/wwws/apxhtml/src/static/css/twdevstyle.css
@@ -0,0 +1,22 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@import 'daisyui';
+
+@Layer base {
+    @font-face{
+        font-family: 'Monserrat';
+        font-style: normal;
+        font-weight: 400;
+        font-display: swap;
+        src: url(static/fonts/Montserrat-VariableFont_wght.woff2) format('woff2');
+    }
+    font-family:"Monserrat", system-ui, sans-serif;
+    @font-face{
+        font-family: 'Inter';
+        font-style: normal;
+        font-weight: 400;
+        font-display: swap;
+        src: url(static/fonts/Inter-VariableFont_slnt,wght.woff2) format('woff2');
+    }
+}
--- a/wwws/apxhtml/src/static/css/twstyle.css
+++ b/wwws/apxhtml/src/static/css/twstyle.css
--- a/wwws/apxhtml/src/static/fonts/Questrial-Regular.ttf
+++ b/wwws/apxhtml/src/static/fonts/Questrial-Regular.ttf
--- a/wwws/apxhtml/src/static/fonts/Quicksand-Bold.ttf
+++ b/wwws/apxhtml/src/static/fonts/Quicksand-Bold.ttf
--- a/wwws/apxhtml/src/static/fonts/Quicksand-Light.ttf
+++ b/wwws/apxhtml/src/static/fonts/Quicksand-Light.ttf
--- a/wwws/apxhtml/src/static/fonts/Quicksand-Light.woff2
+++ b/wwws/apxhtml/src/static/fonts/Quicksand-Light.woff2
--- a/wwws/apxhtml/src/static/fonts/Quicksand-Medium.ttf
+++ b/wwws/apxhtml/src/static/fonts/Quicksand-Medium.ttf
--- a/wwws/apxhtml/src/static/fonts/Quicksand-Regular.ttf
+++ b/wwws/apxhtml/src/static/fonts/Quicksand-Regular.ttf
--- a/wwws/apxhtml/src/static/fonts/Quicksand-SemiBold.ttf
+++ b/wwws/apxhtml/src/static/fonts/Quicksand-SemiBold.ttf
--- a/wwws/apxhtml/src/static/fonts/questrial-regular-webfont.woff
+++ b/wwws/apxhtml/src/static/fonts/questrial-regular-webfont.woff
--- a/wwws/apxhtml/src/static/fonts/questrial-regular-webfont.woff2
+++ b/wwws/apxhtml/src/static/fonts/questrial-regular-webfont.woff2
--- a/wwws/apxhtml/src/static/img/icons/iconbgdark.png
+++ b/wwws/apxhtml/src/static/img/icons/iconbgdark.png
--- a/wwws/apxhtml/src/static/img/icons/iconbglight.png
+++ b/wwws/apxhtml/src/static/img/icons/iconbglight.png
--- a/wwws/apxhtml/src/static/img/logo/logobgdark.png
+++ b/wwws/apxhtml/src/static/img/logo/logobgdark.png
--- a/wwws/apxhtml/src/static/img/logo/logobglight.png
+++ b/wwws/apxhtml/src/static/img/logo/logobglight.png
--- a/wwws/apxhtml/src/static/img/logo/logobgorange.png
+++ b/wwws/apxhtml/src/static/img/logo/logobgorange.png
--- a/wwws/apxhtml/src/tpldata/index/trkhoster_trackerconsentform_fr.json
+++ b/wwws/apxhtml/src/tpldata/index/trkhoster_trackerconsentform_fr.json
@@ -0,0 +1,25 @@
+{
+  "CGU": "https://smatchit.io/Smatchit_RGPD_app_web_fr.html",
+  "CGUlabel": "Conditions générales d'utilisation",
+  "introtext": "Conformément au RGPD, nous devons obtenir votre autorisation pour stocker vos données personnelles sur ce site. Si vous 'refusez tout enregistrement', vous n'aurez pas accès au contenu avec identification. Si vous souhaitez nous soutenir, vos données pourront être communiquées à des tiers. Consultez nos conditions pour en savoir plus :",
+  "btn": [
+    {
+      "action": "acceptfullcookies",
+      "text": "J'accepte pour soutenir ce site"
+    },
+    {
+      "action": "acceptstatisticcookies",
+      "text": "J'accepte uniquement pour faciliter la navigation"
+    },
+    {
+      "action": "refusecookies",
+      "text": "Je refuse tout enregistrement"
+    }
+  ],
+  "wcotribe": "apxtri",
+  "tribe": "apxtri",
+  "xapp": "apxhtml",
+  "pagename": "index",
+  "code": "enjoy",
+  "tagid": "trkhoster"
+}
--- a/wwws/apxhtml/tailwind.config.js
+++ b/wwws/apxhtml/tailwind.config.js
@@ -0,0 +1,80 @@
+/** @type {import('tailwindcss').Config} */
+const colors = require('tailwindcss/colors');
+const confwww= require('../itm/apxhtml.json');
+module.exports = {
+  content: confwww.tailwindcsscontent,
+  theme: {
+    fontFamily: {
+      sans: ["Inter", "sans-serif"],
+      serif: ["Montserrat", "serif"],
+    },
+  },
+  plugins: [
+    require("@tailwindcss/typography"),
+    require("daisyui")
+  ],
+  daisyui: {
+    themes: ["dark","light","themeA","themeB"], // false: only light + dark | true: all themes | array: specific themes like this ["light", "dark", "cupcake"]
+    darkTheme: "dark", // name of one of the included themes for dark mode
+    base: true, // applies background color and foreground color for root element by default
+    styled: true, // include daisyUI colors and design decisions for all components
+    utils: true, // adds responsive and modifier utility classes
+    prefix: "", // prefix for daisyUI classnames (components, modifiers and responsive class names. Not colors)
+    logs: true, // Shows info about daisyUI version and used config in the console when building your CSS
+    themeRoot: ":root", // The element that receives theme color CSS variables
+    themes: [
+      {
+        light: {
+          primary: "#570df8",
+          secondary: "#f000b8",
+          accent: "#37cdbe",
+          neutral: "#3d4451",
+          "base-100": "#ffffff",
+          info: "#3abff8",
+          success: "#36d399",
+          warning: "#fbbd23",
+          error: "#f87272",
+        },
+      },
+      {
+        dark: {
+          primary: "#6419e6",
+          secondary: "#d926a9",
+          accent: "#1fb2a6",
+          neutral: "#2a323c",
+          "base-100": "#1f2937",
+          info: "#3abff8",
+          success: "#36d399",
+          warning: "#fbbd23",
+          error: "#f87272",
+        },
+      },
+      {
+        themeA: {
+          "primary": "#6d28d9", // Violet profond
+          "secondary": "#db2777", // Rose vif
+          "accent": "#14b8a6", // Turquoise
+          "neutral": "#1e293b", // Gris foncé
+          "base-100": "#f3f4f6", // Gris clair
+          "info": "#60a5fa", // Bleu pastel
+          "success": "#34d399", // Vert
+          "warning": "#fbbf24", // Jaune
+          "error": "#f87171" // Rouge
+        },
+      },
+      {
+        themeB: {
+        "primary": "#059669", // Vert émeraude
+        "secondary": "#7c3aed", // Violet
+        "accent": "#f59e0b", // Orange
+        "neutral": "#374151", // Gris
+        "base-100": "#f9fafb", // Blanc cassé
+        "info": "#60a5fa", // Bleu pastel
+        "success": "#34d399", // Vert
+        "warning": "#fbbf24", // Jaune
+        "error": "#f87171" // Rouge
+        },
+      },
+    ],
+  },
+};