Skip to content

Instantly share code, notes, and snippets.

@chyngyz
Created March 6, 2017 17:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save chyngyz/860d974554e3f28ac2d3d77199faa085 to your computer and use it in GitHub Desktop.
Save chyngyz/860d974554e3f28ac2d3d77199faa085 to your computer and use it in GitHub Desktop.
{% macro status(logosm=true, logolg=false, loggedin=false) %}
<div class="th-header th-header-white-wr">
<div class="container th-no-p">
<div class="th-header-white">
<div>
<a href="/" class="th-header__logo-sm {% if logosm %} th-header__logo-sm_visible {% endif %}">
<img src="images/logo-sm.png" srcset="images/logo-sm.png 1x, images/logo-sm@2x.png 2x" alt="TravelHub Logo">
</a>
<div class="th-header__motto">
Travel Hub — Travelling Without Borders.
</div>
<!-- ./th-header__motto -->
</div>
{% if logolg %}
<div class="th-header__logo">
<a href="/">
<img src="images/logo.png" srcset="images/logo.png 1x, images/logo@2x.png 2x" alt="TravelHub Logo">
</a>
</div>
<!-- ./th-header__logo -->
{% endif %}
{% if loggedin %}
<div class="th-header__login">
<ul class="th-login-nav">
<li class="th-login-nav__item th-login-nav__user">
<a href="#" class="th-truncate js-th-user-menu">
<span class="th-login-nav__user-profile">
<span class="th-login-nav__user-thumb">
<img src="http://mhalabs.org/wp-content/uploads/upme/1451456913_brodie.jpg" alt="">
</span>
<span class="th-login-nav__user-badge">3</span>
</span>
Alex Murphi
</a>
</li>
<li class="th-login-nav__divider">|</li>
<li class="th-login-nav__item">
<a href="/login.html" class="th-truncate">Log Out</a>
</li>
</ul>
</div>
{% else %}
<div class="th-header__login">
<ul class="th-login-nav">
<li class="th-login-nav__item th-login-nav__item_active">
<a href="/signup.html">Sign Up</a>
</li>
<li class="th-login-nav__divider">|</li>
<li class="th-login-nav__item">
<a href="/login.html">Sign In</a>
</li>
</ul>
</div>
{% endif %}
</div>
</div>
</div>
<!-- ./th-header-white-wr -->
{% endmacro %}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment