<!-- WordPress-Optimized Version - Paste this in Custom HTML Block -->

<style>
    .startup-quote-container {
        max-width: 800px;
        margin: 0 auto;
        padding: 20px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    }

    .quote-header {
        text-align: center;
        margin-bottom: 40px;
        padding: 30px;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        border-radius: 20px;
    }

    .quote-header h1 {
        font-size: 2.5rem;
        margin-bottom: 10px;
        font-weight: 800;
    }

    .quote-header p {
        font-size: 1.1rem;
        opacity: 0.9;
        margin: 8px 0;
    }

    .quote-display-wp {
        background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
        border: 2px solid #e2e8f0;
        border-radius: 16px;
        padding: 30px;
        margin: 30px 0;
        position: relative;
        min-height: 120px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
    }

    .quote-display-wp:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
    }

    .quote-display-wp::before {
        content: '"';
        position: absolute;
        top: 10px;
        left: 20px;
        font-size: 4rem;
        color: #cbd5e1;
        font-family: Georgia, serif;
        line-height: 1;
    }

    .quote-display-wp::after {
        content: '"';
        position: absolute;
        bottom: 10px;
        right: 20px;
        font-size: 4rem;
        color: #cbd5e1;
        font-family: Georgia, serif;
        line-height: 1;
    }

    .quote-text-wp {
        font-size: 1.4rem;
        line-height: 1.6;
        color: #1e293b;
        font-weight: 500;
        font-style: italic;
        max-width: 90%;
        position: relative;
        z-index: 1;
        text-align: center;
    }

    .quote-controls {
        display: flex;
        gap: 16px;
        justify-content: center;
        flex-wrap: wrap;
        margin: 30px 0;
    }

    .quote-btn {
        padding: 14px 28px;
        border: none;
        border-radius: 12px;
        font-size: 1rem;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
        text-decoration: none;
        display: inline-block;
    }

    .quote-btn-primary {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
    }

    .quote-btn-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(102, 126, 234, 0.6);
        color: white;
        text-decoration: none;
    }

    .quote-btn-secondary {
        background: white;
        color: #4b5563;
        border: 2px solid #e5e7eb;
    }

    .quote-btn-secondary:hover {
        background: #f9fafb;
        border-color: #d1d5db;
        transform: translateY(-2px);
        text-decoration: none;
        color: #4b5563;
    }

    .quote-btn-share {
        background: linear-gradient(135deg, #10b981 0%, #059669 100%);
        color: white;
    }

    .quote-btn-share:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4);
        color: white;
        text-decoration: none;
    }

    .quote-stats {
        background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
        border-radius: 12px;
        padding: 20px;
        margin-top: 30px;
        display: flex;
        justify-content: space-around;
        text-align: center;
    }

    .quote-stat {
        display: flex;
        flex-direction: column;
    }

    .quote-stat-number {
        font-size: 2rem;
        font-weight: 800;
        color: #92400e;
    }

    .quote-stat-label {
        font-size: 0.9rem;
        color: #a16207;
        font-weight: 500;
    }

    .quote-social-share {
        display: none;
        margin-top: 20px;
        padding: 20px;
        background: #f8fafc;
        border-radius: 12px;
        border: 1px solid #e2e8f0;
        text-align: center;
    }

    .quote-social-share.show {
        display: block;
    }

    .quote-social-buttons {
        display: flex;
        gap: 12px;
        justify-content: center;
        margin-top: 12px;
        flex-wrap: wrap;
    }

    .quote-social-btn {
        padding: 8px 16px;
        border-radius: 8px;
        text-decoration: none;
        font-size: 0.9rem;
        font-weight: 500;
        transition: all 0.3s ease;
        color: white;
    }

    .quote-twitter {
        background: #1da1f2;
    }

    .quote-linkedin {
        background: #0077b5;
    }

    .quote-social-btn:hover {
        transform: translateY(-2px);
        opacity: 0.9;
        text-decoration: none;
        color: white;
    }

    .quote-notification {
        position: fixed;
        top: 20px;
        right: 20px;
        background: #10b981;
        color: white;
        padding: 12px 20px;
        border-radius: 8px;
        font-weight: 500;
        z-index: 1000;
        transform: translateX(100%);
        transition: transform 0.3s ease;
    }

    .quote-notification.show {
        transform: translateX(0);
    }

    @media (max-width: 768px) {
        .quote-header h1 {
            font-size: 2rem;
        }
        
        .quote-text-wp {
            font-size: 1.2rem;
        }
        
        .quote-controls {
            flex-direction: column;
            align-items: center;
        }
        
        .quote-btn {
            width: 100%;
            max-width: 300px;
        }
        
        .quote-stats {
            flex-direction: column;
            gap: 16px;
        }

        .quote-social-buttons {
            flex-direction: column;
            align-items: center;
        }

        .quote-social-btn {
            width: 200px;
            text-align: center;
        }
    }
