brew/docs/_layouts/base.html
Mike McQuaid eaf8cc1be0 docs.brew.sh: use brew.sh theming.
Unfortunately there's no easy way to share this code with the brew.sh
site but it's at least able to have the `css/`, `img/` (root) and
`_layouts` directories in sync between the two repositories.

Some small CSS tweaks were needed to make these pages render more
attractively.
2017-03-05 15:25:51 +00:00

103 lines
4.6 KiB
HTML

<!DOCTYPE html>
<html {% if page.direction == "rtl" %}dir="rtl" {% endif %}lang="{{ page.lang }}">
<head>
<meta charset="utf-8">
<meta name="dc.creator" content="Rémi Prévost - http://exomel.com">
{% if page.title %}
<title>{{ page.title }} — Homebrew</title>
{% elsif page.direction == "rtl" %}
<title>{{ page.subtitle }} — Homebrew</title>
{% else %}
<title>Homebrew — {{ page.subtitle }}</title>
{% endif %}
{% seo title=false %}
{% feed_meta %}
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="/img/favicon.ico">
<link rel="icon" sizes="16x16" href="/img/favicon-16x16.png" >
<link rel="icon" sizes="32x32" href="/img/favicon-32x32.png">
<link rel="icon" sizes="96x96" href="/img/favicon-96x96.png">
<link rel="icon" sizes="192x192" href="/img/favicon-192x192.png">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/img/apple-touch-icon-57x57-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/img/apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="/img/apple-touch-icon-76x76-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/img/apple-touch-icon-120x120-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/img/apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/img/apple-touch-icon-152x152-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="/img/apple-touch-icon-180x180-precomposed.png">
<link rel="stylesheet" href="/css/screen.css" type="text/css" media="screen">
<link rel="stylesheet" href="/css/pygments.css" type="text/css" media="screen">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-76679469-2', 'auto');
ga('set', 'anonymizeIp', true);
ga('send', 'pageview');
</script>
{% for lang in site.langs %}
{% if lang.langcode == "en" %}
<link rel="alternate" hreflang="en" href="{{ site.url }}" />
<link rel="alternate" hreflang="x-default" href="{{ site.url }}" />
{% else %}
<link rel="alternate" hreflang="{{ lang.langcode }}" href="{{ lang.langcode | downcase | append: '.html' | prepend: '/index_' | prepend: site.url }}" />
{% endif %}
{% endfor %}
</head>
<body>
<div id="wrap">
<div id="header" class="{{ page.header-class }}">
<img alt="Homebrew logo" src="/img/homebrew-256x256.png" width="128" height="128">
<h1><a href="/">Homebrew</a></h1>
{% if page.subtitle %}
<p id="subtitle"><strong>{{ page.subtitle }}</strong></p>
{% endif %}
{% if page.lang %}
<select id="language" onchange="loadLanguage(this.options[this.selectedIndex].value)">
{% for lang in site.langs %}
{% if page.lang == lang.langcode %}
<option value="{{ lang.langcode | downcase }}" selected="selected">{{ lang.lang_string }}</option>
{% else %}
<option value="{{ lang.langcode | downcase }}">{{ lang.lang_string }}</option>
{% endif %}
{% endfor %}
</select>
{% endif %}
</div>
{{ content }}
</div>
<a href="https://github.com/Homebrew/brew/"><img id="forkme" src="https://aral.github.io/fork-me-on-github-retina-ribbons/right-grey@2x.png" alt="Fork me on GitHub"></a>
<script>
function selectText(elem) {
if (document.selection) {
var range = document.body.createTextRange();
range.moveToElementText(elem);
range.select();
} else if (window.getSelection) {
var range = document.createRange();
range.selectNode(elem);
window.getSelection().addRange(range);
}
}
function loadLanguage(lang) {
if (lang === {{ page.lang | jsonify }}) {
return;
} else if (lang === "en") {
window.location.replace("/");
} else {
window.location.replace("/index_" + lang + ".html");
}
}
</script>
</body>
</html>