header.html 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <header class="header">
  2. <div class="header_content">
  3. <label class="theme_changer">
  4. <input theme_toggle type="checkbox">
  5. <div class="button"></div>
  6. </label>
  7. <a class="header_circle" href="{{ '/' | relative_url }}">
  8. <img src="{{ site.user.pic | relative_url }}" alt="{{ site.user.picAlt }}">
  9. </a>
  10. <span class="header_name">{{ site.user.name }}</span>
  11. <span class="header_job">{{ site.user.job }}</span>
  12. <span class="header_mes">{{ site.user.message }}</span>
  13. <nav class="nav">
  14. {% if site.user.aboutme %}
  15. <ul class="nav_list">
  16. <li class="nav_item">
  17. <a href="{{ site.baseurl }}/aboutme.html">About me</a>
  18. </li>
  19. </ul>
  20. {% endif %}
  21. {% assign sorted_additional_pages = site.additional_pages | sort: 'order' %}
  22. {% for page in sorted_additional_pages %}
  23. <ul class="nav_list">
  24. <li class="nav_item">
  25. <a href="{{ page.url }}" id="aaa">{{ page.title }}</a>
  26. </li>
  27. </ul>
  28. {% endfor %}
  29. {% for category in site.categories %}
  30. {% capture cat_name %}{{ category | first }}{% endcapture %}
  31. <ul class="nav_list">
  32. <li class="nav_item">
  33. <a href="{{ site.baseurl }}/categories/{{ cat_name }}" id="aa">{{ cat_name }}
  34. <!-- ({{ category | last | size }}) -->
  35. </a>
  36. </li>
  37. </ul>
  38. {% endfor %}
  39. </nav>
  40. </div>
  41. </header>