-
Analyzing your requirements and generating your app…
-
-
Loading…
+
+
+
+
+
AI Viral Rant Video Generator
+
Turn your ideas into short-form viral videos for TikTok, YouTube Shorts, and Reels.
+
+
+
+
-
AppWizzy AI is collecting your requirements and applying the first changes.
-
This page will refresh automatically as the plan is implemented.
-
- Runtime: Django {{ django_version }} · Python {{ python_version }}
- — UTC {{ current_time|date:"Y-m-d H:i:s" }}
-
-
-
-
+
{% endblock %}
\ No newline at end of file
diff --git a/db.sqlite3 b/db.sqlite3
new file mode 100644
index 0000000..f2c82a9
Binary files /dev/null and b/db.sqlite3 differ
diff --git a/static/css/custom.css b/static/css/custom.css
index 925f6ed..83fcf8e 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -1,4 +1,59 @@
-/* Custom styles for the application */
-body {
- font-family: system-ui, -apple-system, sans-serif;
+
+:root {
+ --primary-color: #1A1A1A;
+ --secondary-color: #FFFFFF;
+ --accent-color-1: #00FFFF;
+ --accent-color-2: #FF007F;
+}
+
+body {
+ background-color: var(--primary-color);
+ color: var(--secondary-color);
+ font-family: 'Inter', sans-serif;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-family: 'Montserrat', sans-serif;
+ font-weight: 700;
+}
+
+.hero {
+ background: linear-gradient(45deg, var(--accent-color-1), var(--accent-color-2));
+ padding: 4rem 2rem;
+ text-align: center;
+}
+
+.form-control, .form-select {
+ background-color: #2a2a2a;
+ color: var(--secondary-color);
+ border: 1px solid #444;
+}
+
+.form-control:focus, .form-select:focus {
+ background-color: #2a2a2a;
+ color: var(--secondary-color);
+ border-color: var(--accent-color-1);
+ box-shadow: 0 0 0 0.25rem rgba(0, 255, 255, 0.25);
+}
+
+.btn-primary {
+ background-color: var(--accent-color-1);
+ border-color: var(--accent-color-1);
+ color: #000;
+ font-weight: bold;
+}
+
+.btn-primary:hover, .btn-primary:focus {
+ background-color: #00dddd;
+ border-color: #00dddd;
+}
+
+.btn-primary:disabled {
+ background-color: #555;
+ border-color: #555;
+ color: #aaa;
+}
+
+.form-label {
+ font-weight: 500;
}
diff --git a/staticfiles/css/custom.css b/staticfiles/css/custom.css
index 108056f..83fcf8e 100644
--- a/staticfiles/css/custom.css
+++ b/staticfiles/css/custom.css
@@ -1,21 +1,59 @@
:root {
- --bg-color-start: #6a11cb;
- --bg-color-end: #2575fc;
- --text-color: #ffffff;
- --card-bg-color: rgba(255, 255, 255, 0.01);
- --card-border-color: rgba(255, 255, 255, 0.1);
+ --primary-color: #1A1A1A;
+ --secondary-color: #FFFFFF;
+ --accent-color-1: #00FFFF;
+ --accent-color-2: #FF007F;
}
+
body {
- margin: 0;
+ background-color: var(--primary-color);
+ color: var(--secondary-color);
font-family: 'Inter', sans-serif;
- background: linear-gradient(45deg, var(--bg-color-start), var(--bg-color-end));
- color: var(--text-color);
- display: flex;
- justify-content: center;
- align-items: center;
- min-height: 100vh;
- text-align: center;
- overflow: hidden;
- position: relative;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-family: 'Montserrat', sans-serif;
+ font-weight: 700;
+}
+
+.hero {
+ background: linear-gradient(45deg, var(--accent-color-1), var(--accent-color-2));
+ padding: 4rem 2rem;
+ text-align: center;
+}
+
+.form-control, .form-select {
+ background-color: #2a2a2a;
+ color: var(--secondary-color);
+ border: 1px solid #444;
+}
+
+.form-control:focus, .form-select:focus {
+ background-color: #2a2a2a;
+ color: var(--secondary-color);
+ border-color: var(--accent-color-1);
+ box-shadow: 0 0 0 0.25rem rgba(0, 255, 255, 0.25);
+}
+
+.btn-primary {
+ background-color: var(--accent-color-1);
+ border-color: var(--accent-color-1);
+ color: #000;
+ font-weight: bold;
+}
+
+.btn-primary:hover, .btn-primary:focus {
+ background-color: #00dddd;
+ border-color: #00dddd;
+}
+
+.btn-primary:disabled {
+ background-color: #555;
+ border-color: #555;
+ color: #aaa;
+}
+
+.form-label {
+ font-weight: 500;
}