Muyue
aa0a3863b6
Major Changes: - Remove all emojis from UI, code, and documentation for professional appearance - Translate entire codebase from French to English (code, comments, strings, UI) - Simplify template system: 18 templates → single default template - Rename "Mode Liberté Total" to "Enhanced Mode" throughout - Add comprehensive English README with installation and usage guides - Add MIT License (open source, no attribution required) - Update package.json with proper metadata and keywords Breaking Changes: - Template API endpoint changed from /api/templates/:domain/:level to /api/templates/default - All French UI text and notifications replaced with English - Template directory structure simplified Technical Improvements: - Cleaner, more maintainable codebase - Improved internationalization - Better developer experience with English documentation - Professional appearance suitable for production use
86 lines
2.3 KiB
JavaScript
86 lines
2.3 KiB
JavaScript
function getHeader() {
|
|
return `
|
|
<header>
|
|
<div>
|
|
<h1>Design Journal</h1>
|
|
</div>
|
|
</header>
|
|
`;
|
|
}
|
|
|
|
function getLeftPanel() {
|
|
return `
|
|
<div class="side-panel left-panel" id="left-panel">
|
|
<div class="panel-toggle" onclick="togglePanel('left')">
|
|
<span class="arrow">▶</span>
|
|
</div>
|
|
<div class="panel-content">
|
|
<h3 class="panel-header">New Document</h3>
|
|
|
|
<div class="template-form">
|
|
<div class="form-group">
|
|
<p style="margin-bottom: 1rem; color: var(--text-light);">Start with a default template for your design journal.</p>
|
|
</div>
|
|
|
|
<div class="form-actions">
|
|
<button id="load-template" class="btn success" title="Load default template">
|
|
Load Default Template
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
}
|
|
|
|
function getRightPanel() {
|
|
return `
|
|
<div class="side-panel right-panel" id="right-panel">
|
|
<div class="panel-toggle" onclick="togglePanel('right')">
|
|
<span class="arrow">◀</span>
|
|
</div>
|
|
<div class="panel-content">
|
|
<h3 class="panel-header">Tools</h3>
|
|
|
|
<div class="nav-section">
|
|
<h4>Appearance</h4>
|
|
<div class="nav-buttons">
|
|
<button class="nav-btn" id="theme-toggle" title="Toggle dark mode">
|
|
<span class="icon">☽</span>
|
|
<span>Toggle Theme</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav-section">
|
|
<h4>Export</h4>
|
|
<div class="nav-buttons">
|
|
<button class="nav-btn" id="export-md" title="Export as Markdown">
|
|
<span class="icon">↓</span>
|
|
<span>Export as Markdown</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav-section">
|
|
<h4>Import</h4>
|
|
<div class="nav-buttons">
|
|
<label class="panel-file-input" for="import-md" title="Import Markdown">
|
|
<input id="import-md" type="file" accept=".md" style="display:none;">
|
|
<span class="icon">↑</span>
|
|
<span>Import Markdown</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
}
|
|
|
|
function getPanelOverlay() {
|
|
return `
|
|
<div class="panel-overlay" id="panel-overlay" onclick="closeAllPanels()"></div>
|
|
`;
|
|
}
|
|
|
|
module.exports = { getHeader, getLeftPanel, getRightPanel, getPanelOverlay }; |