|
| 1 | +<!-- Determine classes --> |
| 2 | +{% set class = "md-header" %} |
| 3 | +{% if "navigation.tabs.sticky" in features %} |
| 4 | + {% set class = class ~ " md-header--shadow md-header--lifted" %} |
| 5 | +{% elif "navigation.tabs" not in features %} |
| 6 | + {% set class = class ~ " md-header--shadow" %} |
| 7 | +{% endif %} |
| 8 | + |
| 9 | +<!-- Header --> |
| 10 | +<header class="{{ class }}" data-md-component="header"> |
| 11 | + |
| 12 | + <!-- Super Nav --> |
| 13 | + <div class="superNav"> |
| 14 | + <div class="md-header__inner md-grid"> |
| 15 | + <a href="https://docs.percona.com/percona-for-mysql/" title="Percona Documentation home page"> |
| 16 | + <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> |
| 17 | + <mask id="a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"> |
| 18 | + <path d="M0 0h24v24H0z"/> |
| 19 | + </mask> |
| 20 | + <g mask="url(#a)"> |
| 21 | + <path d="m7.825 13 5.6 5.6L12 20l-8-8 8-8 1.425 1.4-5.6 5.6H20v2H7.825Z"/> |
| 22 | + </g> |
| 23 | + </svg> |
| 24 | + <span>Percona Documentation</span> |
| 25 | + </a> |
| 26 | + </div> |
| 27 | + </div> |
| 28 | + |
| 29 | + <nav |
| 30 | + class="md-header__inner md-grid" |
| 31 | + aria-label="{{ lang.t('header') }}" |
| 32 | + > |
| 33 | + |
| 34 | + <!-- Link to home --> |
| 35 | + <a |
| 36 | + href="{{ config.extra.homepage | d(nav.homepage.url, true) | url }}" |
| 37 | + title="{{ config.site_name | e }}" |
| 38 | + class="md-header__button md-logo" |
| 39 | + aria-label="{{ config.site_name }}" |
| 40 | + data-md-component="logo" |
| 41 | + > |
| 42 | + {% include "partials/logo.html" %} |
| 43 | + </a> |
| 44 | + |
| 45 | + <!-- Button to open drawer --> |
| 46 | + <label class="md-header__button md-icon" for="__drawer"> |
| 47 | + {% set icon = config.theme.icon.menu or "material/menu" %} |
| 48 | + {% include ".icons/" ~ icon ~ ".svg" %} |
| 49 | + </label> |
| 50 | + |
| 51 | + <!-- Header title --> |
| 52 | + <div class="md-header__title"> |
| 53 | + <div class="md-header__ellipsis"> |
| 54 | + <a href="{{ config.extra.homepage | d(nav.homepage.url, true) | url }}" class="md-header__topic"> |
| 55 | + <span class="md-ellipsis"> |
| 56 | + {{ config.site_name }} |
| 57 | + </span> |
| 58 | + </a> |
| 59 | + <div class="md-header__topic" data-md-component="header-topic"> |
| 60 | + <span class="md-ellipsis"> |
| 61 | + {% if page.meta and page.meta.title %} |
| 62 | + {{ page.meta.title }} |
| 63 | + {% else %} |
| 64 | + {{ page.title }} |
| 65 | + {% endif %} |
| 66 | + </span> |
| 67 | + </div> |
| 68 | + </div> |
| 69 | + </div> |
| 70 | + |
| 71 | + <!-- Color palette toggle --> |
| 72 | + {% if config.theme.palette %} |
| 73 | + {% if not config.theme.palette is mapping %} |
| 74 | + {% include "partials/palette.html" %} |
| 75 | + {% endif %} |
| 76 | + {% endif %} |
| 77 | + |
| 78 | + <!-- User preference: color palette --> |
| 79 | + {% if not config.theme.palette is mapping %} |
| 80 | + {% include "partials/javascripts/palette.html" %} |
| 81 | + {% endif %} |
| 82 | + |
| 83 | + <!-- Site language selector --> |
| 84 | + {% if config.extra.alternate %} |
| 85 | + {% include "partials/alternate.html" %} |
| 86 | + {% endif %} |
| 87 | + |
| 88 | + <!-- Button to open search modal --> |
| 89 | + {% if "material/search" in config.plugins %} |
| 90 | + <label class="md-header__button md-icon" for="__search"> |
| 91 | + {% set icon = config.theme.icon.search or "material/magnify" %} |
| 92 | + {% include ".icons/" ~ icon ~ ".svg" %} |
| 93 | + </label> |
| 94 | + |
| 95 | + <!-- Search interface --> |
| 96 | + {% include "partials/search.html" %} |
| 97 | + {% endif %} |
| 98 | + |
| 99 | + <!-- Repository information --> |
| 100 | + {% if config.repo_url %} |
| 101 | + <div class="md-header__source"> |
| 102 | + {% include "partials/source.html" %} |
| 103 | + </div> |
| 104 | + {% endif %} |
| 105 | + </nav> |
| 106 | + |
| 107 | + <!-- Navigation tabs (sticky) --> |
| 108 | + {% if "navigation.tabs.sticky" in features %} |
| 109 | + {% if "navigation.tabs" in features %} |
| 110 | + {% include "partials/tabs.html" %} |
| 111 | + {% endif %} |
| 112 | + {% endif %} |
| 113 | +</header> |
0 commit comments