remove telegram from footer and add logo to hangouts

_includes/footer.html

@@ -20,7 +20,6 @@
                                  <li><a class="white" href="{{ site.baseurl}}/community/hangouts/">{% t titles.hangouts %}</a></li>
                                  <li><a class="white" href="https://lists.getmonero.org/postorius/lists/monero-announce.lists.getmonero.org/">{% t footer.ml %}</a></li>
                                  <li><a class="white" href="https://mattermost.getmonero.org/">Mattermost</a></li>
-                                 <li><a class="white" href="https://telegram.me/monero">Telegram chat</a></li>
 
                             </ul>
                     </div>

community/hangouts/index.md

@@ -24,6 +24,9 @@ permalink: /community/hangouts/index.html
             <li>
                 <a class="ext-noicon" href="https://repo.getmonero.org/users/monero-project/projects" target="_blank" rel="noreferrer noopener" aria-label="Gitlab logo"><div class="social-icon gitlab"></div></a>
             </li>
+            <li>
+                <a class="ext-noicon" href="https://telegram.me/monero" target="_blank" rel="noreferrer noopener" aria-label="Telegram logo"><div class="social-icon telegram"></div></a>
+            </li>
         </ul>
     </section>
 </div>

css/custom.css

@@ -4191,6 +4191,16 @@ p.hangouts-social {
   background-position: -176px -190px;
 }
 
+.social-icon.telegram {
+  background-image: url(../img/monero-spritesheet.png);
+  background-position: -128px -239px;
+}
+
+.social-icon.telegram:hover {
+  background-image: url(../img/monero-spritesheet.png);
+  background-position: -176px -238px;
+}
+
 .hangouts .irc .col-md-4 {
     padding: 1rem 0.5rem;
 }