ghost-theme/page-about.hbs

{{!< default}}

<div class="absolute inset-0 pt-32 opacity-10 h-5/6">
  {{> extras/super }}
</div>

<article class="relative">

  {{> aboutHeader }}

  <div class="w-default">

{{!--       <div class="w-default mt-20 my-0 grid grid-cols-1 lg:grid-cols-2 gap-10 mb-10 flex flex-col shadow-xl">
        <div class="relative">
          <h2 class="text-4xl pl-5 mb-5 font-bold text-blue-600 border-l-4 border-blue-500">What
            is Speckle?</h2>
          <p class=" pl-5 text-2xl text-gray-800 dark:text-gray-400">
            <b>Speckle is open source digital
              infrastructure
              for
              the built environment.</b> We handle
            interoperability
            between software silos, real time
            collaboration,
            data management, versioning and automation.
          </p>
          <div class="relative mt-4 rounded-2xl overflow-hidden flex col-span-1 transition hover:shadow-2xl p-5 py-5 ">
            <a href="/usecases" class="flex w-full h-full">
              <div class="block self-center">
                <div class="text-xl font-semibold text-blue-600">
                  Use cases →
                </div>
              </div>
            </a>
          </div>
        </div>
      </div>

      <div class="page-about-content w-3/3 md:w-2/3 ml-auto mr-0 mt-12 text-gray-700 dark:text-gray-300 text-left pr-5">
         <h2 class="text-4xl pl-5 mb-5 font-bold text-blue-600 border-l-4 border-blue-500">What
            is our mission?</h2>
        <p class="text-2xl md:text-4xl">
          Our mission is to revolutionise the AEC
          industry's
          digital performance and accelerate the pace of
          innovation.
        </p>
        <div class="relative rounded-2xl mt-12 overflow-hidden flex col-span-1 transition hover:shadow-2xl p-5 py-10 bg-white dark:bg-gray-900">
          <a href="/developers" class="flex w-full h-full">
            <div class="block self-center">
              <div class="text-3xl font-semibold text-blue-600">
                For Developers →
              </div>
              <p class="dark:text-gray-300">Want to build
                the
                pipelines and apps modern AEC companies
                need?
                Read on.</p>
            </div>
          </a>
        </div>

      </div> --}}

  </div>

  <div class="w-default mt-20 text-gray-700 dark:text-gray-300 text-center">
    <h2 class="text-4xl mb-5 font-bold">Team</h2>
    <p class="max-w-prose mx-auto">Meet the full time
      Specklers! We're a remote team based around the
      world: London & Barcelona.</p>
    <div class="grid grid-cols-1 sm:grid-cols-2 gap-20 md:gap-10 my-20 text-left">

      {{#get 'authors' limit='all' include='count.posts' order='count.posts desc' filter="slug:-speckle"}}
        {{#foreach authors}}

          <div class="flex items-center space-x-4 lg:space-x-6">
            <img class="w-20 h-20 rounded-full lg:w-20 lg:h-20 shadow-2xl"
              src="{{profile_image}}" alt="">
            <div class="font-medium text-2xl leading-6 space-y-1 dark:text-gray-300">
              <h3>{{name}}</h3>
              <h3 class="text-blue-600 text-lg">{{location}}</h3>
              <p class="font-normal text-gray-500 text-sm max-w-sm">
                {{bio}}
              </p>
            </div>
          </div>

        {{/foreach}}
      {{/get}}

    </div>
  </div>

  <div class="px-5 mt-20 sm:px-10 md:mx-auto max-w-4xl">

    <div class="relative h-screen/4 rounded-2xl overflow-hidden transition hover:shadow-2xl p-5 flex justify-center text-center">
      <a href="/careers" class="flex w-full h-full">
        <div class="block self-center w-full">
          <div class="text-3xl font-semibold text-blue-600">
            Careers →
          </div>
          <p class="dark:text-gray-300">Want to join the
            team? Check out our open positions.</p>
        </div>
      </a>
    </div>

    {{!-- TODO --}}

    {{!--     <div class="relative h-screen/4 rounded-2xl overflow-hidden transition hover:shadow-2xl p-5 flex justify-center text-center">
      <a href="/careers" class="flex w-full h-full">
        <div class="block self-center w-full">
          <div class="text-3xl font-semibold text-blue-600">
            Press →
          </div>
          <p class="dark:text-gray-300">Want to showcase Speckle? Start here.</p>
        </div>
      </a>
    </div> --}}

  </div>

  {{> extras/companyDetails}}

</article>


{{!-- {{> extras/patterns}} --}}