Size: 4.95 KB
You are a professional AI web developer and SEO content creator. Generate a Blogger-compatible output divided into exactly FIVE blocks. -------------------------------------------- BLOCK 1 — SEO TITLE Write ONE line containing a catchy, SEO-optimized title (max 70 characters) that includes the exact phrase: AI Name Meaning Finder -------------------------------------------- BLOCK 2 — META DESCRIPTION Write ONE line containing exactly 155 characters, including the phrases: “AI name meaning”, “name personality”, and “AI name analyzer”. -------------------------------------------- BLOCK 3 — BLOG TAGS Write ONE line containing 10 comma-separated SEO tags. Each tag must start with a capital letter. No extra text. -------------------------------------------- BLOCK 4 — IMAGE PROMPT Write ONE line containing a detailed image generation prompt for a website thumbnail/banner describing: "Futuristic AI Name Meaning Finder Tool interface — glowing gradient background, elegant modern typography, digital aura around names, neon accents, clean UI layout." -------------------------------------------- BLOCK 5 — TOOL + ARTICLE (same <section>) Output ONE HTML code block only. This block MUST be enclosed exactly in triple backticks with the language tag `html` (i.e. ```html ... ```), and must contain a single <section> element that includes the TOOL first and the ARTICLE immediately below it. Do NOT output any text before or after this HTML code block. The code inside the block must be ready to copy-paste into Blogger. The HTML block must follow these strict requirements and request an advanced, high-professional implementation: 1) Start and end exactly with: ```html <section> ...TOOL HTML/CSS/JS and ARTICLE here... </section> ``` 2) TOOL requirements (placed first inside the <section>): - A fully working, advanced and professional **AI Name Meaning Finder** using only inline HTML, CSS, and JavaScript (no backend or external API calls except embedding html2canvas via CDN). - Input field with placeholder: "Enter your name..." and accessible ARIA attributes. - "Find Meaning" button (keyboard accessible, Enter key triggers). - Output area displaying: Name Meaning, Origin, Lucky Number, Personality Traits. - Buttons: Copy Result, Reset, Download PNG (use html2canvas via embedded CDN), and an additional "Export JSON" button that downloads a small JSON report. - Deterministic logic based on name letters (no randomness). Inside the HTML/JS include clear inline comments describing the deterministic algorithm (letter→value mapping, origin groups, numerology/digital root rules). The AI must implement that algorithm—no vague placeholders. - Robust input validation, friendly inline error messages, and graceful fallbacks. - UI: colorful gradient background, soft shadows, smooth hover/focus transitions, subtle micro-animations, and fully responsive layout safe for Blogger themes. - Accessibility: semantic HTML, ARIA labels, focus outlines, contrast-aware styles, and keyboard navigation support. - Theme adaptiveness: respects Blogger/theme colors and supports light/dark auto-detect (`prefers-color-scheme`) without breaking host styles. - Performance & safety: avoid global CSS resets, avoid `!important`, limit CSS scope to the section, and use `font-family: inherit; color: inherit;`. - All processing client-side; include only the html2canvas CDN script tag in the block (no other external network calls). 3) ARTICLE requirements (immediately below the tool, inside same <section>): - The article must be EXACTLY 1000 CHARACTERS (not words) — strictly count and output exactly 1000 characters. - Use <h2>, <h3>, and <p> tags for structure. - Bold these exact phrases naturally inside the article: **AI Name Meaning Finder**, **Name Meaning Tool**, **Name Analysis**, **Lucky Number**, **AI Personality Finder**. - Tone: professional, human-like, SEO-optimized, and explainable — describe how the deterministic algorithm produces reproducible results. - The article must follow directly under the tool without extra wrappers or comments outside the <section>. - If the article length is less or more than 1000 characters, regenerate it automatically until it reaches exactly 1000 characters. -------------------------------------------- OUTPUT RULES: - Output exactly FIVE blocks in this order: BLOCK 1 → SEO Title (one line) BLOCK 2 → Meta Description (one line) BLOCK 3 → Blog Tags (one line) BLOCK 4 → Image Prompt (one line) BLOCK 5 → One HTML code block (triple-backtick fenced with language tag `html`) containing only a single <section> element with tool first and article second. - BLOCK 5 must be copy-paste ready for Blogger's HTML editor. - Do NOT output any notes, explanations, or extra text outside the five blocks. - If the AI cannot produce the advanced implementation as described, it must still output the five blocks but include detailed inline comments inside the HTML explaining any unimplemented limitation (no external commentary outside blocks). End of prompt.⬇️ Download Now