vac.dev/_includes/header.html
Maria Rushkova 59b95cdc98 New design (#42) (#45)
* Add new design

* Use yarn instead of npm

* Add 404 page style

* Update "See VAC Openings" CTA

* Change VAC to Vac

* Change specs link

* Keep post categories

* Change code formatting

* Update images

* Update media links

* Add media image default

* Update package.json

* Add twitter cards meta data

* Add media section back

* Remove images

* Comment script for form

* Change media urls to https

* Import font locally

* Add Anonymous font

* Change inner page layout

* Change pre code style

* Add font preloading

* Change post content styles

* Add alt attribute

* Change footer research links

* Update gitignore

* Add Fathom analytics

* Update links

* Change gif to video

* Add work cards links back

* Change footer spacing

* Change logo size

* Fix header

* Centered section join

* Make cards clickable

* Align left section join

* Remove graphic & video section about

* Return logo size

* Add post for Waku v1 vs Waku v2 bandwidth comparison (#43)

* Add post for Waku v1 vs Waku v2 bandwidth comparison

* Addressing PR comments

* Added future work. Minor changes to intro.

(cherry picked from commit 007696cfc9898178a03a34123c59176913de3463)

* Add <code> styles

* Add Hanno page

* Add opinion piece on ethics in surveillance tech (#44)

* Add opinion piece on ethics in surveillance tech

* Change published date. Added preface.

* wrong date - today is 3rd

(cherry picked from commit c64f5a889e48525a24313b17be808411620d1622)

* Add circe page

Co-authored-by: Hanno Cornelius <68783915+jm-clius@users.noreply.github.com>
Co-authored-by: thecirce <95408261+thecirce@users.noreply.github.com>

Co-authored-by: Hanno Cornelius <68783915+jm-clius@users.noreply.github.com>
Co-authored-by: thecirce <95408261+thecirce@users.noreply.github.com>
2022-01-13 00:02:14 +09:00

41 lines
2.1 KiB
HTML

<header class="sm:sticky sm:top-0 bg-white z-50">
<div class="container max-w-screen-xl sm:border-b">
<div class="nav-section flex justify-between items-center py-3 md:py-5 lg:py-10">
<div class="logo md:pr-8 l:p-0">
<a href="/"><img src="{{ '/assets/img/logo.png' | relative_url }}" alt="Vac logo" class="w-9 h-11" /></a>
</div>
<div class="flex justify-between items-center w-9/12">
<div class="burger block sm:hidden z-50">
<button class="burger__button burger__button--open fixed top-2 right-5 w-12 h-12" type="button" aria-label="Mobile menu button">
<img class="burger__icon" src="{{ '/assets/img/burger.svg' | relative_url }}" alt="Open menu button" />
</button>
<button class="burger__button burger__button--close hidden fixed top-2 right-5 w-12 h-12" type="button" aria-label="Close mobile menu button">
<img class="burger__icon burger__icon--close" src="{{ '/assets/img/close.svg' | relative_url }}" alt="Close menu button" />
</button>
</div>
<nav class="nav max-w-screen-xm md:max-w-screen-sl container">
<ul class="nav__list hidden sm:flex justify-between container text-xs font-semibold md:pr-8 l:p-0">
{% for nav in site.data.navigation %} {% include nav-item.html %} {% endfor %}
</ul>
</nav>
<ul class="social items-center hidden md:flex">
{% include social.html %}
</ul>
</div>
<div class="overlay container max-w-screen-sm w-full hidden sm:hidden fixed top-0 right-0 h-screen bg-black bg-opacity-40 z-30">
<nav class="nav-mobile hidden fixed top-0 right-0 flex flex-col justify-between items-center pt-14 px-12 pb-5 bg-white w-9/12 h-3/4 z-40">
<ul class="nav__list flex flex-col flex-1 justify-between items-center container box-content w-32 h-auto max-h-nav text-xs font-normal">
{% for nav in site.data.navigation %} {% include nav-item.html %} {% endfor %}
</ul>
<ul class="social items-center flex mt-8">
{% include social.html %}
</ul>
</nav>
</div>
</div>
</div>
</header>