From df48b92732e5a8cd18c8338956ffc291164c9770 Mon Sep 17 00:00:00 2001
From: Yarmo Mackenbach <yarmo@yarmo.eu>
Date: Thu, 5 Oct 2023 10:51:54 +0200
Subject: [PATCH] feat: improve apps page

---
 static-src/styles/layout.scss | 4 ++++
 static-src/styles/vars.scss   | 4 ++++
 views/apps.pug                | 2 ++
 3 files changed, 10 insertions(+)

diff --git a/static-src/styles/layout.scss b/static-src/styles/layout.scss
index 409db7a..ddd5382 100644
--- a/static-src/styles/layout.scss
+++ b/static-src/styles/layout.scss
@@ -27,6 +27,10 @@ You should also get your employer (if you work as a programmer) or school,
 if any, to sign a "copyright disclaimer" for the program, if necessary. For
 more information on this, and how to apply and follow the GNU AGPL, see <https://www.gnu.org/licenses/>.
 */
+hr {
+    margin: 3em 0;
+    color: var(--line-color-subtle);
+}
 body {
     display: flex;
     flex-direction: column;
diff --git a/static-src/styles/vars.scss b/static-src/styles/vars.scss
index fe2536a..60065e3 100644
--- a/static-src/styles/vars.scss
+++ b/static-src/styles/vars.scss
@@ -84,6 +84,8 @@ more information on this, and how to apply and follow the GNU AGPL, see <https:/
     --link-color-subtle: var(--text-color);
     --link-color-hover: var(--purple-700);
 
+    --line-color-subtle: var(--grey-200);
+
     --button-text-color: var(--text-color);
     --button-text-color-hover: var(--text-color);
     --button-border-color: var(--grey-300);
@@ -123,6 +125,8 @@ more information on this, and how to apply and follow the GNU AGPL, see <https:/
         --link-color-subtle: var(--text-color);
         --link-color-hover: var(--primary-color);
 
+        --line-color-subtle: var(--grey-700);
+
         --button-text-color: var(--text-color);
         --button-text-color-hover: var(--text-color);
         --button-border-color: var(--grey-700);
diff --git a/views/apps.pug b/views/apps.pug
index c84c70e..6ca7cb4 100644
--- a/views/apps.pug
+++ b/views/apps.pug
@@ -4,6 +4,7 @@ block content
   section
     h1 Apps
     h2 Keyoxide mobile
+    p The app allows you to verify the online identities of Keyoxide profiles. 
     .screenshots
       img(src="/static/img/keyoxide_mobile_dark_home.jpg"
         alt="Screenshot of Keyoxide mobile app")
@@ -35,6 +36,7 @@ block content
     hr
     
     h2 Keyoxide ASP web tool
+    p The web tool lets you create and maintain Keyoxide profiles using the ASP method.
     .screenshots 
       img(src="/static/img/keyoxide_asp_web_home.jpg"
         alt="Screenshot of Keyoxide ASP web tool")