Upload of project source code files.

2026-02-17 03:56:54 +01:00
parent 2dded110c8
commit ed6df5efbe
70 changed files with 12395 additions and 0 deletions
--- a/assets/tailwind.config.js
+++ b/assets/tailwind.config.js
@@ -0,0 +1,134 @@
+// See the Tailwind configuration guide for advanced usage
+// https://tailwindcss.com/docs/configuration
+
+const plugin = require("tailwindcss/plugin");
+const fs = require("fs");
+const path = require("path");
+
+module.exports = {
+  content: [
+    "./js/**/*.js",
+    "../lib/vishnya_web.ex",
+    "../lib/vishnya_web/**/*.*ex",
+  ],
+  theme: {
+    fontFamily: {
+      rubik: ['"Rubik Distressed"', "system-ui"],
+      modak: ["Modak", "serif"],
+      kumar: ['"Kumar One"', "serif"],
+      jolly: ['"Jolly Lodger"', "serif"],
+    },
+    extend: {
+      colors: {
+        vish: "#ff99ff",
+      },
+      animation: {
+        brightGlow: "brightGlow 2s infinite alternate",
+        glowText: "glowText 2s infinite alternate",
+        slideIn: "slideIn 0.2s ease-out",
+        slideOut: "slideOut 0.2s ease-in forwards",
+      },
+      keyframes: {
+        brightGlow: {
+          "0%": { textShadow: "0px 0px 8px rgba(255, 255, 255, 0.9)" },
+          "100%": {
+            textShadow:
+              "0px 0px 25px rgba(255, 255, 255, 1), 0px 0px 35px rgba(255, 255, 255, 1)",
+          },
+        },
+        glowText: {
+          "0%": {
+            textShadow:
+              "0px 0px 8px rgba(255, 255, 255, 0.8), 0px 0px 15px rgba(255, 153, 255, 0.5)",
+          },
+          "100%": {
+            textShadow:
+              "0px 0px 20px rgba(255, 255, 255, 1), 0px 0px 30px rgba(255, 153, 255, 0.8)",
+          },
+        },
+        slideIn: {
+          "0%": { transform: "translateX(100%)", opacity: "0" },
+          "100%": { transform: "translateX(0)", opacity: "1" },
+        },
+        slideOut: {
+          "0%": { transform: "translateX(0)", opacity: "1" },
+          "100%": { transform: "translateX(100%)", opacity: "0" },
+        },
+      },
+    },
+  },
+  plugins: [
+    require("@tailwindcss/forms"),
+    // Allows prefixing tailwind classes with LiveView classes to add rules
+    // only when LiveView classes are applied, for example:
+    //
+    //     <div class="phx-click-loading:animate-ping">
+    //
+    plugin(({ addVariant }) =>
+      addVariant("phx-click-loading", [
+        ".phx-click-loading&",
+        ".phx-click-loading &",
+      ]),
+    ),
+    plugin(({ addVariant }) =>
+      addVariant("phx-submit-loading", [
+        ".phx-submit-loading&",
+        ".phx-submit-loading &",
+      ]),
+    ),
+    plugin(({ addVariant }) =>
+      addVariant("phx-change-loading", [
+        ".phx-change-loading&",
+        ".phx-change-loading &",
+      ]),
+    ),
+
+    // Embeds Heroicons (https://heroicons.com) into your app.css bundle
+    // See your `CoreComponents.icon/1` for more information.
+    //
+    plugin(function ({ matchComponents, theme }) {
+      let iconsDir = path.join(__dirname, "../deps/heroicons/optimized");
+      let values = {};
+      let icons = [
+        ["", "/24/outline"],
+        ["-solid", "/24/solid"],
+        ["-mini", "/20/solid"],
+        ["-micro", "/16/solid"],
+      ];
+      icons.forEach(([suffix, dir]) => {
+        fs.readdirSync(path.join(iconsDir, dir)).forEach((file) => {
+          let name = path.basename(file, ".svg") + suffix;
+          values[name] = { name, fullPath: path.join(iconsDir, dir, file) };
+        });
+      });
+      matchComponents(
+        {
+          hero: ({ name, fullPath }) => {
+            let content = fs
+              .readFileSync(fullPath)
+              .toString()
+              .replace(/\r?\n|\r/g, "");
+            let size = theme("spacing.6");
+            if (name.endsWith("-mini")) {
+              size = theme("spacing.5");
+            } else if (name.endsWith("-micro")) {
+              size = theme("spacing.4");
+            }
+            return {
+              [`--hero-${name}`]: `url('data:image/svg+xml;utf8,${content}')`,
+              "-webkit-mask": `var(--hero-${name})`,
+              mask: `var(--hero-${name})`,
+              "mask-repeat": "no-repeat",
+              "background-color": "currentColor",
+              "vertical-align": "middle",
+              display: "inline-block",
+              width: size,
+              height: size,
+            };
+          },
+        },
+        { values },
+      );
+    }),
+  ],
+};