alexandrev/xslt-lab
1
0
Fork 0
mirror of https://github.com/alexandrev/xslt-lab.git synced 2026-09-16 18:23:16 +00:00
Code Packages Releases Activity

Add blog article links to footer for SEO and navigation

Browse Source
This commit is contained in:
alexandrev-tibco
2026-04-13 10:17:23 +02:00
parent fd225fc3b5
commit 9786d8d33a
2 changed files with 37 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/App.jsx
+11
View File
@@ -1905,6 +1905,17 @@ export default function App() {
>
Blog & Tutorials
</a>
<span className="footer-blog-links">
<a href="https://blog.xsltplayground.com/posts/xslt-for-beginners/" target="_blank" rel="noopener noreferrer">XSLT for Beginners</a>
{" · "}
<a href="https://blog.xsltplayground.com/posts/xslt-3-new-features/" target="_blank" rel="noopener noreferrer">XSLT 3.0</a>
{" · "}
<a href="https://blog.xsltplayground.com/posts/xslt-string-functions/" target="_blank" rel="noopener noreferrer">String Functions</a>
{" · "}
<a href="https://blog.xsltplayground.com/posts/xslt-grouping-for-each-group/" target="_blank" rel="noopener noreferrer">Grouping</a>
{" · "}
<a href="https://blog.xsltplayground.com/posts/xslt-template-matching-explained/" target="_blank" rel="noopener noreferrer">Template Matching</a>
</span>
{resolvedVersion && (
<a
className="version-pill"
frontend/src/style.css
+26
View File
@@ -35,6 +35,23 @@ a:focus-visible {
text-decoration: underline;
}
.footer-blog-links {
color: #536084;
font-size: 0.78rem;
padding-left: 0.5rem;
border-left: 1px solid #ccc;
}
.footer-blog-links a {
color: #536084;
text-decoration: none;
}
.footer-blog-links a:hover {
color: #007acc;
text-decoration: underline;
}
.version-pill {
border: 1px solid #007acc;
color: #007acc;
@@ -1382,6 +1399,15 @@ a:focus-visible {
color: #c7d2e3;
}
:root[data-theme="dark"] .footer-blog-links,
:root[data-theme="dark"] .footer-blog-links a {
color: #7a91b0;
}
:root[data-theme="dark"] .footer-blog-links a:hover {
color: #6bb6ff;
}
:root[data-theme="dark"] .footer a {
color: #c7d2e3;
}