Skip to content
This repository was archived by the owner on Mar 5, 2024. It is now read-only.

Layout redesign #16

Closed
wants to merge 2 commits into from
Closed

Layout redesign #16

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
719d30a
First attempt pass at plugging in bootstrap's grid layout for the doc…
Oct 3, 2013
ca261b6
Layout redesign.
Oct 28, 2013
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions themes/mongodb/formats.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ <h3>{{ _('Formats') }}</h3>
{%- if show_source and has_source and sourcename %}
<li><a href="{{ pathto('_sources/' + sourcename, true)|e }}" rel="nofollow">{{ _("This Page's Source") }}</a></li>
{%- endif %}
<li><a href="/{{ theme_manual_path }}/single/">{{ _('MongoDB Manual, Single HTML Page') }}</a></li>
<li><a href="{{ theme_pdfpath }}" rel="nofollow">{{ _('MongoDB Manual, PDF Format') }}</a></li>
<li><a href="{{ theme_epubpath }}" rel="nofollow">{{ _('MongoDB Manual, ePub Format') }}</a></li>
<li><a href="/{{ theme_manual_path }}/single/"><span class="icon-file-xml"></span></a></li>
<li><a href="{{ theme_pdfpath }}" rel="nofollow"><span class="icon-file-pdf"></span></a></li>
<li><a href="{{ theme_epubpath }}" rel="nofollow"><span class="icon-book"></span></a></li>
</ul>
15 changes: 15 additions & 0 deletions themes/mongodb/intrasite-drivers.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
<h3><a href="http://docs.mongodb.org/ecosystem/drivers/">MongoDB Drivers</a></h3>
<ul>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/c">C</a> (<a href="http://api.mongodb.org/c/current/">docs</a>)</li>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/cpp">C++</a> (<a href="http://api.mongodb.org/cplusplus/current/">docs</a>)</li>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/csharp">C#</a> (<a href="http://api.mongodb.org/csharp/current/">docs</a>)</li>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/erlang">Erlang</a> (<a href="http://api.mongodb.org/erlang">docs</a>)</li>
<li><a href="http://hackage.haskell.org/package/mongoDB">Haskell</a> (<a href="http://api.mongodb.org/haskell">docs</a>)</li>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/java">Java</a> (<a href="http://api.mongodb.org/java/current">docs</a>)</li>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/javascript">JavaScript</a> (<a href="http://api.mongodb.org/js/current">docs</a>)</li>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/perl">Perl</a> (<a href="https://metacpan.org/module/MongoDB">docs</a>)</li>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/php">PHP</a> (<a href="http://php.net/mongo/">docs</a>)</li>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/python">Python</a> (<a href="http://api.mongodb.org/python/current">docs</a>)</li>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/ruby">Ruby</a> (<a href="http://api.mongodb.org/ruby/current">docs</a>)</li>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/scala">Scala</a> (<a href="http://api.mongodb.org/scala/casbah/current/">docs</a>)</li>
</ul>
22 changes: 4 additions & 18 deletions themes/mongodb/intrasite-ecosystem.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,21 +1,7 @@
<h3><a href="http://docs.mongodb.org/ecosystem/">MongoDB Ecosystem</a></h3>
<ul>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/">Drivers and Client libraries</a>
<ul>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/c">C</a> (<a href="http://api.mongodb.org/c/current/">docs</a>)</li>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/cpp">C++</a> (<a href="http://api.mongodb.org/cplusplus/current/">docs</a>)</li>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/csharp">C#</a> (<a href="http://api.mongodb.org/csharp/current/">docs</a>)</li>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/erlang">Erlang</a> (<a href="http://api.mongodb.org/erlang">docs</a>)</li>
<li><a href="http://hackage.haskell.org/package/mongoDB">Haskell</a> (<a href="http://api.mongodb.org/haskell">docs</a>)</li>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/java">Java</a> (<a href="http://api.mongodb.org/java/current">docs</a>)</li>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/javascript">JavaScript</a> (<a href="http://api.mongodb.org/js/current">docs</a>)</li>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/perl">Perl</a> (<a href="https://metacpan.org/module/MongoDB">docs</a>)</li>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/php">PHP</a> (<a href="http://php.net/mongo/">docs</a>)</li>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/python">Python</a> (<a href="http://api.mongodb.org/python/current">docs</a>)</li>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/ruby">Ruby</a> (<a href="http://api.mongodb.org/ruby/current">docs</a>)</li>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/scala">Scala</a> (<a href="http://api.mongodb.org/scala/casbah/current/">docs</a>)</li>
</ul>
</li>
<li><a href="http://docs.mongodb.org/ecosystem/tools/">Tools and Integration</a></li>
<li><a href="http://docs.mongodb.org/ecosystem/platforms/">Platform Integration</a></li>
<li><a href="http://docs.mongodb.org/ecosystem/drivers/">Drivers and Client libraries</a>
<li><a href="http://docs.mongodb.org/ecosystem/tools/">Tools and Integration</a></li>
<li><a href="http://docs.mongodb.org/ecosystem/platforms/">Platform Integration</a></li>
<li><a href="http://docs.mongodb.org/ecosystem/use-cases/">Use Cases</a></li>
</ul>
224 changes: 134 additions & 90 deletions themes/mongodb/layout.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,17 +5,23 @@

