Members Directory

    <style>
  #member-profiles-widget {
    overflow-x: hidden;
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    color: #191d2f;
    background-color: #F7FAFC;
  }
  #member-profiles-widget .profile-list {
    padding: 1em;
    margin: 0;
  }
  #member-profiles-widget .profile {
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    margin-bottom: 1em;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);
  }
  #member-profiles-widget .profile-body {
    flex-grow: 1;
    padding: 1em 1em .5em 1em;
    display: flex;
    flex-direction: column;
  }
  #member-profiles-widget .profile-top {
    flex-grow: 1;
  }
  #member-profiles-widget .profile-footer {
    align-self: flex-end;
  }
  #member-profiles-widget .profile-member-link {
    display: flex;
    color: #191D2F;
    margin-bottom: 1em;
    max-width: 100%;
    float: left;
    align-items: center;
    text-decoration: none;
  }
  #member-profiles-widget .profile-company {
    font-size: .75em;
    padding-top: .25em;
    padding-bottom: .25em;
    line-height: 1.25;
    align-items: center;
    display: flex;
    text-decoration: none;
  }
  #member-profiles-widget .profile-name {
    font-size: 1em;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
    font-weight: bold;
  }
  #member-profiles-widget .profile-description {
    flex-grow: 1;
    margin-bottom: 1em;
    clear: both;
  }
  #member-profiles-widget .profile-links {
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    display: flex;
  }
  #member-profiles-widget .profile-link {
    position: relative;
    font-size: 0.875em;
    display: block;
    padding: .5em 1em;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    line-height: 1.375;
    vertical-align: middle;
    background-repeat: no-repeat;
    opacity: .75;
  }
  #member-profiles-widget .profile-link:hover,
  #member-profiles-widget .profile-link:focus {
    opacity: 1;
  }
  #member-profiles-widget .profile-link svg {
    width: 1em;
  }
  #member-profiles-widget .avatar {
    width: 4em;
    height: 4em;
    border-radius: 4em;
    overflow: hidden;
    display: block;
    margin-right: 1em;
    flex-shrink: 0;
  }
  #member-profiles-widget .avatar-has-placeholder {
    background-color: #207ABB;
    background-image: linear-gradient(-135deg, #207ABB 0%, #207ABB 50%, rgba(19, 91, 162, 0.5) 51%, rgba(19, 91, 162, 0.5) 100%);
  }
  #member-profiles-widget .pagination {
    margin-bottom: 1em;
    text-align: center;
  }
  #member-profiles-widget .pagination-button {
    display: inline-block;
    height: 1.75em;
    width: 1.75em;
    padding: 0;
    vertical-align: middle;
    border: none;
    border-radius: 2em;
    text-align: center;
    font-size: .75em;
    line-height: 1.25;
    position: relative;
    background-repeat: no-repeat;
    background-color: #F7FAFC;
    color: #207ABB;
    cursor: pointer;
  }
  #member-profiles-widget .pagination-button:hover,
  #member-profiles-widget .pagination-button:focus {
    color: #135BA2;
    background-color: #FFF;
  }
  #member-profiles-widget .pagination-button[aria-current] {
    font-weight: bold;
    pointer-events: none;
    background-color: #FFF;
  }
  #member-profiles-widget .pagination-prev {
    background-color: transparent;
  }
  #member-profiles-widget .pagination-next {
    background-color: transparent;
  }
  #member-profiles-widget .pagination-prev svg,
  #member-profiles-widget .pagination-next svg {
    width: 0.875em;
  }

</style>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.11/handlebars.min.js"></script>
<script type="text/x-template" id="member-profiles-template">
  <ul class="profile-list">
    {{#each profiles}}
      <li class="profile">
        <div class="profile-body">
          <div class="profile-top">
            <div class="profile-member-link">
              {{#if photo}}
                <img class="avatar" src="{{photo.small.url}}" alt="Member Profile Foto" width="{{photo.small.width}}" height="{{photo.small.height}}">
              {{else}}
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300" class="avatar avatar-has-placeholder">
                  <defs><style>.cls-1{fill:#fff;}</style></defs><title>cobot-placeholder-transparent</title><path class="cls-1" d="M109.5,126.8571a5.786,5.786,0,0,1-5.7857-5.7857,11.5715,11.5715,0,0,0-23.1429,0,5.7857,5.7857,0,1,1-11.5714,0,23.1429,23.1429,0,0,1,46.2857,0A5.786,5.786,0,0,1,109.5,126.8571Z"/><path class="cls-1" d="M150,202.0714c-16.4927,0-28.9286-7.4638-28.9286-17.3571a5.7858,5.7858,0,0,1,11.5715,0c0,1.4408,6.1558,5.7857,17.3571,5.7857,11.1985,0,17.3571-4.3449,17.3571-5.7857a5.7858,5.7858,0,0,1,11.5715,0C178.9286,194.6076,166.4927,202.0714,150,202.0714Z"/><path class="cls-1" d="M225.2143,126.8571a5.7841,5.7841,0,0,1-5.7857-5.7857,11.5715,11.5715,0,0,0-23.1429,0,5.7857,5.7857,0,0,1-11.5714,0,23.1429,23.1429,0,0,1,46.2857,0A5.7842,5.7842,0,0,1,225.2143,126.8571Z"/>
                </svg>
              {{/if}}
              <div>
                {{#if company}}
                  <div class="profile-company">
                    {{company}}
                  </div>
                {{/if}}
                <h4 class="profile-name">
                  {{name}}
                </h4>
              </div>
            </div>
            <div class="profile-description">
              {{aboutMe}}
            </div>
          </div>
          <div class="profile-footer">
            <div class="profile-links">
              {{#if website}}
                <a href="{{website}}" class="profile-link" title="Website">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512">
                    <path fill="#898D9F" d="M248 8C111.03 8 0 119.03 0 256s111.03 248 248 248 248-111.03 248-248S384.97 8 248 8zm82.29 357.6c-3.9 3.88-7.99 7.95-11.31 11.28-2.99 3-5.1 6.7-6.17 10.71-1.51 5.66-2.73 11.38-4.77 16.87l-17.39 46.85c-13.76 3-28 4.69-42.65 4.69v-27.38c1.69-12.62-7.64-36.26-22.63-51.25-6-6-9.37-14.14-9.37-22.63v-32.01c0-11.64-6.27-22.34-16.46-27.97-14.37-7.95-34.81-19.06-48.81-26.11-11.48-5.78-22.1-13.14-31.65-21.75l-.8-.72a114.792 114.792 0 0 1-18.06-20.74c-9.38-13.77-24.66-36.42-34.59-51.14 20.47-45.5 57.36-82.04 103.2-101.89l24.01 12.01C203.48 89.74 216 82.01 216 70.11v-11.3c7.99-1.29 16.12-2.11 24.39-2.42l28.3 28.3c6.25 6.25 6.25 16.38 0 22.63L264 112l-10.34 10.34c-3.12 3.12-3.12 8.19 0 11.31l4.69 4.69c3.12 3.12 3.12 8.19 0 11.31l-8 8a8.008 8.008 0 0 1-5.66 2.34h-8.99c-2.08 0-4.08.81-5.58 2.27l-9.92 9.65a8.008 8.008 0 0 0-1.58 9.31l15.59 31.19c2.66 5.32-1.21 11.58-7.15 11.58h-5.64c-1.93 0-3.79-.7-5.24-1.96l-9.28-8.06a16.017 16.017 0 0 0-15.55-3.1l-31.17 10.39a11.95 11.95 0 0 0-8.17 11.34c0 4.53 2.56 8.66 6.61 10.69l11.08 5.54c9.41 4.71 19.79 7.16 30.31 7.16s22.59 27.29 32 32h66.75c8.49 0 16.62 3.37 22.63 9.37l13.69 13.69a30.503 30.503 0 0 1 8.93 21.57 46.536 46.536 0 0 1-13.72 32.98zM417 274.25c-5.79-1.45-10.84-5-14.15-9.97l-17.98-26.97a23.97 23.97 0 0 1 0-26.62l19.59-29.38c2.32-3.47 5.5-6.29 9.24-8.15l12.98-6.49C440.2 193.59 448 223.87 448 256c0 8.67-.74 17.16-1.82 25.54L417 274.25z"/>
                  </svg>
                  <!--
                  Font Awesome Free 5.1.1 by @fontawesome - https://fontawesome.com
                  License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
                  -->
                </a>
              {{/if}}
              {{#if twitter}}
                <a href="{{twitter}}" class="profile-link" title="Twitter">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                    <path fill="#898D9F" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/>
                  </svg>
                  <!--
                  Font Awesome Free 5.1.1 by @fontawesome - https://fontawesome.com
                  License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
                  -->
                </a>
              {{/if}}
              {{#if facebook}}
                <a href="{{facebook}}" class="profile-link" title="Facebook">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                    <path fill="#898D9F" d="M448 56.7v398.5c0 13.7-11.1 24.7-24.7 24.7H309.1V306.5h58.2l8.7-67.6h-67v-43.2c0-19.6 5.4-32.9 33.5-32.9h35.8v-60.5c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9h-58.4v67.6h58.4V480H24.7C11.1 480 0 468.9 0 455.3V56.7C0 43.1 11.1 32 24.7 32h398.5c13.7 0 24.8 11.1 24.8 24.7z"/>
                  </svg>
                </a>
              {{/if}}
              {{#if instagram}}
                <a href="{{instagram}}" class="profile-link" title="Instagram">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                    <path fill="#898D9F" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/>
                  </svg>
                  <!--
                  Font Awesome Free 5.1.1 by @fontawesome - https://fontawesome.com
                  License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
                  -->
                </a>
              {{/if}}
              {{#if linkedin}}
                <a href="{{linkedin}}" class="profile-link" title="Linkedin">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                    <path fill="#898D9F" d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z"/>
                  </svg>
                  <!--
                  Font Awesome Free 5.1.1 by @fontawesome - https://fontawesome.com
                  License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
                  -->
                </a>
              {{/if}}
              {{#if github}}
                <a href="{{github}}" class="profile-link" title="Github">
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512">
                    <path fill="#898D9F" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/>
                  </svg>
                  <!--
                  Font Awesome Free 5.1.1 by @fontawesome - https://fontawesome.com
                  License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
                  -->
                </a>
              {{/if}}
            </div>
          </div>
        </div>
      </li>
    {{/each}}
  </ul>
  {{#if nav.links}}
    <nav class="pagination" role="navigation" aria-label="Pagination Navigation">
      {{#if nav.links.prev}}
        <button onclick="CobotMemberProfilesWidget.loadNewPage('{{nav.links.prev}}')" aria-label="Previous Page" class="pagination-button pagination-prev active" title="Previous Page">
          <svg aria-hidden="true" data-prefix="fas" data-icon="chevron-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
            <path fill="#898d9f" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"></path>
          </svg>
        </button>
      {{else}}
        <span class="pagination-button pagination-prev"></span>
      {{/if}}
      {{#if nav.showFirst}}
        <button onclick="CobotMemberProfilesWidget.loadNewPage('{{nav.links.first}}')" aria-label="First Page" class="pagination-button">1</button>
      {{/if}}
      {{#if nav.showPrev}}
        <span>…</span>
        <button onclick="CobotMemberProfilesWidget.loadNewPage('{{nav.links.prev}}')" aria-label="Previous Page, Page {{nav.prevPage}}" class="pagination-button">{{nav.prevPage}}</button>
      {{/if}}
      <button onclick="CobotMemberProfilesWidget.loadNewPage('{{nav.links.self}}')" aria-label="Current Page, Page {{nav.current}}" aria-current="true" class="pagination-button">{{nav.current}}</button>
      {{#if nav.showNext}}
        <button onclick="CobotMemberProfilesWidget.loadNewPage('{{nav.links.next}}')" aria-label="Next Page, Page {{nav.nextPage}}" class="pagination-button">{{nav.nextPage}}</button>
        <span>…</span>
      {{/if}}
      {{#if nav.showLast}}
        <button onclick="CobotMemberProfilesWidget.loadNewPage('{{nav.links.last}}')" aria-label="Last Page" class="pagination-button">{{nav.total}}</button>
      {{/if}}
      {{#if nav.links.next}}
        <button onclick="CobotMemberProfilesWidget.loadNewPage('{{nav.links.next}}')" aria-label="Next Page" class="pagination-button pagination-next active"  title="Next Page">
          <svg aria-hidden="true" data-prefix="fas" data-icon="chevron-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
            <path fill="#898D9F" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path>
          </svg>
        </button>
      {{else}}
        <span class="pagination-button pagination-next"></span>
      {{/if}}
    </nav>
  {{/if}}
</script>
<div id="member-profiles-widget"></div>
<div id="member-widget-space-id" data-space-id="3480dcb8d8e0db24712faa9e76a675c9"></div>
<div id="member-widget-access-token" data-access-token="ff89d2aaac875537695541c15e155265c96ce330915b8d705ed7ee0e44745885"></div>
<div id="cobot-api-server-link" data-api-server-link="https://api.cobot.me"></div>
<script>
  var CobotMemberProfilesWidget = (function() {
    var request;
    var apiServerLink = document.querySelector("#cobot-api-server-link").getAttribute('data-api-server-link');
    var token = document.querySelector("#member-widget-access-token").getAttribute('data-access-token');
    var authorizationHeader = 'Bearer ' + token;
    function getPublishedProfilesData(memberProfilesUrl) {
      request = new XMLHttpRequest();
      var spaceUuid = document.querySelector("#member-widget-space-id").getAttribute('data-space-id');
      var url = memberProfilesUrl ? memberProfilesUrl : apiServerLink + '/spaces/' + spaceUuid + '/membership_profiles/published';
      request.open('GET', url);
      request.setRequestHeader('Authorization', authorizationHeader);
      request.setRequestHeader('Accept', 'application/vnd.api+json');
      request.onload = function() {
        if (this.status === 200) {
          var parsedData = JSON.parse(this.response);
          var profiles = parsedData.data.map(function(profile) {
            return profile.attributes;
          });
          profiles.sort(function(a, b) {
            if(a.name === b.name) { return 0 };
            if(a.name < b.name) { return -1 };
            if(a.name > b.name) { return 1 };
          });
          var source = document.getElementById('member-profiles-template').innerHTML;
          var template = Handlebars.compile(source);
          var html = template({ profiles: profiles, nav: getPaginationData(parsedData) });
          document.getElementById('member-profiles-widget').innerHTML = html;
        }
      }
      request.send();
    }
    function getPaginationData(parsedData) {
      var nav = {};
      var navLinks = parsedData.links;
      nav.links = navLinks.first !== navLinks.last ? navLinks : null;
      if (nav.links) {
        nav.total = parsedData.meta.totalPages;
        nav.current = parsedData.meta.currentPage;
        nav.prevPage = nav.links.prev ? nav.current - 1 : null;
        nav.nextPage = nav.links.next ? nav.current + 1 : null;
        nav.showPrev = nav.links.prev && nav.prevPage !== 1;
        nav.showNext = nav.links.next && nav.nextPage !== nav.total;
        nav.showFirst = nav.current !== 1;
        nav.showLast = nav.current !== nav.total;
      }
      return nav;
    }
    getPublishedProfilesData();
    return { loadNewPage: function(url) { getPublishedProfilesData(url) } }
  })();
</script>

  
Close

Sign Up

Would you like to see our space before joining? Come and visit our coworking space. Please fill out the form and our manager will get back asap.