Skip to content

Commit cb3e958

Browse files
mojavelinuxmojavelinux
authored
resolves #11 reconfigure topnav as documentation quicklinks; link to GitHub org (PR #12)
1 parent 40d3016 commit cb3e958

File tree

3 files changed

+75
-22
lines changed

3 files changed

+75
-22
lines changed

‎src/css/header.css‎

Lines changed: 16 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -183,8 +183,8 @@ body {
183183
}
184184

185185
.navbar-item .icon {
186-
width: 1.1rem;
187-
height: 1.1rem;
186+
width: 1.25rem;
187+
height: 1.25rem;
188188
display: block;
189189
}
190190

@@ -195,6 +195,14 @@ body {
195195
.navbar-dropdown .navbar-item {
196196
padding-left: 1.5rem;
197197
padding-right: 1.5rem;
198+
justify-content: space-between;
199+
}
200+
201+
.navbar-dropdown .navbar-item small {
202+
position: relative;
203+
right: -1rem;
204+
color: var(--toolbar-muted-color);
205+
font-size: 0.8em;
198206
}
199207

200208
.navbar-divider {
@@ -204,6 +212,12 @@ body {
204212
margin: 0.25rem 0;
205213
}
206214

215+
.navbar-dropdown div.navbar-item {
216+
font-weight: var(--navbar-heading-font-weight);
217+
color: var(--navbar-heading-font-color);
218+
letter-spacing: -0.01em;
219+
}
220+
207221
@media screen and (max-width: 1023px) {
208222
.navbar-brand .navbar-item {
209223
align-items: center;

‎src/css/vars.css‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,8 @@
3737
/* navbar */
3838
--navbar-background: var(--color-jet-80);
3939
--navbar-font-color: var(--color-white);
40+
--navbar-heading-font-color: var(--color-gray-70);
41+
--navbar-heading-font-weight: var(--body-font-weight-bold);
4042
--navbar_hover-background: var(--color-black);
4143
--navbar-button-background: var(--color-white);
4244
--navbar-button-border-color: var(--panel-border-color);

‎src/partials/header-content.hbs‎

Lines changed: 57 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<header class="header">
22
<nav class="navbar">
33
<div class="navbar-brand">
4-
<a class="navbar-item" href="https://asciidoctor.org"><img src="{{uiRootPath}}/img/logo.svg" alt="Asciidoctor"></a>
4+
<a class="navbar-item" href="https://asciidoctor.org"><img src="{{{uiRootPath}}}/img/logo.svg" alt="Asciidoctor"></a>
55
<button class="navbar-burger" data-target="topbar-nav">
66
<span></span>
77
<span></span>
@@ -10,7 +10,7 @@
1010
</div>
1111
<div id="topbar-nav" class="navbar-menu">
1212
<div class="navbar-start">
13-
<a class="navbar-item" href="{{{or site.url (or siteRootUrl siteRootPath)}}}">{{site.title}}</a>
13+
<a class="navbar-item" href="{{#with (and site.url site.homeUrl)}}{{{@root.site.url}}}{{{this}}}{{else}}{{{siteRootPath}}}{{/with}}">{{site.title}}</a>
1414
{{#if env.ALGOLIA_API_KEY}}
1515
<div class="navbar-item hide-for-print">
1616
<input id="search-input" type="text" placeholder="Search docs">
@@ -19,34 +19,71 @@
1919
</div>
2020
<div class="navbar-end">
2121
<div class="navbar-item has-dropdown is-hoverable">
22-
<div class="navbar-link">Processors</div>
22+
<div class="navbar-link">AsciiDoc</div>
2323
<div class="navbar-dropdown">
24-
<div class="navbar-item"><strong>Asciidoctor</strong></div>
25-
<a class="navbar-item" href="https://github.com/asciidoctor/asciidoctor" target="_blank" rel="noopener">Source</a>
26-
<a class="navbar-item" href="https://github.com/asciidoctor/asciidoctor/issues" target="_blank" rel="noopener">Issues</a>
24+
<a class="navbar-item" href="{{{relativize (resolvePageURL 'asciidoc::index.adoc')}}}">Language</a>
25+
<a class="navbar-item" href="{{{relativize (resolvePageURL 'asciidoc::syntax-quick-reference.adoc')}}}">Syntax Quick Reference</a>
26+
</div>
27+
</div>
28+
<div class="navbar-item has-dropdown is-hoverable">
29+
<div class="navbar-link">Processing</div>
30+
<div class="navbar-dropdown">
31+
{{!--
32+
<div class="navbar-item">Core</div>
33+
--}}
34+
<a class="navbar-item" href="{{{relativize (resolvePageURL 'asciidoctor::index.adoc')}}}">Asciidoctor <small>Ruby</small></a>
35+
<a class="navbar-item" href="{{{relativize (resolvePageURL 'asciidoctor.js::index.adoc')}}}">Asciidoctor.js <small>JS</small></a>
36+
{{#if site.components.asciidoctorj}}
37+
<a class="navbar-item" href="{{{relativize (resolvePageURL 'asciidoctorj::index.adoc')}}}">AsciidoctorJ <small>Java</small></a>
38+
{{/if}}
2739
<hr class="navbar-divider">
28-
<div class="navbar-item"><strong>Asciidoctor.js</strong></div>
29-
<a class="navbar-item" href="https://github.com/asciidoctor/asciidoctor.js" target="_blank" rel="noopener">Source</a>
30-
<a class="navbar-item" href="https://github.com/asciidoctor/asciidoctor.js/issues" target="_blank" rel="noopener">Issues</a>
40+
<div class="navbar-item">Extended Converters</div>
41+
{{!--
42+
<a class="navbar-item" href="{{{relativize (resolvePageURL 'pdf-converter::index.adoc')}}}">PDF</a>
43+
<a class="navbar-item" href="{{{relativize (resolvePageURL 'epub3-converter::index.adoc')}}}">EPUB3</a>
44+
--}}
45+
<a class="navbar-item" href="{{{relativize (resolvePageURL 'reveal.js-converter::index.adoc')}}}">reveal.js <small>Ruby, JS</small></a>
46+
</div>
47+
</div>
48+
<div class="navbar-item has-dropdown is-hoverable">
49+
<div class="navbar-link">Tooling</div>
50+
<div class="navbar-dropdown is-right">
51+
<div class="navbar-item">Build Automation Plugins</div>
52+
<a class="navbar-item" href="{{{relativize (resolvePageURL 'maven-tools::index.adoc')}}}">Maven Tools <small>Java</small></a>
53+
{{!--
54+
<a class="navbar-item" href="#">Gradle Plugin <small>Java</small></a>
55+
--}}
56+
{{#if site.components.asciidoclet}}
57+
<a class="navbar-item" href="{{{relativize (resolvePageURL 'asciidoclet::index.adoc')}}}">Asciidoclet <small>Java</small></a>
58+
{{/if}}
3159
<hr class="navbar-divider">
32-
<div class="navbar-item"><strong>AsciidoctorJ</strong></div>
33-
<a class="navbar-item" href="https://github.com/asciidoctor/asciidoctorj" target="_blank" rel="noopener">Source</a>
34-
<a class="navbar-item" href="https://github.com/asciidoctor/asciidoctorj/issues" target="_blank" rel="noopener">Issues</a>
60+
<div class="navbar-item">Text Editors and Viewers</div>
61+
{{!--
62+
<a class="navbar-item" href="#">Browser Extension</a>
63+
<a class="navbar-item" href="#">Atom Add-ons</a>
64+
--}}
65+
<a class="navbar-item" href="https://intellij-asciidoc-plugin.ahus1.de/docs" target="_blank" rel="noopener">IntelliJ Plugin</a>
3566
</div>
3667
</div>
68+
{{!--
3769
<div class="navbar-item has-dropdown is-hoverable">
38-
<div class="navbar-link">Community</div>
70+
<div class="navbar-link">Extensions</div>
3971
<div class="navbar-dropdown is-right">
40-
<a class="navbar-item" href="http://discuss.asciidoctor.org" target="_blank" rel="noopener">Discuss</a>
41-
<a class="navbar-item" href="https://gitter.im/asciidoctor/asciidoctor" target="_blank" rel="noopener">Chat - General</a>
42-
<a class="navbar-item" href="https://gitter.im/asciidoctor/asciidoctor.js" target="_blank" rel="noopener">Chat - Asciidoctor.js</a>
43-
<a class="navbar-item" href="https://gitter.im/asciidoctor/asciidoctorj" target="_blank" rel="noopener">Chat - AsciidoctorJ</a>
72+
<div class="navbar-item">Syntax</div>
73+
<a class="navbar-item" href="#">Asciidoctor Diagram</a>
74+
<a class="navbar-item" href="#">Asciidoctor Chart</a>
75+
<a class="navbar-item" href="#">Asciidoctor bibtex</a>
76+
<div class="navbar-item">Adapters</div>
77+
<a class="navbar-item" href="#">Asciidoctor Mathematical <small>stem</small></a>
78+
<a class="navbar-item" href="#">Asciidoctor Prism <small>source highlighter</small></a>
4479
</div>
80+
--}}
4581
</div>
46-
<a class="navbar-item" href="https://twitter.com/asciidoctor" target="_blank" rel="noopener">
82+
<a class="navbar-item" href="https://github.com/asciidoctor" target="_blank" rel="noopener">
4783
<span class="icon">
48-
<svg aria-hidden="true" data-prefix="fab" data-icon="twitter" data-version="5.0.0" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
49-
<path fill="#57aaee" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
84+
<!-- Font Awesome Free 5.15.1 by @fontawesome - License: https://fontawesome.com/license/free -->
85+
<svg aria-hidden="true" data-prefix="fab" data-icon="github" data-version="5.0.0" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512">
86+
<path fill="#ffffff" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path>
5087
</svg>
5188
</span>
5289
</a>

0 commit comments

Comments
 (0)