</style>

<div class="startup-quote-container">
    <div class="quote-header">
        <h1>🚀 Startup Quote Generator</h1>
        <p>Pseudo-Profound Business Wisdom Generator</p>
        <p>Perfect to appear smart on LinkedIn and Twitter /s</p>
    </div>

    <div class="quote-display-wp" id="quoteDisplayWP">
        <div class="quote-text-wp" id="quoteTextWP">Click "Generate Wisdom" to receive your dose of startup enlightenment!</div>
    </div>

    <div class="quote-controls">
        <button class="quote-btn quote-btn-primary" onclick="generateQuoteWP()">
            ✨ Generate Wisdom
        </button>
        <button class="quote-btn quote-btn-secondary" onclick="generateBatchWP()">
            📝 Generate 5 Quotes
        </button>
        <button class="quote-btn quote-btn-share" onclick="toggleShareWP()">
            📤 Share Quote
        </button>
    </div>

    <div class="quote-social-share" id="socialShareWP">
        <p><strong>Share this profound wisdom:</strong></p>
        <div class="quote-social-buttons">
            <a href="#" class="quote-social-btn quote-twitter" id="twitterShareWP" target="_blank">Share on Twitter</a>
            <a href="#" class="quote-social-btn quote-linkedin" id="linkedinShareWP" target="_blank">Share on LinkedIn</a>
        </div>
        <button class="quote-btn quote-btn-secondary" onclick="copyToClipboardWP()" style="margin-top: 12px; padding: 8px 16px; font-size: 0.9rem;">
            📋 Copy Quote
        </button>
    </div>

    <div id="batchQuotesWP" style="display: none; margin-top: 30px;">
        <h3 style="color: #374151; margin-bottom: 20px; font-size: 1.3rem; text-align: center;">🎯 Your Batch of Startup Wisdom</h3>
        <div id="quoteBatchWP" style="display: grid; gap: 16px;"></div>
    </div>

    <div class="quote-stats">
        <div class="quote-stat">
            <div class="quote-stat-number" id="quotesGeneratedWP">0</div>
            <div class="quote-stat-label">Quotes Generated</div>
        </div>
        <div class="quote-stat">
            <div class="quote-stat-number" id="wisdomLevelWP">Novice</div>
            <div class="quote-stat-label">Wisdom Level</div>
        </div>
        <div class="quote-stat">
            <div class="quote-stat-number" id="vcImpressedWP">0%</div>
            <div class="quote-stat-label">VCs Impressed</div>
        </div>
    </div>

    <div style="text-align: center; margin-top: 30px; padding-top: 20px; border-top: 1px solid #e5e7eb;">
        <p style="color: #6b7280; font-size: 0.9rem; margin-bottom: 12px;">🎭 A parody generator for pseudo-profound startup wisdom</p>
        <p style="color: #6b7280; font-size: 0.9rem;">Built with ❤️ by <a href="https://twitter.com/AZenGuy" target="_blank" style="color: #667eea; text-decoration: none; font-weight: 500;">@AZenGuy</a></p>
    </div>
</div>

<div class="quote-notification" id="notificationWP">Quote copied to clipboard!</div>

