Skip to content

Commit 8aeda42

Browse files
committed
Merge pull request #302 from slack/docstyle
doc(styles): theme the docs to match deis.com
2 parents cda073c + 908f715 commit 8aeda42

87 files changed

Lines changed: 11210 additions & 968 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ develop-eggs
1313
.installed.cfg
1414
lib
1515
lib64
16+
.sass-cache
1617

1718
# python virtual environments for testing
1819
venv/

mkdocs.yml

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -86,7 +86,8 @@ markdown_extensions:
8686
- toc:
8787
permalink: True
8888
extra_javascript:
89+
- static/js/foundation.js
90+
- static/js/foundation.offcanvas.js
91+
- static/js/headroom.min.js
8992
- static/js/adjustments.js
90-
- static/js/bootstrap.min.js
91-
- static/js/checkURL.js
9293
google_analytics: ['UA-42867143-1', 'deis.io']

themes/.DS_Store

6 KB
Binary file not shown.

themes/deis/base.html

Lines changed: 90 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -3,94 +3,104 @@
33
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
44
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
55
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
6+
67
<head>
7-
<title>{% if page_title %}{{ page_title }} - {% endif %}{{ site_name }}</title>
8-
<link rel="shortcut icon" href="{{ base_url }}/static/favicon.ico">
9-
<meta charset="utf-8" />
10-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
11-
<meta name="description" content="{{ page_description if page_description }}" />
12-
<meta name="keywords" content="{{ meta['keywords'] if meta }}" />
13-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
14-
<meta name="msvalidate.01" content="079E754911917142D42AB2A3694F9267" />
15-
<meta name="msvalidate.01" content="08598E7D936D9217891AE6C1665A645D" />
16-
<link rel="stylesheet" href="{{ base_url }}/static/css/bootstrap.min.css" type="text/css">
17-
<link rel="stylesheet" href="{{ base_url }}/static/css/bootstrap-responsive.min.css" type="text/css">
18-
<link rel="stylesheet" href="{{ base_url }}/static/css/main.css" type="text/css">
19-
<link rel="stylesheet" href="{{ base_url }}/static/css/deis-docs.css" type="text/css">
20-
<script type="text/javascript">var documentationBaseURL = "{{ base_url}}"</script>
21-
<script src="{{ base_url }}/static/js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
22-
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
23-
<script>window.jQuery || document.write('<script src="{{ base_url }}/static/js/jquery-1.10.2.min.js"><\/script>')</script>
8+
<meta charset="utf-8" />
9+
<meta http-equiv="x-ua-compatible" content="ie=edge">
10+
<meta name="keywords" content="{{ meta['keywords'] if meta }}" />
11+
<meta name="viewport" content="width=device-width, initial-scale=1">
12+
<meta name="description" content="{{ page_description if page_description }}" />
13+
14+
<meta name="msvalidate.01" content="079E754911917142D42AB2A3694F9267" />
15+
<meta name="msvalidate.01" content="08598E7D936D9217891AE6C1665A645D" />
16+
17+
<title>{% if page_title %}{{ page_title }} - {% endif %}{{ site_name }}</title>
18+
19+
<script type="text/javascript">var documentationBaseURL = "{{ base_url}}"</script>
20+
<link rel="icon" href="{{ base_url }}/static/img/favicon/favicon.png" type="image/png">
21+
<link rel="stylesheet" href="{{ base_url }}/static/css/styles.css" type="text/css">
2422
</head>
25-
<body style="zoom: 1;">
26-
<!--[if lt IE 7]>
23+
24+
<body>
25+
<div class="off-canvas-wrap">
26+
<div class="inner-wrap">
27+
<!--[if lt IE 7]>
2728
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
2829
<![endif]-->
29-
<div class="container">
30-
<div class="row">
31-
<div class="span9 column_calc contents">
32-
<div class="doc-content">
33-
{{ content }}
34-
</div>
35-
</div>
3630

31+
{%- include "topbar.html" %}
32+
{%- include "offcanvas.html" %}
33+
34+
<!-- banner at the top of the page for temporary announcements-->
35+
<div data-alert class="alert-box alert banner text-center hide-for-small">
36+
You're viewing docs for the latest release of <strong>Deis Workflow</strong>. For docs <a href="http://docs.deis.io">relating to Deis 1.0 click here</a>.
37+
</div>
38+
39+
<div class="content-wrap">
3740

