audex 1.0.7a3__py3-none-any.whl

audex/view/static/css/voiceprint/styles.css

@@ -0,0 +1,209 @@
+@import "../global.css";
+@import "../glass.css";
+
+/* ==================== Background ==================== */
+.bg-white {
+    background: #ffffff !important;
+    padding: 40px 60px !important;
+    margin: 0 !important;
+    box-sizing: border-box !important;
+    overflow: visible !important;
+    min-height: auto !important;
+    height: auto !important;
+}
+
+/* ==================== Voiceprint Container ==================== */
+.voiceprint-container {
+    position: fixed !important;
+    top: 0 !important;
+    left: 0 !important;
+    right: 0 !important;
+    bottom: 0 !important;
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    padding: 60px 80px !important;
+    padding-top: calc(108px + 30px) !important;
+    box-sizing: border-box !important;
+    overflow: auto !important;
+    background: #ffffff !important;
+}
+
+/* ==================== Voiceprint Content ==================== */
+.voiceprint-content {
+    display: flex !important;
+    gap: 60px !important;
+    align-items: center !important;
+    max-width: 100% !important;
+    width: 100% !important;
+    justify-content: center !important;
+}
+
+/* ==================== Left: Steps ==================== */
+.voiceprint-steps {
+    width: 280px !important;
+    flex-shrink: 1 !important;
+    min-width: 200px !important;
+}
+
+/* ==================== Center: Text ==================== */
+.voiceprint-text {
+    flex: 1 !important;
+    display: flex !important;
+    flex-direction: column !important;
+    gap: 1rem !important;
+    min-width: 50px !important;
+    max-width: 500px !important;
+}
+
+/* ==================== Right: Button ==================== */
+.voiceprint-button {
+    width: 280px !important;
+    flex-shrink: 1 !important;
+    min-width: 220px !important;
+    display: flex !important;
+    flex-direction: column !important;
+    align-items: center !important;
+    gap: 2rem !important;
+}
+
+/* ==================== Timer ==================== */
+.timer {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
+    font-size: 4rem;
+    font-weight: 700;
+    color: #1f2937;
+    letter-spacing: 0.05em;
+    text-align: center;
+}
+
+/* ==================== Recording Button ==================== */
+.record-button {
+    width: 180px !important;
+    height: 180px !important;
+    border-radius: 50% !important;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
+}
+
+.record-button:hover:not(:disabled) {
+    transform: scale(1.05);
+}
+
+.record-button:active:not(:disabled) {
+    transform: scale(0.98);
+}
+
+.record-button:disabled {
+    opacity: 0.7 !important;
+    cursor: not-allowed !important;
+}
+
+/* ==================== Recording Rings ==================== */
+@keyframes pulse-ring {
+    0% {
+        transform: scale(1);
+        opacity: 0.4;
+    }
+    100% {
+        transform: scale(1.6);
+        opacity: 0;
+    }
+}
+
+.recording-ring {
+    position: absolute;
+    width: 180px;
+    height: 180px;
+    border-radius: 50%;
+    pointer-events: none;
+    background: radial-gradient(
+        circle,
+        transparent 45%,
+        rgba(200, 200, 200, 0.3) 50%,
+        rgba(160, 160, 160, 0.15) 55%,
+        transparent 60%
+    );
+    filter: blur(8px);
+    animation: pulse-ring 2.4s ease-out infinite;
+}
+
+/* ==================== Responsive Design ==================== */
+
+@media (max-width: 1400px) {
+    .voiceprint-container {
+        padding: 40px 60px !important;
+        padding-top: calc(108px + 20px) !important;
+    }
+
+    .voiceprint-content {
+        gap: 40px !important;
+    }
+
+    .voiceprint-steps {
+        width: 240px !important;
+    }
+
+    .voiceprint-button {
+        width: 240px !important;
+    }
+}
+
+@media (max-width: 1200px) {
+    .voiceprint-container {
+        padding: 30px 40px !important;
+    }
+
+    .voiceprint-content {
+        gap: 30px !important;
+    }
+
+    .voiceprint-steps {
+        width: 200px !important;
+        min-width: 180px !important;
+    }
+
+    .voiceprint-button {
+        width: 220px !important;
+        min-width: 200px !important;
+    }
+
+    .timer {
+        font-size: 3rem !important;
+    }
+
+    .record-button {
+        width: 150px !important;
+        height: 150px !important;
+    }
+
+    .recording-ring {
+        width: 150px !important;
+        height: 150px !important;
+    }
+}
+
+@media (max-width: 768px) {
+    .voiceprint-container {
+        padding: 20px !important;
+        padding-top: calc(108px + 10px) !important;
+    }
+
+    .voiceprint-content {
+        gap: 20px !important;
+    }
+
+    .timer {
+        font-size: 2.5rem !important;
+    }
+
+    .record-button {
+        width: 120px !important;
+        height: 120px !important;
+    }
+
+    .recording-ring {
+        width: 120px !important;
+        height: 120px !important;
+    }
+}

audex/view/static/css/voiceprint/update.css

