uutils/uutils.github.io
0
0
Fork 0
mirror of https://github.com/uutils/uutils.github.io.git synced 2026-06-10 16:12:28 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add language support to manpage templates

Browse Source 
Add language navigation bar, html lang attribute, and template
placeholders ({{LANG_CODE}}, {{LANG_NAME}}, {{MANPAGES_PATH}})
to both the individual manpage and index templates.
This commit is contained in:
Sylvestre Ledru
2026-03-21 22:23:08 +01:00
parent 34d1aab2b7
commit c3a54b0a9c
2 changed files with 45 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/manpage-index.html
+22 -4
View File
@@ -1,8 +1,8 @@
<!DOCTYPE html>
<html>
<html lang="{{LANG_CODE}}">
<head>
<meta charset="utf-8">
<title>uutils coreutils - Manual Pages</title>
<title>uutils coreutils - Manual Pages ({{LANG_NAME}})</title>
<style>
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; max-width: 1200px; margin: 0 auto; padding: 20px; }
h1 { color: #333; }
@@ -12,11 +12,16 @@
.manpage-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 15px; margin-top: 30px; }
.manpage-link { display: block; padding: 12px; background: #f5f5f5; border: 1px solid #ddd; border-radius: 5px; text-decoration: none; color: #333; text-align: center; font-family: monospace; font-weight: bold; font-size: 1.1em; transition: all 0.3s ease; }
.manpage-link:hover { background: #007acc; color: white; border-color: #007acc; transform: translateY(-2px); box-shadow: 0 2px 5px rgba(0,0,0,0.2); }
.lang-bar { margin-bottom: 15px; font-size: 0.85em; color: #666; }
.lang-bar a { color: #007acc; margin: 0 3px; }
.lang-bar .current { font-weight: bold; color: #333; }
@media (prefers-color-scheme: dark) {
body { background: #1a1a1a; color: #e0e0e0; }
h1 { color: #e0e0e0; }
.manpage-link { background: #2a2a2a; border-color: #444; color: #e0e0e0; }
.manpage-link:hover { background: #007acc; color: white; border-color: #007acc; }
.lang-bar { color: #999; }
.lang-bar .current { color: #e0e0e0; }
}
</style>
</head>
@@ -24,9 +29,22 @@
<div class="breadcrumb">
<a href="/">Home</a> /
<a href="/coreutils">Coreutils</a> /
<span>Manual Pages</span>
<span>Manual Pages ({{LANG_NAME}})</span>
</div>
<h1>Manual Pages</h1>
<div class="lang-bar">
<a href="/coreutils/manpages/">English</a> |
<a href="/coreutils/manpages-fr/">Français</a> |
<a href="/coreutils/manpages-de/">Deutsch</a> |
<a href="/coreutils/manpages-es/">Español</a> |
<a href="/coreutils/manpages-it/">Italiano</a> |
<a href="/coreutils/manpages-pt/">Português</a> |
<a href="/coreutils/manpages-ja/">日本語</a> |
<a href="/coreutils/manpages-ko/">한국어</a> |
<a href="/coreutils/manpages-ru/">Русский</a> |
<a href="/coreutils/manpages-zh/">中文</a> |
<a href="/coreutils/manpages-uk/">Українська</a>
</div>
<h1>Manual Pages ({{LANG_NAME}})</h1>
<p>Complete manual pages for all uutils coreutils commands. Click on any command to view its full documentation.</p>
<div class="manpage-grid">
{{LINKS}}
templates/manpage.html
+23 -4
View File
@@ -1,8 +1,8 @@
<!DOCTYPE html>
<html>
<html lang="{{LANG_CODE}}">
<head>
<meta charset="utf-8">
<title>{{NAME}}(1) - uutils coreutils</title>
<title>{{NAME}}(1) - uutils coreutils ({{LANG_NAME}})</title>
<style>
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; max-width: 900px; margin: 0 auto; padding: 20px; line-height: 1.6; color: #333; }
h1, h2 { color: #333; border-bottom: 1px solid #ddd; padding-bottom: 8px; }
@@ -13,7 +13,7 @@
code { padding: 2px 5px; }
dl dt { font-weight: bold; margin-top: 10px; }
dl dd { margin-left: 20px; }
.breadcrumb { margin-bottom: 20px; }
.breadcrumb { margin-bottom: 0; }
.breadcrumb a { color: #007acc; }
.manpage-content { margin-top: 20px; }
.tldr-section { margin-top: 30px; padding: 20px; background: #f0f7ff; border: 1px solid #c0d8f0; border-radius: 8px; }
@@ -21,9 +21,13 @@
.tldr-example { margin-bottom: 15px; }
.tldr-desc { margin-bottom: 5px; font-style: italic; color: #555; }
.tldr-example pre { background: #1e1e1e; color: #d4d4d4; border: none; }
.tldr-untranslated { font-style: italic; color: #888; margin-bottom: 12px; font-size: 0.9em; }
.top-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.top-links { display: flex; gap: 15px; font-size: 0.9em; }
.top-links a { color: #007acc; }
.lang-bar { margin-bottom: 15px; font-size: 0.85em; color: #666; }
.lang-bar a { color: #007acc; margin: 0 3px; }
.lang-bar .current { font-weight: bold; color: #333; }
@media (prefers-color-scheme: dark) {
body { background: #1a1a1a; color: #e0e0e0; }
h1, h2 { color: #e0e0e0; border-bottom-color: #444; }
@@ -32,6 +36,8 @@
.tldr-section { background: #1a2a3a; border-color: #2a4a6a; }
.tldr-section h2 { color: #6cb4ee; border-bottom-color: #2a4a6a; }
.tldr-desc { color: #aaa; }
.lang-bar { color: #999; }
.lang-bar .current { color: #e0e0e0; }
}
</style>
</head>
@@ -40,7 +46,7 @@
<div class="breadcrumb">
<a href="/">Home</a> /
<a href="/coreutils">Coreutils</a> /
<a href="/coreutils/manpages/">Manual Pages</a> /
<a href="/coreutils/{{MANPAGES_PATH}}/">Manual Pages</a> /
<span>{{NAME}}(1)</span>
</div>
<div class="top-links">
@@ -48,6 +54,19 @@
<a href="https://github.com/uutils/coreutils/issues/new?title={{NAME}}:%20&labels=bug">Report an issue</a>
</div>
</div>
<div class="lang-bar">
<a href="/coreutils/manpages/{{NAME}}.html">English</a> |
<a href="/coreutils/manpages-fr/{{NAME}}.html">Français</a> |
<a href="/coreutils/manpages-de/{{NAME}}.html">Deutsch</a> |
<a href="/coreutils/manpages-es/{{NAME}}.html">Español</a> |
<a href="/coreutils/manpages-it/{{NAME}}.html">Italiano</a> |
<a href="/coreutils/manpages-pt/{{NAME}}.html">Português</a> |
<a href="/coreutils/manpages-ja/{{NAME}}.html">日本語</a> |
<a href="/coreutils/manpages-ko/{{NAME}}.html">한국어</a> |
<a href="/coreutils/manpages-ru/{{NAME}}.html">Русский</a> |
<a href="/coreutils/manpages-zh/{{NAME}}.html">中文</a> |
<a href="/coreutils/manpages-uk/{{NAME}}.html">Українська</a>
</div>
<div class="manpage-content">
{{CONTENT}}
</div>