38-
<div class="span3 docs-sidebar column_calc">
39-
<a class="fork" href="http://github.com/deis/workflow"><div class="forkImage"></div></a>
40-
<div class="docs-border"></div>
41-
<div class="navigation">
42-
<ul class="current">
43-
{%- include "nav.html" %}
44-
<li class="toctree-l1">
45-
{% if READTHEDOCS %}
46-
<a class="reference internal" href="../" state="open">Versions</a>
47-
<ul class="current">
48-
{% for slug, url in versions %}
49-
<li class="toctree-l2"><a href="{{ url }}{%- for word in pagename.split('/') -%}
50-
{%- if word != 'index' -%}
51-
{%- if word != '' -%}
52-
{{ word }}/
53-
{%- endif -%}
54-
{%- endif -%}
55-
{%- endfor -%}"
56-
title="Switch to {{ slug }}">{{ slug }}</a></li>
57-
{% endfor %}
58-
</ul>
59-
{% endif %}
60-
</li>
61-
</ul>
62-
<div class="clearfix"></div>
63-
</div>
41+
<div class="content-inner">
42+
<div class="container">
43+
<div class="row">
44+
<div class="small-12">
45+
{{ content }}
46+
</div>
6447
</div>
48+
</div>
6549
</div>
50+
51+
<nav class="sidebar hide-for-small">
52+
<div class="sidebar-inner">
53+
<h1><a href="/" class="logo"><img src="{{ base_url }}/static/img/svg/logo.svg" width="128px" height="41px" alt="Deis"></a></h1>
54+
55+
<ul class="current sidebar-main">
56+
{%- include "nav.html" %}
57+
<li class="toctree-l1">
58+
{% if READTHEDOCS %}
59+
<a class="reference internal" href="../" state="open">Versions</a>
60+
<ul class="current">
61+
{% for slug, url in versions %}
62+
<li class="toctree-l2"><a href="{{ url }}{%- for word in pagename.split('/') -%}
63+
{%- if word != 'index' -%}
64+
{%- if word != '' -%}
65+
{{ word }}/
66+
{%- endif -%}
67+
{%- endif -%}
68+
{%- endfor -%}"
69+
title="Switch to {{ slug }}">{{ slug }}</a></li>
70+
{% endfor %}
71+
</ul>
72+
{% endif %}
73+
</li>
74+
</ul>
75+
</div>
76+
77+
<div class="sidebar-bg"></div>
78+
</nav>
79+
80+
</div>
81+
82+
{%- include "footer.html" %}
6683
</div>
84+
</div>
85+
86+
<!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> -->
87+
<script>window.jQuery || document.write('<script src="{{ base_url }}/static/js/jquery-1.12.4.min.js"><\/script>')</script>
88+
<!-- extra_javascript - defined in the root 'mkdocs.yml -->
89+
{% for path in extra_javascript %}
90+
<script src="{{ path }}" async></script>
91+
{% endfor %}
92+
93+
{% if google_analytics %}
94+
<script>
95+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
96+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
97+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
98+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
99+
100+
ga('create', '{{ google_analytics[0] }}', '{{ google_analytics[1] }}');
101+
ga('send', 'pageview');
102+
</script>
103+
{% endif %}
67104

68-
<!--
69-
extra_javascript contains paths to JavaScript files in the
70-
users documentation directory or a list of JavaScript files
71-
defined in their mkdocs.yml.
72-
73-
http://www.mkdocs.org/user-guide/configuration/#extra_javascript
74-
-->
75-
{% for path in extra_javascript %}
76-
<script src="{{ path }}"></script>
77-
{% endfor %}
78-
79-
<!--
80-
Include Google Analytics tracking code.
81-
82-
http://www.mkdocs.org/user-guide/configuration/#google_analytics
83-
-->
84-
{% if google_analytics %}
85-
<script>
86-
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
87-
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
88-
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
89-
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
90-
91-
ga('create', '{{ google_analytics[0] }}', '{{ google_analytics[1] }}');
92-
ga('send', 'pageview');
93-
</script>
94-
{% endif %}
95105
</body>
96-
</html>
106+
</html>

themes/deis/bower.json

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
{
2+
"name": "deis workflow docs",
3+
"dependencies": {
4+
"headroom.js": "^0.9.3",
5+
"font-awesome": "^4.6.3",
6+
"foundation": "^5.5.3"
7+
}
8+
}

themes/deis/favicon.ico

31.3 KB
Binary file not shown.

themes/deis/footer.html

