hugo/docs/layouts/partials/header.html
Mark D. Blackwell 88ec7d88d1 docs: Improve home page
Organize CSS and Javascript files into directories, separating vendor
source code from home-grown.

Separate new properties and selectors in Bootstrap CSS (already edited
for Hugo) from:
1. Original property values; and
2. Changed property values.

For the home page:

1. Clarify the English text;
2. Add some element names to classes in CSS selectors (to speed loading);
3. Document the Owl Carousel and Highlight.js versions;
4. Add Owl Carousel's license;
5. Restore HTML comments to browser source views;
6. Make the beginning GitHub button transparent on focus (like the others);

7. For the final, colored Twitter and Github buttons:
  a. Remove the dotted box on focus; and
  b. Color them green on active.

8. To increase (layout/) source readability:
  a. Place `class` attributes before `href` attributes;
  b. In `class` attributes, place more-specific class names before
     less-specific; and
  c. Comment the beginnings and ends of Bootstrap rows.

9. To increase understandability during development:
  a. Document the meaning of CSS file, `HPstyles` by renaming it to
     `home-page-style`;
  b. Move inline styling to CSS stylesheets;
  c. Separate @media queries to a file;
  d. Separate the inline Owl Carousel custom Javascript to a file;
  e. Use regular Owl Carousel CSS files instead of minified ones; and
  f. Rename the wide, landscape desk background image filename from
     `desk-long` to `desk-wide`.
2016-10-01 22:19:22 -04:00

94 lines
4.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="{{ with .Description }}{{ . }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}">
{{ with .Site.Params.author }}<meta name="author" content="{{ . }}">{{ end }}
{{ .Hugo.Generator }}
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
{{ .Scratch.Add "title" "" }}{{ if isset .Site.Data.titles .Title }}{{ .Scratch.Set "title" (index .Site.Data.titles .Title).title }}{{ else }}{{ .Scratch.Set "title" .Title}}{{end}}
<title>Hugo - {{ .Scratch.Get "title" }}</title>
<link rel="stylesheet" type="text/css" href="/css/bootstrap-stripped-gohugo.css">
<link rel="stylesheet" type="text/css" href="/css/bootstrap-changes-gohugo.css">
<link rel="stylesheet" type="text/css" href="/css/bootstrap-additions-gohugo.css">
<link rel="stylesheet" type="text/css" href="/vendor/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css" />
<link href="/css/style.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/css/content-style.css" />
<link href="/css/style-responsive.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="/vendor/highlightjs/css/monokai-sublime.css">
</head>
<body>
<!-- container section start -->
<section id="container" class="">
<!--header start-->
<header class="header black-bg">
<div class="toggle-nav">
<i class="fa fa-bars"></i>
<div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"></div>
</div>
<!--logo start-->
<a href="/" class="logo"><img src="/img/hugo-logo.png" style="height: 40px; vertical-align: bottom;"> <span style="font-size: small; text-transform: none;">v{{ .Hugo.Version }}</span></a>
<!--logo end-->
<div class="top-nav notification-row">
<!-- notification dropdown end-->
<div class="hidden-xs nav-github pull-right">
<span rel="show-github" data-user="spf13" data-repo="hugo" data-type="follow"></span>
<span rel="show-github" data-user="spf13" data-repo="hugo"></span>
<span rel="show-github" data-user="spf13" data-repo="hugo" data-type="fork"></span>
</div>
</div>
<div class="nav title-row" id="top_menu">
<h1 class="nav top-menu">{{ .Scratch.Get "title" }}</h1>
</div>
</header>
<!--header end-->
{{ partial "menu.html" . }}
<!--main content start-->
<section id="main-content">
<section class="wrapper">
<!--<div class="row">-->
<!--<div class="col-lg-12">-->
<!--breadcrumbs start -->
<!--<ul class="breadcrumb">-->
<!--<li><a href="#"><i class="icon_house_alt"></i> Home</a></li>-->
<!--<li><a href="#"> UI Kit</a></li>-->
<!--<li class="active"> General</li>-->
<!--</ul>-->
<!--breadcrumbs end -->
<!--</div>-->
<!--</div>-->
<div class="row">
<div class="col-md-1">
{{ if .IsPage }}
{{ with .GetParam "prev" }}
<a class="navigation prev" href="{{.}}">
<i class="fa fa-angle-left"></i>
</a>
{{ end }}
{{ end }}
</div>
<div class="col-md-10">
<section class="panel">
<!--<header class="panel-heading">-->
<!--<h3>{{ .Scratch.Get "title" }}</h3>-->
<!--</header>-->
<div class="panel-body">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 cse">
{{ partial "search.html" . }}
</div>
</div>