fix

Author: zack-dev-cm

_includes/telegram-button.html

@@ -0,0 +1,13 @@
+<a href="https://t.me/rheuiii" class="telegram-button" id="telegramButton" target="_blank" rel="noopener noreferrer">
+  Reach me on Telegram
+</a>
+<script>
+  const telegramBtn = document.getElementById('telegramButton');
+  window.addEventListener('scroll', () => {
+    if (window.scrollY > (document.body.scrollHeight / 2)) {
+      telegramBtn.classList.add('active');
+    } else {
+      telegramBtn.classList.remove('active');
+    }
+  });
+</script>

_layouts/default.html

@@ -83,10 +83,11 @@ <h2 class="project-tagline">{{ page.description | default: site.description | de
         {% if site.github.is_project_page %}
           <span class="site-footer-owner"><a href="{{ site.github.repository_url }}">{{ site.github.repository_name }}</a> is maintained by <a href="{{ site.github.owner_url }}">{{ site.github.owner_name }}</a>.</span>
         {% endif %}
-        <span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a>.</span>
+        <span class="site-footer-credits">Zakhar Pashkin. All Rights Reserved.</a>.</span>
       </footer>
     </main>
     {% include back-to-top.html %}
+    {% include telegram-button.html %}
     <script>
       document.addEventListener('DOMContentLoaded', function () {
         document.querySelectorAll('img:not([loading])').forEach(function (img) {
@@ -95,4 +96,4 @@ <h2 class="project-tagline">{{ page.description | default: site.description | de
       });
     </script>
   </body>
-</html>
+</html>

assets/css/custom.css

@@ -36,6 +36,22 @@ img {
   display: block;
 }
 
+.telegram-button {
+  position: fixed;
+  bottom: 1rem;
+  left: 1rem;
+  display: none;
+  padding: 0.5rem 0.75rem;
+  background: #0088cc;
+  color: #fff;
+  border-radius: 4px;
+  text-decoration: none;
+}
+
+.telegram-button.active {
+    display: block;
+}
+
 .ascii-banner {
   color: #39ff14;
   text-shadow: 0 0 5px #39ff14;
@@ -46,4 +62,4 @@ img {
   .ascii-banner {
     display: none;
   }
-}
+}