@@ -0,0 +1,44 @@
+@import "./styles.css";
+
+/* ==================== Update Theme Variables ==================== */
+
+:root {
+    --color-update-primary: #8b5cf6;
+    --color-update-secondary: #7c3aed;
+    --color-update-light: #a78bfa;
+}
+
+/* Recording button - elegant purple theme */
+.record-button {
+    background: linear-gradient(135deg, var(--color-update-primary) 0%, var(--color-update-secondary) 100%) !important;
+    box-shadow: 0 8px 32px rgba(139, 92, 246, 0.3),
+                0 4px 16px rgba(124, 58, 237, 0.2),
+                inset 0 -2px 8px rgba(0, 0, 0, 0.1) !important;
+}
+
+.record-button:hover:not(:disabled) {
+    background: linear-gradient(135deg, var(--color-update-light) 0%, var(--color-update-primary) 100%) !important;
+    box-shadow: 0 12px 40px rgba(139, 92, 246, 0.4),
+                0 6px 20px rgba(124, 58, 237, 0.25),
+                inset 0 -2px 8px rgba(0, 0, 0, 0.1) !important;
+}
+
+.record-button:active:not(:disabled) {
+    box-shadow: 0 6px 24px rgba(139, 92, 246, 0.35),
+                0 3px 12px rgba(124, 58, 237, 0.2),
+                inset 0 2px 8px rgba(0, 0, 0, 0.15) !important;
+}
+
+/* Performance mode - pure purple */
+:root[data-theme="performance"] .record-button {
+    background: var(--color-update-primary) !important;
+    box-shadow: none !important;
+}
+
+:root[data-theme="performance"] .record-button:hover:not(:disabled) {
+    background: var(--color-update-secondary) !important;
+}
+
+:root[data-theme="performance"] .record-button:active:not(:disabled) {
+    background: #6d28d9 !important;
+}

audex/view/static/images/logo.svg

@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="120mm"
+   height="120.00001mm"
+   viewBox="0 0 120 120.00001"
+   version="1.1"
+   id="svg1"
+   inkscape:export-filename="logo.svg"
+   inkscape:export-xdpi="108.37333"
+   inkscape:export-ydpi="108.37333"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false">
+    <inkscape:grid
+       id="grid5"
+       units="mm"
+       originx="-39.999999"
+       originy="-39.999996"
+       spacingx="0.99999998"
+       spacingy="1"
+       empcolor="#0099e5"
+       empopacity="0.30196078"
+       color="#0099e5"
+       opacity="0.14901961"
+       empspacing="5"
+       enabled="true"
+       visible="false" />
+    <inkscape:page
+       x="0"
+       y="0"
+       width="120"
+       height="120.00001"
+       id="page2"
+       margin="0"
+       bleed="0" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-40,-39.999995)">
+    <a
+       id="a4"
+       transform="translate(-11.424503,-11.98388)">
+      <rect
+         style="opacity:0;fill:#000000;fill-opacity:0;fill-rule:evenodd;stroke-width:7.28718;stroke-dasharray:none"
+         id="rect7"
+         width="120"
+         height="120"
+         x="51.424503"
+         y="51.983879"
+         ry="0" />
+      <g
+         id="g5-6"
+         transform="translate(42.826257,27.443227)" />
+      <path
+         d="m 111.4245,66.564319 a 49.999952,50.000105 0 0 0 -49.999997,50.000161 49.999952,50.000105 0 0 0 49.999997,50.00015 49.999952,50.000105 0 0 0 50,-50.00015 49.999952,50.000105 0 0 0 -50,-50.000161 z"
+         style="fill:#183d4d;fill-opacity:1;fill-rule:evenodd;stroke-width:9.871;stroke-dasharray:none"
+         id="path3" />
+      <ellipse
+         style="fill:#3c5b75;fill-opacity:0.465565;stroke-width:8.34183"
+         id="path2"
+         cy="116.56448"
+         cx="111.42451"
+         inkscape:label="path2"
+         rx="34.999966"
+         ry="35.000072" />
+      <rect
+         style="fill:#183d4d;fill-opacity:1;fill-rule:evenodd;stroke-width:9.2624;stroke-dasharray:none"
+         id="rect6"
+         width="15"
+         height="20"
+         x="103.9245"
+         y="57.40313"
+         ry="6.0470963"
+         rx="7.5" />
+    </a>
+  </g>
+</svg>

audex/view/static/js/recording.js

@@ -0,0 +1,42 @@
+let autoScrollEnabled = true;
+
+function forceScrollToBottom() {
+    if (!autoScrollEnabled) return;
+
+    const container = document.getElementById("lyrics-container");
+    if (container) {
+        // Force scroll to bottom multiple ways
+        container.scrollTop = container.scrollHeight;
+        setTimeout(() => {
+            container.scrollTop = container.scrollHeight;
+        }, 50);
+    }
+}
+
+// Watch for DOM changes and auto-scroll
+const observer = new MutationObserver(() => {
+    if (autoScrollEnabled) {
+        forceScrollToBottom();
+    }
+});
+
+// Start observing when page loads
+document.addEventListener('DOMContentLoaded', () => {
+    const container = document.getElementById("lyrics-container");
+    if (container) {
+        observer.observe(container, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            characterData: true
+        });
+    }
+});
+
+// Manual scroll to bottom function
+function scrollToBottom() {
+    const container = document.getElementById("lyrics-container");
+    if (container) {
+        container.scrollTop = container.scrollHeight;
+    }
+}