Note that the view itself does not work, but the menu items and view
are set up. Additionally parts for the marker work too, but they get
cleared immediately on viewing the app so it's kind of useless right
now.
This fixes an issue where text was being hyperlinked when the "http"
pattern was detected in a character block. This looks that there is
whitespace or such to correctly assume it's a link. This may not be the
best implementation, but it seems to resolve issues for me so far. Unit
tests would be good.
After doing thorough testing on mobile I have scrapped my original
flexbox design in favor of sticky headers. I will not be implmenting a
bottom toolbar like twitter. Instead I will find another way to add user
tools in mobile mode. This approach works better on desktop as well.
Let's simplify and use new CSS tools we have to our advantage and make a
unified design that works on both desktop and mobile better.
* Created directory for UI
* Moved rendering code to js/ui/render.js
* Created initial js/ui/util.js for UI utilities
Notice I did not use modules. I was thinking of doing this but I am
avoiding it for now as it is much easier to just have everything
declared as global at this time. For onclick methods this makes sense;
but for code (such as rendering) I think it would be better off as a
module that gets imported. This is a task for another day.
