Files
teleport/docs/theme/base.html
T
Ev Kontsevoy 60551fc37d Title anchors for documentation
These bits of JS/CSS add dynamic "sub-anchors" to all H2 and H3 tags.
This allows users to easily link to a section of a documentation page.
2017-10-28 16:35:29 -07:00

178 lines
6.1 KiB
HTML

<!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<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">
{% if config.site_description %}<meta name="description" content="{{ config.site_description }}">{% endif %}
{% if config.site_author %}<meta name="author" content="{{ config.site_author }}">{% endif %}
{% block htmltitle %}
<title>{% if page.title %}{{ page.title }} - {% endif %}{{ config.site_name }}</title>
{% endblock %}
<link rel="shortcut icon" href="https://gravitational.com/favicon.ico" type="image/x-icon" />
{# CSS #}
<link href='https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{{ base_url }}/css/theme.css" type="text/css" />
<link rel="stylesheet" href="{{ base_url }}/css/theme_extra.css" type="text/css" />
<link rel="stylesheet" href="{{ base_url }}/css/highlight.css">
<link rel="stylesheet" href="{{ base_url }}/css/master.css">
<link rel="stylesheet" href="{{ base_url }}/css/teleport.css">
{%- for path in extra_css %}
<link href="{{ path }}" rel="stylesheet">
{%- endfor %}
<!-- external JS -->
<script src="{{ base_url }}/js/jquery-2.1.1.min.js"></script>
<script src="{{ base_url }}/js/modernizr-2.8.3.min.js"></script>
<script type="text/javascript" src="{{ base_url }}/js/highlight.pack.js"></script>
<script src="{{ base_url }}/js/theme.js"></script>
{% if page %}
<script>
// Current page data
var mkdocs_page_name = "{{ page.title }}";
var mkdocs_page_input_path = "{{ page.input_path }}";
var mkdocs_page_url = "{{ page.abs_url }}";
// Teleport documentation version
var docVersions = ["1.3", "2.0", "2.3"]
// append sub-anchors to the H2 and H3 elements for one-click linking:
$(document).ready(function(){
$("h2,h3").each(function(){
var e = $(this)
e.append("<a href='#" + e.attr("id") + "'></a>");
});
});
</script>
<style type="text/css">
// styles for sub-anchors for H1 and H2 headers:
h2[id] a, h3[id] a { border-bottom: none; text-decoration: none; color: #2980b9; }
h2[id]:hover a:before, h3[id]:hover a:before { content: " \00B6"; }
</style>
{% endif %}
{%- block extrahead %} {% endblock %}
{%- for path in extra_javascript %}
<script src="{{ path }}"></script>
{%- endfor %}
{% if config.google_analytics %}
<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','//www.google-analytics.com/analytics.js','ga');
ga('create', '{{ config.google_analytics[0] }}', '{{ config.google_analytics[1] }}');
ga('send', 'pageview');
</script>
{% endif %}
</head>
<body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav">
{# SIDE NAV, TOGGLES ON MOBILE #}
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-nav-search">
<a title="Multi-Region SSH"
href="http://gravitational.com/teleport"
class="teleport-logo">
<img src="../img/teleport-logo.svg">
</a>
<h3><a href="http://gravitational.com/teleport">Teleport</a></h3>
<h4 class="is-error"><a href="http://gravitational.com">Made by Gravitational</a></h4>
{% include "searchbox.html" %}
</div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation">
<ul class="current sidebar">
{% for nav_item in nav %}
{% if nav_item.title != "hidden" %}
<li>{% include "toc.html" %}<li>
{% endif %}
{% endfor %}
</ul>
</div>
&nbsp;
</nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
{# MOBILE NAV, TRIGGLES SIDE NAV ON TOGGLE #}
<nav class="wy-nav-top" role="navigation" aria-label="top navigation">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="{{ nav.homepage.url }}">{{ config.site_name }}</a>
</nav>
{# PAGE CONTENT #}
<div class="wy-nav-content">
<div class="rst-content">
{% include "breadcrumbsWithVersions.html" %}
<div role="main">
<div class="section">
{% block content %}
{{ page.content }}
{% endblock %}
</div>
</div>
{%- block footer %}
{% include "footer.html" %}
{% endblock %}
</div>
</div>
<!-- gravitational footer -->
<div role="contentinfo">
<ul>
<li class="double">
<img class="footer-talk" src="../img/footer-talk.svg">
<p><a href="mailto:info@gravitational.com">info@gravitational.com</a></p>
<p>Phone: (855) 867-2538</p>
</li>
<li class="double">
<p>Want to know more:</p>
<p><a href="/about">Learn about us</a></p>
<p>Or, if you have time:</p>
<p><a href="http://blog.gravitational.com">Check out our blog</a></p>
</li>
<li class="double light contact">
<p></p>
<p>Oakland, California</p>
<p>USA</p>
</li>
<li class="double dark">
<p>© Gravitational, Inc.</p>
<p>All Rights Reserved</p>
<p><a href="/privacy">Privacy Policy</a></p>
</li>
</ul>
</div>
</section>
</div>
</body>
</html>
{% if page and page.is_homepage %}
<!--
MkDocs version : {{ mkdocs_version }}
Build Date UTC : {{ build_date_utc }}
-->
{% endif %}