From 15cfa147a618b67a274cb7ab75ec78e438cf5aa4 Mon Sep 17 00:00:00 2001
From: idk <hankhill19580@gmail.com>
Date: Tue, 10 Aug 2021 16:10:07 -0400
Subject: [PATCH] Add descriptions of the address book section to the front
 page in susidns. This is the last string change I intend to check in for this
 cycle.

---
 apps/susidns/src/jsp/index.jsp            | 12 +++++++++++-
 apps/susidns/src/themes/dark/susidns.css  |  4 ++++
 apps/susidns/src/themes/light/susidns.css | 11 +++++++++++
 3 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/apps/susidns/src/jsp/index.jsp b/apps/susidns/src/jsp/index.jsp
index 4661f792a2..69019bc06e 100644
--- a/apps/susidns/src/jsp/index.jsp
+++ b/apps/susidns/src/jsp/index.jsp
@@ -69,11 +69,21 @@
 </p><p class="whatitis">
 <%=intl._t("It regularly updates your hosts.txt file from distributed sources or \"subscriptions\".")%>
 <%=intl._t("In the default configuration, the address book is only subscribed to {0}.", "i2p-projekt.i2p")%>
-<%=intl._t("Subscribing to additional sites is easy, just add them to your <a href=\"subscriptions\">subscriptions</a> file.")%>
+<%=intl._t("Subscribing to additional sites is easy, just add them to your <a href=\"subscriptions\">subscriptions</a>.")%>
 </p>
 <p class="whatitis">
 <%=intl._t("For more information on naming in I2P, see <a href=\"http://i2p-projekt.i2p/naming.html\" target=\"_blank\">the overview</a>.")%>
 </p>
+<h3 id="howtouse"><%=intl._t("How to use the Address Book?")%></h3>
+<p class="howtouse">
+<%=intl._t("The I2P Address Book allows you to manage addresses by sorting them into categories.")%>
+<%=intl._t("You may use these categories according to how you intend to use the address.")%>
+</p>
+<ul class="howtouse">
+<li><%=intl._t("Router: These addresses are added automatically, by your subscriptions. If you publish an address book, the router address book will be shared with other I2P users.")%></li>
+<li><%=intl._t("Local: This is your personal addresbook, for hosts which you publish and share with others.")%></li>
+<li><%=intl._t("Private: This address book if used for addresses which you do not want to share with other I2P users.")%></li>
+</ul>
 <h3 id="howitworks"><%=intl._t("How does the address book application work?")%></h3>
 <p class="howitworks">
 <%=intl._t("The address book application regularly polls your subscriptions and merges their content into your \"router\" address book.")%>
diff --git a/apps/susidns/src/themes/dark/susidns.css b/apps/susidns/src/themes/dark/susidns.css
index 47d8098236..f1500f96e7 100644
--- a/apps/susidns/src/themes/dark/susidns.css
+++ b/apps/susidns/src/themes/dark/susidns.css
@@ -323,6 +323,10 @@ h3 {
      box-shadow: inset 0 0 0 1px #000;
 }
 
+ul.howtouse {
+     margin-left: 32px;
+}
+
 .headline h3 {
      margin-top: -10px;
 }
diff --git a/apps/susidns/src/themes/light/susidns.css b/apps/susidns/src/themes/light/susidns.css
index 94c69bf92f..1ff09eefef 100644
--- a/apps/susidns/src/themes/light/susidns.css
+++ b/apps/susidns/src/themes/light/susidns.css
@@ -310,6 +310,17 @@ div.help h3, #add h3, #import h3 {
      background-position: .5%, 15% !important;
 }
 
+#howtouse {
+     padding: 5px 32px;
+     background: url(/themes/console/light/images/dropdown.png) #f8f8ff;
+     background-repeat: no-repeat !important;
+     background-position: .5%, 15% !important;
+}
+
+ul.howtouse {
+     margin-left: 32px;
+}
+
 .expanded {
      background: url(/themes/console/light/images/dropdown_active.png) #f8f8ff !important;
      background-repeat: no-repeat !important;
-- 
GitLab