Separated index.html to index.html/index.css/index.js.
Added Menubar to expose editor functionality. Save button working, rest hidden. Starts work on #57 .
Split View Management - This one is the important one. Solves #5 .
Separated index.html
Careful while merging. Git will keep both the versions, so post-merge, you'd need some clean-up. As a good design practice I separated them. If need be, ask me to recombine them.
Menubar
Added a menubar on top of the screen. Had to make minor changes to box-shadow of the two editor views. Needs to be present for the future changes I plan to make: share to pastebin etc. hopefully.
Split View Management
When screen-size<1024(or whatever you initially set in media query) pixels,
The default behavior is the same, i.e., HTML view goes full screen.
By toggling the "Show Editor" button in the menu bar, the Editor view goes full screen.
Click the button again to bring the HTML view to full screen.
When screen-size>1024 pixels, the default layout becomes visible with the split view as usual.
Changes Documentation and Merge Guide
index.html
toindex.html/index.css/index.js
.Separated index.html
Careful while merging. Git will keep both the versions, so post-merge, you'd need some clean-up. As a good design practice I separated them. If need be, ask me to recombine them.
Menubar
Added a menubar on top of the screen. Had to make minor changes to box-shadow of the two editor views. Needs to be present for the future changes I plan to make: share to pastebin etc. hopefully.
Split View Management
When screen-size<1024(or whatever you initially set in media query) pixels,
When screen-size>1024 pixels, the default layout becomes visible with the split view as usual.