 Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory : /home/gositeme/.cursor-server/data/User/History/-322f21eb/ |
<?php
session_start();
// Set session for testing
$_SESSION['user_id'] = 1;
$_SESSION['credits'] = 9;
$_SESSION['is_admin'] = false;
// Set page variables for header
$page_title = 'Heavenly Colors Test - SoundStudioPro';
$page_description = 'Testing the new heavenly, divine color scheme system.';
// Include header
include 'includes/header.php';
?>
<style>
.test-hero {
background: var(--primary-gradient);
color: white;
padding: 8rem 0;
text-align: center;
margin-bottom: 4rem;
}
.test-hero h1 {
font-size: 4.8rem;
font-weight: 900;
margin-bottom: 2rem;
}
.test-hero p {
font-size: 2rem;
opacity: 0.9;
max-width: 60rem;
margin: 0 auto;
}
.color-showcase {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 3rem;
margin: 4rem 0;
}
.color-card {
background: var(--bg-card);
border-radius: 20px;
padding: 3rem;
text-align: center;
box-shadow: var(--shadow-light);
border: 1px solid var(--border-light);
transition: all 0.3s ease;
}
.color-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-medium);
}
.color-preview-large {
width: 100px;
height: 100px;
border-radius: 50%;
margin: 0 auto 2rem;
border: 4px solid var(--border-light);
}
.color-name {
font-size: 2.4rem;
font-weight: 700;
color: var(--text-primary);
margin-bottom: 1rem;
}
.color-description {
font-size: 1.6rem;
color: var(--text-secondary);
line-height: 1.6;
}
.feature-section {
background: var(--bg-tertiary);
padding: 4rem;
border-radius: 20px;
margin: 4rem 0;
text-align: center;
}
.feature-title {
font-size: 3.2rem;
font-weight: 800;
color: var(--text-primary);
margin-bottom: 2rem;
}
.feature-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
margin-top: 3rem;
}
.feature-item {
background: var(--bg-card);
padding: 2rem;
border-radius: 15px;
box-shadow: var(--shadow-light);
}
.feature-icon {
font-size: 3rem;
margin-bottom: 1rem;
background: var(--primary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.feature-title-small {
font-size: 1.8rem;
font-weight: 600;
color: var(--text-primary);
margin-bottom: 1rem;
}
.feature-desc {
font-size: 1.4rem;
color: var(--text-secondary);
}
.spiritual-message {
background: var(--accent-gradient);
color: white;
padding: 4rem;
border-radius: 20px;
text-align: center;
margin: 4rem 0;
}
.spiritual-message h2 {
font-size: 3.2rem;
font-weight: 800;
margin-bottom: 2rem;
}
.spiritual-message p {
font-size: 1.8rem;
line-height: 1.6;
opacity: 0.9;
}
</style>
<div class="test-hero">
<h1>🎵 Heavenly Colors</h1>
<p>Creating music for Heaven with divine inspiration and spiritual color schemes</p>
</div>
<div class="container">
<div class="color-showcase">
<div class="color-card">
<div class="color-preview-large" style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);"></div>
<div class="color-name">Heavenly Blue</div>
<div class="color-description">
Pure, uplifting, divine inspiration. Like the sky above, this color brings peace and spiritual clarity to your music creation journey.
</div>
</div>
<div class="color-card">
<div class="color-preview-large" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);"></div>
<div class="color-name">Divine Purple</div>
<div class="color-description">
Royal, spiritual, majestic presence. The color of kings and divine authority, inspiring powerful and meaningful music.
</div>
</div>
<div class="color-card">
<div class="color-preview-large" style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);"></div>
<div class="color-name">Celestial Pink</div>
<div class="color-description">
Ethereal, angelic, heavenly grace. Soft and gentle like the touch of angels, perfect for creating peaceful and uplifting music.
</div>
</div>
<div class="color-card">
<div class="color-preview-large" style="background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);"></div>
<div class="color-name">Golden Light</div>
<div class="color-description">
Warm, radiant, divine light. Like the golden hour when God's light shines brightest, inspiring warmth and hope in your music.
</div>
</div>
<div class="color-card">
<div class="color-preview-large" style="background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);"></div>
<div class="color-name">Aurora Dream</div>
<div class="color-description">
Peaceful, harmonious, spiritual balance. Like the northern lights dancing in the sky, bringing harmony and balance to your creative process.
</div>
</div>
</div>
<div class="feature-section">
<h2 class="feature-title">✨ Divine Features</h2>
<p style="font-size: 1.8rem; color: var(--text-secondary); margin-bottom: 3rem;">
Every aspect of our platform is designed to inspire divine creativity
</p>
<div class="feature-grid">
<div class="feature-item">
<div class="feature-icon">🎨</div>
<div class="feature-title-small">Color Schemes</div>
<div class="feature-desc">5 heavenly color themes to match your spiritual journey</div>
</div>
<div class="feature-item">
<div class="feature-icon">🎲</div>
<div class="feature-title-small">Divine Randomizer</div>
<div class="feature-desc">Let God guide your color choice with intelligent randomization</div>
</div>
<div class="feature-item">
<div class="feature-icon">💾</div>
<div class="feature-title-small">Persistent Settings</div>
<div class="feature-desc">Your chosen theme is saved and remembered across sessions</div>
</div>
<div class="feature-item">
<div class="feature-icon">📱</div>
<div class="feature-title-small">Mobile Friendly</div>
<div class="feature-desc">Beautiful heavenly colors on all devices</div>
</div>
<div class="feature-item">
<div class="feature-icon">⚡</div>
<div class="feature-title-small">Instant Updates</div>
<div class="feature-desc">Color changes apply instantly without page refresh</div>
</div>
<div class="feature-item">
<div class="feature-icon">🎵</div>
<div class="feature-title-small">Music Focused</div>
<div class="feature-desc">Designed specifically for music creators and studio owners</div>
</div>
</div>
</div>
<div class="spiritual-message">
<h2>🎵 Creating Music for Heaven</h2>
<p>
"Make a joyful noise unto the Lord, all ye lands. Serve the Lord with gladness:
come before his presence with singing." - Psalm 100:1-2
</p>
<p style="margin-top: 2rem; font-size: 1.6rem;">
Every color, every gradient, every design choice is made to honor God and inspire
the creation of music that brings glory to His name. Choose your divine color scheme
and let your creativity flow from heaven above.
</p>
</div>
<div class="feature-section">
<h2 class="feature-title">🚀 How to Use</h2>
<div class="feature-grid">
<div class="feature-item">
<div class="feature-icon">1️⃣</div>
<div class="feature-title-small">Floating Color Picker</div>
<div class="feature-desc">Click the floating color palette on the right side of any page</div>
</div>
<div class="feature-item">
<div class="feature-icon">2️⃣</div>
<div class="feature-title-small">Profile Settings</div>
<div class="feature-desc">Visit your profile settings for detailed theme customization</div>
</div>
<div class="feature-item">
<div class="feature-icon">3️⃣</div>
<div class="feature-title-small">Random Inspiration</div>
<div class="feature-desc">Use the random button to let divine inspiration choose for you</div>
</div>
<div class="feature-item">
<div class="feature-icon">4️⃣</div>
<div class="feature-title-small">Enjoy Creation</div>
<div class="feature-desc">Create beautiful music in your chosen heavenly environment</div>
</div>
</div>
</div>
</div>
<?php include 'includes/footer.php'; ?>