metaverse-agencies.html

---
---
<div class="wrapper home">
  {% include sidebar.html %}
	<section>
    <div class="home-content">
      {% capture content %}{% include partners.md %}{% endcapture %}
      {{ content | markdownify }}
    </div>

    <h3>Provided Services</h3>
    <table>
      <tr>
        <td class="service">
          <span class="tag tag-wearable-design">Wearable Design</span>
        </td>
        <td>
          3D Modeling skills to produce a wearable under the acceptance criteria
          of Decentraland's DAO Curators Committee. Such us hats, t-shirts and
          full-body skins.
        </td>
      </tr>
      <tr>
        <td class="service"><span class="tag tag-architecture">Architecture</span></td>
        <td>
          3D Modeling and SDK Development skills to create objects and spaces
          ready to be placed in your Decentraland scene. Such as art galeries
          and parkour courses.
        </td>
      </tr>
      <tr>
        <td class="service"><span class="tag tag-event-production">Event Production</span></td>
        <td>
          A company of producers that can help you set up an event in a DCL
          venue. They can help find a venue for your needs, customizing the
          scene, promoting the event, doing a live-stream and more.
        </td>
      </tr>
      <tr>
        <td class="service"><span class="tag tag-consulting">Consulting</span></td>
        <td>
          Studios that will guide you through the whole process, from sketching
          ideas to launching your campaign to your audience.
        </td>
      </tr>
      <tr>
        <td class="service"><span class="tag tag-land-rental">Land Rental</span></td>
        <td>
          Land owners offering a place to locate your experience in
          Decentraland's Genesis City.
        </td>
      </tr>
    </table>

    <div class="header partners">
      <h1>Verified Partners</h1>

      <div class="ui dropdown filter">
        Filter
        <i class="dropdown icon"></i>
        <div class="ui vertical accordion menu">
          {% assign scategories = site.data.partner-categories %}
          {% for category in scategories %}
          <div class="item">
            <a class="title">
              {{ category.name }}
              <div class="info">
                <div class="checks"></div>
                <i class="dropdown icon"></i>
              </div>
            </a>
            <div class="content">
              <div class="ui form">
                <div class="grouped fields">
                  {% for type in category.types %}
                  <div class="field">
                    <div class="ui checkbox">
                      <input
                        type="checkbox"
                        name="small"
                        data-category="{{ category.name }}"
                        data-value="{{ type }}"
                      />
                      <label>{{ type }}</label>
                    </div>
                  </div>
                  {% endfor %}
                </div>
              </div>
            </div>
          </div>
          {% endfor %}
          <div class="item actions">
            <button id="clearButton" class="ui basic button inverted">
              Clear
            </button>
            <button id="applyButton" class="ui basic button">Apply</button>
          </div>
        </div>
      </div>
    </div>

    {% assign spartners = site.data.partners | sort: 'name' %} {% for partner in
    spartners %} {% assign services = partner.tags | join: ';' %} {% assign
    languages = partner.languages | join: ';' %} {% assign payments =
    partner.payments | join: ';' %}
    <div
      class="providerContainer"
      data-service="{{ services }}"
      data-language="{{ languages }}"
      data-payment="{{ payments }}"
      data-region="{{ partner.region }}"
      data-size="{{ partner.team_size }}"
    >
      <div
        class="providerImage"
        style="background: url('{{ partner.image }}');background-size: contain;background-position: center;background-repeat: no-repeat;"
      >
        <a href="{{ partner.default_link }}" target="_blank"></a>
      </div>
      <div class="textContainer">
        <h3 style="margin:0;margin-bottom:0.2rem;">
          <a href="{{ partner.default_link }}" target="_blank"
            >{{ partner.name }}</a
          >
        </h3>
        <div class="meta">
          <div class="tags">
            {% assign stags = partner.tags | sort %} {% for tag in stags %}
            <span class="tag tag-{{ tag | slugify }}">{{ tag }}</span>
            {% endfor %}
          </div>
          <div class="links">
            {% if partner.website %}<a
              href="{{ partner.website }}"
              title="website"
              class="social-icon"
              >{% include social-icon.html icon="Website" %}</a
            >{% endif %} {% if partner.email %}<a
              href="mailto:{{ partner.email }}"
              title="email"
              class="social-icon"
              >{% include social-icon.html icon="Email" %}</a
            >{% endif %} {% if partner.discord %}<a
              href="{{ partner.discord }}"
              title="discord"
              class="social-icon"
              >{% include social-icon.html icon="Discord" %}</a
            >{% endif %} {% if partner.twitter %}<a
              href="{{ partner.twitter }}"
              title="twitter"
              class="social-icon"
              >{% include social-icon.html icon="Twitter" %}</a
            >{% endif %} {% if partner.instagram %}<a
              href="{{ partner.instagram }}"
              title="instagram"
              class="social-icon"
              >{% include social-icon.html icon="Instagram" %}</a
            >{% endif %} {% if partner.linkedin %}<a
              href="{{ partner.linkedin }}"
              title="linkedin"
              class="social-icon"
              >{% include social-icon.html icon="Linkedin" %}</a
            >{% endif %} {% if partner.vimeo %}<a
              href="{{ partner.vimeo }}"
              title="vimeo"
              class="social-icon"
              >{% include social-icon.html icon="Vimeo" %}</a
            >{% endif %} {% if partner.soundcloud %}<a
              href="{{ partner.soundcloud }}"
              title="soundcloud"
              class="social-icon"
              >{% include social-icon.html icon="Soundcloud" %}</a
            >{% endif %}
          </div>
        </div>
        <input
          type="checkbox"
          id="partner-{{ partner.partnerId }}"
          class="read-more-state"
        />
        <p>{{ partner.description }}</p>
        <table>
          <tr class="region" data-continent="{{ partner.region }}">
            <td>Region</td>
            <td>{{ partner.location }}</td>
          </tr>
          <tr>
            <td>Team size</td>
            <td>{{ partner.team_size }}</td>
          </tr>
          <tr>
            <td>Languages</td>
            <td>{{ partner.languages | join: ", " }}</td>
          </tr>
          <tr>
            <td>Payment methods</td>
            <td>{{ partner.payments | join: ", " }}</td>
          </tr>
        </table>
        <label
          class="read-more-trigger"
          for="partner-{{ partner.partnerId }}"
        ></label>
      </div>
    </div>
    {% endfor %}

    <p class="attribution">
      This registry is lead by an independant team supported by
      <a
        href="https://governance.decentraland.org/proposal/?id=81af5b00-02e6-11ed-8f44-ef1722f0509f"
        >Decentraland’s DAO</a
      >. If your organization is not on this list and you have experience
      building content for Decentraland, please
      <a href="https://dclstudios.typeform.com/to/L49y84qX"
        >fill out this form</a
      >.
    </p>

    {% include newsletter.html %} {%- comment -%} {% include override-color.html
    accent_color="#ff2d55" %} {%- endcomment -%} {% include override-color.html
    accent_color="#f05" %} {% include copy-code.html %}
  </section>
