adding session ID

themes/nipponalba/layouts/partials/aside.html

@@ -7,6 +7,8 @@
       <i class="fa {{ $item.icon }}" aria-hidden="true" title="{{ $item.title }}"></i>
     </a>
     {{ end }}
+    <span id="session"><a href="#"><img src="images/session.png" title="Session ID QR Code" alt="Session messenger icon"/>
+<span><img src="images/sessionid.png" title="Session ID QR Code" alt="Session messenger id QR code"/></span></a></span>
 </ul>
 <section class="description">
   <h4 class="p-note">{{ .Site.Params.description }}<br/>

themes/nipponalba/static/css/style.css

@@ -223,6 +223,26 @@ main{
 .social-links a:hover {
  color: var(--link-colour);
 }
+.social-links img{
+    max-width: 24px;
+    vertical-align:middle;
+    padding-bottom: 7px;
+    padding-left: 4px;
+    display: inline;
+  }
+#session a span{
+  visibility:hidden;
+  display:block;
+  position:absolute;
+}
+#session a span img{
+  min-width: 160px;
+  opacity: 1;
+}
+#session a:hover, #session a:hover span{
+  visibility:visible;
+  z-index: 1;
+}
 .profile .description{
   text-align:center;
 }
@@ -254,6 +274,7 @@ main{
    height:100px;
    object-fit:contain;
  }
+
 .site-info{
   font-size:13px;
 }