index.html (1774B)
1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 6 <title>Miki/Edit</title> 7 {{template "fmd"}} 8 {{template "meta"}} 9 <script src="/web/edit/script.js" defer></script> 10 11 </head> 12 13 <!-- 14 STYLE GUIDE :: 15 class: __attribute - ( __ ) signifies global attribute 16 class: _attribute_ - ( _*_ ) signifies local attribute 17 class: --attribute - ( -- ) signifies modifier 18 19 id: *-view - Fixed view layout 20 id: *-panel - Floating/movable view layout 21 id: *-set - Collapsible/List view layout 22 --> 23 24 <body> 25 26 {{template "header" "FMD Editor Showcase"}} 27 28 <aside id="left-sidebar-view"> 29 30 </aside> 31 32 <main class="--center-on-body"> 33 34 <div id="fmd-status-bar" class="__view __mcol"> 35 <div id="fmd-view-descriptor" class="--set-size_4-3-font"></div> 36 <button id="render-fmd-bttn" type="_content_ button">Render ▸</button> 37 </div> 38 39 <div id="fmd-view" class="__view"> 40 41 <div id="text-editor-panel" class="--transition"> 42 <textarea class="_content_"></textarea> 43 </div> 44 45 <div id="html-output-panel" class="--transition "> 46 <div class="_content_"></div> 47 </div> 48 49 <div id="guide-text-panel" class="--transition"> 50 <div class="_content_"></div> 51 </div> 52 53 <div id="error-output-panel" class="--transition"> 54 <div class="_content_"></div> 55 </div> 56 57 </div> 58 <br> 59 <div class="__view __mcol"> 60 <button id="open-guide-bttn" type="_content_ button">◂ Guide</button> 61 <button id="error-log-bttn" type="_content_ button">▴ Error Log</button> 62 </div> 63 </main> 64 65 <aside id="right-sidebar-view"> 66 67 </aside> 68 69 </body> 70 71 </html>