Add team layout

This commit is contained in:
Oskar Thoren 2020-04-16 13:47:03 +08:00
parent 20057f8ba2
commit e04b50f5fe
No known key found for this signature in database
GPG Key ID: B2ECCFD3BC2EF77E
1 changed files with 19 additions and 15 deletions

View File

@ -193,21 +193,25 @@ layout: default
</div>
<div class="row">
{% for author in site.authors %}
<div class="col-xl-4 col-lg-5 col-md-6 mr-auto ml-auto text-center">
<div class="team-holder">
<img src="/assets/img/{{ author.image }}" class="picture" alt="{{ author.name }}">
<p class="name"><a href="/authors/{{ author.short_name }}">{{ author.name }}</a></p>
<ul>
<li><a href="https://github.com/{{ author.github }}" target="_blank"><svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0411 28.2629C12.0411 28.4081 11.8742 28.5242 11.6637 28.5242C11.4242 28.546 11.2573 28.4298 11.2573 28.2629C11.2573 28.1177 11.4242 28.0016 11.6347 28.0016C11.8524 27.9798 12.0411 28.096 12.0411 28.2629ZM9.78387 27.9363C9.73306 28.0815 9.87823 28.2484 10.096 28.2919C10.2847 28.3645 10.5024 28.2919 10.546 28.1468C10.5895 28.0016 10.4516 27.8347 10.2339 27.7694C10.0452 27.7186 9.83468 27.7911 9.78387 27.9363ZM12.9919 27.8129C12.7815 27.8637 12.6363 28.0016 12.6581 28.1686C12.6798 28.3137 12.8685 28.4081 13.0863 28.3573C13.2968 28.3065 13.4419 28.1686 13.4202 28.0234C13.3984 27.8855 13.2024 27.7911 12.9919 27.8129ZM17.7677 0C7.70081 0 0 7.64274 0 17.7097C0 25.7589 5.06613 32.6468 12.3024 35.071C13.2315 35.2379 13.5581 34.6645 13.5581 34.1927C13.5581 33.7427 13.5363 31.2605 13.5363 29.7363C13.5363 29.7363 8.45565 30.825 7.38871 27.5734C7.38871 27.5734 6.56129 25.4613 5.37097 24.9169C5.37097 24.9169 3.70887 23.7774 5.4871 23.7992C5.4871 23.7992 7.29435 23.9444 8.28871 25.6718C9.87823 28.4734 12.5419 27.6677 13.5798 27.1887C13.7468 26.0274 14.2185 25.2218 14.7411 24.7427C10.6839 24.2927 6.59032 23.7048 6.59032 16.7226C6.59032 14.7266 7.14194 13.725 8.30323 12.4476C8.11452 11.9758 7.49758 10.0306 8.49193 7.51936C10.0089 7.04758 13.5 9.47903 13.5 9.47903C14.9516 9.07258 16.5121 8.8621 18.0581 8.8621C19.604 8.8621 21.1645 9.07258 22.6161 9.47903C22.6161 9.47903 26.1073 7.04032 27.6242 7.51936C28.6185 10.0379 28.0016 11.9758 27.8129 12.4476C28.9742 13.7323 29.6855 14.7339 29.6855 16.7226C29.6855 23.7266 25.4105 24.2855 21.3532 24.7427C22.021 25.3161 22.5871 26.4048 22.5871 28.1105C22.5871 30.5565 22.5653 33.5831 22.5653 34.1782C22.5653 34.65 22.8992 35.2234 23.821 35.0565C31.079 32.6468 36 25.7589 36 17.7097C36 7.64274 27.8347 0 17.7677 0ZM7.05484 25.0331C6.96048 25.1056 6.98226 25.2726 7.10565 25.4105C7.22177 25.5266 7.38871 25.5774 7.48306 25.4831C7.57742 25.4105 7.55564 25.2436 7.43226 25.1056C7.31613 24.9895 7.14919 24.9387 7.05484 25.0331ZM6.27097 24.4452C6.22016 24.5395 6.29274 24.6557 6.4379 24.7282C6.55403 24.8008 6.69919 24.779 6.75 24.6774C6.80081 24.5831 6.72823 24.4669 6.58306 24.3944C6.4379 24.3508 6.32177 24.3726 6.27097 24.4452ZM8.62258 27.029C8.50645 27.1234 8.55 27.3411 8.71694 27.479C8.88387 27.646 9.09435 27.6677 9.18871 27.5516C9.28306 27.4573 9.23952 27.2395 9.09435 27.1016C8.93468 26.9347 8.71694 26.9129 8.62258 27.029ZM7.79516 25.9621C7.67903 26.0347 7.67903 26.2234 7.79516 26.3903C7.91129 26.5573 8.10726 26.6298 8.20161 26.5573C8.31774 26.4629 8.31774 26.2742 8.20161 26.1073C8.1 25.9403 7.91129 25.8677 7.79516 25.9621Z" fill="#121212"/></svg></a></li>
<li><a href="https://twitter.com/{{ author.twitter }}" target="_blank"><svg width="36" height="30" viewBox="0 0 36 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32.2996 7.28679C32.3224 7.60657 32.3224 7.92643 32.3224 8.24621C32.3224 18 24.8986 29.2386 11.33 29.2386C7.14975 29.2386 3.26652 28.0279 0 25.9265C0.593932 25.995 1.16494 26.0178 1.78173 26.0178C5.23092 26.0178 8.4061 24.8529 10.9417 22.8656C7.69798 22.797 4.97969 20.6726 4.04313 17.7488C4.50002 17.8172 4.95684 17.863 5.43658 17.863C6.099 17.863 6.76149 17.7715 7.3782 17.6117C3.99749 16.9264 1.46187 13.9569 1.46187 10.3706V10.2792C2.44407 10.8275 3.5863 11.1701 4.79688 11.2157C2.80956 9.89082 1.50758 7.62943 1.50758 5.07103C1.50758 3.70049 1.87299 2.44414 2.51263 1.34768C6.14463 5.82485 11.6041 8.74866 17.7259 9.06852C17.6117 8.52029 17.5431 7.94928 17.5431 7.3782C17.5431 3.31215 20.8325 5.14986e-08 24.9213 5.14986e-08C27.0457 5.14986e-08 28.9644 0.890863 30.3122 2.32995C31.9797 2.01017 33.5786 1.39339 34.9949 0.548229C34.4467 2.26147 33.2817 3.70056 31.7513 4.6142C33.2361 4.45438 34.6752 4.04312 36 3.47211C34.9951 4.93399 33.7387 6.23597 32.2996 7.28679Z" fill="#121212"/></svg></a></li>
</ul>
</div>
</div>
{% endfor %}
<!-- TODO: Probably need better design for this <p><a href="{{ member.statusLink }}" style="color: #939ba1;">{{ member.statusName }}</a></p> -->
<!-- TODO: Make clickable author with short_name to author page. Ideally it is using team data not author data -->
{% for member in site.data.team %}
<div class="col-xl-4 col-lg-5 col-md-6 mr-auto ml-auto text-center">
<div class="team-holder">
<img src="/assets/img/{{ member.image }}" class="picture" alt="{{ member.name }}">
<!--<p class="name"> <a href="/authors/{{ author.short_name }}">{{ author.name }}</a></p>-->
<p class="name">{{ member.name }}</p>
<p><a href="{{ member.statusLink }}" style="color: #939ba1;">{{ member.statusName }}</a></p>
<ul>
<li><a href="https://github.com/{{ member.github }}" target="_blank"><svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0411 28.2629C12.0411 28.4081 11.8742 28.5242 11.6637 28.5242C11.4242 28.546 11.2573 28.4298 11.2573 28.2629C11.2573 28.1177 11.4242 28.0016 11.6347 28.0016C11.8524 27.9798 12.0411 28.096 12.0411 28.2629ZM9.78387 27.9363C9.73306 28.0815 9.87823 28.2484 10.096 28.2919C10.2847 28.3645 10.5024 28.2919 10.546 28.1468C10.5895 28.0016 10.4516 27.8347 10.2339 27.7694C10.0452 27.7186 9.83468 27.7911 9.78387 27.9363ZM12.9919 27.8129C12.7815 27.8637 12.6363 28.0016 12.6581 28.1686C12.6798 28.3137 12.8685 28.4081 13.0863 28.3573C13.2968 28.3065 13.4419 28.1686 13.4202 28.0234C13.3984 27.8855 13.2024 27.7911 12.9919 27.8129ZM17.7677 0C7.70081 0 0 7.64274 0 17.7097C0 25.7589 5.06613 32.6468 12.3024 35.071C13.2315 35.2379 13.5581 34.6645 13.5581 34.1927C13.5581 33.7427 13.5363 31.2605 13.5363 29.7363C13.5363 29.7363 8.45565 30.825 7.38871 27.5734C7.38871 27.5734 6.56129 25.4613 5.37097 24.9169C5.37097 24.9169 3.70887 23.7774 5.4871 23.7992C5.4871 23.7992 7.29435 23.9444 8.28871 25.6718C9.87823 28.4734 12.5419 27.6677 13.5798 27.1887C13.7468 26.0274 14.2185 25.2218 14.7411 24.7427C10.6839 24.2927 6.59032 23.7048 6.59032 16.7226C6.59032 14.7266 7.14194 13.725 8.30323 12.4476C8.11452 11.9758 7.49758 10.0306 8.49193 7.51936C10.0089 7.04758 13.5 9.47903 13.5 9.47903C14.9516 9.07258 16.5121 8.8621 18.0581 8.8621C19.604 8.8621 21.1645 9.07258 22.6161 9.47903C22.6161 9.47903 26.1073 7.04032 27.6242 7.51936C28.6185 10.0379 28.0016 11.9758 27.8129 12.4476C28.9742 13.7323 29.6855 14.7339 29.6855 16.7226C29.6855 23.7266 25.4105 24.2855 21.3532 24.7427C22.021 25.3161 22.5871 26.4048 22.5871 28.1105C22.5871 30.5565 22.5653 33.5831 22.5653 34.1782C22.5653 34.65 22.8992 35.2234 23.821 35.0565C31.079 32.6468 36 25.7589 36 17.7097C36 7.64274 27.8347 0 17.7677 0ZM7.05484 25.0331C6.96048 25.1056 6.98226 25.2726 7.10565 25.4105C7.22177 25.5266 7.38871 25.5774 7.48306 25.4831C7.57742 25.4105 7.55564 25.2436 7.43226 25.1056C7.31613 24.9895 7.14919 24.9387 7.05484 25.0331ZM6.27097 24.4452C6.22016 24.5395 6.29274 24.6557 6.4379 24.7282C6.55403 24.8008 6.69919 24.779 6.75 24.6774C6.80081 24.5831 6.72823 24.4669 6.58306 24.3944C6.4379 24.3508 6.32177 24.3726 6.27097 24.4452ZM8.62258 27.029C8.50645 27.1234 8.55 27.3411 8.71694 27.479C8.88387 27.646 9.09435 27.6677 9.18871 27.5516C9.28306 27.4573 9.23952 27.2395 9.09435 27.1016C8.93468 26.9347 8.71694 26.9129 8.62258 27.029ZM7.79516 25.9621C7.67903 26.0347 7.67903 26.2234 7.79516 26.3903C7.91129 26.5573 8.10726 26.6298 8.20161 26.5573C8.31774 26.4629 8.31774 26.2742 8.20161 26.1073C8.1 25.9403 7.91129 25.8677 7.79516 25.9621Z" fill="#121212"/></svg></a></li>
{% if member.twitter %}
<li><a href="https://twitter.com/{{ member.twitter }}" target="_blank"><svg width="36" height="30" viewBox="0 0 36 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M32.2996 7.28679C32.3224 7.60657 32.3224 7.92643 32.3224 8.24621C32.3224 18 24.8986 29.2386 11.33 29.2386C7.14975 29.2386 3.26652 28.0279 0 25.9265C0.593932 25.995 1.16494 26.0178 1.78173 26.0178C5.23092 26.0178 8.4061 24.8529 10.9417 22.8656C7.69798 22.797 4.97969 20.6726 4.04313 17.7488C4.50002 17.8172 4.95684 17.863 5.43658 17.863C6.099 17.863 6.76149 17.7715 7.3782 17.6117C3.99749 16.9264 1.46187 13.9569 1.46187 10.3706V10.2792C2.44407 10.8275 3.5863 11.1701 4.79688 11.2157C2.80956 9.89082 1.50758 7.62943 1.50758 5.07103C1.50758 3.70049 1.87299 2.44414 2.51263 1.34768C6.14463 5.82485 11.6041 8.74866 17.7259 9.06852C17.6117 8.52029 17.5431 7.94928 17.5431 7.3782C17.5431 3.31215 20.8325 5.14986e-08 24.9213 5.14986e-08C27.0457 5.14986e-08 28.9644 0.890863 30.3122 2.32995C31.9797 2.01017 33.5786 1.39339 34.9949 0.548229C34.4467 2.26147 33.2817 3.70056 31.7513 4.6142C33.2361 4.45438 34.6752 4.04312 36 3.47211C34.9951 4.93399 33.7387 6.23597 32.2996 7.28679Z" fill="#121212"/></svg></a></li>
{% endif %}
</ul>
</div>
</div>
{% endfor %}
</div>
</div>
</section>
</section>