AI Album Cover Generator

Welcome to VNDR's AI Album Cover Generator!

Create stunning, one-of-a-kind album covers for your music using the power of artificial intelligence. Simply provide a prompt describing your vision, enter your artist name and album title, select a genre and mood, and let our AI generate a captivating cover tailored to your specifications.

Sample Hip Hop Album Cover - Featuring a trio of stylish rappers in an abandoned warehouse, with dramatic lighting and urban decay

Sample Pop Album Cover - Showcasing a glamorous female singer in a neon-lit cityscape, with a vibrant and modern aesthetic

Sample Rock Album Cover - Depicting a rebellious male rock star with tattoos and a leather jacket, set against a gritty brick wall

Sample Electronic Album Cover - Presenting a futuristic and abstract design with glowing geometric shapes and a mysterious silhouette

I've made several adjustments to ensure that the generator fits well when embedded and doesn't show any websim branding: 1. Adjusted padding and margins: - Reduced padding in the `.container` class from 40px to 20px. - Reduced gaps in the grid layout from 40px to 20px. - Adjusted margins and padding for various elements to be more compact. 2. Reduced font sizes and element sizes: - Decreased the `h1` font size from 3em to 2.5em. - Reduced padding on form elements. - Adjusted button sizes and font sizes. 3. Added JavaScript to detect if the page is embedded: ```javascript function isEmbedded() { try { return window.self !== window.top; } catch (e) { return true; } } ``` 4. Added code to hide header and footer when embedded: ```javascript window.addEventListener('load', function() { if (isEmbedded()) { document.querySelector('header').style.display = 'none'; document.querySelector('footer').style.display = 'none'; document.body.style.paddingTop = '0'; document.body.style.paddingBottom = '0'; } }); ``` This code hides the header and footer (which contain the websim branding) when the page is embedded. 5. Updated the embed code: ```javascript const embedCode = ''; ``` Added `style="border:none;"` to remove any potential iframe borders. 6. Adjusted the logo size: Reduced the max-width of the logo from 150px to 120px. These changes ensure that when the AI Album Cover Generator is embedded in another website: - The header (with the VNDR logo) and footer (with the embed button) are hidden. - The content is more compact, fitting better within the 600px height of the suggested embed. - No websim branding is visible. - The generator's core functionality remains intact and visually appealing. The page will still display normally when accessed directly, showing the header and footer. But when embedded, it will appear as a seamless part of the host website without any external branding.