|
|
@@ -0,0 +1,182 @@ |
|
|
<!doctype html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="utf-8"> |
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"> |
|
|
<title>{{ .Title }} · {{ .Site.Title }}</title> |
|
|
|
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> |
|
|
<link rel="stylesheet" href="https://code.getmdl.io/1.1.3/material.indigo-pink.min.css"> |
|
|
<script defer src="https://code.getmdl.io/1.1.3/material.min.js"></script> |
|
|
</head> |
|
|
<body> |
|
|
|
|
|
<style> |
|
|
a { |
|
|
color: #222; |
|
|
text-decoration: underline; |
|
|
} |
|
|
p, li, td { |
|
|
font-size: 15px; |
|
|
} |
|
|
code { |
|
|
background: #f2f2f2; |
|
|
padding: 3px 5px; |
|
|
border-radius:3px; |
|
|
font-size:14px; |
|
|
} |
|
|
pre code { |
|
|
padding: 0px; |
|
|
border-radius:0px; |
|
|
} |
|
|
.mdl-layout__container .mdl-layout { |
|
|
height: auto; |
|
|
} |
|
|
.mdl-layout__container .mdl-layout__drawer .mdl-navigation__link { |
|
|
padding: 5px 20px; |
|
|
color: #222; |
|
|
font-size:15px; |
|
|
} |
|
|
.mdl-layout__container .mdl-layout__drawer .mdl-navigation__link.is-active, |
|
|
.mdl-layout__container .mdl-layout__drawer .mdl-navigation__link:hover { |
|
|
background-color: #F2F2F2; |
|
|
} |
|
|
.mdl-layout__header, |
|
|
.mdl-layout__header.is-casting-shadow { |
|
|
background: #2b303b; |
|
|
box-shadow: none; |
|
|
border-bottom: 1px solid #EEE; |
|
|
} |
|
|
.mdl-layout__drawer { |
|
|
background: #FFF; |
|
|
box-shadow: none; |
|
|
border-right: 1px solid #EEE; |
|
|
} |
|
|
.mdl-layout__drawer .mdl-layout-title { |
|
|
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjQzIiAgIGhlaWdodD0iMzYuMzUwNzA0IiAgIGlkPSJzdmcyIiAgIHZlcnNpb249IjEuMSIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjQ4LjMuMSByOTg4NiIgICBzb2RpcG9kaTpkb2NuYW1lPSJkcm9uZS1sb2dvLW5vLWNpcmNsZS5zdmciPiAgPGRlZnMgICAgIGlkPSJkZWZzNCIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIGlkPSJiYXNlIiAgICAgcGFnZWNvbG9yPSIjMmIzMDNiIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBib3JkZXJvcGFjaXR5PSIxLjAiICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMC4wIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOnpvb209IjIuOCIgICAgIGlua3NjYXBlOmN4PSIyNi41NzYyMDUiICAgICBpbmtzY2FwZTpjeT0iLTcyLjU0NDI1IiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9InB4IiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIiAgICAgc2hvd2dyaWQ9InRydWUiICAgICBpbmtzY2FwZTpzbmFwLWdsb2JhbD0iZmFsc2UiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjEyOTUiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI3NDQiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iNjUiICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMjQiICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIiAgICAgZml0LW1hcmdpbi10b3A9IjAiICAgICBmaXQtbWFyZ2luLWxlZnQ9IjAiICAgICBmaXQtbWFyZ2luLXJpZ2h0PSIwIiAgICAgZml0LW1hcmdpbi1ib3R0b209IjAiPiAgICA8aW5rc2NhcGU6Z3JpZCAgICAgICB0eXBlPSJ4eWdyaWQiICAgICAgIGlkPSJncmlkMjk5NiIgICAgICAgZW1wc3BhY2luZz0iNSIgICAgICAgdmlzaWJsZT0idHJ1ZSIgICAgICAgZW5hYmxlZD0idHJ1ZSIgICAgICAgc25hcHZpc2libGVncmlkbGluZXNvbmx5PSJ0cnVlIiAgICAgICBvcmlnaW54PSItMjEuNzIwNzc5cHgiICAgICAgIG9yaWdpbnk9Ii05OTAuMzcxODhweCIgLz4gIDwvc29kaXBvZGk6bmFtZWR2aWV3PiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGE3Ij4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGcgICAgIGlua3NjYXBlOmxhYmVsPSJMYXllciAxIiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIgICAgIGlkPSJsYXllcjEiICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjEuNzIwNzc5LC0yNS42Mzk1OTMpIj4gICAgPHBhdGggICAgICAgc29kaXBvZGk6dHlwZT0iYXJjIiAgICAgICBzdHlsZT0iZmlsbDojMmIzMDNiO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTojMDAwMDAwO3N0cm9rZS13aWR0aDowO3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLW9wYWNpdHk6MTtzdHJva2UtZGFzaGFycmF5Om5vbmUiICAgICAgIGlkPSJwYXRoMjk5OCIgICAgICAgc29kaXBvZGk6Y3g9IjE3Mi4xMDQ3NCIgICAgICAgc29kaXBvZGk6Y3k9IjQ1OC4zOTI0OSIgICAgICAgc29kaXBvZGk6cng9IjUuNDI5NTY5NyIgICAgICAgc29kaXBvZGk6cnk9IjUuMDUwNzYyNyIgICAgICAgZD0ibSAxNzcuNTM0MzEsNDU4LjM5MjQ5IGMgMCwyLjc4OTQ2IC0yLjQzMDkxLDUuMDUwNzYgLTUuNDI5NTcsNS4wNTA3NiAtMi45OTg2NywwIC01LjQyOTU3LC0yLjI2MTMgLTUuNDI5NTcsLTUuMDUwNzYgMCwtMi43ODk0NiAyLjQzMDksLTUuMDUwNzcgNS40Mjk1NywtNS4wNTA3NyAyLjk5ODY2LDAgNS40Mjk1NywyLjI2MTMxIDUuNDI5NTcsNS4wNTA3NyB6IiAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgxLjAxMjk3MTYsMCwwLDEuMDg4OTQ0NSwtMTMxLjExNjQzLC00NTIuNDIzNzMpIiAvPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMmIzMDNiO2ZpbGwtb3BhY2l0eToxO3N0cm9rZS13aWR0aDowO3N0cm9rZS1taXRlcmxpbWl0OjQiICAgICAgIGQ9Im0gNDMuMjIwNzc5LDI1LjY0MDI0NyBjIDkuNjAxNjMsMC4wNzUyIDIwLjUxNzg2LDYuODQzOCAyMS41LDE5LjYgbCAtMTMsMCBjIDAsMCAtMS42NzQ3MiwtNy4wNDczMyAtOC41LC03IC02LjgyNTI4LDAuMDQ3MyAtOC41LDcgLTguNSw3IGwgLTEzLDAgYyAwLjYzMTYxLC0xMi41MzA3MyAxMS4zNjU3NiwtMTkuNjc5MzUgMjEuNSwtMTkuNiB6IiAgICAgICBpZD0icmVjdDM4MTAiICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiICAgICAgIHNvZGlwb2RpOm5vZGV0eXBlcz0ic2NjemNjcyIgLz4gICAgPHBhdGggICAgICAgc3R5bGU9ImZpbGw6IzJiMzAzYjtmaWxsLW9wYWNpdHk6MTtzdHJva2Utd2lkdGg6MDtzdHJva2UtbWl0ZXJsaW1pdDo0IiAgICAgICBkPSJtIDQzLjMxMDA2OSw2MS45OTAyNDcgYyAtNy4xNTkzOTUsMC4wMTkwNSAtMTMuODQ3NTg4LC01LjM4MzM0NyAtMTYuNTg5MjksLTEzLjc1IGwgOCwwIGMgMCwwIDEuNzI1NzUsNi45Njc4MiA4LjU1MTAzLDYuOTIwNDkgNi44MjUyOCwtMC4wNDczIDguNDQ4OTcsLTYuOTIwNDkgOC40NDg5NywtNi45MjA0OSBsIDgsMCBjIC0xLjc4MzM1MSw4Ljg1MDk3MyAtOS4yNTEzMTQsMTMuNzMwOTQ2IC0xNi40MTA3MSwxMy43NSB6IiAgICAgICBpZD0icmVjdDM4MTAtMSIgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgICAgc29kaXBvZGk6bm9kZXR5cGVzPSJzY2N6Y2NzIiAvPiAgPC9nPjwvc3ZnPg==) 15px 50% no-repeat; |
|
|
display: block; |
|
|
background-size: 36px; |
|
|
} |
|
|
.mdl-layout__drawer hr { |
|
|
border-top: 1px solid #EEE; |
|
|
} |
|
|
.page-content { |
|
|
padding: 40px 50px; |
|
|
} |
|
|
.mdl-layout__header .mdl-navigation .mdl-navigation__link { |
|
|
color: #fff; |
|
|
font-size: 15px; |
|
|
padding: 0 18px; |
|
|
} |
|
|
.material-icons-rounded { |
|
|
border-radius: 50%; |
|
|
background: rgba(255,255,255,0.15); |
|
|
padding: 6px; |
|
|
margin-right: 5px; |
|
|
color: #FFF; |
|
|
font-size:22px; |
|
|
} |
|
|
pre { |
|
|
background: #f2f2f2; |
|
|
padding: 20px; |
|
|
margin: 30px 0px; |
|
|
} |
|
|
h1 { |
|
|
font-size: 24px; |
|
|
margin: 40px 0px; |
|
|
} |
|
|
table { |
|
|
width:100%; |
|
|
margin:30px 0px; |
|
|
border-collapse: collapse; |
|
|
} |
|
|
table th { |
|
|
text-align: left; |
|
|
} |
|
|
table td, table th { |
|
|
padding:10px 20px; |
|
|
border: 1px solid #eee; |
|
|
} |
|
|
|
|
|
#TableOfContents { |
|
|
border-left: solid 3px #C0EbF1; |
|
|
border-left: solid 3px #2b303b; |
|
|
} |
|
|
#TableOfContents ul { |
|
|
list-style:none; |
|
|
padding:0px 24px; |
|
|
|
|
|
} |
|
|
#TableOfContents ul a { |
|
|
text-decoration: none; |
|
|
color: #00BCD4; |
|
|
color: #2b303b; |
|
|
font-size: 16px; |
|
|
padding:3px 0px; |
|
|
display:inline-block; |
|
|
} |
|
|
</style> |
|
|
|
|
|
<!-- The drawer is always open in large screens. The header is always shown, |
|
|
even in small screens. --> |
|
|
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-drawer |
|
|
mdl-layout--fixed-header"> |
|
|
<header class="mdl-layout__header"> |
|
|
|
|
|
<div class="mdl-layout__header-row"> |
|
|
<!-- Title --> |
|
|
<span class="mdl-layout-title">{{ .Title }}</span> |
|
|
<!-- Add spacer, to align navigation to the right --> |
|
|
<div class="mdl-layout-spacer"></div> |
|
|
<!-- Navigation. We hide it in small screens. --> |
|
|
<nav class="mdl-navigation"> |
|
|
|
|
|
{{ range $key , $value := .Site.Sections }} |
|
|
<!-- <a class="mdl-navigation__link" href="">{{ title $key }}</a> --> |
|
|
{{ end }} |
|
|
<a class="mdl-navigation__link" href="{{ .Site.Params.github }}"><i class="material-icons material-icons-rounded">link</i> GitHub</a> |
|
|
|
|
|
<!-- <a class="mdl-navigation__link" href="">Installation</a> |
|
|
<a class="mdl-navigation__link" href="">Usage</a> |
|
|
<a class="mdl-navigation__link" href="">Reference</a> |
|
|
<a class="mdl-navigation__link" href="">Samples</a> |
|
|
<a class="mdl-navigation__link" href="">GitHub</a> --> |
|
|
</nav> |
|
|
|
|
|
</div> |
|
|
|
|
|
</header> |
|
|
<div class="mdl-layout__drawer"> |
|
|
<span class="mdl-layout-title"> </span> |
|
|
<nav class="mdl-navigation"> |
|
|
|
|
|
{{ $root := . }} |
|
|
{{ $rootMenu := .Params.menu }} |
|
|
|
|
|
{{ range $menuKey, $menuValue := .Site.Menus }} |
|
|
{{ if eq $menuKey $rootMenu }} |
|
|
{{ range $menuItem := $menuValue }} |
|
|
<a class="mdl-navigation__link {{ if eq $root.Title $menuItem.Name }} is-active{{ end }}" href="{{$menuItem.URL}}">{{ .Name }}</a> |
|
|
{{ range $root.Site.Pages }} |
|
|
{{ if and (eq .RelPermalink $menuItem.URL) (eq .Params.break true) }} |
|
|
<hr /> |
|
|
{{ end }} |
|
|
{{ end }} |
|
|
{{ end }} |
|
|
{{ end }} |
|
|
{{ end }} |
|
|
</nav> |
|
|
</div> |
|
|
<main class="mdl-layout__content"> |
|
|
<div class="page-content"> |
|
|
{{ if .Params.toc }} |
|
|
{{ .TableOfContents }} |
|
|
{{ end }} |
|
|
|
|
|
{{ .Content }} |
|
|
</div> |
|
|
</main> |
|
|
</div> |
|
|
</body> |
|
|
</html> |
