amitwh/markdown-converter
1
0
Fork 0
mirror of https://github.com/amitwh/markdown-converter.git synced 2026-08-02 18:10:18 +05:30
Code Issues Packages Projects Releases Wiki Activity

Release v2.1.0: UI Enhancements & Comprehensive Format Support

Browse Source 
🎨 UI/UX Improvements:
- Subtle & small preview popout button with minimalist design
- Simplified table headers with light gray background
- Better readability and cleaner appearance
📥 Enhanced Import:
- Support for 30+ formats: RST, Textile, MediaWiki, Org-mode, AsciiDoc, CSV, JSON, and more
- Format-specific conversion optimizations
- Improved error messages
🎨 Exhaustive ASCII Art Generator:
- 5 text banner styles: Standard, Banner, Block, Bubble, Digital
- 19 professional templates organized in 4 categories
- Flowcharts, sequence diagrams, network diagrams, hierarchy trees
- Note boxes, warning boxes, decorative elements
📝 Documentation:
- Added UPDATES.md with comprehensive changelog
- Updated version to 2.1.0 in all files
🤖 Generated with Claude Code (https://claude.com/claude-code)
This commit is contained in:
amitwh
2025-12-14 10:27:36 +05:30
parent e63a0ec1bf
commit c2b77e110f
7 changed files with 443 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.html
+31 -5
View File
@@ -427,14 +427,40 @@
<!-- Templates Mode -->
<div id="ascii-templates-mode" class="ascii-mode-section hidden">
<div class="export-section">
<label>Select Template:</label>
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;">
<label>Arrows & Flow:</label>
<div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 15px;">
<button class="btn-secondary ascii-template-btn" data-template="arrow-right">Arrow →</button>
<button class="btn-secondary ascii-template-btn" data-template="arrow-down">Arrow ↓</button>
<button class="btn-secondary ascii-template-btn" data-template="check">Checkmark ✓</button>
<button class="btn-secondary ascii-template-btn" data-template="divider">Divider</button>
<button class="btn-secondary ascii-template-btn" data-template="header">Header</button>
<button class="btn-secondary ascii-template-btn" data-template="decision">Decision</button>
<button class="btn-secondary ascii-template-btn" data-template="process-flow">Process Flow</button>
</div>
<label>Diagrams & Charts:</label>
<div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 15px;">
<button class="btn-secondary ascii-template-btn" data-template="flowchart">Flowchart</button>
<button class="btn-secondary ascii-template-btn" data-template="sequence">Sequence</button>
<button class="btn-secondary ascii-template-btn" data-template="network">Network</button>
<button class="btn-secondary ascii-template-btn" data-template="hierarchy">Hierarchy</button>
<button class="btn-secondary ascii-template-btn" data-template="timeline">Timeline</button>
<button class="btn-secondary ascii-template-btn" data-template="table-simple">Table</button>
</div>
<label>Boxes & Containers:</label>
<div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 15px;">
<button class="btn-secondary ascii-template-btn" data-template="header">Header</button>
<button class="btn-secondary ascii-template-btn" data-template="note-box">Note Box</button>
<button class="btn-secondary ascii-template-btn" data-template="warning-box">Warning</button>
<button class="btn-secondary ascii-template-btn" data-template="info-box">Info Box</button>
</div>
<label>Decorative Elements:</label>
<div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 15px;">
<button class="btn-secondary ascii-template-btn" data-template="divider">Divider</button>
<button class="btn-secondary ascii-template-btn" data-template="separator-fancy">Separator</button>
<button class="btn-secondary ascii-template-btn" data-template="brackets">Brackets</button>
<button class="btn-secondary ascii-template-btn" data-template="banner-stars">Banner</button>
<button class="btn-secondary ascii-template-btn" data-template="check">Checklist ✓</button>
<button class="btn-secondary ascii-template-btn" data-template="progress-bar">Progress Bar</button>
</div>
</div>
</div>