+ 
+
+
+
+
+ {{page.title}}
+
+
+
+
+
+ {{ content }}
+
+
+
+
+
+
+ 
diff --git a/_layouts/default.html b/_layouts/default.html
new file mode 100644
index 00000000..199640da
--- /dev/null
+++ b/_layouts/default.html
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {% if page.summary %}
+
+ {% else %}
+
+ {% endif %}
+
+ {% if page.image %}
+
+
+ {% else %}
+
+
+ {% endif %}
+
+
+
+
+
+
+
+
+
+
+ A modular, peer-to-peer messaging stack for private, secure, censorship resistant communication
+
+ Privacy is a fundamental human right. The ability to message without fear of censorship or prosecution must be maintained. The ability to conduct transactions with whom you want, and only whom you want is a requirement for free communication. This is why we build vacp2p
+Vac is being designed for client developers to provide the highest level of privacy and security for their users.
+
+ Concerned with all layers in the stack including underlying transports, p2p overlays and routing, initial trust establishment, and semantics for things like group chat.
+
+ 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.
+
+ The protocols we work on are pure p2p, and 
aim to minimize centralization. This too is in opposition to many initiatives in the secure messaging space.
+
+ This includes both human to human communication, as well as machine to machine communication. Texting, data transfer, financial transactions, state channels and more.
+
+ 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.
+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.
+
diff --git a/assets/css/main.scss b/assets/css/main.scss
new file mode 100644
index 00000000..64c5bc59
--- /dev/null
+++ b/assets/css/main.scss
@@ -0,0 +1,1174 @@
+---
+# this ensures Jekyll reads the file to be transformed into CSS later
+# only Main files contain this front matter, not partials.
+---
+
+$purple: #681AB4;
+$dark-grey: #121212;
+$yellow: #F7B930;
+
+@font-face {
+ font-family: 'PT Mono';
+ src: url('../fonts/PTMono-Bold.eot');
+ src: url('../fonts/PTMono-Bold.eot?#iefix') format('embedded-opentype'),
+ url('../fonts/PTMono-Bold.woff2') format('woff2'),
+ url('../fonts/PTMono-Bold.woff') format('woff'),
+ url('../fonts/PTMono-Bold.ttf') format('truetype');
+ font-weight: bold;
+ font-style: normal;
+}
+
+html{
+ font-size: 16px;
+}
+
+body{
+ font-family: 'Lexend Deca', sans-serif;
+}
+
+a{
+ transition: all 0.3s ease-in-out;
+ color: $dark-grey;
+ &:hover{
+ text-decoration: none;
+ color: $purple;
+ }
+}
+
+h1, h2, h3, h4, h5, h6{
+ font-family: 'PT Mono';
+ font-weight: bold;
+}
+
+ul{
+ display: flex;
+ list-style-type: none;
+}
+
+p{
+ font-size: 1.25rem;
+}
+
+svg{
+ path{
+ transition: all 0.3s ease-in-out;
+ }
+}
+
+a{
+ &:hover{
+ svg{
+ path{
+ fill: $purple;
+ }
+ }
+ }
+}
+
+.btn{
+ width: 240px;
+ padding: 0;
+ display: flex;
+ color: $purple;
+ font-family: 'PT Mono';
+ font-size: 1.25rem;
+ border-radius: 4px;
+ height: 50px;
+ align-items: center;
+ justify-content: center;
+ svg{
+ margin-left: 15px;
+ }
+}
+
+.btn-yellow{
+ background-color: $yellow;
+ &:hover{
+ color: $dark-grey;
+ background: darken($yellow, 10%);
+ svg{
+ path{
+ fill: $dark-grey;
+ }
+ }
+ }
+}
+
+.btn-white{
+ background-color: #fff;
+ &:hover{
+ color: $dark-grey;
+ background: darken(#fff, 10%);
+ svg{
+ path{
+ fill: $dark-grey;
+ }
+ }
+ }
+}
+
+.btn-purple{
+ background-color: $purple;
+ color: #fff;
+ &:hover{
+ color: #fff;
+ background: darken($purple, 10%);
+ svg{
+ path{
+ fill: #fff;
+ }
+ }
+ }
+}
+
+.mt-60{
+ margin-top: 60px;
+}
+
+.mb-60{
+ margin-bottom: 60px;
+}
+
+.mt-80{
+ margin-top: 80px;
+}
+
+.mb-80{
+ margin-bottom: 80px;
+}
+
+.mt-100{
+ margin-top: 100px;
+}
+
+.mb-100{
+ margin-bottom: 100px;
+}
+
+.main-container{
+ padding-top: 100px;
+ overflow: hidden;
+}
+
+header{
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ z-index: 990;
+ background: #fff;
+ .nav-section{
+ padding: 0 25px 0 10px;
+ height: 100px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ .header-lists{
+ display: flex;
+ align-items: center;
+ .menu{
+ margin: 0;
+ padding: 0;
+ li{
+ margin-right: 80px;
+ a{
+ font-size: 1.25rem;
+ }
+ }
+ }
+ .social-media{
+ margin: 0;
+ padding: 0;
+ li{
+ margin-right: 30px;
+ a{
+ display: flex;
+ width: 34px;
+ height: 34px;
+ align-items: center;
+ justify-content: center;
+ }
+ }
+ li:last-child{
+ margin-right: 0;
+ }
+ }
+ }
+ }
+}
+
+.black{
+ background-color: $dark-grey;
+ p{
+ color: #fff;
+ }
+ h1, h2{
+ color: #fff;
+ }
+}
+
+.intro{
+ padding: 200px 0 80px;
+ h1{
+ margin-bottom: 30px;
+ font-size: 3.125rem;
+ }
+ p{
+ margin-bottom: 60px;
+ }
+ .links{
+ padding: 0;
+ display: block;
+ margin: 0;
+ li{
+ margin-bottom: 20px;
+ a{
+ img{
+ margin-left: 20px;
+ }
+ }
+ }
+ li:last-child{
+ margin-bottom: 0;
+ }
+ }
+ .inner-img{
+ display: flex;
+ justify-content: flex-start;
+ img{
+ margin-top: -30px;
+ }
+ }
+}
+
+.section-title{
+ font-size: 1.75rem;
+ margin-bottom: 40px;
+ overflow: hidden;
+ &.bar-center{
+ b{
+ padding: 0 80px;
+ &:before,
+ &:after{
+ content: '';
+ background: $purple;
+ background: linear-gradient(90deg, rgba($yellow,1) 0%, rgba($purple,1) 4%, rgba($dark-grey,1) 45%);
+ width: 580px;
+ position: absolute;
+ top: calc(50% - 1px);
+ left: 100%;
+ height: 1px;
+ }
+ &:after{
+ left: auto;
+ right: 100%;
+ transform: rotate(180deg)
+ }
+ }
+ }
+ &.bar-right{
+ margin-bottom: 50px;
+ b{
+ padding-right: 100px;
+ &:before{
+ content: '';
+ background: $purple;
+ background: linear-gradient(90deg, $yellow 0%, $purple 20%);
+ width: 1000px;
+ position: absolute;
+ top: calc(50% - 1px);
+ left: 100%;
+ opacity: .2;
+ height: 1px;
+ }
+ }
+ }
+ b{
+ position: relative;
+ }
+}
+
+hr{
+ display: flex;
+ position: relative;
+ width: 0px;
+ height: 1px;
+ margin: 0 auto;
+ &:before,
+ &:after{
+ content: '';
+ background: $purple;
+ background: linear-gradient(90deg, rgba($yellow,1) 0%, rgba($purple,1) 4%, rgba($dark-grey,1) 45%);
+ width: 580px;
+ position: absolute;
+ top: calc(50% - 1px);
+ left: 100%;
+ height: 1px;
+ }
+ &:after{
+ left: auto;
+ right: 100%;
+ transform: rotate(180deg)
+ }
+}
+
+.why-vac{
+ margin-top: 120px;
+ p{
+ margin-bottom: 50px;
+ }
+}
+
+.what-is-vac{
+ margin: 100px 0;
+ p{
+ margin-bottom: 0;
+ }
+ .btn-holder{
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ .btn{
+ height: 60px;
+ margin: 10px 0 0 10px;
+ }
+ }
+}
+
+.features{
+ .swiper-wrapper{
+ flex-direction: column;
+ }
+ .swiper-slide{
+ padding: 70px 0;
+ border-top: 1px solid rgba($purple, 0.2);
+ h3{
+ font-size: 1.25rem;
+ margin-bottom: 20px;
+ text-transform: uppercase;
+ }
+ p{
+ font-size: 1rem;
+ }
+ &:last-child{
+ &:before{
+ content: '';
+ background: $purple;
+ background: linear-gradient(90deg, $yellow 0%, $purple 20%);
+ width: 80%;
+ position: absolute;
+ opacity: .2;
+ height: 1px;
+ left: 0;
+ bottom: 0;
+ transform: rotate(180deg);
+ }
+ }
+ }
+}
+
+.table-holder{
+ background-color: #fff;
+ padding: 80px;
+ border-radius: 4px;
+ .table-details{
+ display: flex;
+ border-radius: 4px;
+ .single-column{
+ border-right: none;
+ overflow: hidden;
+ flex: 1;
+ &:nth-child(2){
+ min-width: 380px;
+ }
+ &:first-child{
+ ul{
+ li{
+ &:first-child{
+ border-radius: 4px 0 0 0;
+ }
+ &:last-child{
+ border-radius: 0 0 0 4px;
+ }
+ }
+ }
+ }
+ &:last-child{
+ ul{
+ li{
+ border-right: 1px solid #E1D1F0;
+ &:first-child{
+ border-right: 1px solid #BD9ADE;
+ border-radius: 0 4px 0 0;
+ }
+ &:last-child{
+ border-radius: 0 0 4px 0;
+ }
+ }
+ }
+ }
+ ul{
+ display: block;
+ padding: 0;
+ margin: 0;
+ li{
+ padding: 16px 20px 9px 20px;
+ border-bottom: 1px solid #E1D1F0;
+ border-left: 1px solid #E1D1F0;
+ height: 50px;
+ &:nth-child(2n+1){
+ background: rgba($purple, .08);
+ }
+ &:first-child{
+ background: rgba($purple, .3);
+ border: 1px solid #BD9ADE;
+ border-right: none;
+ }
+ &:nth-last-child(2){
+ background: rgba($purple, .3);
+ }
+ &:last-child{
+ background: #fff;
+ }
+ }
+ }
+ }
+ }
+}
+
+.log{
+ margin: 80px 0 100px;
+ h3{
+ font-size: 1.25rem;
+ margin-bottom: 35px;
+ }
+ ul{
+ display: block;
+ padding: 0;
+ li{
+ padding: 16px 0 9px 0;
+ height: 50px;
+ border-bottom: 1px solid rgba($purple, 0.2);
+ position: relative;
+ time{
+ text-align: right;
+ display: inline-block;
+ width: 230px;
+ margin-right: 100px;
+ }
+ .short{
+ display: none;
+ }
+ &:last-child{
+ border: none;
+ .btn{
+ border: 1px solid $dark-grey;
+ color: $dark-grey;
+ font-size: 0.875rem;
+ width: 200px;
+ height: 40px;
+ font-family: 'Lexend Deca', sans-serif;
+ font-weight: normal;
+ margin-left: auto;
+ margin-top: 12px;
+ background: #fff;
+ &:hover{
+ color: $purple;
+ border: 1px solid $purple;
+ }
+ &:before{
+ content: '';
+ background: $purple;
+ background: linear-gradient(90deg, $yellow 0%, $purple 20%);
+ width: 78%;
+ position: absolute;
+ opacity: .2;
+ height: 1px;
+ left: 0;
+ bottom: 0;
+ transform: rotate(180deg);
+ }
+ svg{
+ margin: 0 10px 0 0;
+ }
+ }
+ }
+ }
+ }
+}
+
+.team{
+ margin-top: 100px;
+ .section-title{
+ b{
+ text-transform: uppercase;
+ font-size: 1.25rem;
+ &:before,
+ &:after{
+ opacity: .2;
+ background: linear-gradient(90deg, rgba($yellow,1) 0%, rgba($purple,1) 20%, rgba($dark-grey,1) 45%);
+ }
+ }
+ }
+ .team-holder{
+ .name{
+ font-family: 'PT Mono';
+ font-weight: bold;
+ margin: 40px 0 20px 0;
+ }
+ .picture{
+ border-radius: 50%;
+ }
+ ul{
+ padding: 0;
+ display: flex;
+ justify-content: space-around;
+ margin: 0;
+ height: 100px;
+ position: relative;
+ &:before{
+ content: '';
+ width: 100%;
+ left: 0;
+ height: 1px;
+ top: 0;
+ opacity: .2;
+ position: absolute;
+ transform: rotate(180deg);
+ background: linear-gradient(90deg, rgba($yellow,1) 0%, rgba($purple,1) 20%, rgba($dark-grey,1) 45%);
+ }
+ li{
+ flex: 1;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-right: 1px solid rgba($purple, 0.2);
+ }
+ li:last-child{
+ border-right: none;
+ }
+ }
+ }
+ .ml-auto{
+ ul{
+ &:before{
+ transform: none;
+ }
+ }
+ }
+}
+
+.get-in-touch{
+ margin: 180px 0 100px;
+ ul{
+ padding: 0;
+ margin: 0;
+ border-top: 1px solid rgba($purple, 0.2);
+ display: flex;
+ justify-content: space-around;
+ li{
+ text-align: center;
+ padding: 60px 30px;
+ border-right: 1px solid rgba($purple, 0.2);
+ flex: 1;
+ a{
+ svg{
+ margin-bottom: 50px;
+ }
+ }
+ p{
+ a{
+ font-family: 'PT Mono';
+ font-size: 1rem;
+ font-weight: bold;
+ }
+ }
+ p:last-child{
+ font-size: 1rem;
+ }
+ }
+ li:last-child{
+ border-right: none;
+ }
+ }
+}
+
+.swiper-pagination{
+ display: none;
+ position: relative;
+}
+
+.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
+ bottom: 0;
+}
+
+.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
+ margin: 0 5px;
+ opacity: 1;
+}
+
+.footer{
+ text-align: center;
+ ul{
+ margin: 0 0 50px 0;
+ padding: 0;
+ justify-content: center;
+ li{
+ a{
+ font-size: 0.875rem;
+ }
+ }
+ }
+}
+
+@media (min-width: 1200px){
+ .container {
+ max-width: 1030px;
+ }
+}
+
+@media (max-width: 1199px){
+ header{
+ .nav-section{
+ .header-lists{
+ .menu{
+ li {
+ margin-right: 50px;
+ }
+ }
+ }
+ }
+ }
+ .intro {
+ padding: 80px 0 80px;
+ }
+ .why-vac {
+ margin-top: 80px;
+ }
+ .table-holder{
+ .table-details{
+ .single-column{
+ &:nth-child(2) {
+ min-width: 340px;
+ }
+ }
+ }
+ }
+}
+
+@media (max-width: 991px){
+ .main-container{
+ padding-top: 60px;
+ }
+ header{
+ .nav-section{
+ height: 60px;
+ padding: 0 5px;
+ .logo{
+ img{
+ width: 80px;
+ }
+ }
+ .mobile-trigger{
+ width: 40px;
+ height: 40px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: relative;
+ &:before,
+ &:after{
+ content: '';
+ width: 22px;
+ transition: all 0.3s ease-in-out;
+ height: 1px;
+ background: $dark-grey;
+ position: absolute;
+ top: calc(50% - 4px);
+ left: calc(50% - 11px);
+ border-radius: 1px;
+ }
+ &:after{
+ top: calc(50% + 3px);
+ }
+ }
+ .header-lists{
+ position: absolute;
+ top: 100%;
+ background: #fff;
+ height: 0;
+ left: 0;
+ width: 100%;
+ transition: all 0.3s ease-in-out;
+ align-items: flex-start;
+ padding: 0 30px 0;
+ overflow: auto;
+ flex-direction: column;
+ .menu{
+ flex-direction: column;
+ width: 100%;
+ margin-top: 20px;
+ li{
+ margin: 0;
+ width: 100%;
+ &:last-child{
+ a{
+ border-bottom: 1px solid rgba($purple, 0.1);
+ }
+ }
+ a{
+ font-size: 0.875rem;
+ display: flex;
+ line-height: 42px;
+ width: 100%;
+ border-top: 1px solid rgba($purple, 0.1);
+ }
+ }
+ }
+ .social-media{
+ width: 100%;
+ align-items: center;
+ justify-content: center;
+ margin: 20px 0;
+ li{
+ margin: 0;
+ border-right: 1px solid rgba($purple, 0.1);
+ &:last-child{
+ border: none;
+ }
+ a{
+ width: auto;
+ height: 40px;
+ padding: 0 45px;
+ svg{
+ width: 28px;
+ height: auto;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ .menu-active{
+ header{
+ .nav-section{
+ .header-lists{
+ height: calc(100vh - 60px);
+ }
+ .mobile-trigger{
+ &:before{
+ transform: rotate(45deg);
+ top: 50%;
+ }
+ &:after{
+ transform: rotate(-45deg);
+ top: 50%
+ }
+ }
+ }
+ }
+ }
+ .table-holder{
+ padding: 20px;
+ .table-details{
+ .single-column{
+ flex: none;
+ &:first-child{
+ ul{
+ li{
+ &:first-child{
+ border-radius: 4px 4px 0 0;
+ }
+ &:last-child{
+ border-radius: 0 0 4px 4px;
+ }
+ }
+ }
+ }
+ ul{
+ text-align: center;
+ li{
+ border-right: 1px solid #E1D1F0;
+ &:first-child{
+ border-right: 1px solid #BD9ADE;
+ }
+ }
+ }
+ }
+ }
+ }
+ .swiper-pagination{
+ height: 10px;
+ margin: 20px 0 0 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ .swiper-pagination-bullet{
+ background: rgba($purple, .2);
+ width: 10px;
+ height: 10px;
+ border-radius: 50%;
+ margin: 0 5px;
+ display: block;
+ transition: all 0.3s ease-in-out;
+ &.swiper-pagination-bullet-active{
+ background: $yellow;
+ }
+ }
+ }
+ .log{
+ ul{
+ li{
+ time{
+ width: 200px;
+ margin-right: 50px;
+ }
+ &:last-child{
+ .btn{
+ &:before{
+ width: 65%;
+ }
+ }
+ }
+ }
+ }
+ }
+ .get-in-touch{
+ margin: 100px 0;
+ ul{
+ flex-direction: column;
+ li{
+ flex: none;
+ border-right: none;
+ border-bottom: 1px solid rgba(104,26,180,0.2);
+ }
+ }
+ }
+}
+
+.post-content{
+ margin: 100px auto;
+}
+
+.editor-content{
+ overflow: hidden;
+ margin-top: 100px;
+ a{
+ color: $purple;
+ text-decoration: underline;
+ &:hover{
+ color: $dark-grey;
+ }
+ }
+ p{
+ margin-bottom: 30px;
+ }
+ li{
+ font-size: 1.25rem;
+ margin-bottom: 15px;
+ }
+ ul, ol{
+ margin: 0 0 30px 0;
+ padding: 0 0 0 25px;
+ flex-direction: column;
+ }
+ ul{
+ list-style-type: disc;
+ }
+ h1, h2, h3, h4{
+ margin: 100px 0 30px;
+ }
+ table {
+ width: 100%;
+ margin-bottom: 1rem;
+ color: $dark-grey;
+ thead {
+ th{
+ vertical-align: bottom;
+ font-family: 'PT Mono';
+ border-bottom: 2px solid #dee2e6;
+ }
+ }
+ th, td {
+ padding: .75rem;
+ vertical-align: top;
+ border-top: 1px solid #dee2e6;
+ }
+ }
+ img{
+ max-width: 100%;
+ margin-bottom: 10px;
+ }
+ code{
+ color: $purple;
+ font-size: 1.25rem;
+ font-family: 'Lexend Deca', sans-serif;
+ background: rgba($purple, .1)
+ }
+ hr{
+ margin: 50px auto;
+ &:before,
+ &:after{
+ width: 300px;
+ opacity: .2;
+ transform: none;
+ background: linear-gradient(90deg, $yellow 0%, $purple 40%);
+ }
+ &:before{
+ transform: rotate(180deg);
+ }
+ }
+}
+
+@media (min-width: 768px){
+ .features{
+ .swiper-wrapper{
+ height: 100% !important;
+ }
+ }
+}
+
+@media (max-width: 767px){
+ .container {
+ max-width: calc(100% - 10px);
+ }
+ p {
+ font-size: 1.125rem;
+ }
+ .intro{
+ position: relative;
+ padding: 80px 20px 50px;
+ h1{
+ font-size: 2.5rem;
+ }
+ .links{
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+ .ml-auto{
+ position: relative;
+ z-index: 1;
+ }
+ .mr-auto{
+ position: static;
+ .inner-img{
+ position: absolute;
+ top: 30px;
+ right: 10px;
+ height: 200px;
+ height: 150px;
+ img{
+ width: 182px;
+ height: auto;
+ }
+ }
+ }
+ }
+ .section-title{
+ font-size: 1.125rem;
+ line-height: 1.5rem;
+ &.bar-center{
+ b{
+ padding: 0 40px;
+ &:before,
+ &:after{
+ width: 240px;
+ }
+ }
+ }
+ &.bar-right{
+ margin-bottom: 40px;
+ b{
+ padding-right: 30px;
+ }
+ }
+ }
+ .why-vac{
+ p{
+ font-size: 0.8125rem;
+ line-height: 1.25rem;
+ }
+ }
+ .what-is-vac{
+ margin: 30px 0 20px;
+ p{
+ font-size: 0.8125rem;
+ line-height: 1.25rem;
+ }
+ .mb-60{
+ margin-bottom: 40px;
+ }
+ .btn-holder{
+ .btn{
+ margin: 0;
+ font-size: 1.125rem;
+ width: 200px;
+ height: 40px;
+ }
+ }
+ }
+ .features{
+ text-align: center;
+ margin-top: 40px;
+ .swiper-wrapper {
+ flex-direction: row;
+ .swiper-slide{
+ padding: 40px 0 10px;
+ &:last-child{
+ &:before{
+ display: none;
+ }
+ }
+ img{
+ max-width: 260px;
+ height: auto;
+ margin: 0 auto 40px;
+ display: block;
+ }
+ h3{
+ font-size: 1.125rem;
+ }
+ p{
+ font-size: 0.8125rem;
+ line-height: 1.25rem;
+ }
+ }
+ }
+ }
+ .who-is-vac{
+ hr{
+ margin: 50px auto 40px;
+ &:before,
+ &:after{
+ width: 200px;
+ }
+ }
+ p{
+ font-size: 0.8125rem;
+ line-height: 1.25rem;
+ }
+ }
+ .table-holder{
+ margin: 40px 0 60px;
+ ul{
+ li:not(:first-child){
+ font-size: 0.875rem;
+ }
+ }
+ .table-details{
+ .single-column{
+ &:nth-child(2){
+ min-width: 0px;
+ }
+ &:last-child{
+ ul{
+ li{
+ &:first-child{
+ border-radius: 4px 4px 0 0;
+ }
+ &:last-child{
+ border-radius: 0 0 4px 4px;
+ }
+ }
+ }
+ }
+ ul{
+ li{
+ &:first-child{
+ border-radius: 4px 4px 0 0;
+ }
+ &:last-child{
+ border-radius: 0 0 4px 4px;
+ }
+ }
+ }
+ }
+ }
+ }
+ .log{
+ margin: 30px 0 74px;
+ ul{
+ li{
+ display: flex;
+ height: auto;
+ &:last-child{
+ .btn{
+ margin: 34px auto 0;
+ &:before{
+ display: none;
+ }
+ }
+ }
+ time{
+ width: auto;
+ display: none;
+ font-size: 0.75rem;
+ font-family: 'PT Mono';
+ margin-right: 20px;
+ }
+ .short{
+ display: inline-block;
+ }
+ a{
+ font-size: 0.875rem;
+ line-height: 1.25rem;
+ }
+ }
+ }
+ }
+ .team{
+ margin-top: 80px;
+ .team-holder{
+ margin: 30px 0;
+ .name{
+ margin-bottom: 10px;
+ }
+ ul{
+ padding: 0 40px;
+ }
+ svg{
+ max-width: 24px;
+ height: auto;
+ }
+ }
+ }
+ .get-in-touch {
+ margin: 30px 0 50px 0;
+ ul{
+ li{
+ padding-bottom: 40px;
+ a{
+ svg{
+ margin-bottom: 30px;
+ }
+ }
+ p:last-child{
+ font-size: 0.875rem;
+ line-height: 1.25rem;
+ margin: 0;
+ }
+ }
+ }
+ }
+ .post-content{
+ margin: 50px auto;
+ }
+ .editor-content{
+ margin-top: 50px;
+ p,li{
+ font-size: 1rem;
+ }
+ }
+ .footer{
+ margin-bottom: 50px;
+ p {
+ font-size: 1rem;
+ }
+ img{
+ width: 100px;
+ height: auto;
+ }
+ }
+}
\ No newline at end of file
diff --git a/assets/fonts/PTMono-Bold.eot b/assets/fonts/PTMono-Bold.eot
new file mode 100644
index 00000000..062e1b56
Binary files /dev/null and b/assets/fonts/PTMono-Bold.eot differ
diff --git a/assets/fonts/PTMono-Bold.ttf b/assets/fonts/PTMono-Bold.ttf
new file mode 100644
index 00000000..349578e1
Binary files /dev/null and b/assets/fonts/PTMono-Bold.ttf differ
diff --git a/assets/fonts/PTMono-Bold.woff b/assets/fonts/PTMono-Bold.woff
new file mode 100644
index 00000000..4d643677
Binary files /dev/null and b/assets/fonts/PTMono-Bold.woff differ
diff --git a/assets/fonts/PTMono-Bold.woff2 b/assets/fonts/PTMono-Bold.woff2
new file mode 100644
index 00000000..96e01dd8
Binary files /dev/null and b/assets/fonts/PTMono-Bold.woff2 differ
diff --git a/assets/img/feature_1.svg b/assets/img/feature_1.svg
new file mode 100644
index 00000000..02773d7a
--- /dev/null
+++ b/assets/img/feature_1.svg
@@ -0,0 +1,258 @@
+
diff --git a/assets/img/feature_2.svg b/assets/img/feature_2.svg
new file mode 100644
index 00000000..d5484947
--- /dev/null
+++ b/assets/img/feature_2.svg
@@ -0,0 +1,97 @@
+
diff --git a/assets/img/feature_3.svg b/assets/img/feature_3.svg
new file mode 100644
index 00000000..cb60bdc9
--- /dev/null
+++ b/assets/img/feature_3.svg
@@ -0,0 +1,195 @@
+
diff --git a/assets/img/feature_4.svg b/assets/img/feature_4.svg
new file mode 100644
index 00000000..27b1a75b
--- /dev/null
+++ b/assets/img/feature_4.svg
@@ -0,0 +1,45 @@
+
diff --git a/assets/img/feature_5.svg b/assets/img/feature_5.svg
new file mode 100644
index 00000000..0c08915b
--- /dev/null
+++ b/assets/img/feature_5.svg
@@ -0,0 +1,59 @@
+
diff --git a/assets/img/github.svg b/assets/img/github.svg
new file mode 100644
index 00000000..70daca2a
--- /dev/null
+++ b/assets/img/github.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/img/github_purple_logo.svg b/assets/img/github_purple_logo.svg
new file mode 100644
index 00000000..b440c907
--- /dev/null
+++ b/assets/img/github_purple_logo.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/img/intro.svg b/assets/img/intro.svg
new file mode 100644
index 00000000..d4d0567b
--- /dev/null
+++ b/assets/img/intro.svg
@@ -0,0 +1,22 @@
+
diff --git a/assets/img/logo.svg b/assets/img/logo.svg
new file mode 100644
index 00000000..560536d1
--- /dev/null
+++ b/assets/img/logo.svg
@@ -0,0 +1,31 @@
+
diff --git a/assets/img/status-logo.svg b/assets/img/status-logo.svg
new file mode 100644
index 00000000..799e00e2
--- /dev/null
+++ b/assets/img/status-logo.svg
@@ -0,0 +1,10 @@
+
diff --git a/assets/img/status_logo.svg b/assets/img/status_logo.svg
new file mode 100644
index 00000000..01121714
--- /dev/null
+++ b/assets/img/status_logo.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/img/team_member_1.png b/assets/img/team_member_1.png
new file mode 100644
index 00000000..9ebc5326
Binary files /dev/null and b/assets/img/team_member_1.png differ
diff --git a/assets/img/team_member_2.png b/assets/img/team_member_2.png
new file mode 100644
index 00000000..0888820f
Binary files /dev/null and b/assets/img/team_member_2.png differ
diff --git a/assets/img/twitter.svg b/assets/img/twitter.svg
new file mode 100644
index 00000000..5937cc90
--- /dev/null
+++ b/assets/img/twitter.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/js/main.js b/assets/js/main.js
new file mode 100644
index 00000000..aef0e1f0
--- /dev/null
+++ b/assets/js/main.js
@@ -0,0 +1,57 @@
+jQuery(document).ready(function ($) {
+
+ var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0),
+ h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
+
+ var swyperFeatures = new Swiper ('.features', {
+ simulateTouch: false,
+ autoHeight: true,
+ pagination: {
+ el: '.features .swiper-pagination',
+ type: 'bullets',
+ clickable: true,
+ },
+ })
+
+ var swiperTable = new Swiper ('.table-holder .swiper-container', {
+ simulateTouch: false,
+ pagination: {
+ el: '.table-holder .swiper-pagination',
+ type: 'bullets',
+ clickable: true
+ },
+ })
+
+ $('.mobile-trigger').on('click', function (event) {
+ event.preventDefault();
+ $('body').toggleClass('menu-active');
+ });
+
+ var siteUrl = $('header .logo a').attr('href');
+ var diff = 60;
+ if(w < 992){
+ diff = 30;
+ }
+
+ if($('.layout--home').length){
+ $('header .menu a[href^="'+ siteUrl +'/#"], .intro a[href^="#"]').each(function (index, element) {
+ var href = $(this).attr('href');
+ var id = '#' + href.substr(href.indexOf("#") + 1);
+ $(this).on('click', function (event) {
+ event.preventDefault();
+ $('body').removeClass('menu-active');
+ $('html, body').animate({
+ scrollTop: $(id).offset().top - $('header').height() - diff
+ }, 500);
+ return false;
+ });
+ });
+ }
+
+ if(window.location.hash) {
+ $('html, body').animate({
+ scrollTop: $(window.location.hash).offset().top - $('header').height() - diff
+ }, 500);
+ }
+
+});
\ No newline at end of file
diff --git a/index.md b/index.markdown
similarity index 100%
rename from index.md
rename to index.markdown