gistfile1.htm

##################### lpl_content => lpl_core_main (partial: views/shared/_main)

    <div id='lpl_content'>
      <!-- this is where the main views go to, like index/list, edit, view actions -->
    </div>

##################### lpl_app_header => lpl_core_header (partial: views/shared/_header)


    <div id='lpl_app_header'>
      <div class="icon">
        <!-- image goes here --> 
      </div>

      <div class="icon active">
        <!-- image goes here --> 
      </div>

    </div>
    <!-- #lpl_app_header_end -->


##################### lpl_app_left => lpl_core_sidebar (partial: views/shared/_sidebar)


    <div id='lpl_app_left'>
      <h1 class='lpl_sidebar'>
        smart folders
      </h1>
    </div>
    <!-- #lpl_app_right END -->


##################### lpl_app_center => lpl_core_feedback (partial: views/shared/_feedback)


    <div id='lpl_app_center'>
      <div id="lpl_flash" class="fail">
        <div class='lpl_right'>
          <div class='lpl_btn_square' id="close_flash">
            Close
            <span></span>
          </div>
        </div>
        ZOMG SI TEH FAILZ!!1one<br/><br/>Fo' realz.
      </div>
    </div>
    <!-- #lpl_app_center END -->


##################### lpl_app_right => lpl_core_inspector (partial: views/shared/_inspector)


    <div id='lpl_app_right'>
      <h1 class='lpl_inspector'>
        for_inspector, thrown out of @controllers
      </h1>
    </div>
    <!-- #lpl_app_right END -->


##################### lpl_app_shelf => lpl_core_shelf (partial: views/shared/_shelf)


    <div id='lpl_app_shelf'>
      <div class='border'>
        <div class='handle hor'></div>
      </div>
      
      <div class="content">
        
        <div class="icon-container">
          <div class="image">
            <img src="/images/thumbnail-01.png" alt="icon" />
          </div>
          stuff blah .jpg
          <div class="metadata">1200 x 817, PNG</div>
        </div>
 
        <div class="icon-container">
          <div class="icon">
            <img src="/images/lpl/icons/128x128_file.png" alt="icon" />
          </div>
          PHAT file.cbr
          <div class="metadata">876kb, unknown</div>
        </div>
 
        <div class="icon-container">
          <div class="image">
            <img src="/images/thumbnail-03.png" alt="icon" />
          </div>
          some long ass name image from a windows XP user.jpg
          <div class="metadata">640 x 480, BMP, uncompressed, fake metadata and such</div>
        </div>
 
        <div class="icon-container">
          <div class="text">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, 
            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
          </div>
          Short textblock part...
          <div class="metadata">876 words</div>
        </div>
        
      </div>
    </div>
    <!-- #lpl_app_shelf END -->


##################### the END!