You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

header.html 2.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <!DOCTYPE html>
  2. <html lang="en" >
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>{% if page.title != nil %}{{ page.title }} - {% endif %}{{ site.title }}</title>
  7. <meta name="description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
  8. {% if page.tags %}<meta name="keywords" content="{{ page.tags | join: ', ' }}">{% endif %}
  9. <link href="{{ site.url }}/atom.xml" type="application/atom+xml" rel="alternate" title="{{ site.title }} Feed">
  10. {% if site.owner.google_plus %}<link rel="author" href="{{ site.owner.google_plus }}?rel=author">{% endif %}
  11. <!-- Style Sheets -->
  12. <link rel="stylesheet" href="{{ site.url }}/assets/dist/app.css">
  13. <!-- Fonts -->
  14. <link href='https://fonts.googleapis.com/css?family=Source+Code+Pro' rel='stylesheet' type='text/css' >
  15. <!-- Favicon -->
  16. <link rel="shortcut icon" href="{{ site.url }}/favicon.ico" >
  17. </head>
  18. <body>
  19. <div id="layout">
  20. <!-- Menu toggle -->
  21. <a href="#menu" id="menuLink" class="menu-link">
  22. <!-- Hamburger icon -->
  23. <span></span>
  24. </a>
  25. <!-- Menu -->
  26. <nav id="menu">
  27. <div class="pure-menu">
  28. <a class="pure-menu-heading" href="{{ site.url }}/">{{ site.title | uppercase }}</a>
  29. <ul class="pure-menu-list">
  30. {% for item in site.data.menu %}
  31. <li class="pure-menu-item"><a class="pure-menu-link" href="
  32. {% if item.link contains 'http' %}
  33. {{ item.link }}
  34. {% else %}
  35. {{ site.url }}{{ item.link }}
  36. {% endif %}
  37. ">{{ item.name }}</a></li>
  38. {% endfor %}
  39. {% for item in site.data.social %}
  40. <li class="pure-menu-item {% if forloop.first %}menu-item-divided{% endif %}">
  41. <a class="pure-menu-link" href="{{ item.link }}">{{ item.name | capitalize }}</a>
  42. </li>
  43. {% else %}
  44. {% endfor %}
  45. </ul>
  46. </div>
  47. </nav>
  48. <!-- main area closed in footer -->
  49. <section id="main">
  50. <header id="mainHeader">
  51. <h1>{{ page.title }}</h1>
  52. {% if page.subtitle %}
  53. <h2>{{ page.subtitle }}</h2>
  54. {% endif %}
  55. </header>