Lines changed: 88 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,88 @@
1+
<footer>
2+
<section class="panel -gray panel-newsletter">
3+
<div class="row fullwidth">
4+
<div class="show-for-large-up large-6 columns subscribe">
5+
6+
<div id="mc_embed_signup">
7+
<form action="//deis.us2.list-manage.com/subscribe/post?u=2ad6b6ca7910248391eaa8751&amp;id=9342c8c944" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
8+
<div id="mc_embed_signup_scroll">
9+
<div class="mc-field-group">
10+
<label for="mce-EMAIL">Subscribe to our newsletter</label>
11+
<input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Subscribe to our newsletter">
12+
</div>
13+
<div id="mce-responses" class="clear">
14+
<div class="response" id="mce-error-response" style="display:none"></div>
15+
<div class="response" id="mce-success-response" style="display:none"></div>
16+
</div>
17+
18+
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
19+
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_5e404606794b4dac9cd4667c8_2706763c5b" tabindex="-1" value=""></div>
20+
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
21+
</div>
22+
</form>
23+
</div>
24+
25+
<script type='text/javascript' src='{{ base_url }}/static/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
26+
<!--End mc_embed_signup-->
27+
28+
</div>
29+
<div class="small-12 small-text-center large-only-text-right large-6 columns social">
30+
<nav class="text-right">
31+
<a id="footer-twitter" class="fa fa-twitter" title="Deis on Twitter" href="https://twitter.com/opendeis" target="_blank"></a>
32+
<a id="footer-so" class="fa fa-stack-overflow" title="Deis on StackOverflow" href="http://stackoverflow.com/questions/tagged/deis?sort=active" target="_blank"></a>
33+
<a id="footer-gh" class="fa fa-github" title="Deis on Github" href="https://github.com/deis" target="_blank"></a>
34+
<a id="footer-slack" class="fa fa-slack" title="Deis Slack Channel" href="https://slack.deis.io/" target="_blank"></a>
35+
<a id="footer-contact-email" class="fa fa-envelope" title="Contact us via email" href="mailto:services@deis.com?Subject=Website%20contact" target="_blank"></a>
36+
</nav>
37+
</div>
38+
</div>
39+
</section>
40+
<section class="panel panel-links">
41+
<div class="row fullwidth">
42+
<div class="small-4 medium-4 large-4 small-only-text-center columns logo-and-copyright">
43+
<div class="logo">
44+
<a id="footer-return" href="//deis.com"><img src="{{ base_url }}/static/img/svg/footer-logo.svg" alt="Deis"></a>
45+
</div>
46+
<p class="copyright show-for-medium-up">
47+
<a id="footer-privacy" href="//deis.com/policies/privacy">Privacy Policy</a>
48+
</p>
49+
<p class="copyright show-for-medium-up">Deis.com and the Deis project are maintained by <a href="https://engineyard.com/"><img src="{{ base_url }}/static/img/svg/footer-engine-yard.svg" alt="Engine Yard"></p>
50+
</div>
51+
<div class="small-8 medium-8 large-8 columns">
52+
<div class="row">
53+
<div class="small-6 medium-3 columns">
54+
<dl>
55+
<dt><a id="footer-gh-community" href="//deis.com/community"><span class="hide-for-medium-down">Deis</span> Community</a></dt>
56+
<dd><a id="footer-get-involved" href="//deis.com/community">Get Involved</a></dd>
57+
<dd><a id="footer-videos-events" href="//deis.com/community#videos-events">Videos &amp; Events</a></dd>
58+
<dd><a id="footer-roadmap" href="https://docs-v2.readthedocs.io/en/latest/roadmap/roadmap/">Project Roadmap</a></dd>
59+
</dl>
60+
</div>
61+
<div class="small-6 medium-3 columns">
62+
<dl>
63+
<dt><a id="footer-docs" href="https://docs-v2.readthedocs.io/en/latest/">Docs</a></dt>
64+
<dd><a id="footer-installing" href="https://docs-v2.readthedocs.io/en/latest/installing-workflow/">Installing Workflow</a></dd>
65+
<dd><a id="footer-architecture" href="https://docs-v2.readthedocs.io/en/latest/understanding-workflow/architecture/">Architecture</a></dd>
66+
</dl>
67+
</div>
68+
<div class="small-6 medium-3 columns">
69+
<dl>
70+
<dt><a id="footer-services" href="//deis.com/services">Services</a></dt>
71+
<dd><a id="footer-support-plans" href="//deis.com/services#support">Support Plans</a></dd>
72+
<dd><a id="footer-pro-serv" href="//deis.com/services">Pro Services</a></dd>
73+
</dl>
74+
</div>
75+
<div class="small-6 medium-3 columns">
76+
<dl>
77+
<dt><a id="footer-company" href="//deis.com/about">Company</a></dt>
78+
<dd><a id="footer-about" href="//deis.com/about">About</a></dd>
79+
<dd><a id="footer-careers" href="//deis.com/careers">Careers</a></dd>
80+
<dd><a id="footer-contact" href="//deis.com/about#contact">Contact</a></dd>
81+
</dl>
82+
</div>
83+
</div>
84+
</div>
85+
</div>
86+
</section>
87+
88+
</footer>

themes/deis/offcanvas.html

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<aside class="right-off-canvas-menu" data-offcanvas>
2+
<ul>
3+
{% for nav_item in nav %}
4+
<li class="toctree-l1{% if nav_item.active %} current{% endif %}">
5+
<a class="reference internal{% if nav_item.active %} current{% endif %}"{% if nav_item.active %} state="open"{% endif %} href="{{ nav_item.url }}">{{ nav_item.title }}</a>
6+
{% if nav_item.children %}
7+
<ul {% if nav_item.active %} class="current"{% endif %}>
8+
{% for child in nav_item.children %}
9+
<li class="toctree-l2{% if child.active %} current{% endif %}">
10+
<a class="reference internal{% if nav_item.active %} current{% endif %}" id="{{ child.title }}" href="{{ child.url }}">{{ child.title }}</a>
11+
</li>
12+
{% endfor %}
13+
</ul>
14+
{% endif %}
15+
</li>
16+
{% endfor %}
17+
</ul>
18+
</aside>

themes/deis/static/css/bootstrap-responsive.min.css

Lines changed: 0 additions & 9 deletions
This file was deleted.

themes/deis/static/css/bootstrap.min.css

Lines changed: 0 additions & 9 deletions
This file was deleted.

0 commit comments

Comments
 (0)