← Back to Site

Page Builder

Create new pages for your NeoY2K website with this simple builder tool. Design song pages, articles, or custom content using pre-built components and templates.

Page created successfully! You can find it in the specified location.

Page Settings

Preview

Component Library

Drag and drop these components to quickly build your page. Click a component to add it to your page.

H
Header Section
T
Text Block
I
Image
G
Image Gallery
A
Audio Player
V
Video Player
B
Button
—
Divider

Generated Code

// Code will appear here after you click "Generate Code"
`; } // Generate article page function generateArticlePage(title) { const author = document.getElementById('article-author').value || 'Anonymous'; const date = document.getElementById('article-date').value || new Date().toLocaleDateString(); const summary = document.getElementById('article-summary').value || 'No summary provided.'; const content = document.getElementById('article-content').value || 'No content provided.'; return ` NeoY2K - ${title}
← Back to Home

${title}

By ${author}
${date}
${summary}
${content.split('\n').map(para => `

${para}

`).join('')}
`; } // Generate gallery page function generateGalleryPage(title) { const description = document.getElementById('gallery-description').value || 'No description provided.'; const imagesText = document.getElementById('gallery-images').value || ''; const images = imagesText.split('\n').filter(line => line.trim()); let imagesHTML = ''; if (images.length > 0) { imagesHTML = images.map(image => `
Gallery image
`).join(''); } else { imagesHTML = `
Placeholder
Placeholder
Placeholder
`; } return ` NeoY2K - ${title}
← Back to Home

${title}

${description}

${imagesHTML}
`; } // Generate custom page function generateCustomPage(title) { const customHTML = document.getElementById('custom-html').value || ''; return ` NeoY2K - ${title}
← Back to Home

${title}

${customHTML || `

Custom Content

This is a custom page. Edit the HTML content to create your own unique page.

`}
`; } // Add component to custom HTML function addComponentToCustomHTML(componentType) { const customHTMLTextarea = document.getElementById('custom-html'); let componentHTML = ''; switch (componentType) { case 'header': componentHTML = `

Section Title

Section description goes here. Replace with your own content.

`; break; case 'text': componentHTML = `

Text block content goes here. Replace with your own content.

`; break; case 'image': componentHTML = `
Image description
`; break; case 'gallery': componentHTML = `
Gallery image Gallery image Gallery image
`; break; case 'audio': componentHTML = `
`; break; case 'video': componentHTML = `
`; break; case 'button': componentHTML = `Button Text`; break; case 'divider': componentHTML = `
`; break; default: componentHTML = ''; } if (componentHTML) { // Get current cursor position const cursorPos = customHTMLTextarea.selectionStart; // Get current value const currentValue = customHTMLTextarea.value; // Insert component HTML at cursor position const newValue = currentValue.substring(0, cursorPos) + componentHTML + currentValue.substring(cursorPos); // Update textarea value customHTMLTextarea.value = newValue; // Switch to custom page type document.getElementById('page-type').value = 'custom'; // Trigger change event const event = new Event('change'); document.getElementById('page-type').dispatchEvent(event); } } // Download code function downloadCode(code, filename) { const blob = new Blob([code], { type: 'text/html' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = filename; document.body.appendChild(a); a.click(); // Clean up setTimeout(function() { document.body.removeChild(a); URL.revokeObjectURL(url); }, 0); } // Initialize document.addEventListener('DOMContentLoaded', function() { // Show song fields by default document.getElementById('song-fields').style.display = 'block'; });