{%- set render_sidebar = (not embedded) and (not theme_nosidebar|tobool) and (sidebars != []) %}
{%- set url_root = pathto('', 1) %}
{% set script_files = script_files + ["_static/lib/bootstrap.js", "_static/lib/jquery.tipsy.js"] %}
{% set css_files = css_files + ["_static/bootstrap-custom.css", "_static/lib/icomoon.css", "_static/lib/tipsy.css"] %}

{%- macro githublink() -%}
<a href="https://github.com/mongodb/{{theme_repo_name}}/blob/{{theme_branch}}/source/{{pagename}}.txt" target="_blank" title="Edit {{pagename}}.txt on GitHub">Edit this Page</a>
{%- macro translationslink() -%}
<a class="translation-link" href="{{ pathto('meta/translation', 1) }}" title="View in another language"><span class="icon-translation"></span></a>
{%- endmacro -%}

{%- macro editlink() -%}
<a class="edit-link" href="https://github.com/mongodb/{{theme_repo_name}}/blob/{{theme_branch}}/source/{{pagename}}.txt" target="_blank" title="Edit {{pagename}}.txt on GitHub"><span class="icon-edit"></span></a>
{%- endmacro -%}

{%- macro jiralink() -%}
https://jira.mongodb.org/secure/CreateIssueDetails!init.jspa?pid=10380&issuetype=4&priority=4&summary=Comment+on%3a+%22{{ pagename | escape }}%2Etxt%22
<a class="jira-link" id="jirafeedback" href="https://jira.mongodb.org/secure/CreateIssueDetails!init.jspa?pid=10380&issuetype=4&priority=4&summary=Comment+on%3a+%22{{ pagename | escape }}%2Etxt%22" target="_blank" title="Report a problem with {{pagename|e}}.txt on Jira"><span class="icon-feedback"></span></a>
{%- endmacro -%}

{%- macro relbar() %}
<div class="bc">
<div class="bc{% if not parents %} hide{% endif %}">
<ul>
{%- block rootrellink %}
{%- endblock %}
Expand All @@ -29,32 +35,32 @@
{%- endmacro %}

{%- macro sidebar() %}
{%- if render_sidebar %}
<div class="sphinxsidebar">
<div class="sphinxsidebarwrapper">
{%- if sidebars != None %}
{%- for sidebartemplate in sidebars %}
{%- include sidebartemplate %}
{%- endfor %}
{%- endif %}
</div>
</div>
{%- endif %}
{%- if render_sidebar %}
<div class="sphinxsidebar col-md-3">
<div class="sphinxsidebarwrapper">
{%- if sidebars != None %}
{%- for sidebartemplate in sidebars %}
{%- include sidebartemplate %}
{%- endfor %}
{%- endif %}
</div>
</div>
{%- endif %}
{%- endmacro -%}