<script>
// WordPress-friendly JavaScript (no conflicts with existing scripts)
(function() {
    // Quote generator class
    class StartupQuoteGeneratorWP {
        constructor() {
            this.subjects = [
                "Bangalore", "Venture capital", "Quantum startups", "The unpredictable",
                "Our motivations", "The venture", "Eternal moats", "The marketplace",
                "Your startup", "Intuition", "Tiger Global", "IPL", "Business insight",
                "Twitter threads", "Greatness", "Growth mindset", "Your strategy",
                "Everything", "Freedom", "Culture", "Evolution", "The founders ego",
                "Flywheel", "The world", "Hidden meaning", "Cred", "Newsletters",
                "Substack", "The web of life", "Your portfolio", "Amazon", "Jeff Bezos",
                "The human startup system", "Making a product", "The key to MVP", "Innocence"
            ];

            this.verbs = [
                "relies on", "depends on", "embraces", "requires", "illuminates",
                "is the ground of", "creates", "inspires", "nurtures", "gives rise to",
                "is rooted in", "projects onto", "explores", "is the wisdom of",
                "is inherent in", "is the path to", "experiences", "comprehends",
                "explains", "transcends", "is the continuity of", "regulates",
                "serves", "shapes", "transforms", "fascinates", "influences",
                "expresses", "opens", "constructs", "grows through", "exists as",
                "reflects", "belongs to", "is the foundation of", "alleviates",
                "is at the heart of", "corresponds to", "results from"
            ];

            this.adjectives = [
                "infinite", "cosmic", "unique", "visible", "boundless", "quantum",
                "subtle", "universal", "intrinsic", "ephemeral", "total", "pure",
                "positive", "essential", "spontaneous", "karmic", "deep", "unparalleled",
                "incredible", "exponential", "intricate", "existential", "precious",
                "subjective", "immortal", "dimensionless", "formless", "innumerable"
            ];

            this.objects = [
                "joy", "creativity", "life", "possibilities", "sensations", "experiences",
                "energy", "happiness", "reality", "knowledge", "facts", "opportunities",
                "chaos", "truth", "destiny", "success", "choices", "acceptance",
                "silence", "positivity", "excellence", "belonging", "abstract beauty",
                "balance", "fulfillment", "bliss", "actions", "potentiality", "mysteries",
                "marvel", "self-knowledge", "mortality", "timelessness", "force fields",
                "brightness", "neural networks", "human observation", "love",
                "boundaries", "brains", "phenomena", "miracles", "observations"
            ];

            this.quotesGenerated = 0;
            this.currentQuote = '';
        }

        generateQuote() {
            const random = Math.floor(Math.random() * 100) + 1;
            
            if (random <= 2) {
                return this.generateSimpleQuote();
            } else {
                return this.generateComplexQuote();
            }
        }

        generateSimpleQuote() {
            const subjects = ["Startups", "Companies", "Men", "Executives", "Businesses", "Power users"];
            const objects = ["Capital", "Funding", "Lending", "Mortgage", "Moats", "Creators", "ESOPs"];
            
            const subject = subjects[Math.floor(Math.random() * subjects.length)];
            const object = objects[Math.floor(Math.random() * objects.length)];
            return `${subject} are ${object}.`;
        }

        generateComplexQuote() {
            const subject = this.subjects[Math.floor(Math.random() * this.subjects.length)];
            const verb = this.verbs[Math.floor(Math.random() * this.verbs.length)];
            const adjective = this.adjectives[Math.floor(Math.random() * this.adjectives.length)];
            const object = this.objects[Math.floor(Math.random() * this.objects.length)];
            
            return `${subject} ${verb} ${adjective} ${object}.`;
        }

        incrementQuoteCount() {
            this.quotesGenerated++;
            this.updateStats();
        }

        updateStats() {
            document.getElementById('quotesGeneratedWP').textContent = this.quotesGenerated;
            
            let wisdomLevel = 'Novice';
            let vcImpressed = '0%';
            
            if (this.quotesGenerated > 50) {
                wisdomLevel = 'Guru';
                vcImpressed = '95%';
            } else if (this.quotesGenerated > 20) {
                wisdomLevel = 'Expert';
                vcImpressed = '75%';
            } else if (this.quotesGenerated > 10) {
                wisdomLevel = 'Advanced';
                vcImpressed = '50%';
            } else if (this.quotesGenerated > 5) {
                wisdomLevel = 'Intermediate';
                vcImpressed = '25%';
            }
            
            document.getElementById('wisdomLevelWP').textContent = wisdomLevel;
            document.getElementById('vcImpressedWP').textContent = vcImpressed;
        }
    }

    // Initialize generator
    const generatorWP = new StartupQuoteGeneratorWP();

    // Global functions for WordPress
    window.generateQuoteWP = function() {
        const quoteText = document.getElementById('quoteTextWP');
        
        quoteText.innerHTML = '<div style="color: #64748b;">🧠 Channeling startup wisdom...</div>';
        
        setTimeout(() => {
            generatorWP.currentQuote = generatorWP.generateQuote();
            quoteText.textContent = generatorWP.currentQuote;
            generatorWP.incrementQuoteCount();
            
            document.getElementById('socialShareWP').classList.remove('show');
        }, 800);
    };

    window.generateBatchWP = function() {
        const batchQuotes = document.getElementById('batchQuotesWP');
        const quoteBatch = document.getElementById('quoteBatchWP');
        
        const quotes = [];
        for (let i = 0; i < 5; i++) {
            quotes.push(generatorWP.generateQuote());
        }
        
        quoteBatch.innerHTML = '';
        
        quotes.forEach((quote, index) => {
            const quoteDiv = document.createElement('div');
            quoteDiv.style.cssText = `
                background: white;
                border: 1px solid #e5e7eb;
                border-radius: 8px;
                padding: 16px;
                text-align: left;
                font-size: 1rem;
                color: #4b5563;
                transition: all 0.3s ease;
                cursor: pointer;
            `;
            quoteDiv.textContent = `${index + 1}. ${quote}`;
            quoteDiv.onclick = () => {
                generatorWP.currentQuote = quote;
                document.getElementById('quoteTextWP').textContent = quote;
                document.getElementById('socialShareWP').classList.remove('show');
            };
            quoteDiv.onmouseover = () => {
                quoteDiv.style.borderColor = '#667eea';
                quoteDiv.style.transform = 'translateX(4px)';
            };
            quoteDiv.onmouseout = () => {
                quoteDiv.style.borderColor = '#e5e7eb';
                quoteDiv.style.transform = 'translateX(0)';
            };
            quoteBatch.appendChild(quoteDiv);
        });
        
        batchQuotes.style.display = 'block';
        generatorWP.quotesGenerated += 5;
        generatorWP.updateStats();
    };

    window.toggleShareWP = function() {
        const socialShare = document.getElementById('socialShareWP');
        
        if (!generatorWP.currentQuote || generatorWP.currentQuote.includes('Click "Generate Wisdom"')) {
            alert('Please generate a quote first!');
            return;
        }
        
        socialShare.classList.toggle('show');
        
        const twitterText = encodeURIComponent(`"${generatorWP.currentQuote}" - Generated by Startup Wisdom Generator 🚀 by @AZenGuy`);
        const linkedinText = encodeURIComponent(`"${generatorWP.currentQuote}" - Generated by the Startup Wisdom Generator. Perfect pseudo-profound business insight! 🚀`);
        
        document.getElementById('twitterShareWP').href = `https://twitter.com/intent/tweet?text=${twitterText}`;
        document.getElementById('linkedinShareWP').href = `https://www.linkedin.com/sharing/share-offsite/?summary=${linkedinText}`;
    };

    window.copyToClipboardWP = function() {
        if (!generatorWP.currentQuote) return;
        
        if (navigator.clipboard && navigator.clipboard.writeText) {
            navigator.clipboard.writeText(generatorWP.currentQuote).then(() => {
                showNotificationWP('Quote copied to clipboard!');
            }).catch(() => {
                fallbackCopyWP(generatorWP.currentQuote);
            });
        } else {
            fallbackCopyWP(generatorWP.currentQuote);
        }
    };

    function fallbackCopyWP(text) {
        try {
            const textArea = document.createElement('textarea');
            textArea.value = text;
            textArea.style.position = 'fixed';
            textArea.style.left = '-999999px';
            document.body.appendChild(textArea);
            textArea.focus();
            textArea.select();
            
            const successful = document.execCommand('copy');
            document.body.removeChild(textArea);
            
            if (successful) {
                showNotificationWP('Quote copied to clipboard!');
            } else {
                showNotificationWP('Copy failed - please select and copy manually');
            }
        } catch (err) {
            showNotificationWP('Copy not supported - please select and copy manually');
        }
    }

    function showNotificationWP(message) {
        const notification = document.getElementById('notificationWP');
        notification.textContent = message;
        notification.classList.add('show');
        
        setTimeout(() => {
            notification.classList.remove('show');
        }, 3000);
    }

    // Auto-generate first quote
    setTimeout(() => {
        if (typeof window.generateQuoteWP === 'function') {
            window.generateQuoteWP();
        }
    }, 1000);
})();
</script>