Define an HTML header block

7 years ago · 673332654a
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -27,12 +27,14 @@
    {{- template "_internal/twitter_cards.html" -}}
  </head>
  <body>
    <h1 id="site-title"><a href="{{ relURL "/" }}">{{ .Site.Title }}</a></h1>
    <header>
      <h1 id="site-title"><a href="{{ relURL "/" }}">{{ .Site.Title }}</a></h1>

    <div id="site-social">
    {{ range .Site.Params.social}}
      <a href="{{ .url }}" title="{{ .title }}">
        <i class="fa {{ .fa_icon }}"></i>
      </a>
    {{ end }}
    </div>
      <div id="site-social">
      {{ range .Site.Params.social}}
        <a href="{{ .url }}" title="{{ .title }}">
          <i class="fa {{ .fa_icon }}"></i>
        </a>
      {{ end }}
      </div>
    </header>
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -191,6 +191,10 @@ ul.tag-cloud li a, ul.tag-cloud li a:visited {
  color: white;
 }

 header {
  margin: 60px 0;
 }

@media screen and (max-width: 599px) {
    body {
      width: 90%;