anchor.diff:          section
               .contHeader
                   header: h3 Design
  -                p Teachers use their desktop computers, their iPads, smartboards and whatever interfaces they can get their hands on to teach a lesson so it made more sense to start developing a responsive web app. Being able to use the app from anywhere is a must for the user. 
  +                p Teachers use their desktop computers, their iPads, smartboards and whatever interfaces they can get their hands on to teach a lesson so it made more sense to start developing a responsive web app. Being able to use the app from anywhere is a must for the user.
                   p The following iterations brought me to the final mockups I have begun to use for the prototype development.
  -            
  +
               .image-carousel
                   .m-scooch.m-scooch-photos.m-fluid
                       .m-scooch-inner
  
positive.code:     div.is-right
          section
              p My background in teaching has motivated me to begin work on this project. It's a tool for planning, managing and sharing lesson plans. I started with the idea and went from there, asking myself all the Why questions I could before starting to sketch.
          
          section
              .image-cover.wide: img(src="/img/curriculate/screens/login.png")
                  
              .contHeader
                  header: h3 Information Architecture
                  p From sketches I began to create a userflow and wireframes.
                  p Once the IA/Wireframing process was complete I started with the visual design process, originally starting with an iPad-centric experience in mind.
  
              .image-twoUp.offset
                  img(src="/img/curriculate/sketch1.png")
  
negative.code:                         .m-item: img(src="/img/curriculate/screens/profile.png")
                          .m-item: img(src="/img/curriculate/screens/login.png")
                      .m-scooch-controls
                          a(href="" data-m-slide="prev"): img(src="/img/arrow-prev.svg")
                          a(href="" data-m-slide="next"): img(src="/img/arrow-next.svg")
  
              p The project is still early in the development stage, I'll hopefully have something live linked here soon.
  