From 65e2ee07086e4caae7e3dfe92cf86b9dcdabceac Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Tue, 30 Jul 2019 11:50:01 +0100
Subject: [PATCH] titles for icons

---
 img/icons/newpost.png | Bin 0 -> 5213 bytes
 webinterface.py       |  23 +++++++++--------------
 2 files changed, 9 insertions(+), 14 deletions(-)
 create mode 100644 img/icons/newpost.png

diff --git a/img/icons/newpost.png b/img/icons/newpost.png
new file mode 100644
index 0000000000000000000000000000000000000000..f3fa8dab5ef815577ebd39cf7028a0e01f5182a7
GIT binary patch
literal 5213
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
Jou<p<{{boxe{TQ)

literal 0
HcmV?d00001

diff --git a/webinterface.py b/webinterface.py
index 5aeb51d68..33b82f4e4 100644
--- a/webinterface.py
+++ b/webinterface.py
@@ -503,16 +503,12 @@ def htmlTimeline(session,baseDir: str,wfRequest: {},personCache: {}, \
             cssFile.read().replace('banner.png', \
                                    '/users/'+nickname+'/banner.png')
 
-    localButton='button'
-    personalButton='button'
-    federatedButton='button'
-    newPostButton='button'
+    inboxButton='button'
+    sentButton='button'
     if boxName=='inbox':
-        localButton='buttonselected'
+        inboxButton='buttonselected'
     elif boxName=='outbox':
-        personalButton='buttonselected'
-    elif boxName=='federated':
-        federatedButton='buttonselected'
+        sentButton='buttonselected'
     actor='/users/'+nickname
 
     followApprovals=''
@@ -522,19 +518,18 @@ def htmlTimeline(session,baseDir: str,wfRequest: {},personCache: {}, \
             for line in f:
                 if len(line)>0:
                     # show follow approvals icon
-                    followApprovals='<a href="'+actor+'/followers"><img class="right" src="/icons/person.png"/></a>'
+                    followApprovals='<a href="'+actor+'/followers"><img class="right" alt="Approve follow requests" title="Approve follow requests" src="/icons/person.png"/></a>'
                     break
 
     tlStr=htmlHeader(profileStyle)
-    newPostStr='    <a href="'+actor+'/newpost"><button class="'+newPostButton+'"><span>Post </span></button></a>'
     tlStr+= \
         '<div class="timeline-banner">' \
         '</div>' \
         '<div class="container">\n'+ \
-        newPostStr+ \
-        '    <a href="'+actor+'/inbox"><button class="'+localButton+'"><span>Inbox </span></button></a>' \
-        '    <a href="'+actor+'/outbox"><button class="'+personalButton+'"><span>Sent </span></button></a>' \
-        '    <a href="'+actor+'/newfollow"><img src="/icons/add.png" class="right"/></a>'+ \
+        '    <a href="'+actor+'/inbox"><button class="'+inboxButton+'"><span>Inbox </span></button></a>' \
+        '    <a href="'+actor+'/outbox"><button class="'+sentButton+'"><span>Sent </span></button></a>' \
+        '    <a href="'+actor+'/newpost"><img src="/icons/newpost.png" title="Create a new post" alt="Create a new post" class="right"/></a>'+ \
+        '    <a href="'+actor+'/newfollow"><img src="/icons/add.png" title="Add a new follow" alt="Add a new follow" class="right"/></a>'+ \
         followApprovals+ \
         '</div>'
     for item in timelineJson['orderedItems']: