summaryrefslogtreecommitdiff
path: root/src/content/index.adoc
diff options
context:
space:
mode:
Diffstat (limited to 'src/content/index.adoc')
-rw-r--r--src/content/index.adoc56
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 -->
+++++