Web Viewer

WebDev Bites_HTML
Setup Instructions
This is a web viewer. It loads example html, css, and js files for display in the panes, below. The files are specified in QuadView.js. Each example has its own QuadView.js. You can view content on my github site by clicking this link: example in github site . If you have forked the github site locally, attempting to load files to view will result in Browser CORS errors because browsers, for sequrity reasons, treat each file as belonging to its own domain. To view content locally you will need to start a local server:
python -m http.server 8000
at the root directory, e.g., the NewSite directory.
Then, load an example page using browser address:
http://localhost:8000/Examples/[example-name]/QuadView.html
That will load html, css, and js urls into the input controls using paths relative to the loaded page. When page is loaded or Load button is clicked the files at those specified urls are loaded into the Example panes.
Rendered Page HTML
top-right
bottom-left
bottom-right
JS or CSS CSS or JS