search

codefordayton / esl

A one-page web application to support discovering English As A Second Language (ESL) classes
http://codefordayton.org/esl
BSD 3-Clause "New" or "Revised" License
1 stars 7 forks source link

Single Page Map and List Filter Views #31

Open christopherritter opened 10 years ago

christopherritter commented 10 years ago

I've uploaded a few pages for a concept based on the skills we currently have in the group along with the needs of the user which were captured on a whiteboard earlier. (The big missing piece of this mock-up is the map markers which should continue to function as they do in the current version.)

The first screen shows the initial state which is accessible by clicking on the header logo at the top of the page: dayton-esl-courses

The second screen shows what happens when the viewer starts to scroll up, which expands the view of the map while keeping the header in place: dayton-esl-courses2

If the customer clicks on the map link on the header bar, the map should expand to full screen, pushing the green bar down to the bottom of the page.

Clicking on the find link would push the green bar to the top of the page, directly below the header bar.

Should they click on the about link, the page would scroll down to the bottom of the page in order to view a fat footer containing more information about our project.

DavidEBest commented 10 years ago

Very cool! I really like the layout.

christopherritter commented 10 years ago

Thanks David! I know we've got some people who are more capable at developing this on Bootstrap, but I can work on the CSS (rather inefficiently) if it helps. I was hoping to knock out some more of the interactions over the snowstorm this weekend before diving into code.

edheltzel commented 10 years ago

Hey David... RDM can help out on the front end if you need the help.

DavidEBest commented 10 years ago

Hey Ed -- feel free to jump in. I don't recognize the user name. Are you new to Code For Dayton?

Chris - I know just barely enough Bootstrap to be dangerous. Not that I'll let that stop me. :) I believe Bryan has been working on something, but I'm not sure where he is at on it. If you get to the point where you are ready to code, you may want to drop him a note.

edheltzel commented 10 years ago

@DavidEBest you could say I'm new to Code for Dayton... though my office is down the hall from you at TT2. I own Rainy Day Media.

DavidEBest commented 10 years ago

Nice to meet you, but you are actually down the hall from the other Dave, @dwcaraway.

edheltzel commented 10 years ago

that's embarrassing, but either way I'm willing to help out when I can on the front end.