Skip to content

Commit 1a37753

Browse files
sarmsteadsarmstead
authored
2025 Refresh - Top Navigation (#30)
1 parent 2def9b7 commit 1a37753

File tree

17 files changed

+282
-504
lines changed

17 files changed

+282
-504
lines changed

‎assets/images/gem-logo--badge.svg‎

Lines changed: 54 additions & 0 deletions
Loading

‎assets/images/icon__burger.svg‎

Lines changed: 13 additions & 0 deletions
Loading

‎assets/images/icon__close.svg‎

Lines changed: 12 additions & 0 deletions
Loading

‎default.hbs‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -18,10 +18,7 @@
1818
</head>
1919

2020
<body class="{{body_class}}">
21-
22-
<div class="grid">
23-
{{> "navbar" }}
24-
</div>
21+
{{> "navigation-top" }}
2522

2623
<main>
2724
{{!-- All content gets inserted here, index.hbs, post.hbs, etc --}}

‎partials/navbar.hbs‎

Lines changed: 0 additions & 5 deletions
This file was deleted.

‎partials/navigation-top.hbs‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<nav class='navigation--top'>
2+
<div class='navigation__inner'>
3+
<a class='navigation__logo' href='/'>
4+
<img src={{asset 'images/gem-logo--badge.svg'}} />
5+
</a>
6+
<div class='navigation__list__wrapper'>
7+
<button
8+
aria-controls='navigation__mobile-menu-trigger'
9+
aria-haspopup='true'
10+
class='navigation__mobile-menu-trigger closed'
11+
id='navigation__mobile-menu-trigger'
12+
>
13+
</button>
14+
{{navigation}}
15+
</div>
16+
<div class='navigation__membership kg-button-card'>
17+
<a class='kg-btn' href='#/portal/signup'>Membership</a>
18+
</div>
19+
</div>
20+
</nav>

‎partials/navigation.hbs‎

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
1-
{{#if isSecondary}}{{else}}<a href="/" class="logo-circle"><span class="visually-hidden">Home</span></a>{{/if}}
2-
<ul class="nav">
3-
{{#foreach navigation}}
4-
<li class="nav-{{slug}}{{#if current}} nav-current{{/if}}">
5-
<a href="{{url absolute="true"}}"><span>{{label}}</span></a>
6-
</li>
7-
{{/foreach}}
8-
</ul>
1+
<ul class='navigation__list'>
2+
{{#foreach navigation}}
3+
<li class='navigation__item'>
4+
<a href="{{url absolute='true'}}">{{label}}</a>
5+
</li>
6+
{{/foreach}}
7+
</ul>

‎src/css/app.css‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,10 +13,9 @@
1313

1414
/* Layout */
1515
@import './layout/reset.css';
16-
@import './layout/navigation.css';
1716
@import './layout/dropdown.css';
1817
@import './layout/container.css';
19-
/* @import './layout/header.css'; */
18+
@import './layout/navigation-top.css';
2019
@import './layout/footer.css';
2120

2221
/* Pages */

‎src/css/components/button.css‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,6 @@
5252
.kg-button-card .kg-btn,
5353
.kg-button-card .kg-btn-accent {
5454
font-size: 1rem;
55-
padding: 20px;
5655
width: fit-content;
5756
}
5857

‎src/css/components/static-content.css‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
.static-content {
22
width: 50%;
33
margin: 0 auto;
4+
max-width: var(--layout-inner-max-width);
45
}
56

67
.static-content.upcoming-conference-container {
@@ -24,6 +25,11 @@
2425
list-style-type: none;
2526
}
2627

28+
.pagination {
29+
display: flex;
30+
justify-content: space-between;
31+
}
32+
2733
@media screen and (max-width: 900px) and (orientation: portrait),
2834
(max-width: 823px) and (orientation: landscape) {
2935
.static-content {

0 commit comments

Comments
 (0)