</div>

<script src="{{ site.baseurl }}/js/partnerFilters.js"></script>
<script>
  $(".ui.dropdown").dropdown({
    onHide: () => isDropdownHideable(),
  })
  $(".ui.accordion").accordion()

  const FILTER = $(".ui.dropdown.filter")
  const CHECKBOXS = $(".ui.dropdown.filter .field input")
  const PARTNER_CARDS = $(".providerContainer")
  const CHECK_COUNTERS = $(".ui.dropdown.filter .info > .checks")

  CHECKBOXS.on('click', ({ target }) => {
    handleCheckboxClick($(target))
  })

  $(document).on("click", ({ target }) => {
    const $target = $(target)
    const isIconSelected = $target.is(".ui.dropdown.filter > .dropdown.icon")
    const isDropdownSelected = $target.is(".ui.dropdown.filter")
    const isDropdownChildSelected = $target.is(".ui.dropdown.filter *")
    const isDropdownVisible =
      FILTER.hasClass("visible") &&
      FILTER.hasClass("active")
    const isCheckboxSectionSelected =
      $target.is(".ui.dropdown.filter .field") ||
      $target.is(".ui.dropdown.filter .field *")

    if (isIconSelected || isDropdownSelected) {
      if (isDropdownVisible) {
        hideDropdown(FILTER)
      } else {
        setIsDropdownHideable(false)
      }
    } else if (!isDropdownChildSelected) {
      hideDropdown(FILTER)
    }

    if (isCheckboxSectionSelected) {
      let checkbox = $target.find("input").first()
      if (checkbox.length === 0) {
        checkbox = $target.siblings("input").first()
      }

      handleCheckboxSectionClick(checkbox)
    }
  })

  $("#applyButton").unbind().click(() => applyFilters(FILTER, PARTNER_CARDS))
  $("#clearButton").unbind().click(() => clearFilters(CHECKBOXS, CHECK_COUNTERS))
</script>