adding LINE icon

themes/nipponalba/layouts/partials/aside.html

@@ -4,9 +4,11 @@
   <ul class="social-links">
     {{ range $item := .Site.Params.socialIcons }}
     <li><a href="{{ $item.url | safeURL }}" rel="me" >
-      <i class="fa {{ $item.icon }}" aria-hidden="true" title="{{ $item.title }}"></i>
+      <i class="{{ $item.icon }}" aria-hidden="true" title="{{ $item.title }}"></i>
     </a></li>
     {{ end }}
+    <li><span id="line"><a href="#"><i class="fa fa-line fa-2x fa-fw" aria-hidden="true" title="LINE QR Code"></i>
+<span><img src="images/lineid.jpg" title="LINE QR Code" alt="LINE QR code"/></span></a></span></li>
     <li><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></li>
 </ul>

themes/nipponalba/layouts/partials/aside.jp.html

@@ -4,9 +4,11 @@
   <ul class="social-links">
     {{ range $item := .Site.Params.socialIcons }}
     <li><a href="{{ $item.url | safeURL }}" rel="me" >
-      <i class="fa {{ $item.icon }}" aria-hidden="true" title="{{ $item.title }}"></i>
+      <i class="{{ $item.icon }}" aria-hidden="true" title="{{ $item.title }}"></i>
     </a></li>
     {{ end }}
+    <li><span id="line"><a href="#"><i class="fa fa-line fa-2x fa-fw" aria-hidden="true" title="LINE QR Code"></i>
+<span><img src="images/lineid.jpg" title="LINE QR Code" alt="LINE QR code"/></span></a></span></li>
     <li><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></li>
 </ul>

themes/nipponalba/static/css/style.css

@@ -95,6 +95,9 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 .fa-note_com:before{
   content: "\f014"
 }
+.fa-line:before{
+  content: "\f016"
+}
 .fa-tags:before {
   content: "\f02c";
 }
@@ -391,16 +394,17 @@ main{
     padding-left: 4px;
     display: inline;
   }
-#session a span{
+#session a span, #line a span{
   visibility:hidden;
   display:block;
   position:absolute;
+  margin-top: 5px;
 }
-#session a span img{
+#session a span img, #line a span img{
   min-width: 160px;
   opacity: 1;
 }
-#session a:hover, #session a:hover span{
+#session a:hover, #session a:hover span, #line a:hover, #line a:hover span{
   visibility:visible;
   z-index: 1;
 }