{%- macro script() %}
<script type="text/javascript">
var DOCUMENTATION_OPTIONS = {
URL_ROOT: '{{ url_root }}',
VERSION: '{{ version|e }}',
COLLAPSE_INDEX: false,
FILE_SUFFIX: '{{ '' if no_search_suffix else file_suffix }}',
HAS_SOURCE: {{ has_source|lower }},
};
</script>
{%- for scriptfile in script_files %}
<script type="text/javascript" src="{{ pathto(scriptfile, 1) }}"></script>
{%- endfor %}
<script type="text/javascript">
var DOCUMENTATION_OPTIONS = {
URL_ROOT: '{{ url_root }}',
VERSION: '{{ version|e }}',
COLLAPSE_INDEX: false,
FILE_SUFFIX: '{{ '' if no_search_suffix else file_suffix }}',
HAS_SOURCE: {{ has_source|lower }},
};
</script>
{%- for scriptfile in script_files %}
<script type="text/javascript" src="{{ pathto(scriptfile, 1) }}"></script>
{%- endfor %}
{%- endmacro -%}

{%- macro css() %}
Expand Down Expand Up @@ -121,13 +127,34 @@

{%- block sitesearch %}
{%- if builder != 'singlehtml' %}
<script>
<script type="text/javascript">
(function() {
var cx = '017213726194841070573:WMX6838984';
var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx;
gcse.onload = gcse.onreadystatechange = function() {
$(function() {
// hack to set a placeholder in google's custom search input
var pollInput = window.setInterval(function() {
var $input = $('.gsc-input input.gsc-input'),
$div = $('.search-db');

if ($input.length) {
$input.on('focus', function(e) { $div.addClass('wide').removeClass('narrow'); });
$input.on('blur', function(e) {
if (!$input.val().length) { $div.addClass('narrow').removeClass('wide'); }
});
$input.attr('placeholder', "Search mongodb.org");
window.clearInterval(pollInput);
}
}, 10);
});
};
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s);
})();
$(function() {
$('.translation-link').add('.jira-link').add('.edit-link').tipsy({gravity: 's'});
});
</script>
{%- endif %}
{%- endblock -%}
Expand All @@ -145,77 +172,94 @@
{%- endblock -%}

{%- block header %}
<div id="header-db" class="spread">
<div class="split">
<div id="logo">
{%- block logo %}<div><a href="http://www.mongodb.org/"><img class="logo" src="http://media.mongodb.org/logo-mongodb.png" alt="MongoDB Logo"/></a></div>{%- endblock -%}
</div>
<header id="header-db" role="navigation">
<div class="container">
<div id="logo">
{%- block logo %}<a href="http://www.mongodb.org/"><img class="logo" src="http://media.mongodb.org/logo-mongodb-header.png" alt="MongoDB Logo"/></a>{%- endblock -%}
</div>
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-header-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse navbar-header-collapse" id="etp">
<ul class="nav navbar-nav">
{%- block subnav %}
<li><a href="http://docs.mongodb.org">Docs</a></li>
<li><a href="http://try.mongodb.org">Try It Out</a></li>
<li><a href="http://www.mongodb.org/downloads">Downloads</a></li>
<li><a href="http://http://www.mongodb.org/get-involved">Community</a></li>
<li><a href="http://blog.mongodb.org">Blog</a></li>
{% endblock %}
{%- block searchbox %}
<li class="search-db narrow"><gcse:searchbox-only resultsUrl="http://docs.mongodb.org/manual/search/" queryParameterName="query"></gcse:searchbox-only></li>
{% endblock %}
</ul>
</div>
</div>
{%- endblock -%}
</header>
{%- endblock %}

