diff options
Diffstat (limited to 'src/content/index.adoc')
-rw-r--r-- | src/content/index.adoc | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/src/content/index.adoc b/src/content/index.adoc new file mode 100644 index 0000000..4065605 --- /dev/null +++ b/src/content/index.adoc @@ -0,0 +1,56 @@ +//// +export custom_body=true +//// += Chat with Freedom + +++++ + <hgroup class="banner"> + <h1>Chat With Utmost Freedom</h1> + <p>Modern chat using open standards</p> + <p>Zero tracking or advertising</p> + <p>Free and open source software</p> + <button class="basic_button big_button">Create Account</button> + </hgroup> + <hgroup class="why_papo"> + <div class="why_papo-container"> + <h2>Why Papo?</h2> + <div class="why_papo-cards-container"> + <div class="why_papo-card"> + <img class="icon" src="img/shield-light.svg" alt="shild icon" /> + <h3>Privacy-first hosted team chat</h3> + <p> + A convenient hosted service for you to subscribe to and delegate management of, + without handing away all your privacy alongside. Choose if and when to export + your data to a self-hosted solution, and own the service from there. + </p> + </div> + <div class="why_papo-card"> + <img class="icon" src="img/database-light.svg" alt="database with an x icon" /> + <h3>No gratuitous data collection</h3> + <p> + No "accept necessary cookies" or third-party tracking. Revenue is made via + subscriptions only, so that no advertisement sneaks in. + </p> + </div> + <div class="why_papo-card"> + <img class="icon" src="img/diagram-light.svg" alt="diagram icon" /> + <h3>Build for interoperability</h3> + <p> + Built on existing open standards, we're not in the business of profiting from + new walled gardens, and welcome others to interact with in a compatible way. + This also means you don't need to worry about lock-in, as we're not only + compatible with these standards, but also built on them. + </p> + </div> + </div> + <button class="basic_button big_button">Try Papo now</button> + </div> + </hgroup> + <hgroup class="features"> + <div class="features-container"> + <h2>Chat hoc</h2> + <h3>Purposefully designed to consectetur adipiscing elit</h3> + </div> + </hgroup> + <!-- https://codepen.io/Laisses/pen/qBzwmoz --> +++++ |