mirror of
https://github.com/gohugoio/hugo.git
synced 2024-11-14 20:37:55 -05:00
88ec7d88d1
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`.
93 lines
4.3 KiB
HTML
93 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>
|