UI Settings page

app/src/pages/settings/settings.html

@@ -8,5 +8,27 @@
 </ion-header>
 
 <ion-content padding>
-  <p>Settings...</p>
+  <ion-card>
+    <ion-card-header>Keywords for Private Mode</ion-card-header>
+    <ion-card-content>
+      <p>The following hashtags will automatically activate the private mode when liking or writing a tweet.</p>
+      <ion-label color="primary" stacked>Keywords:</ion-label>
+      <ion-textarea></ion-textarea>
+    </ion-card-content>
+  </ion-card>
+
+  <ion-card>
+    <ion-card-header>Encryption</ion-card-header>
+    <ion-card-content>
+      <p>To protect your privacy, all data send to the P2P network will be encrypted. Therefore you need to enter or generate a pair of keys. If you run the app on multiple devices, please enter everywhere the same pair of keys.</p>
+      <button ion-button block>Generate keys</button>
+      <ion-label color="primary" stacked>Public Key:</ion-label>
+      <ion-textarea></ion-textarea>
+      <ion-label color="primary" stacked>Private Key:</ion-label>
+      <ion-textarea></ion-textarea>
+      <p>Under no circumstances share your private key with any other person!</p>
+    </ion-card-content>
+  </ion-card>
+
+  <button ion-button block>Save</button>
 </ion-content>