Created
June 20, 2017 17:04
-
-
Save djungelorm/1fb8f79d3b450278b0ff2161050a4531 to your computer and use it in GitHub Desktop.
sphinx-tabs example
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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 — 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"> | |
©2017, djungelorm. | |
| | |
Powered by <a href="http://sphinx-doc.org/">Sphinx 1.6.2</a> | |
& <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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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 — 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"> | |
©2017, djungelorm. | |
| | |
Powered by <a href="http://sphinx-doc.org/">Sphinx 1.6.2</a> | |
& <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