vac.dev/_layouts/home.html

218 lines
17 KiB
HTML

---
layout: default
---
<section class="intro black">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-6 ml-auto">
<h1>Vac</h1>
<p>A modular, peer-to-peer messaging stack for private, secure, censorship resistant communication</p>
<ul class="links">
<li><a href="https://github.com/vacp2p" target="_blank" class="btn btn-yellow">Explore Vac <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.02742 18.8419C8.02742 18.9387 7.91613 19.0161 7.77581 19.0161C7.61613 19.0306 7.50484 18.9532 7.50484 18.8419C7.50484 18.7452 7.61613 18.6677 7.75645 18.6677C7.90161 18.6532 8.02742 18.7306 8.02742 18.8419ZM6.52258 18.6242C6.48871 18.721 6.58548 18.8323 6.73065 18.8613C6.85645 18.9097 7.00161 18.8613 7.03064 18.7645C7.05968 18.6677 6.96774 18.5565 6.82258 18.5129C6.69677 18.479 6.55645 18.5274 6.52258 18.6242ZM8.66129 18.5419C8.52097 18.5758 8.42419 18.6677 8.43871 18.779C8.45323 18.8758 8.57903 18.9387 8.72419 18.9048C8.86452 18.871 8.96129 18.779 8.94677 18.6823C8.93226 18.5903 8.80161 18.5274 8.66129 18.5419ZM11.8452 0C5.13387 0 0 5.09516 0 11.8065C0 17.1726 3.37742 21.7645 8.20161 23.3806C8.82097 23.4919 9.03871 23.1097 9.03871 22.7952C9.03871 22.4952 9.02419 20.8403 9.02419 19.8242C9.02419 19.8242 5.6371 20.55 4.92581 18.3823C4.92581 18.3823 4.37419 16.9742 3.58065 16.6113C3.58065 16.6113 2.47258 15.8516 3.65806 15.8661C3.65806 15.8661 4.8629 15.9629 5.52581 17.1145C6.58548 18.9823 8.36129 18.4452 9.05323 18.1258C9.16452 17.3516 9.47903 16.8145 9.82742 16.4952C7.12258 16.1952 4.39355 15.8032 4.39355 11.1484C4.39355 9.81774 4.76129 9.15 5.53548 8.29839C5.40968 7.98387 4.99839 6.6871 5.66129 5.0129C6.67258 4.69839 9 6.31936 9 6.31936C9.96774 6.04839 11.0081 5.90807 12.0387 5.90807C13.0694 5.90807 14.1097 6.04839 15.0774 6.31936C15.0774 6.31936 17.4048 4.69355 18.4161 5.0129C19.079 6.69194 18.6677 7.98387 18.5419 8.29839C19.3161 9.15484 19.7903 9.82258 19.7903 11.1484C19.7903 15.8177 16.9403 16.1903 14.2355 16.4952C14.6806 16.8774 15.0581 17.6032 15.0581 18.7403C15.0581 20.371 15.0435 22.3887 15.0435 22.7855C15.0435 23.1 15.2661 23.4823 15.8806 23.371C20.7194 21.7645 24 17.1726 24 11.8065C24 5.09516 18.5565 0 11.8452 0ZM4.70323 16.6887C4.64032 16.7371 4.65484 16.8484 4.7371 16.9403C4.81452 17.0177 4.92581 17.0516 4.98871 16.9887C5.05161 16.9403 5.0371 16.829 4.95484 16.7371C4.87742 16.6597 4.76613 16.6258 4.70323 16.6887ZM4.18064 16.2968C4.14677 16.3597 4.19516 16.4371 4.29194 16.4855C4.36935 16.5339 4.46613 16.5194 4.5 16.4516C4.53387 16.3887 4.48548 16.3113 4.38871 16.2629C4.29194 16.2339 4.21452 16.2484 4.18064 16.2968ZM5.74839 18.0194C5.67097 18.0823 5.7 18.2274 5.81129 18.3194C5.92258 18.4306 6.0629 18.4452 6.12581 18.3677C6.18871 18.3048 6.15968 18.1597 6.0629 18.0677C5.95645 17.9565 5.81129 17.9419 5.74839 18.0194ZM5.19677 17.3081C5.11935 17.3565 5.11935 17.4823 5.19677 17.5936C5.27419 17.7048 5.40484 17.7532 5.46774 17.7048C5.54516 17.6419 5.54516 17.5161 5.46774 17.4048C5.4 17.2936 5.27419 17.2452 5.19677 17.3081Z" fill="#681AB4"/> </svg></a></li>
<li><a href="#what" class="btn btn-white">Learn More</a></li>
</ul>
</div>
<div class="col-lg-5 col-md-6 mr-auto">
<div class="inner-img">
<img src="{{ '/assets/img/intro.svg' | relative_url }}">
</div>
</div>
</div>
</div>
</section>
<section class="log" id="research-log">
<div class="container">
<div class="row">
<div class="col-lg-11 col-md-12 ml-auto">
<h3 class="section-title bar-right"><b>RESEARCH LOG</b></h3>
</div>
</div>
<div class="row">
<div class="col-md-12">
<ul>
{% for post in site.posts limit:5 %}
<li><time>{{ post.date | date: '%B %d, %Y' }}</time><time class="short">{{ post.date | date: '%d.%m.%Y' }}</time><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
{% endfor %}
</ul>
<div class="btn-holder d-flex justify-content-center">
<a href="{{site.url}}{{ site.baseurl }}/research-log/" class="btn btn-border">View all posts</a>
</div>
</div>
</div>
</div>
</section>
<section class="what-is-vac" id="what">
<div class="container">
<div class="row">
<div class="col-lg-11 col-md-12 ml-auto">
<h2 class="section-title bar-right"><b>WHAT IS VAC</b></h2>
</div>
</div>
<div class="row">
<div class="col-lg-5 col-md-6 ml-auto mb-60">
<p>Vac is being designed for client developers to provide the highest level of privacy and security for their users.</p>
</div>
<div class="col-lg-4 col-md-6 ml-auto mr-auto">
<div class="btn-holder">
<a href="{{site.url}}{{ site.baseurl }}/vac-overview" class="btn btn-purple">Learn More</a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="features swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="row">
<div class="col-lg-5 col-md-6 ml-auto">
<img src="{{ '/assets/img/feature_1.svg' | relative_url }}">
</div>
<div class="col-lg-5 col-md-6 mr-auto d-flex justify-content-center flex-column">
<h3>Full messaging stack</h3>
<p>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>
</div>
<div class="swiper-slide">
<div class="row">
<div class="col-lg-5 col-md-6 ml-auto">
<img src="{{ '/assets/img/feature_2.svg' | relative_url }}">
</div>
<div class="col-lg-5 col-md-6 mr-auto d-flex justify-content-center flex-column">
<h3>Modular system</h3>
<p>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>
</div>
<div class="swiper-slide">
<div class="row">
<div class="col-lg-5 col-md-6 ml-auto">
<img src="{{ '/assets/img/feature_3.svg' | relative_url }}">
</div>
<div class="col-lg-5 col-md-6 mr-auto d-flex justify-content-center flex-column">
<h3>Peer-to-Peer</h3>
<p>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>
</div>
<div class="swiper-slide">
<div class="row">
<div class="col-lg-5 col-md-6 ml-auto">
<img src="{{ '/assets/img/feature_4.svg' | relative_url }}">
</div>
<div class="col-lg-5 col-md-6 mr-auto d-flex justify-content-center flex-column">
<h3>Generalized messaging</h3>
<p>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>
<div class="swiper-slide">
<div class="row">
<div class="col-lg-5 col-md-6 ml-auto">
<img src="{{ '/assets/img/feature_5.svg' | relative_url }}">
</div>
<div class="col-lg-5 col-md-6 mr-auto d-flex justify-content-center flex-column">
<h3>Security, privacy, <br>censorship resistance</h3>
<p>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>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section>
<section class="who-is-vac black">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 col-md-12 text-center ml-auto mr-auto">
<hr class="mb-60 mt-100">
<p>We take inspiration from core internet architecture, existing survey work and other efforts that have been done to decompose the problem into orthogonal pieces. Each layer provides their own set of properties and only interact with the layers it is adjacent to.</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="table-holder mt-100 mb-80" id="specs">
<div class="swiper-container">
<div class="table-details swiper-wrapper">
<div class="single-column swiper-slide">
<ul>
<li>LAYER / PROTOCOL</li>
<li>Application Layer</li>
<li>Data Sync</li>
<li>Secure Transport</li>
<li>Transport Privacy</li>
<li>P2P Overlay</li>
<li></li>
<li>Trust Establishment</li>
</ul>
</div>
<div class="single-column swiper-slide">
<ul>
<li>PURPOSE</li>
<li>End user semantics</li>
<li>Data consistency</li>
<li>Confidentiality, PFS, etc</li>
<li>Transport and metadata protection</li>
<li>Overlay Routing, NAT traversal</li>
<li></li>
<li>Establishing end-to-end trust</li>
</ul>
</div>
<div class="single-column swiper-slide">
<ul>
<li>EXAMPLES</li>
<li>1:1 chat, group chat</li>
<li>MVDS, BSP</li>
<li>Double Ratchet, MLS</li>
<li>Whisper, TOR, Mixnet</li>
<li>devP2P, libP2P</li>
<li></li>
<li>TOFU, web of trust</li>
</ul>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="team" id="who">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="section-title bar-center text-center"><b>The team</b></h2>
</div>
</div>
<div class="row">
<!-- 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>