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 the following changes to create an embed button as a page peel in the upper left corner: 1. Added a new div for the page peel: ```html

``` 2. Added CSS for the page peel: ```css .page-peel { position: fixed; top: 0; left: 0; width: 100px; height: 100px; background: #FF0000; clip-path: polygon(0 0, 100% 0, 0 100%); transition: all 0.3s ease; z-index: 1000; cursor: pointer; } .page-peel:hover { width: 150px; height: 150px; } .page-peel::after { content: 'Embed'; position: absolute; bottom: 10px; left: 5px; color: white; font-size: 14px; font-weight: bold; transform: rotate(-45deg); } ``` 3. Added a margin to the top of the container to accommodate the page peel: ```css .container { margin: 100px auto 0; /* other styles... */ } ``` 4. Reintroduced the `copyEmbedCode()` function: ```javascript function copyEmbedCode() { const embedCode = ''; navigator.clipboard.writeText(embedCode).then(() => { alert("Embed code copied to clipboard!"); }).catch(err => { console.error('Failed to copy: ', err); alert("Failed to copy embed code. Please try again."); }); } ``` 5. Updated the `isEmbedded()` check to hide the page peel and remove the top margin when embedded: ```javascript window.addEventListener('load', function() { if (isEmbedded()) { document.querySelector('.page-peel').style.display = 'none'; document.querySelector('.container').style.marginTop = '0'; } }); ``` 6. Removed the header and its associated styles. These changes create a red page peel in the upper left corner that says "Embed". When clicked, it copies the embed code to the clipboard. The page peel expands slightly on hover for a more interactive feel. The main content is pushed down to accommodate the page peel, except when the page is embedded, in which case the page peel is hidden and the content returns to the top of the page.