{%- block content %}
<div class="container">
{%- block content %}
{%- block sidebar1 %} {# possible location for sidebar #} {% endblock %}
<div class="document">
<div class="document row">
{%- block sidebar2 %}{{ sidebar() }}{% endblock %}
{%- block document %}
<div class="documentwrapper">
{%- if render_sidebar %}<div class="bodywrapper">{%- endif %}
<div class="body">
{{ relbar() }}

{% block body %}
{{ body }}
{% endblock %}

{{- render_nextprev() -}}
</div>
{%- if render_sidebar %}</div>{%- endif %}
</div>
<div class="documentwrapper col-md-9">
{%- if render_sidebar %}<div class="bodywrapper">{%- endif %}
<div class="body">
{{ editlink() }}
{{ jiralink() }}
{{ translationslink() }}
{{ relbar() }}
{% block body %}
{{ body }}
{% endblock %}

{{- render_nextprev() -}}
</div>
{%- if render_sidebar %}</div>{%- endif %}
</div>
{%- endblock %}
{%- block sidebar2 %}{{ sidebar() }}{% endblock %}
<div class="clearer"></div>
</div>
{%- endblock %}

{%- block commnav -%}
<div id="top-right">
<div class="user-right">
<ul id="header-menu-bar" class="ajs-menu-bar">
<li class="normal"><a target="_blank" href="http://groups.google.com/group/mongodb-user">Forums</a></li>
<li class="normal"><a target="_blank" href="http://blog.mongodb.org/">Blog</a></li>
<li class="normal"><a href="http://www.mongodb.org/downloads">Download</a></li>
<li class="normal"><a href="http://docs.mongodb.org/ecosystem/drivers/">Drivers</a></li>
<li class="normal"><a href="http://www.mongodb.com/events">Events</a></li>
<li class="normal last"><a class="last" href="http://docs.mongodb.org/manual/meta/translation">Translations</a></li>
</ul>
{%- endblock %}

{%- block footer %}
<div class="footer row">
<div class="box col-md-12">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we shouldn't hard code this here in the base template.

<div class="row">
<div class="col-xs-6 col-sm-3 section-0">
{%- include "intrasite-about.html" %}
</div>
<div class="col-xs-6 col-sm-3 section-1">
{%- include "resources.html" %}
</div>
<div class="col-xs-6 col-sm-3 section-2">
{%- include "intrasite-ecosystem.html" %}
</div>
<div class="col-xs-6 col-sm-3 section-3">
{%- include "intrasite-drivers.html" %}
</div>
</div>
</div>
</div>
{%- endblock -%}

{%- block searchbox %}
{%- if builder != 'singlehtml' %}
<div class="search-db"><gcse:searchbox-only resultsUrl="http://docs.mongodb.org/{{ theme_manual_path }}/search/" queryParameterName="query"></gcse:searchbox-only></div>
{%- endif %}
{%- endblock %}

{%- block subnav %}
<div id="etp">
<ul>
<li>{{ githublink() }}</li>
<li><a href="http://github.com/mongodb/{{ theme_repo_name }}" target="_blank" title="Fork the documentation on GitHub and contribute.">GitHub</a></li>
<li><a id="jirafeedback" href="{{ jiralink() }}" target="_blank" title="Report a problem with {{pagename|e}}.txt on Jira">Report a Problem</a></li>
</ul>
</div>
{%- endblock -%}

{%- block footer %}
<div class="footer">
<p>
{% trans copyright=copyright|e %}&copy; <a href="{{ path }}">Copyright</a> {{ copyright }} {% endtrans %}
MongoDB&reg;, Mongo&reg;, and the leaf logo are registered trademarks of <a href="http://www.mongodb.com/">MongoDB, Inc.</a>
</p>
</div>
{%- endblock %}
<div class="copyright col-xs-10">
<p>Copyright &copy; 2013 <a class="smalltext" href="http://www.mongodb.com">MongoDB, Inc</a>. Licensed under <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/ ">Creative Commons</a>. MongoDB, Mongo, and the leaf logo are registered trademarks of MongoDB, Inc.</p>
</div>
<div class="col-xs-2">
<div class="social">
<a class="twitter-icon" href="https://twitter.com/mongodbinc"><div class="img"></div></a>
<a class="youtube-icon" href="http://www.youtube.com/user/MongoDB"><div class="img"></div></a>
<a class="facebook-icon" href="https://www.facebook.com/mongodb"><div class="img"></div></a>
<a class="gplus-icon" href="https://plus.google.com/u/1/101024085748034940765/posts?cfem=1"><div class="img"></div></a>
</div>
</div>
{%- endblock %}
</div>

{%- block analytics %}
{%- include "analytics.html" %}
Expand Down
Loading