Update footer menu

Author: realanthonyc

css/style.css

@@ -297,7 +297,37 @@ footer a:hover {
 }
 
 .footer-github {
-    margin-top: 1.5rem;
+    margin-top: 0.75rem;
+}
+
+.footer-menu {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.375rem;
+    padding-top: 1.5rem;
+    font-size: 0.8rem;
+    line-height: 120%;
+}
+
+.footer-menu a {
+    opacity: 0.8;
+    transition: opacity 0.2s linear;
+}
+
+.footer-menu a:not(.footer-current):hover {
+    opacity: 1;
+}
+
+.footer-separator {
+    opacity: 0.25;
+    -webkit-user-select: none;
+    user-select: none;
+}
+
+.footer-menu a.footer-current {
+    opacity: 0.3;
+    pointer-events: none;
 }
 
 @media (max-width: 768px) {

index.html

@@ -148,8 +148,15 @@ <h2 id="success-filename">book.txt</h2>
 
     <footer>
         <div class="container">
-            <p>&copy; <a href="https://github.com/SPACESODA" target="_blank" rel="noopener">SPACESODA</a> / <a href="https://github.com/realanthonyc" target="_blank" rel="noopener">ANTHONYC</a><br>Released under the MIT License.</p>
+            <p>&copy; <a href="https://github.com/SPACESODA" target="_blank" rel="noopener">SPACESODA</a> / <a href="https://github.com/realanthonyc" target="_blank" rel="noopener">ANTHONYC</a></p>
             <p class="footer-github"><a href="https://github.com/SPACESODA/epub2txt" target="_blank" rel="noopener">★ Star on GitHub</a></p>
+            <nav class="footer-menu" aria-label="Related tools">
+                <a href="https://spacesoda.github.io/epub2txt/" target="_blank" rel="noopener noreferrer" class="footer-current">EPUB to TXT</a>
+                <span class="footer-separator">|</span>
+                <a href="https://spacesoda.github.io/pdf2txt/" target="_blank" rel="noopener noreferrer">PDF to TXT</a>
+                <span class="footer-separator">|</span>
+                <a href="https://github.com/SPACESODA/youtube2txt" target="_blank" rel="noopener noreferrer">YouTube to TXT</a>
+            </nav>
         </div>
     </footer>
 

ja/index.html

@@ -148,8 +148,15 @@ <h2 id="success-filename">book.txt</h2>
 
     <footer>
         <div class="container">
-            <p>&copy; <a href="https://github.com/SPACESODA" target="_blank" rel="noopener">SPACESODA</a> / <a href="https://github.com/realanthonyc" target="_blank" rel="noopener">ANTHONYC</a><br>Released under the MIT License.</p>
+            <p>&copy; <a href="https://github.com/SPACESODA" target="_blank" rel="noopener">SPACESODA</a> / <a href="https://github.com/realanthonyc" target="_blank" rel="noopener">ANTHONYC</a></p>
             <p class="footer-github"><a href="https://github.com/SPACESODA/epub2txt" target="_blank" rel="noopener">★ GitHubでスターしてね</a></p>
+            <nav class="footer-menu" aria-label="Related tools">
+                <a href="https://spacesoda.github.io/epub2txt/" target="_blank" rel="noopener noreferrer" class="footer-current">EPUB to TXT</a>
+                <span class="footer-separator">|</span>
+                <a href="https://spacesoda.github.io/pdf2txt/" target="_blank" rel="noopener noreferrer">PDF to TXT</a>
+                <span class="footer-separator">|</span>
+                <a href="https://github.com/SPACESODA/youtube2txt" target="_blank" rel="noopener noreferrer">YouTube to TXT</a>
+            </nav>
         </div>
     </footer>
 

zh/index.html

@@ -148,8 +148,15 @@ <h2 id="success-filename">book.txt</h2>
 
     <footer>
         <div class="container">
-            <p>&copy; <a href="https://github.com/SPACESODA" target="_blank" rel="noopener">SPACESODA</a> / <a href="https://github.com/realanthonyc" target="_blank" rel="noopener">ANTHONYC</a><br>Released under the MIT License.</p>
+            <p>&copy; <a href="https://github.com/SPACESODA" target="_blank" rel="noopener">SPACESODA</a> / <a href="https://github.com/realanthonyc" target="_blank" rel="noopener">ANTHONYC</a></p>
             <p class="footer-github"><a href="https://github.com/SPACESODA/epub2txt" target="_blank" rel="noopener">★ 在 GitHub 給個星吧</a></p>
+            <nav class="footer-menu" aria-label="Related tools">
+                <a href="https://spacesoda.github.io/epub2txt/" target="_blank" rel="noopener noreferrer" class="footer-current">EPUB to TXT</a>
+                <span class="footer-separator">|</span>
+                <a href="https://spacesoda.github.io/pdf2txt/" target="_blank" rel="noopener noreferrer">PDF to TXT</a>
+                <span class="footer-separator">|</span>
+                <a href="https://github.com/SPACESODA/youtube2txt" target="_blank" rel="noopener noreferrer">YouTube to TXT</a>
+            </nav>
         </div>
     </footer>