| 1 |
commit: 0bbfa28025b1a89eb8cac3f96b7072c1de01b6ba |
| 2 |
Author: Ulrich Müller <ulm <AT> gentoo <DOT> org> |
| 3 |
AuthorDate: Wed Jan 29 11:15:38 2020 +0000 |
| 4 |
Commit: Ulrich Müller <ulm <AT> gentoo <DOT> org> |
| 5 |
CommitDate: Mon Feb 3 00:01:20 2020 +0000 |
| 6 |
URL: https://gitweb.gentoo.org/proj/devmanual.git/commit/?id=0bbfa280 |
| 7 |
|
| 8 |
devbook.xsl: Add simple navigation in offline mode. |
| 9 |
|
| 10 |
This consists of "previous" and "next" links. |
| 11 |
|
| 12 |
Signed-off-by: Ulrich Müller <ulm <AT> gentoo.org> |
| 13 |
|
| 14 |
devbook.xsl | 198 +++++++++++++++++++++++++++++++----------------------------- |
| 15 |
offline.css | 26 ++++++++ |
| 16 |
2 files changed, 130 insertions(+), 94 deletions(-) |
| 17 |
|
| 18 |
diff --git a/devbook.xsl b/devbook.xsl |
| 19 |
index faf9796..a61cae0 100644 |
| 20 |
--- a/devbook.xsl |
| 21 |
+++ b/devbook.xsl |
| 22 |
@@ -469,111 +469,121 @@ |
| 23 |
</head> |
| 24 |
<body> |
| 25 |
<header> |
| 26 |
- <xsl:if test="not($offline)"> |
| 27 |
- <div class="site-title"> |
| 28 |
- <div class="container"> |
| 29 |
- <div class="row"> |
| 30 |
- <div class="site-title-buttons"> |
| 31 |
- <div class="btn-group btn-group-sm"> |
| 32 |
- <a href="https://get.gentoo.org/" role="button" class="btn get-gentoo"><span class="fa fa-fw fa-download"></span> <strong> Get Gentoo!</strong></a> |
| 33 |
- <div class="btn-group btn-group-sm"> |
| 34 |
- <a class="btn gentoo-org-sites dropdown-toggle" data-toggle="dropdown" data-target="#" href="#"> |
| 35 |
- <span class="fa fa-fw fa-map-o"></span> <span class="hidden-xs"> gentoo.org sites </span> <span class="caret"></span> |
| 36 |
+ <xsl:choose> |
| 37 |
+ <xsl:when test="$offline"> |
| 38 |
+ <nav class="offline"> |
| 39 |
+ <ul> |
| 40 |
+ <li><xsl:call-template name="findPrevious"/></li> |
| 41 |
+ <li><xsl:call-template name="findNext"/></li> |
| 42 |
+ </ul> |
| 43 |
+ </nav> |
| 44 |
+ </xsl:when> |
| 45 |
+ <xsl:otherwise> |
| 46 |
+ <div class="site-title"> |
| 47 |
+ <div class="container"> |
| 48 |
+ <div class="row"> |
| 49 |
+ <div class="site-title-buttons"> |
| 50 |
+ <div class="btn-group btn-group-sm"> |
| 51 |
+ <a href="https://get.gentoo.org/" role="button" class="btn get-gentoo"><span class="fa fa-fw fa-download"></span> <strong> Get Gentoo!</strong></a> |
| 52 |
+ <div class="btn-group btn-group-sm"> |
| 53 |
+ <a class="btn gentoo-org-sites dropdown-toggle" data-toggle="dropdown" data-target="#" href="#"> |
| 54 |
+ <span class="fa fa-fw fa-map-o"></span> <span class="hidden-xs"> gentoo.org sites </span> <span class="caret"></span> |
| 55 |
+ </a> |
| 56 |
+ <ul class="dropdown-menu dropdown-menu-right"> |
| 57 |
+ <li><a href="https://www.gentoo.org/" title="Main Gentoo website"><span class="fa fa-home fa-fw"></span> gentoo.org</a></li> |
| 58 |
+ <li><a href="https://wiki.gentoo.org/" title="Find and contribute documentation"><span class="fa fa-file-text-o fa-fw"></span> Wiki</a></li> |
| 59 |
+ <li><a href="https://bugs.gentoo.org/" title="Report issues and find common issues"><span class="fa fa-bug fa-fw"></span> Bugs</a></li> |
| 60 |
+ <li><a href="https://forums.gentoo.org/" title="Discuss with the community"><span class="fa fa-comments-o fa-fw"></span> Forums</a></li> |
| 61 |
+ <li><a href="https://packages.gentoo.org/" title="Find software for your Gentoo"><span class="fa fa-hdd-o fa-fw"></span> Packages</a></li> |
| 62 |
+ <li class="divider"></li> |
| 63 |
+ <li><a href="https://planet.gentoo.org/" title="Find out what's going on in the developer community"><span class="fa fa-rss fa-fw"></span> Planet</a></li> |
| 64 |
+ <li><a href="https://archives.gentoo.org/" title="Read up on past discussions"><span class="fa fa-archive fa-fw"></span> Archives</a></li> |
| 65 |
+ <li><a href="https://sources.gentoo.org/" title="Browse our source code"><span class="fa fa-code fa-fw"></span> Sources</a></li> |
| 66 |
+ <li class="divider"></li> |
| 67 |
+ <li><a href="https://infra-status.gentoo.org/" title="Get updates on the services provided by Gentoo"><span class="fa fa-server fa-fw"></span> Infra Status</a></li> |
| 68 |
+ </ul> |
| 69 |
+ </div> |
| 70 |
+ </div> |
| 71 |
+ </div> |
| 72 |
+ <div> |
| 73 |
+ <a href="/" title="Back to the homepage" class="site-logo"> |
| 74 |
+ <object data="https://assets.gentoo.org/tyrian/site-logo.svg" type="image/svg+xml"> |
| 75 |
+ <img src="https://assets.gentoo.org/tyrian/site-logo.png" alt="Gentoo Linux Logo" /> |
| 76 |
+ </object> |
| 77 |
</a> |
| 78 |
- <ul class="dropdown-menu dropdown-menu-right"> |
| 79 |
- <li><a href="https://www.gentoo.org/" title="Main Gentoo website"><span class="fa fa-home fa-fw"></span> gentoo.org</a></li> |
| 80 |
- <li><a href="https://wiki.gentoo.org/" title="Find and contribute documentation"><span class="fa fa-file-text-o fa-fw"></span> Wiki</a></li> |
| 81 |
- <li><a href="https://bugs.gentoo.org/" title="Report issues and find common issues"><span class="fa fa-bug fa-fw"></span> Bugs</a></li> |
| 82 |
- <li><a href="https://forums.gentoo.org/" title="Discuss with the community"><span class="fa fa-comments-o fa-fw"></span> Forums</a></li> |
| 83 |
- <li><a href="https://packages.gentoo.org/" title="Find software for your Gentoo"><span class="fa fa-hdd-o fa-fw"></span> Packages</a></li> |
| 84 |
- <li class="divider"></li> |
| 85 |
- <li><a href="https://planet.gentoo.org/" title="Find out what's going on in the developer community"><span class="fa fa-rss fa-fw"></span> Planet</a></li> |
| 86 |
- <li><a href="https://archives.gentoo.org/" title="Read up on past discussions"><span class="fa fa-archive fa-fw"></span> Archives</a></li> |
| 87 |
- <li><a href="https://sources.gentoo.org/" title="Browse our source code"><span class="fa fa-code fa-fw"></span> Sources</a></li> |
| 88 |
- <li class="divider"></li> |
| 89 |
- <li><a href="https://infra-status.gentoo.org/" title="Get updates on the services provided by Gentoo"><span class="fa fa-server fa-fw"></span> Infra Status</a></li> |
| 90 |
- </ul> |
| 91 |
+ <span class="site-label">Development Guide</span> |
| 92 |
</div> |
| 93 |
</div> |
| 94 |
</div> |
| 95 |
- <div> |
| 96 |
- <a href="/" title="Back to the homepage" class="site-logo"> |
| 97 |
- <object data="https://assets.gentoo.org/tyrian/site-logo.svg" type="image/svg+xml"> |
| 98 |
- <img src="https://assets.gentoo.org/tyrian/site-logo.png" alt="Gentoo Linux Logo" /> |
| 99 |
- </object> |
| 100 |
- </a> |
| 101 |
- <span class="site-label">Development Guide</span> |
| 102 |
- </div> |
| 103 |
</div> |
| 104 |
- </div> |
| 105 |
- </div> |
| 106 |
- <nav class="tyrian-navbar" role="navigation"> |
| 107 |
- <div class="container"> |
| 108 |
- <div class="row"> |
| 109 |
- <div class="navbar-header"> |
| 110 |
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse"> |
| 111 |
- <span class="sr-only">Toggle navigation</span> |
| 112 |
- <span class="icon-bar"></span> |
| 113 |
- <span class="icon-bar"></span> |
| 114 |
- <span class="icon-bar"></span> |
| 115 |
- </button> |
| 116 |
- </div> |
| 117 |
- <div class="collapse navbar-collapse navbar-main-collapse"> |
| 118 |
- <ul class="nav navbar-nav"> |
| 119 |
- <li><a href="{concat($relative_path_depth_recursion, substring-after(substring-before(@link, '##'), '::'), 'index.html', substring-after(@link, '##'))}"><span class="fa fa-home"/>  Home</a></li> |
| 120 |
- <li class="dropdown"> |
| 121 |
- <a href="#" class="dropdown-toggle" data-toggle="dropdown"><xsl:value-of select="/guide/chapter[1]/title"/> <span class="caret"></span></a> |
| 122 |
- <xsl:call-template name="contentsTree"> |
| 123 |
- <xsl:with-param name="maxdepth" select="1"/> |
| 124 |
- <xsl:with-param name="ulclass">dropdown-menu</xsl:with-param> |
| 125 |
- </xsl:call-template> |
| 126 |
- </li> |
| 127 |
- <li><xsl:call-template name="findPrevious"/></li> |
| 128 |
- <li><xsl:call-template name="findNext"/></li> |
| 129 |
- </ul> |
| 130 |
- </div> |
| 131 |
- </div> |
| 132 |
- </div> |
| 133 |
- </nav> |
| 134 |
- <nav class="navbar navbar-grey navbar-stick" id="devmanual-actions" role="navigation"> |
| 135 |
- <div class="container"> |
| 136 |
- <div class="row"> |
| 137 |
- <div class="navbar-header"> |
| 138 |
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#gw-toolbar"> |
| 139 |
- <span class="sr-only">Toggle navigation</span> |
| 140 |
- <span class="icon-bar"></span> |
| 141 |
- <span class="icon-bar"></span> |
| 142 |
- <span class="icon-bar"></span> |
| 143 |
- </button> |
| 144 |
- </div> |
| 145 |
- <div class="collapse navbar-collapse" id="gw-toolbar"> |
| 146 |
- <div class="input-group"> |
| 147 |
- <input type="search" name="search" placeholder="Search" title="Search Gentoo Developer Manual [f]" accesskey="f" id="searchInput" class="form-control" onclick="fetchDocuments()"/> |
| 148 |
- <div class="input-group-btn"> |
| 149 |
- <input type="submit" name="fulltext" value="Search" title="Search the pages for this text" id="mw-searchButton" class="searchButton btn btn-default" onclick="search()"/> |
| 150 |
+ <nav class="tyrian-navbar" role="navigation"> |
| 151 |
+ <div class="container"> |
| 152 |
+ <div class="row"> |
| 153 |
+ <div class="navbar-header"> |
| 154 |
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse"> |
| 155 |
+ <span class="sr-only">Toggle navigation</span> |
| 156 |
+ <span class="icon-bar"></span> |
| 157 |
+ <span class="icon-bar"></span> |
| 158 |
+ <span class="icon-bar"></span> |
| 159 |
+ </button> |
| 160 |
+ </div> |
| 161 |
+ <div class="collapse navbar-collapse navbar-main-collapse"> |
| 162 |
+ <ul class="nav navbar-nav"> |
| 163 |
+ <li><a href="{concat($relative_path_depth_recursion, substring-after(substring-before(@link, '##'), '::'), 'index.html', substring-after(@link, '##'))}"><span class="fa fa-home"/>  Home</a></li> |
| 164 |
+ <li class="dropdown"> |
| 165 |
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown"><xsl:value-of select="/guide/chapter[1]/title"/> <span class="caret"></span></a> |
| 166 |
+ <xsl:call-template name="contentsTree"> |
| 167 |
+ <xsl:with-param name="maxdepth" select="1"/> |
| 168 |
+ <xsl:with-param name="ulclass">dropdown-menu</xsl:with-param> |
| 169 |
+ </xsl:call-template> |
| 170 |
+ </li> |
| 171 |
+ <li><xsl:call-template name="findPrevious"/></li> |
| 172 |
+ <li><xsl:call-template name="findNext"/></li> |
| 173 |
+ </ul> |
| 174 |
</div> |
| 175 |
</div> |
| 176 |
</div> |
| 177 |
- </div> |
| 178 |
- </div> |
| 179 |
- </nav> |
| 180 |
- <div id="searchResults" class="modal fade" role="dialog"> |
| 181 |
- <div class="modal-dialog"> |
| 182 |
- <div class="modal-content"> |
| 183 |
- <div class="modal-header"> |
| 184 |
- <button type="button" class="close" data-dismiss="modal">x</button> |
| 185 |
- <h4 class="modal-title">Search Results</h4> |
| 186 |
- </div> |
| 187 |
- <div class="modal-body"> |
| 188 |
- <p>No results found.</p> |
| 189 |
+ </nav> |
| 190 |
+ <nav class="navbar navbar-grey navbar-stick" id="devmanual-actions" role="navigation"> |
| 191 |
+ <div class="container"> |
| 192 |
+ <div class="row"> |
| 193 |
+ <div class="navbar-header"> |
| 194 |
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#gw-toolbar"> |
| 195 |
+ <span class="sr-only">Toggle navigation</span> |
| 196 |
+ <span class="icon-bar"></span> |
| 197 |
+ <span class="icon-bar"></span> |
| 198 |
+ <span class="icon-bar"></span> |
| 199 |
+ </button> |
| 200 |
+ </div> |
| 201 |
+ <div class="collapse navbar-collapse" id="gw-toolbar"> |
| 202 |
+ <div class="input-group"> |
| 203 |
+ <input type="search" name="search" placeholder="Search" title="Search Gentoo Developer Manual [f]" accesskey="f" id="searchInput" class="form-control" onclick="fetchDocuments()"/> |
| 204 |
+ <div class="input-group-btn"> |
| 205 |
+ <input type="submit" name="fulltext" value="Search" title="Search the pages for this text" id="mw-searchButton" class="searchButton btn btn-default" onclick="search()"/> |
| 206 |
+ </div> |
| 207 |
+ </div> |
| 208 |
+ </div> |
| 209 |
+ </div> |
| 210 |
</div> |
| 211 |
- <div class="modal-footer"> |
| 212 |
- <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> |
| 213 |
+ </nav> |
| 214 |
+ <div id="searchResults" class="modal fade" role="dialog"> |
| 215 |
+ <div class="modal-dialog"> |
| 216 |
+ <div class="modal-content"> |
| 217 |
+ <div class="modal-header"> |
| 218 |
+ <button type="button" class="close" data-dismiss="modal">x</button> |
| 219 |
+ <h4 class="modal-title">Search Results</h4> |
| 220 |
+ </div> |
| 221 |
+ <div class="modal-body"> |
| 222 |
+ <p>No results found.</p> |
| 223 |
+ </div> |
| 224 |
+ <div class="modal-footer"> |
| 225 |
+ <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> |
| 226 |
+ </div> |
| 227 |
+ </div> |
| 228 |
</div> |
| 229 |
</div> |
| 230 |
- </div> |
| 231 |
- </div> |
| 232 |
- </xsl:if> |
| 233 |
+ </xsl:otherwise> |
| 234 |
+ </xsl:choose> |
| 235 |
<div class="container"> |
| 236 |
<div class="row"> |
| 237 |
<div class="col-md010"> |
| 238 |
|
| 239 |
diff --git a/offline.css b/offline.css |
| 240 |
index 42f94e9..85dfa56 100644 |
| 241 |
--- a/offline.css |
| 242 |
+++ b/offline.css |
| 243 |
@@ -17,3 +17,29 @@ header, footer { |
| 244 |
h1, h2, h3, h4, h5, h6 { |
| 245 |
line-height: 1.2; |
| 246 |
} |
| 247 |
+ |
| 248 |
+nav.offline ul, .breadcrumb { |
| 249 |
+ list-style-type: none; |
| 250 |
+ padding: 0; |
| 251 |
+ margin: 0; |
| 252 |
+} |
| 253 |
+ |
| 254 |
+nav.offline li, .breadcrumb li { |
| 255 |
+ display: inline; |
| 256 |
+} |
| 257 |
+ |
| 258 |
+nav.offline li+li { |
| 259 |
+ margin-left: 1em; |
| 260 |
+} |
| 261 |
+ |
| 262 |
+.breadcrumb li+li:before { |
| 263 |
+ content: " / "; |
| 264 |
+} |
| 265 |
+ |
| 266 |
+.fa-arrow-left:after { |
| 267 |
+ content: "\25c4"; /* BLACK LEFT-POINTING POINTER */ |
| 268 |
+} |
| 269 |
+ |
| 270 |
+.fa-arrow-right:after { |
| 271 |
+ content: "\25ba"; /* BLACK RIGHT-POINTING POINTER */ |
| 272 |
+} |
Archives
