Paper Prototype of #IndieWeb Story Builder

 

The goal is to spit out an HTML only file someone could add to their site or embed through an iframe using CSS grid.

Want to be able to layer html elements in series of slides using divs or sections. 

User first select full screen or chooses width

They can then click a button to add a slide which will have a 4X4 CSS Grid.

Then on the slide the user can select the plus button and choose the media to select. In a perfect world it would be a drag and drop , pinch, and zoom interface but I could never build that. I could build HTML forms, however for now.

The user drops in a media url or uses an embedded creative commons search, the url gets parsed for attribution page.

For now a saavy user could decide the size of the media bo, and indicate the grid column and grid row to start in. This would be a no good horrible UI but trying to restrict myself to stuff I could theoretically build (I still can't build this).

They could then have other options like font, opacity, a sliding scale for Z index.

This would then spit out an HTML file with the style and the all the embedded media links that someone could throw on their website.