(16 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
+
<noinclude>
<div class="wrapper">
+
{{widget:Extensions-in-open-csp}}
 
+
</noinclude><includeonly>
  <div class="table">
+
<!--{if (isset($type) && $type != "")}-->
   
+
<!--{if ($type==='extension')}--><img src="/images/ocsp/extension.svg" style="width: 25px; margin-right:5px;" /><!--{/if}-->
    <div class="row header">
+
<!--{if ($type==='skin')}--><img src="/images/ocsp/skin.svg" style="width: 25px; margin-right:5px;" /><!--{/if}-->
      <div class="cell">
+
<!--{if ($type==='ws')}--><img src="/images/ocsp/ws-extension.svg" style="width: 25px; margin-right:5px;" /><!--{/if}-->
        Name
+
<!--{else}--><img src="/images/ocsp/extension.svg" style="width: 25px; margin-right:5px;" /><!--{/if}-->
      </div>
+
</includeonly>
      <div class="cell">
 
        Age
 
      </div>
 
      <div class="cell">
 
        Occupation
 
      </div>
 
      <div class="cell">
 
        Location
 
      </div>
 
    </div>
 
   
 
    <div class="row">
 
      <div class="cell" data-title="Name">
 
        Luke Peters
 
      </div>
 
      <div class="cell" data-title="Age">
 
        25
 
      </div>
 
      <div class="cell" data-title="Occupation">
 
        Freelance Web Developer
 
      </div>
 
      <div class="cell" data-title="Location">
 
        Brookline, MA
 
      </div>
 
    </div>
 
   
 
    <div class="row">
 
      <div class="cell" data-title="Name">
 
        Joseph Smith
 
      </div>
 
      <div class="cell" data-title="Age">
 
        27
 
      </div>
 
      <div class="cell" data-title="Occupation">
 
        Project Manager
 
      </div>
 
      <div class="cell" data-title="Location">
 
        Somerville, MA
 
      </div>
 
    </div>
 
   
 
    <div class="row">
 
      <div class="cell" data-title="Name">
 
        Maxwell Johnson
 
      </div>
 
      <div class="cell" data-title="Age">
 
        26
 
      </div>
 
      <div class="cell" data-title="Occupation">
 
        UX Architect & Designer
 
      </div>
 
      <div class="cell" data-title="Location">
 
        Arlington, MA
 
      </div>
 
    </div>
 
   
 
    <div class="row">
 
      <div class="cell" data-title="Name">
 
        Harry Harrison
 
      </div>
 
      <div class="cell" data-title="Age">
 
        25
 
      </div>
 
      <div class="cell" data-title="Occupation">
 
        Front-End Developer
 
      </div>
 
      <div class="cell" data-title="Location">
 
        Boston, MA
 
      </div>
 
    </div>
 
   
 
  </div>
 
 
 
  <div class="table">
 
   
 
    <div class="row header green">
 
      <div class="cell">
 
        Product
 
      </div>
 
      <div class="cell">
 
        Unit Price
 
      </div>
 
      <div class="cell">
 
        Quantity
 
      </div>
 
      <div class="cell">
 
        Date Sold
 
      </div>
 
      <div class="cell">
 
        Status
 
      </div>
 
    </div>
 
   
 
    <div class="row">
 
      <div class="cell" data-title="Product">
 
        Solid oak work table
 
      </div>
 
      <div class="cell" data-title="Unit Price">
 
        $800
 
      </div>
 
      <div class="cell" data-title="Quantity">
 
        10
 
      </div>
 
      <div class="cell" data-title="Date Sold">
 
        03/15/2014
 
      </div>
 
      <div class="cell" data-title="Status">
 
        Waiting for Pickup
 
      </div>
 
    </div>
 
   
 
    <div class="row">
 
      <div class="cell" data-title="Product">
 
        Leather iPhone wallet
 
      </div>
 
      <div class="cell" data-title="Unit Price">
 
        $45
 
      </div>
 
      <div class="cell" data-title="Quantity">
 
        120
 
      </div>
 
      <div class="cell" data-title="Date Sold">
 
        02/28/2014
 
      </div>
 
      <div class="cell" data-title="Status">
 
        In Transit
 
      </div>
 
    </div>
 
   
 
    <div class="row">
 
      <div class="cell" data-title="Product">
 
        27" Apple Thunderbolt displays
 
      </div>
 
      <div class="cell" data-title="Unit Price">
 
        $1000
 
      </div>
 
      <div class="cell" data-title="Quantity">
 
        25
 
      </div>
 
      <div class="cell" data-title="Date Sold">
 
        02/10/2014
 
      </div>
 
      <div class="cell" data-title="Status">
 
        Delivered
 
      </div>
 
    </div>
 
   
 
    <div class="row">
 
      <div class="cell" data-title="Product">
 
        Bose studio headphones
 
      </div>
 
      <div class="cell" data-title="Unit Price">
 
        $60
 
      </div>
 
      <div class="cell" data-title="Quantity">
 
        90
 
      </div>
 
      <div class="cell" data-title="Date Sold">
 
        01/14/2014
 
      </div>
 
      <div class="cell" data-title="Status">
 
        Delivered
 
      </div>
 
    </div>
 
   
 
  </div>
 
 
 
  <div class="table">
 
   
 
    <div class="row header blue">
 
      <div class="cell">
 
        Username
 
      </div>
 
      <div class="cell">
 
        Email
 
      </div>
 
      <div class="cell">
 
        Password
 
      </div>
 
      <div class="cell">
 
        Active
 
      </div>
 
    </div>
 
   
 
    <div class="row">
 
      <div class="cell" data-title="Username">
 
        ninjalug
 
      </div>
 
      <div class="cell" data-title="Email">
 
        misterninja@hotmail.com
 
      </div>
 
      <div class="cell" data-title="Password">
 
        ************
 
      </div>
 
      <div class="cell" data-title="Active">
 
        Yes
 
      </div>
 
    </div>
 
   
 
    <div class="row">
 
      <div class="cell" data-title="Username">
 
        jsmith41
 
      </div>
 
      <div class="cell" data-title="Email">
 
        joseph.smith@gmail.com
 
      </div>
 
      <div class="cell" data-title="Password">
 
        ************
 
      </div>
 
      <div class="cell" data-title="Active">
 
        No
 
      </div>
 
    </div>
 
   
 
    <div class="row">
 
      <div class="cell" data-title="Username">
 
        1337hax0r15
 
      </div>
 
      <div class="cell" data-title="Email">
 
        hackerdude1000@aol.com
 
      </div>
 
      <div class="cell" data-title="Password">
 
        ************
 
      </div>
 
      <div class="cell" data-title="Active">
 
        Yes
 
      </div>
 
    </div>
 
   
 
    <div class="row">
 
      <div class="cell" data-title="Username">
 
        hairyharry19
 
      </div>
 
      <div class="cell" data-title="Email">
 
        harryharry@gmail.com
 
      </div>
 
      <div class="cell" data-title="Password">
 
        ************
 
      </div>
 
      <div class="cell" data-title="Active">
 
        Yes
 
      </div>
 
    </div>
 
   
 
  </div>
 
 
 
</div>
 

Latest revision as of 13:28, 1 September 2022


<img src="/images/ocsp/extension.svg" style="width: 25px; margin-right:5px;" /> <img src="/images/ocsp/skin.svg" style="width: 25px; margin-right:5px;" /> <img src="/images/ocsp/ws-extension.svg" style="width: 25px; margin-right:5px;" /> <img src="/images/ocsp/extension.svg" style="width: 25px; margin-right:5px;" />