Skip to content

Commit

Permalink
Sbx nav updates v2 (#520)
Browse files Browse the repository at this point in the history 
* updates to megamenu

* updates to nav

---------

Co-authored-by: sbxchicago <[email protected]>
  • Loading branch information
@sbxchicago
sbxchicago and sbxchicago authored Nov 4, 2024
1 parent 80b47cc commit fb19888
Showing 1 changed file with 5 additions and 144 deletions.
149 changes: 5 additions & 144 deletions overrides/partials/header.html
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!-- Header -->
1<!-- Header -->
<!-- --------------------------------------------------------------------- -->

<!-- component: header -->
Expand Down Expand Up @@ -288,7 +288,7 @@ <h3>Current</h3>
<ul>
<li><a href="https://www.alcf.anl.gov/support-center/machine-status">Machine Status</a></li>
<li><a href="https://www.alcf.anl.gov/support-center/facility-updates">Facility Updates</a></li>
<li><a href=" https://my.alcf.anl.gov/accounts/#/allocationRequests">MyALCF Portal</a></li>
<li><a href=" https://my.alcf.anl.gov">MyALCF Portal</a></li>
</ul>

<br>
Expand Down Expand Up @@ -334,7 +334,7 @@ <h3>
</div>
</a>

<a href="https://my.alcf.anl.gov/accounts/#/allocationRequests">
<a href="https://my.alcf.anl.gov">
<div class="dropdown__featured-title">
<h3>
Featured: MyALCF Portal
Expand Down Expand Up @@ -366,7 +366,7 @@ <h3>
<li><a href="https://www.alcf.anl.gov/events"> Events </a></li>
<li><a href="https://www.alcf.anl.gov/about/people"> People </a></li>
<li><a href="https://www.alcf.anl.gov/about/careers"> Careers </a></li>
<li><a href="https://my.alcf.anl.gov/accounts/#/allocationRequests" style="text-transform:none;"> MyALCF PORTAL </a></li>
<li><a href="https://my.alcf.anl.gov" style="text-transform:none;"> MyALCF PORTAL </a></li>
</ul>


Expand All @@ -390,143 +390,4 @@ <h3>
</div> <!-- end header--primary -->


</header>











<!-- Mobile Header -->
<!-- --------------------------------------------------------------------- -->
<!-- --------------------------------------------------------------------- -->
<!-- --------------------------------------------------------------------- -->


<header class="{{ class }} header--mobile" data-md-component="header">
<nav
class="md-header__inner md-grid"
aria-label="{{ lang.t('header') }}"
>

<!-- Link to home -->
<a
href="{{ config.extra.homepage | d(nav.homepage.url, true) | url }}"
title="{{ config.site_name | e }}"
class="md-header__button md-logo"
aria-label="{{ config.site_name }}"
data-md-component="logo"
>
{% include "partials/logo.html" %}
</a>

<!-- Button to open drawer -->
<label class="md-header__button md-icon" for="__drawer">
{% include ".icons/material/menu" ~ ".svg" %}
</label>

<!-- Header title -->
<div class="md-header__title" data-md-component="header-title">
<div class="md-header__ellipsis">
<div class="md-header__topic">
<span class="md-ellipsis">
{{ config.site_name }}
</span>
</div>
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
{% if page.meta and page.meta.title %}
{{ page.meta.title }}
{% else %}
{{ page.title }}
{% endif %}
</span>
</div>
</div>
</div>

<!-- Color palette -->
{% if not config.theme.palette is mapping %}
<form class="md-header__option" data-md-component="palette">
{% for option in config.theme.palette %}
{% set scheme = option.scheme | d("default", true) %}
<input
class="md-option"
data-md-color-media="{{ option.media }}"
data-md-color-scheme="{{ scheme | replace(' ', '-') }}"
data-md-color-primary="{{ option.primary | replace(' ', '-') }}"
data-md-color-accent="{{ option.accent | replace(' ', '-') }}"
{% if option.toggle %}
aria-label="{{ option.toggle.name }}"
{% else %}
aria-hidden="true"
{% endif %}
type="radio"
name="__palette"
id="__palette_{{ loop.index }}"
/>
{% if option.toggle %}
<label
class="md-header__button md-icon"
title="{{ option.toggle.name }}"
for="__palette_{{ loop.index0 or loop.length }}"
hidden
>
{% include ".icons/" ~ option.toggle.icon ~ ".svg" %}
</label>
{% endif %}
{% endfor %}
</form>
{% endif %}

<!-- Site language selector -->
{% if config.extra.alternate %}
<div class="md-header__option">
<div class="md-select">
{% set icon = config.theme.icon.alternate or "material/translate" %}
<button
class="md-header__button md-icon"
aria-label="{{ lang.t('select.language') }}"
>
{% include ".icons/" ~ icon ~ ".svg" %}
</button>
<div class="md-select__inner">
<ul class="md-select__list">
{% for alt in config.extra.alternate %}
<li class="md-select__item">
<a
href="{{ alt.link | url }}"
hreflang="{{ alt.lang }}"
class="md-select__link"
>
{{ alt.name }}
</a>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>
{% endif %}


<!-- Repository information -->
{% if config.repo_url %}
<div class="md-header__source">
{% include "partials/source.html" %}
</div>
{% endif %}
</nav>

<!-- Navigation tabs (sticky) -->
{% if "navigation.tabs.sticky" in features %}
{% if "navigation.tabs" in features %}
{% include "partials/tabs.html" %}
{% endif %}
{% endif %}
</header>
</header>

0 comments on commit fb19888

Please sign in to comment.