hugo-PaperMod/themes/herring-cove/layouts/chrome/header.html

65 lines
2.6 KiB
HTML
Raw Normal View History

2014-04-27 00:41:00 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>{{ .Title }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="{{ .Description }}">
<link href="{{ .RSSlink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
<link href="{{ .Site.BaseUrl }}/css/bootstrap.min.css" rel="stylesheet">
<link href="{{ .Site.BaseUrl }}/css/hc.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif] d-->
</head>
<body>
<div class="nav-toggle"><i class="fa fa-bars fa-2x"></i> Herring Cove </div>
<div id = "wrapper">
<div class="navbar navbar-default" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<p class="navbar-brand">{{ .Site.Title }}</p>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="{{ .Site.BaseUrl }}/post/">Posts</a></li>
<li><a href="{{ .Site.BaseUrl }}/about/">About</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<!-- Sidebar -->
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="sidebar-brand"><a href="{{ .Site.BaseUrl }}/"><h1 class="brand">{{ .Site.Title }}</h1></a><h3>{{ .Site.Params.Description }}</h3></li>
<hr />
<li><a href="{{ .Site.BaseUrl }}/post/">Posts</a></li>
<li><a href="{{ .Site.BaseUrl }}/about/">About</a></li>
<hr />
<div id="social-wrapper">
{{ with .Site.Params.twitter }}<li> <a href="{{.}}"><i class="fa fa-twitter-square"></i> @twitter</a></li>{{end}}
{{ with .Site.Params.linkedin }}<li> <a href="{{ . }}"><i class="fa fa-linkedin-square"></i> linkedin</a> </li>{{end}}
{{ with .Site.Params.facebook }}<li> <a href="{{ . }}"><i class="fa fa-facebook-square"></i> facebook</a></li>{{end}}
{{ with .Site.Params.github }}<li> <a href="{{ . }}"><i class="fa fa-github-square"></i> github</a> </li>{{end}}
</div>
</ul>
</div>
<div class="container">