vac.dev-experimental-old/index.html

720 lines
32 KiB
HTML

---
layout: default
---
<section
class="
intro
container
max-w-screen-xl
flex flex-col
sm:flex-row
pt-10
pb-8
lg:py-10
border-b
"
>
<div class="heading-block w-full sm:w-2/12 lg:w-3/12"></div>
<div class="info-block w-full sm:w-10/12 lg:w-9/12">
<h1 class="text-xl md:text-xxl mb-10 sm:max-w-md lg:max-w-xl">
VAC researches peer-to-peer, private, censorship resistant communication.
</h1>
<a class="link link--external" href="https://vac.dev/" target="_blank"
>See VAC openings</a
>
</div>
</section>
<section
id="work"
class="
work
container
max-w-screen-xl
flex flex-col
sm:flex-row
py-10
border-b
l:pb-16
"
>
<div class="heading-block w-full sm:w-2/12 lg:w-3/12">
<h2 class="text-sm font-semibold mb-6 s:text-center lg:text-center">
Work
</h2>
</div>
<div class="info-block w-full sm:w-10/12 lg:w-9/12">
<p class="section__text text-s lg:text-base italic mb-6 l:max-w-md l:mb-16">
Building protocols and products at all layers of the stack including
underlying transports, p2p overlays and routing, initial trust
establishment, and semantics for things like group chat.
</p>
<div class="work__cards container s:mx-auto flex flex-col sm:flex-row">
<div
class="
work__card
group
flex flex-col
items-center
border
pt-5
p-4
lg:p-8 lg:pb-10
mb-8
sm:mr-5 sm:mb-0
hover:bg-black
transition
duration-500
"
>
<svg
width="129"
height="128"
viewBox="0 0 129 128"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="
mb-2
lg:mb-8
w-16
h-16
lg:w-32 lg:h-32
fill-current
group-hover:text-white
"
>
<g clip-path="url(#clip0)">
<path
d="M8.30241 92.0189C7.36013 92.0189 6.41784 91.5307 5.89016 90.6668C5.09864 89.3147 5.51325 87.587 6.87014 86.7983C7.05859 86.6856 23.4544 76.8077 36.4956 64.1128C22.9267 50.8922 7.13398 41.3898 6.94552 41.2772C5.58863 40.4884 5.17402 38.7607 5.96554 37.4086C6.75706 36.0565 8.49087 35.6434 9.84776 36.4321C10.5639 36.8828 28.015 47.3241 42.5262 62.1222C43.5816 63.2114 43.5816 64.9767 42.5262 66.0659C28.6935 80.2255 10.5639 91.1551 9.77238 91.6434C9.32008 91.8687 8.83009 92.0189 8.30241 92.0189Z"
class="text-black group-hover:text-white"
/>
<path
d="M120.774 92.0189C120.284 92.0189 119.794 91.9062 119.304 91.6057C118.55 91.155 100.383 80.2254 86.5498 66.0282C85.4945 64.939 85.4945 63.1738 86.5498 62.0846C101.023 47.2865 118.474 36.8451 119.228 36.3944C120.585 35.6057 122.319 36.0189 123.11 37.371C123.902 38.7231 123.487 40.4508 122.131 41.2395C121.98 41.3522 106.149 50.817 92.5804 64.0752C105.622 76.77 122.055 86.6855 122.206 86.7606C123.525 87.5494 123.977 89.2771 123.186 90.6292C122.658 91.5306 121.716 92.0189 120.774 92.0189Z"
class="text-black group-hover:text-white"
/>
<path
d="M64.462 42.8919C63.7459 42.8919 63.0298 42.629 62.5021 42.1032C48.2924 28.3192 37.3242 10.2534 36.8342 9.4647C36.0427 8.11258 36.495 6.38488 37.8142 5.59615C39.1334 4.80742 40.8672 5.22056 41.6964 6.57268C41.8095 6.76047 51.7223 23.0985 64.462 36.0938C77.7294 22.5727 87.2653 6.83559 87.3784 6.64779C88.1699 5.29568 89.9037 4.88254 91.2606 5.67127C92.5798 6.46 93.0321 8.1877 92.2406 9.53981C91.7883 10.291 81.3101 27.6431 66.4597 42.1032C65.8943 42.5915 65.1782 42.8919 64.462 42.8919Z"
class="text-black group-hover:text-white"
/>
<path
d="M39.2842 122.854C38.7942 122.854 38.3042 122.742 37.8142 122.441C36.495 121.652 36.0427 119.925 36.8342 118.573C37.2865 117.821 48.2924 99.7181 62.5021 85.934C63.5951 84.8824 65.3666 84.8824 66.4597 85.934C81.3101 100.357 91.7883 117.746 92.2406 118.497C93.0321 119.849 92.6175 121.577 91.2606 122.366C89.9414 123.155 88.1699 122.742 87.3784 121.389C87.2653 121.239 77.7671 105.465 64.462 91.9434C51.7223 104.939 41.7718 121.314 41.6964 121.465C41.1688 122.366 40.2265 122.854 39.2842 122.854Z"
class="text-black group-hover:text-white"
/>
<path
d="M125.56 59.5304C123.751 59.5304 103.925 59.4177 84.401 54.3473C82.931 53.9717 82.0264 52.4694 82.3656 50.967C86.8509 31.737 96.7261 12.9952 97.1784 12.244C97.8945 10.8544 99.6283 10.3661 100.985 11.0797C102.38 11.7933 102.907 13.521 102.154 14.8731C102.078 15.0609 93.1454 31.9623 88.547 49.5774C106.978 53.9342 125.296 53.8966 125.673 53.9342C127.218 53.9342 128.5 55.1736 128.5 56.7511C128.5 58.3285 127.256 59.568 125.673 59.568C125.635 59.5304 125.598 59.5304 125.56 59.5304Z"
class="text-black group-hover:text-white"
/>
<path
d="M29.4847 117.296C29.0324 117.296 28.5801 117.183 28.1655 116.958C26.7709 116.244 26.2809 114.516 26.9971 113.164C27.0724 113.014 35.7038 96.7134 40.4906 78.4223C22.8133 74.2908 3.70377 74.2157 3.36455 74.2157C1.78151 74.2157 0.5 72.9387 0.5 71.3988C0.5 69.8589 1.74382 68.5819 3.32686 68.5819C4.26914 68.4693 25.4517 68.5819 44.6366 73.6148C46.1066 73.9904 47.0112 75.4927 46.672 76.9951C41.9229 97.1265 32.4246 115.042 32.01 115.793C31.4823 116.732 30.5024 117.296 29.4847 117.296Z"
class="text-black group-hover:text-white"
/>
<path
d="M76.5614 46.0848C75.3176 46.0848 74.1868 45.2585 73.8476 44.019C68.4954 25.0143 68.1185 3.8688 68.1185 2.96739C68.0808 1.42748 69.3246 0.150489 70.9077 0.11293H70.9454C72.4907 0.11293 73.7345 1.35237 73.7722 2.89227C73.7722 3.08007 74.1114 22.1974 78.5967 39.8125C96.877 34.7796 113.084 25.9157 113.235 25.8031C114.592 25.0519 116.326 25.5402 117.08 26.8923C117.833 28.2444 117.343 29.9721 115.987 30.7233C115.233 31.1364 97.4047 40.9017 77.2775 45.9721C77.0137 46.0472 76.7875 46.0848 76.5614 46.0848Z"
class="text-black group-hover:text-white"
/>
<path
d="M58.2052 127.85C56.6598 127.85 55.416 126.611 55.3783 125.071C55.3783 124.883 55.0768 106.479 50.4031 88.1504C32.8012 93.033 15.9908 102.197 15.8401 102.272C14.4832 103.024 12.7494 102.535 11.9955 101.183C11.2417 99.8312 11.7317 98.1035 13.0886 97.3523C13.8801 96.9392 32.4997 86.7608 51.7223 81.9908C53.2299 81.6152 54.7376 82.5166 55.1145 83.9814C60.6551 103.888 60.9943 124.169 60.9943 125.033C61.032 126.535 59.7882 127.812 58.2052 127.85Z"
class="text-black group-hover:text-white"
/>
<path
d="M52.8914 45.8215C52.6275 45.8215 52.4014 45.784 52.1376 45.7089C33.028 40.4506 14.6346 29.8966 13.8808 29.4459C12.5239 28.6572 12.0716 26.9295 12.8631 25.5774C13.6169 24.2628 15.3507 23.7746 16.7076 24.5633C16.8961 24.676 33.4803 34.2159 50.9314 39.5117C56.0198 21.2957 56.7359 2.92951 56.7736 2.70416C56.849 1.16425 58.2059 -0.112743 59.7135 -6.72434e-05C61.2589 0.0374914 62.5027 1.35205 62.4273 2.92951C62.3896 3.7558 61.5981 24.0375 55.5675 43.8309C55.2283 45.0328 54.0975 45.8215 52.8914 45.8215Z"
class="text-black group-hover:text-white"
/>
<path
d="M69.4756 128C69.4379 128 69.4002 128 69.3625 128C67.8172 127.925 66.5734 126.648 66.6488 125.071C66.6865 124.169 67.5534 103.061 73.3578 84.1692C73.8101 82.7044 75.3555 81.8781 76.8254 82.2913C96.8019 87.8124 114.404 97.9908 115.158 98.4415C116.514 99.2302 116.967 100.958 116.175 102.31C115.384 103.662 113.65 104.113 112.293 103.324C112.142 103.211 96.1611 94.0096 77.9939 88.526C73.1317 106.028 72.3402 125.146 72.3025 125.334C72.2648 126.798 70.9833 128 69.4756 128Z"
class="text-black group-hover:text-white"
/>
<path
d="M3.43993 59.2676C3.36455 59.2676 3.32685 59.2676 3.28916 59.2676C1.74382 59.2676 0.5 57.9906 0.5 56.4507C0.5 54.9108 1.74382 53.7089 3.32685 53.6338C3.36455 53.6338 22.7002 53.6338 40.4906 49.5399C35.7791 31.2113 27.1855 14.9108 27.1101 14.7606C26.3563 13.3709 26.884 11.6807 28.2786 10.9296C29.6731 10.216 31.3693 10.7418 32.0854 12.0939C32.5 12.8451 41.9605 30.7981 46.6343 50.9296C46.9735 52.4319 46.0689 53.8967 44.5989 54.3098C26.0171 59.1549 5.47526 59.2676 3.43993 59.2676Z"
class="text-black group-hover:text-white"
/>
<path
d="M99.4777 117.371C98.4601 117.371 97.4801 116.807 96.9901 115.868C96.5755 115.08 86.738 96.3378 82.2904 77.1077C81.9512 75.6054 82.8558 74.1406 84.3258 73.765C104.415 68.6195 124.806 68.6946 125.598 68.657C127.143 68.657 128.425 69.934 128.425 71.4739C128.425 73.0138 127.143 74.2908 125.598 74.2908C125.598 74.2908 125.598 74.2908 125.522 74.2908C124.316 74.2908 106.375 74.3659 88.4341 78.535C92.9948 96.1124 101.89 113.089 101.965 113.239C102.681 114.629 102.154 116.319 100.797 117.033C100.382 117.258 99.93 117.371 99.4777 117.371Z"
class="text-black group-hover:text-white"
/>
</g>
<defs>
<clipPath id="clip0">
<rect
width="128"
height="128"
fill="white"
transform="translate(0.5)"
/>
</clipPath>
</defs>
</svg>
<p
class="
work__heading
mb-2
lg:mb-6 lg:uppercase
font-bold
text-l
lg:text-xxl
group-hover:text-white
"
>
Waku
</p>
<p
class="
work__text
text-s
lg:text-base
mb-3
lg:mb-6
opacity-75
text-left
max-w-screen-xxs
group-hover:text-white
"
>
A gossip based messaging protocol for private, secure, p2p messaging
with implementations written in go, nim, java script.
</p>
<div class="work__link container flex justify-start">
<a
class="link link--external group-hover:text-white"
href="https://vac.dev/"
target="_blank"
>Visit Vaku</a
>
</div>
</div>
<div
class="
work__card
group
flex flex-col
items-center
border
pt-5
p-4
lg:p-8 lg:pb-10
hover:bg-black
transition
duration-500
"
>
<svg
width="122"
height="128"
viewBox="0 0 122 128"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="
mb-2
lg:mb-8
w-16
h-16
lg:w-32 lg:h-32
fill-current
group-hover:text-peach
"
>
<g clip-path="url(#clip0)">
<path
d="M94.8411 18.5049C84.1409 12.4361 73.7415 6.5383 63.342 0.640469C61.5801 -0.342502 59.8612 -0.171551 58.1423 0.811421C39.1483 11.6668 20.1543 22.4795 1.20324 33.335C0.60162 33.6769 0.0429729 34.6598 0.0429729 35.3436C0 57.0118 -0.0429729 78.6371 0.0859458 100.262C0.0859458 101.673 1.16027 103.682 2.32054 104.365C12.5481 110.391 22.9045 116.161 33.261 122.016C33.347 122.059 33.5188 122.016 33.9915 122.016C33.9915 121.204 33.9915 120.349 33.9915 119.537C33.9915 98.2538 34.0345 77.0131 33.9486 55.7296C33.9486 53.7209 34.6791 52.7807 36.3121 51.8832C55.3491 41.1133 74.3431 30.3006 93.3371 19.4879C93.7238 19.2742 94.1536 18.975 94.8411 18.5049Z"
class="text-black group-hover:text-peach"
/>
<path
d="M77.9092 128C77.9092 127.017 77.9092 126.205 77.9092 125.436C77.9092 110.563 77.9522 95.6906 77.8662 80.7751C77.8662 78.8518 78.4249 77.8261 80.1438 76.8859C93.3794 69.4922 106.529 61.9704 119.722 54.4912C120.366 54.1493 120.968 53.7647 121.742 53.2946C121.398 52.9954 121.183 52.739 120.882 52.568C112.287 47.6532 103.65 42.7811 95.0983 37.7807C92.5629 36.2849 90.3713 36.2422 87.75 37.738C74.9441 45.1316 62.0522 52.3971 49.1603 59.6625C47.7422 60.4318 47.3125 61.3293 47.3125 62.9106C47.3555 77.7407 47.3555 92.528 47.3125 107.358C47.3125 109.58 48.0001 111.333 49.9768 112.444C58.8722 117.487 67.7246 122.487 76.62 127.53C76.9208 127.701 77.3076 127.787 77.9092 128Z"
class="text-black group-hover:text-peach"
/>
<path
d="M122 103.17C111.643 97.2718 101.673 91.6304 91.4458 85.818C91.4458 97.4855 91.4458 108.768 91.4458 120.521C101.587 114.752 111.557 109.11 122 103.17Z"
class="text-black group-hover:text-peach"
/>
</g>
<defs>
<clipPath id="clip0">
<rect
width="122"
height="128"
fill="white"
class="text-black group-hover:text-peach"
/>
</clipPath>
</defs>
</svg>
<p
class="
work__heading
mb-2
lg:mb-6 lg:uppercase
font-bold
text-l
lg:text-xxl
group-hover:text-peach
"
>
DApp Connect
</p>
<p
class="
work__text
text-s
lg:text-base
mb-3
lg:mb-6
opacity-75
text-left
max-w-screen-xxs
group-hover:text-peach
"
>
The communication layer for Ethereum. A tech stack enabling
decentralized communication between DApps and people.
</p>
<div class="work__link container flex justify-start">
<a
class="link link--external link--dapp group-hover:text-peach"
href="https://vac.dev/"
target="_blank"
>Visit DApp Connect</a
>
</div>
</div>
</div>
</div>
</section>
<section
id="about"
class="
about
container
max-w-screen-xl
flex flex-col
sm:flex-row
py-10
border-b
"
>
<div class="heading-block w-full sm:w-2/12 lg:w-3/12">
<h2 class="text-sm font-semibold mb-5 s:text-center lg:text-center">
About
</h2>
</div>
<div class="info-block w-full sm:w-10/12 lg:w-9/12">
<p class="section__text text-s lg:text-base italic mb-5 l:max-w-md l:mb-8">
Our research is designed to remove centralized third parties from our
communication. We believe in the right to privacy, security, and autonomy
of the individual.
</p>
<div
class="
about__cards
container
s:mx-auto
flex flex-col flex-wrap
sm:flex-row
"
>
<div
class="
about__card
flex flex-col
w-full
sm:w-1/2
lm:max-w-screen-xscard
mb-6
lg:mb-10
lm:mr-5
"
>
<img
src="/assets/img/1.gif"
class="about__gif self-center"
alt="Gif animation"
width="210"
height="210"
/>
<p
class="about__heading mb-4 font-semibold text-s lg:text-sm text-left"
>
Researching All Layers
</p>
<p class="about__text text-s lg:text-base opacity-75">
Concerned with all layers in the stack including underlying
transports, p2p overlays and routing, initial trust establishment, and
semantics for things like group chat.
</p>
</div>
<div
class="
about__card
flex flex-col
w-full
sm:w-1/2
lm:max-w-screen-xscard
sm:pl-5
lm:pl-0
mb-6
lg:mb-10
"
>
<img
src="/assets/img/3.gif"
class="about__gif self-center"
alt="Gif animation"
width="210"
height="210"
/>
<p
class="about__heading mb-4 font-semibold text-s lg:text-sm text-left"
>
Peer-to-Peer
</p>
<p class="about__text text-s lg:text-base opacity-75">
The protocols we work on are pure peer-to-peer, and aim to minimize
centralization. This too is in opposition to many initiatives in the
secure messaging space.
</p>
</div>
<div
class="
about__card
flex flex-col
w-full
sm:w-1/2
lm:max-w-screen-xscard
mb-6
lg:mb-10
lm:mr-5
"
>
<img
src="/assets/img/4.gif"
class="about__gif self-center"
alt="Gif animation"
width="210"
height="210"
/>
<p
class="about__heading mb-4 font-semibold text-s lg:text-sm text-left"
>
Security, Privacy, Censorship Resistance
</p>
<p class="about__text text-s lg:text-base opacity-75">
Assumes the basics such as end-to-end encryption, forward secrecy,
avoiding MITM-attacks. Vac also places a premium on privacy and
censorship resistance from port blocking, traffic analysis, and
similar.
</p>
</div>
<div
class="
about__card
flex flex-col
w-full
sm:w-1/2
lm:max-w-screen-xscard
sm:pl-5
lm:pl-0
mb-6
lg:mb-10
"
>
<img
src="/assets/img/5.gif"
class="about__gif self-center"
alt="Gif animation"
width="210"
height="210"
/>
<p
class="about__heading mb-4 font-semibold text-s lg:text-sm text-left"
>
Modular System
</p>
<p class="about__text text-s lg:text-base opacity-75">
Provide options at each layer in the stack, instead of having a
tightly coupled set of protocols. Allowing developers to choose what
they use and ensure they know each choice comes with different
trade-offs.
</p>
</div>
<div
class="
about__card
flex flex-col
w-full
sm:w-1/2
lm:max-w-screen-xscard lm:mr-5
"
>
<img
src="/assets/img/2.gif"
class="about__gif self-center"
alt="Gif animation"
width="210"
height="210"
/>
<p
class="about__heading mb-4 font-semibold text-s lg:text-sm text-left"
>
Generalized Messaging
</p>
<p class="about__text text-s lg:text-base opacity-75">
This includes both human to human communication, as well as machine to
machine communication. Texting, data transfer, financial transactions,
state channels and more.
</p>
</div>
</div>
</div>
</section>
<section
id="research-log"
class="log container max-w-screen-xl flex flex-col sm:flex-row py-10 border-b"
>
<div class="heading-block w-full sm:w-2/12 lg:w-3/12">
<h2 class="text-sm font-semibold mb-5 s:text-center lg:text-center">
Research log
</h2>
</div>
<div class="info-block w-full sm:w-10/12 lg:w-9/12">
<div class="flex flex-col">
<ul class="mb-5 container s:mx-auto flex flex-col flex-wrap sm:flex-row">
{% for post in site.posts limit:8 %}
<li
class="flex flex-col w-full sm:w-1/2 lm:max-w-screen-xs mb-5 lg:mb-8"
>
<time class="text-xxs opacity-75"
>{{ post.date | date: '%B %d, %Y' }}</time
><a
href="{{ site.baseurl }}{{ post.url }}"
class="text-xs lg:text-base font-semibold"
>{{ post.title }}</a
>
</li>
{% endfor %}
</ul>
<div class="log__link container flex justify-start">
<a
class="link link--external"
href="{{site.url}}{{ site.baseurl }}/research-log/"
>View all posts</a
>
</div>
</div>
</div>
</section>
<section
id="media"
class="
media
container
max-w-screen-xl
flex flex-col
sm:flex-row
py-10
border-b
"
>
<div class="heading-block w-full sm:w-2/12 lg:w-3/12">
<h2 class="text-sm font-semibold mb-5 s:text-center lg:text-center">
Media
</h2>
</div>
<div class="info-block w-full sm:w-10/12 lg:w-9/12">
<div class="flex flex-col">
<ul class="mb-5 container s:mx-auto flex flex-col flex-wrap sm:flex-row">
{% for mediapost in site.data.media limit:8 %}
<li
class="flex flex-col w-full sm:w-1/2 lm:max-w-screen-xs mb-5 lg:mb-8"
>
<time class="text-xxs opacity-75"
>{{ mediapost.date | date: '%B %d, %Y' }}</time
><a
href="{{ mediapost.link }}"
class="text-xs lg:text-base font-semibold"
>{{ mediapost.title }}</a
>
</li>
{% endfor %}
</ul>
<div class="media__link container flex justify-start">
<a
class="link link--external"
href="{{site.url}}{{ site.baseurl }}/media"
>View all media</a
>
</div>
</div>
</div>
</section>
<section
id="join"
class="join container max-w-screen-xl flex flex-col sm:flex-row py-10"
>
<div class="heading-block w-full sm:w-2/12 lg:w-3/12">
<h2 class="text-sm font-semibold mb-5 s:text-center lg:text-center">
Join
</h2>
</div>
<div class="info-block w-full sm:w-10/12 lg:w-9/12">
<div
class="flex flex-col sl:flex-row sl:justify-between lg:max-w-screen-ml"
>
<div class="join__option w-full sl:w-4/12 flex sl:flex-col mb-16 sl:mb-0">
<div class="flex justify-center mr-6 sl:mr-0 mb-5 lg:mb-8">
<a href="https://status.im/our_team/jobs.html" target="_blank"
><svg
width="28"
height="32"
viewBox="0 0 28 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="hover:opacity-50"
>
<g clip-path="url(#clip0)">
<path
d="M19.5182 11.0373C19.4653 8.40252 18.4029 5.87248 17.0234 3.62007C17.7793 3.15911 18.6408 2.90244 19.5129 3.07006C20.385 3.23768 21.1831 3.80864 21.5583 4.60485C21.8807 5.30152 21.8649 6.09772 21.812 6.8625C21.7856 7.20298 21.7539 7.5487 21.6429 7.87347C21.5689 8.08299 21.4685 8.2768 21.3522 8.46014C21.2042 8.7011 21.0351 8.92634 20.8659 9.15158C20.4167 9.76444 19.9674 10.4245 19.5182 11.0373Z"
fill="#999999"
/>
<path
d="M13.4133 5.63666C12.6152 4.47379 12.1078 3.61996 10.612 2.81328C9.11621 2.00661 9.11621 2.01184 9.11621 2.01184C9.11621 2.01184 10.8498 -0.581051 13.0274 0.126102C15.205 0.833256 14.5126 5.51618 14.0686 7.3024"
fill="#4D4D4D"
/>
<path
d="M6.07715 0.942742C6.07715 0.942742 8.42916 0.869408 11.0771 2.81801C12.4831 3.85517 14.1374 6.02377 14.0687 7.30188C14 8.58 10.9767 14.7768 10.7706 18.3335C10.5645 21.8902 10.7812 26.4055 11.9175 27.4846C13.0539 28.5636 13.9418 30.0879 16.1036 30.9889C19.0158 32.2042 17.1289 32.0313 13.9154 30.8213C12.6945 30.3603 12.4038 30.5698 10.6702 28.8989C5.9873 24.3993 7.43021 22.5869 7.45136 16.2644C7.46721 11.6758 7.69448 6.42187 7.84248 4.65661C7.99047 2.95944 8.22831 2.7342 7.19766 1.87514C6.07715 0.942742 6.07715 0.942742 6.07715 0.942742Z"
fill="#1A1A1A"
/>
<path
d="M14.359 5.26469C14.1846 7.15567 13.3865 8.90522 12.6677 10.6391C11.9383 12.4043 11.1984 14.2534 10.6962 16.0972C9.92458 18.9258 9.84001 21.9116 10.173 24.8293C10.2893 25.8298 10.4584 26.8564 10.9922 27.7155C11.4521 28.4541 12.1392 29.0198 12.8316 29.5541C14.3273 30.7065 15.9711 31.8222 17.858 32.0056C15.913 30.4917 14.5229 28.3336 13.8622 25.9817C13.1381 23.4045 13.3337 20.9268 14.6075 18.5592C14.951 17.9254 15.3421 17.3177 15.7385 16.7153C16.8908 14.9501 18.043 13.1848 19.1899 11.4195C19.3485 11.1786 19.5123 10.9272 19.5757 10.6443C19.6445 10.3457 19.5969 10.0367 19.544 9.73285C19.0683 7.07709 17.9214 4.54706 16.2406 2.43084C15.2523 1.17891 13.9098 0.000322679 12.3136 0.000322679C13.043 -0.0153918 13.6349 0.545093 13.9573 1.19463C14.2798 1.84416 14.3379 2.58798 14.3696 3.31085C14.4013 3.96038 14.4225 4.61515 14.359 5.26469Z"
fill="#808080"
/>
<path
d="M26.9758 16.1599C26.8278 15.8142 26.6428 15.4842 26.4156 15.1804C26.2887 15.0075 26.1513 14.8451 26.0191 14.6775C25.6967 14.2532 25.591 13.6927 25.1893 13.347C24.7771 12.9961 24.6397 12.3675 24.8564 11.8698C24.9462 11.6656 25.0942 11.4875 25.1841 11.2884C25.4483 10.7174 25.2686 10.047 25.0149 9.47077C24.6608 8.66409 24.1693 7.9255 23.6513 7.20787C22.9483 6.22834 22.1978 5.28547 21.405 4.37402C21.5477 5.15975 21.479 5.91928 21.2887 6.69977C21.183 7.1293 21.035 7.54836 20.8447 7.9517C20.6122 8.44408 20.3162 8.91028 20.0202 9.37124C18.2866 12.0689 16.5001 14.7351 14.6608 17.3647C13.609 18.868 13.2443 20.8481 13.1227 22.671C13.0012 24.4938 13.3553 26.3691 14.2644 27.9615C14.7929 28.8887 15.5012 29.7058 16.22 30.502C16.6745 31.0049 17.2031 31.7801 17.8532 32.0001C17.9378 31.2301 18.0752 30.193 18.1809 29.4282C18.3606 28.1815 18.7676 26.961 19.386 25.861C19.8035 25.1119 20.369 24.3734 21.1883 24.101C21.7433 23.9176 22.3669 23.991 22.9536 24.0434C23.2813 24.0172 23.6143 24.0643 23.942 24.0643C24.2697 24.0643 24.6185 24.0172 24.8828 23.8286C25.1788 23.6191 25.3373 23.2681 25.3902 22.9119C25.443 22.5557 25.4008 22.1838 25.3796 21.8276C25.3638 21.5919 25.3532 21.3457 25.4642 21.1362C25.665 20.7485 26.2359 20.5652 26.2676 20.1304C26.2834 19.9314 26.1724 19.7481 26.0931 19.5595C26.0139 19.3709 25.9769 19.1404 26.1143 18.9885C26.183 18.9152 26.2781 18.8785 26.3416 18.8052C26.4737 18.648 26.3997 18.4123 26.2834 18.2447C26.1671 18.0771 26.0086 17.9252 25.9769 17.7261C25.9399 17.5323 26.035 17.3333 26.1724 17.1866C26.3098 17.0399 26.4843 16.9404 26.6587 16.8356C26.8225 16.7361 26.9969 16.6052 27.0128 16.4166C27.0181 16.3328 26.9917 16.249 26.9652 16.1704C26.8542 15.8666 26.701 15.5785 26.5054 15.3166"
fill="#CCCCCC"
/>
<path
d="M14.5393 31.0468C14.1271 30.8529 2.68417 28.8886 1.03512 11.896C0.585859 7.27069 2.86916 2.93348 2.86916 2.93348C2.86916 2.93348 4.58692 0.387729 6.78036 1.04774C9.36493 1.82299 7.82687 12.0165 7.73174 13.8551C7.73174 13.8551 7.15563 18.8418 8.51398 24.8762C9.50235 29.2448 14.5393 31.0468 14.5393 31.0468Z"
fill="#151512"
/>
</g>
<defs>
<clipPath id="clip0">
<rect
width="26.0465"
height="32"
fill="white"
transform="translate(0.976562)"
/>
</clipPath>
</defs>
</svg>
</a>
</div>
<div class="flex flex-col">
<h2 class="text-xs lg:text-sm font-semibold mb-3 text-left">
Join the team
</h2>
<p class="w-full text-s lg:text-base mb-3">
We are a remote team of researchers dedicated to building a fair
internet.
</p>
<div class="media__link container flex justify-start">
<a class="link link--external" href="https://discord.com/"
>View open roles</a
>
</div>
</div>
</div>
<div
class="
join__option
w-full
sl:w-4/12
flex
sl:flex-col
mb-16
sl:mb-0 sl:ml-2
lg:ml-5
"
>
<div class="flex justify-center mr-6 sl:mr-0 mb-5 lg:mb-8">
<a href="https://discord.com/" target="_blank"
><svg
width="25"
height="21"
viewBox="0 0 25 21"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="hover:opacity-50"
>
<path
d="M22.7861 9.04256C21.8482 5.74455 20.7799 4.04048 20.7627 4.00991C20.7017 3.93459 19.189 2.104 15.5271 0.75L15.0353 2.0764C16.7774 2.72057 18.0116 3.50643 18.6899 4.01419C16.6599 3.40408 14.2431 3.03041 12.1008 3.03041C9.95851 3.03041 7.53775 3.40408 5.50128 4.01419C6.18496 3.50648 7.42744 2.72057 9.17631 2.0764L8.69846 0.75C5.02238 2.104 3.49044 3.93459 3.42863 4.00991C3.41108 4.04048 2.32479 5.74455 1.35221 9.04256C0.414855 12.2208 0.0415214 16.7045 0.027872 16.8843C0.109225 17.0131 1.97891 20.25 7.12077 20.25L8.43406 18.3536C6.97595 17.964 5.58693 17.3357 4.31689 16.4832L5.10228 15.3069C7.15122 16.6822 9.54509 17.4092 12.0251 17.4092C14.5051 17.4092 16.9067 16.6822 18.9701 15.3069L19.7431 16.4832C18.4641 17.3357 17.0684 17.964 15.6062 18.3536L16.8995 20.25C22.0414 20.25 23.9452 17.0131 24.0279 16.8843C24.0161 16.7045 23.69 12.2208 22.7861 9.04256ZM8.79853 12.7392H7.39228L7.40468 10.3841H8.81093L8.79853 12.7392ZM16.7071 12.7392H15.3008L15.3132 10.3841H16.7195L16.7071 12.7392Z"
fill="#151512"
/>
</svg>
</a>
</div>
<div class="flex flex-col">
<h2 class="text-xs lg:text-sm font-semibold mb-3 text-left">
Join the convo
</h2>
<p class="w-full text-s lg:text-base mb-3">
Ask questions or speak with us about our work as we research new
means of communication.
</p>
<div class="media__link container flex justify-start">
<a class="link link--external" href="https://discord.com/"
>Join our Discord</a
>
</div>
</div>
</div>
<div
class="join__option w-full sl:w-4/12 flex sl:flex-col sl:ml-2 lg:ml-5"
>
<div class="flex justify-center mr-6 sl:mr-0 mb-5 lg:mb-8">
<a href="https://github.com/vacp2p" target="_blank"
><svg
width="26"
height="25"
viewBox="0 0 26 25"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="hover:opacity-50"
>
<path
d="M12.8857 0.856567C6.26021 0.856567 0.915339 6.20154 0.950043 12.7951C0.9778 18.0687 4.43935 22.5427 9.21766 24.1227C9.81824 24.2327 10.0353 23.864 10.0336 23.5474C10.0321 23.2635 10.0177 22.5129 10.0065 21.5171C6.67274 22.238 5.95552 19.9163 5.95552 19.9163C5.40376 18.5369 4.61433 18.1698 4.61433 18.1698C3.51994 17.4296 4.69151 17.4444 4.69151 17.4444C5.89646 17.5291 6.53549 18.6751 6.53549 18.6751C7.61609 20.4989 9.35182 19.9727 10.0342 19.6665C10.1382 18.8951 10.4459 18.3689 10.7878 18.0702C8.12222 17.7684 5.31483 16.7443 5.29076 12.1708C5.2839 10.8672 5.74629 9.80152 6.50989 8.96619C6.3838 8.66445 5.96641 7.45009 6.61027 5.80766C6.61027 5.80766 7.61658 5.4866 9.9167 7.03094C10.8723 6.76636 11.8976 6.63408 12.9191 6.62962C13.9376 6.63556 14.9658 6.76636 15.9257 7.03242C18.2081 5.48809 19.2163 5.80914 19.2163 5.80914C19.8789 7.45306 19.4743 8.66594 19.3529 8.96767C20.1268 9.80301 20.5959 10.8687 20.6028 12.1723C20.6269 16.7577 17.8272 17.767 15.1558 18.0628C15.5882 18.4314 15.976 19.1597 15.9819 20.273C15.9903 21.8693 15.9821 23.1565 15.9841 23.5474C15.9858 23.867 16.2038 24.2386 16.8122 24.1212C21.5663 22.5397 24.9778 18.0672 24.95 12.7951C24.9153 6.20154 19.5142 0.856567 12.8857 0.856567Z"
fill="#151512"
/>
</svg>
</a>
</div>
<div class="flex flex-col">
<h2 class="text-xs lg:text-sm font-semibold mb-3 text-left">
Contribute on Github
</h2>
<p class="w-full text-s lg:text-base mb-3">
Our work is open source and free for anyone to contribute to, use,
and modify for their needs.
</p>
<div class="media__link container flex justify-start">
<a class="link link--external" href="https://discord.com/"
>Contribute</a
>
</div>
</div>
</div>
</div>
</div>
</section>