Skip to content

Instantly share code, notes, and snippets.

@djungelorm
Created June 20, 2017 17:04
Show Gist options
  • Save djungelorm/1fb8f79d3b450278b0ff2161050a4531 to your computer and use it in GitHub Desktop.
Save djungelorm/1fb8f79d3b450278b0ff2161050a4531 to your computer and use it in GitHub Desktop.
sphinx-tabs example
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fruits &#8212; Tabs Examples 0.2 documentation</title>
<link rel="stylesheet" href="_static/alabaster.css" type="text/css" />
<link rel="stylesheet" href="_static/pygments.css" type="text/css" />
<link rel="stylesheet" href="_static/sphinx_tabs/tabs.css" type="text/css" />
<link rel="stylesheet" href="_static/sphinx_tabs/semantic-ui-2.2.7/segment.min.css" type="text/css" />
<link rel="stylesheet" href="_static/sphinx_tabs/semantic-ui-2.2.7/menu.min.css" type="text/css" />
<link rel="stylesheet" href="_static/sphinx_tabs/semantic-ui-2.2.7/tab.min.css" type="text/css" />
<script type="text/javascript">
var DOCUMENTATION_OPTIONS = {
URL_ROOT: './',
VERSION: '0.2',
COLLAPSE_INDEX: false,
FILE_SUFFIX: '.html',
HAS_SOURCE: true,
SOURCELINK_SUFFIX: '.txt'
};
</script>
<script type="text/javascript" src="_static/jquery.js"></script>
<script type="text/javascript" src="_static/underscore.js"></script>
<script type="text/javascript" src="_static/doctools.js"></script>
<script type="text/javascript" src="_static/sphinx_tabs/tabs.js"></script>
<script type="text/javascript" src="_static/sphinx_tabs/semantic-ui-2.2.7/tab.min.js"></script>
<link rel="index" title="Index" href="genindex.html" />
<link rel="search" title="Search" href="search.html" />
<link rel="next" title="Another page without tabs" href="other.html" />
<link rel="stylesheet" href="_static/custom.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=0.9, maximum-scale=0.9" />
</head>
<body>
<div class="document">
<div class="documentwrapper">
<div class="bodywrapper">
<div class="body" role="main">
<div class="toctree-wrapper compound">
<ul>
<li class="toctree-l1"><a class="reference internal" href="other.html">Another page without tabs</a></li>
</ul>
</div>
<div class="section" id="fruits">
<h1>Fruits<a class="headerlink" href="#fruits" title="Permalink to this headline">¶</a></h1>
<div class="sphinx-tabs docutils container">
<div class="ui top attached tabular menu sphinx-menu docutils container">
<div class="active item sphinx-data-tab-0 docutils container">
Apples</div>
<div class="item sphinx-data-tab-1 docutils container">
Pears</div>
<div class="item sphinx-data-tab-2 docutils container">
Oranges</div>
</div>
<div class="ui bottom attached sphinx-tab tab segment sphinx-data-tab-0 active docutils container">
Apples are green, or sometimes red.</div>
<div class="ui bottom attached sphinx-tab tab segment sphinx-data-tab-1 docutils container">
Pears are green.</div>
<div class="ui bottom attached sphinx-tab tab segment sphinx-data-tab-2 docutils container">
Oranges are orange.</div>
</div>
</div>
<div class="section" id="luminaries">
<h1>Luminaries<a class="headerlink" href="#luminaries" title="Permalink to this headline">¶</a></h1>
<div class="sphinx-tabs docutils container">
<div class="ui top attached tabular menu sphinx-menu docutils container">
<div class="active item sphinx-data-tab-3 docutils container">
Sun</div>
<div class="item sphinx-data-tab-4 docutils container">
Moon</div>
</div>
<div class="ui bottom attached sphinx-tab tab segment sphinx-data-tab-3 active docutils container">
The sun is a star.</div>
<div class="ui bottom attached sphinx-tab tab segment sphinx-data-tab-4 docutils container">
The moon is not a star.</div>
</div>
</div>
<div class="section" id="code-tabs">
<h1>Code Tabs<a class="headerlink" href="#code-tabs" title="Permalink to this headline">¶</a></h1>
<div class="sphinx-tabs docutils container">
<div class="ui top attached tabular menu sphinx-menu docutils container">
<div class="active item sphinx-data-tab-c docutils container">
C</div>
<div class="item sphinx-data-tab-c++ docutils container">
C++</div>
<div class="item sphinx-data-tab-python docutils container">
Python</div>
<div class="item sphinx-data-tab-java docutils container">
Java</div>
<div class="item sphinx-data-tab-julia docutils container">
Julia</div>
<div class="item sphinx-data-tab-fortran docutils container">
Fortran</div>
</div>
<div class="ui bottom attached sphinx-tab tab segment code-tab sphinx-data-tab-c active docutils container">
<div class="highlight-c"><div class="highlight"><pre><span></span><span class="n">C</span> <span class="n">Main</span> <span class="n">Function</span>
</pre></div>
</div>
</div>
<div class="ui bottom attached sphinx-tab tab segment code-tab sphinx-data-tab-c++ docutils container">
<div class="highlight-c++"><div class="highlight"><pre><span></span><span class="n">C</span><span class="o">++</span> <span class="n">Main</span> <span class="n">Function</span>
</pre></div>
</div>
</div>
<div class="ui bottom attached sphinx-tab tab segment code-tab sphinx-data-tab-python docutils container">
<div class="highlight-py"><div class="highlight"><pre><span></span><span class="n">Python</span> <span class="n">Main</span> <span class="n">Function</span>
</pre></div>
</div>
</div>
<div class="ui bottom attached sphinx-tab tab segment code-tab sphinx-data-tab-java docutils container">
<div class="highlight-java"><div class="highlight"><pre><span></span><span class="n">Java</span> <span class="n">Main</span> <span class="n">Function</span>
</pre></div>
</div>
</div>
<div class="ui bottom attached sphinx-tab tab segment code-tab sphinx-data-tab-julia docutils container">
<div class="highlight-julia"><div class="highlight"><pre><span></span><span class="n">Julia</span> <span class="n">Main</span> <span class="kt">Function</span>
</pre></div>
</div>
</div>
<div class="ui bottom attached sphinx-tab tab segment code-tab sphinx-data-tab-fortran docutils container">
<div class="highlight-fortran"><div class="highlight"><pre><span></span><span class="n">Fortran</span> <span class="n">Main</span> <span class="k">Function</span>
</pre></div>
</div>
</div>
</div>
<div class="sphinx-tabs docutils container">
<div class="ui top attached tabular menu sphinx-menu docutils container">
<div class="active item sphinx-data-tab-c docutils container">
C</div>
<div class="item sphinx-data-tab-c++ docutils container">
C++</div>
<div class="item sphinx-data-tab-python docutils container">
Python</div>
<div class="item sphinx-data-tab-java docutils container">
Java</div>
<div class="item sphinx-data-tab-julia docutils container">
Julia</div>
<div class="item sphinx-data-tab-fortran docutils container">
Fortran</div>
</div>
<div class="ui bottom attached sphinx-tab tab segment code-tab sphinx-data-tab-c active docutils container">
<div class="highlight-c"><div class="highlight"><pre><span></span><span class="kt">int</span> <span class="nf">main</span><span class="p">(</span><span class="k">const</span> <span class="kt">int</span> <span class="n">argc</span><span class="p">,</span> <span class="k">const</span> <span class="kt">char</span> <span class="o">**</span><span class="n">argv</span><span class="p">)</span> <span class="p">{</span>
<span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
<span class="p">}</span>
</pre></div>
</div>
</div>
<div class="ui bottom attached sphinx-tab tab segment code-tab sphinx-data-tab-c++ docutils container">
<div class="highlight-c++"><div class="highlight"><pre><span></span><span class="kt">int</span> <span class="nf">main</span><span class="p">(</span><span class="k">const</span> <span class="kt">int</span> <span class="n">argc</span><span class="p">,</span> <span class="k">const</span> <span class="kt">char</span> <span class="o">**</span><span class="n">argv</span><span class="p">)</span> <span class="p">{</span>
<span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
<span class="p">}</span>
</pre></div>
</div>
</div>
<div class="ui bottom attached sphinx-tab tab segment code-tab sphinx-data-tab-python docutils container">
<div class="highlight-py"><div class="highlight"><pre><span></span><span class="k">def</span> <span class="nf">main</span><span class="p">():</span>
<span class="k">return</span>
</pre></div>
</div>
</div>
<div class="ui bottom attached sphinx-tab tab segment code-tab sphinx-data-tab-java docutils container">
<div class="highlight-java"><div class="highlight"><pre><span></span><span class="kd">class</span> <span class="nc">Main</span> <span class="o">{</span>
<span class="kd">public</span> <span class="kd">static</span> <span class="kt">void</span> <span class="nf">main</span><span class="o">(</span><span class="n">String</span><span class="o">[]</span> <span class="n">args</span><span class="o">)</span> <span class="o">{</span>
<span class="o">}</span>
<span class="o">}</span>
</pre></div>
</div>
</div>
<div class="ui bottom attached sphinx-tab tab segment code-tab sphinx-data-tab-julia docutils container">
<div class="highlight-julia"><div class="highlight"><pre><span></span><span class="k">function</span> <span class="n">main</span><span class="p">()</span>
<span class="k">end</span>
</pre></div>
</div>
</div>
<div class="ui bottom attached sphinx-tab tab segment code-tab sphinx-data-tab-fortran docutils container">
<div class="highlight-fortran"><div class="highlight"><pre><span></span><span class="k">PROGRAM </span><span class="n">main</span>
<span class="k">END PROGRAM </span><span class="n">main</span>
</pre></div>
</div>
</div>
</div>
</div>
<div class="section" id="group-tabs">
<h1>Group Tabs<a class="headerlink" href="#group-tabs" title="Permalink to this headline">¶</a></h1>
<div class="sphinx-tabs docutils container">
<div class="ui top attached tabular menu sphinx-menu docutils container">
<div class="active item sphinx-data-tab-linux docutils container">
Linux</div>
<div class="item sphinx-data-tab-mac-osx docutils container">
Mac OSX</div>
<div class="item sphinx-data-tab-windows docutils container">
Windows</div>
</div>
<div class="ui bottom attached sphinx-tab tab segment sphinx-data-tab-linux active docutils container">
Linux Line 1</div>
<div class="ui bottom attached sphinx-tab tab segment sphinx-data-tab-mac-osx docutils container">
Mac OSX Line 1</div>
<div class="ui bottom attached sphinx-tab tab segment sphinx-data-tab-windows docutils container">
Windows Line 1</div>
</div>
<div class="sphinx-tabs docutils container">
<div class="ui top attached tabular menu sphinx-menu docutils container">
<div class="active item sphinx-data-tab-linux docutils container">
Linux</div>
<div class="item sphinx-data-tab-mac-osx docutils container">
Mac OSX</div>
<div class="item sphinx-data-tab-windows docutils container">
Windows</div>
</div>
<div class="ui bottom attached sphinx-tab tab segment sphinx-data-tab-linux active docutils container">
Linux Line 2</div>
<div class="ui bottom attached sphinx-tab tab segment sphinx-data-tab-mac-osx docutils container">
Mac OSX Line 2</div>
<div class="ui bottom attached sphinx-tab tab segment sphinx-data-tab-windows docutils container">
Windows Line 2</div>
</div>
</div>
</div>
</div>
</div>
<div class="sphinxsidebar" role="navigation" aria-label="main navigation">
<div class="sphinxsidebarwrapper">
<h3><a href="#">Table Of Contents</a></h3>
<ul>
<li><a class="reference internal" href="#">Fruits</a></li>
<li><a class="reference internal" href="#luminaries">Luminaries</a></li>
<li><a class="reference internal" href="#code-tabs">Code Tabs</a></li>
<li><a class="reference internal" href="#group-tabs">Group Tabs</a></li>
</ul>
<div class="relations">
<h3>Related Topics</h3>
<ul>
<li><a href="#">Documentation overview</a><ul>
<li>Next: <a href="other.html" title="next chapter">Another page without tabs</a></li>
</ul></li>
</ul>
</div>
<div role="note" aria-label="source link">
<h3>This Page</h3>
<ul class="this-page-menu">
<li><a href="_sources/index.rst.txt"
rel="nofollow">Show Source</a></li>
</ul>
</div>
<div id="searchbox" style="display: none" role="search">
<h3>Quick search</h3>
<form class="search" action="search.html" method="get">
<div><input type="text" name="q" /></div>
<div><input type="submit" value="Go" /></div>
<input type="hidden" name="check_keywords" value="yes" />
<input type="hidden" name="area" value="default" />
</form>
</div>
<script type="text/javascript">$('#searchbox').show(0);</script>
</div>
</div>
<div class="clearer"></div>
</div>
<div class="footer">
&copy;2017, djungelorm.
|
Powered by <a href="http://sphinx-doc.org/">Sphinx 1.6.2</a>
&amp; <a href="https://github.com/bitprophet/alabaster">Alabaster 0.7.10</a>
|
<a href="_sources/index.rst.txt"
rel="nofollow">Page source</a>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Another page without tabs &#8212; Tabs Examples 0.2 documentation</title>
<link rel="stylesheet" href="_static/alabaster.css" type="text/css" />
<link rel="stylesheet" href="_static/pygments.css" type="text/css" />
<script type="text/javascript">
var DOCUMENTATION_OPTIONS = {
URL_ROOT: './',
VERSION: '0.2',
COLLAPSE_INDEX: false,
FILE_SUFFIX: '.html',
HAS_SOURCE: true,
SOURCELINK_SUFFIX: '.txt'
};
</script>
<script type="text/javascript" src="_static/jquery.js"></script>
<script type="text/javascript" src="_static/underscore.js"></script>
<script type="text/javascript" src="_static/doctools.js"></script>
<link rel="index" title="Index" href="genindex.html" />
<link rel="search" title="Search" href="search.html" />
<link rel="prev" title="Fruits" href="index.html" />
<link rel="stylesheet" href="_static/custom.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=0.9, maximum-scale=0.9" />
</head>
<body>
<div class="document">
<div class="documentwrapper">
<div class="bodywrapper">
<div class="body" role="main">
<div class="section" id="another-page-without-tabs">
<h1>Another page without tabs<a class="headerlink" href="#another-page-without-tabs" title="Permalink to this headline">¶</a></h1>
<p>No tabs to see here…</p>
<p>Check whether JS and CSS are included on this page. They shouldn’t be.</p>
</div>
</div>
</div>
</div>
<div class="sphinxsidebar" role="navigation" aria-label="main navigation">
<div class="sphinxsidebarwrapper"><div class="relations">
<h3>Related Topics</h3>
<ul>
<li><a href="index.html">Documentation overview</a><ul>
<li>Previous: <a href="index.html" title="previous chapter">Fruits</a></li>
</ul></li>
</ul>
</div>
<div role="note" aria-label="source link">
<h3>This Page</h3>
<ul class="this-page-menu">
<li><a href="_sources/other.rst.txt"
rel="nofollow">Show Source</a></li>
</ul>
</div>
<div id="searchbox" style="display: none" role="search">
<h3>Quick search</h3>
<form class="search" action="search.html" method="get">
<div><input type="text" name="q" /></div>
<div><input type="submit" value="Go" /></div>
<input type="hidden" name="check_keywords" value="yes" />
<input type="hidden" name="area" value="default" />
</form>
</div>
<script type="text/javascript">$('#searchbox').show(0);</script>
</div>
</div>
<div class="clearer"></div>
</div>
<div class="footer">
&copy;2017, djungelorm.
|
Powered by <a href="http://sphinx-doc.org/">Sphinx 1.6.2</a>
&amp; <a href="https://github.com/bitprophet/alabaster">Alabaster 0.7.10</a>
|
<a href="_sources/other.rst.txt"
rel="nofollow">Page source</a>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment