| | | |
Offset 106, 16 lines modified | Offset 106, 16 lines modified |
106 | <li><p>The·<code·class="docutils·literal·notranslate"><span·class="pre">link-button</span></code>·directive·creates·a·click-able·button,·linking·to·a·URL·or·reference, | 106 | <li><p>The·<code·class="docutils·literal·notranslate"><span·class="pre">link-button</span></code>·directive·creates·a·click-able·button,·linking·to·a·URL·or·reference, |
107 | and·can·also·be·used·to·make·an·entire·panel·click-able.</p></li> | 107 | and·can·also·be·used·to·make·an·entire·panel·click-able.</p></li> |
108 | <li><p>The·<code·class="docutils·literal·notranslate"><span·class="pre">dropdown</span></code>·directive·creates·toggle-able·content.</p></li> | 108 | <li><p>The·<code·class="docutils·literal·notranslate"><span·class="pre">dropdown</span></code>·directive·creates·toggle-able·content.</p></li> |
109 | <li><p>The·<code·class="docutils·literal·notranslate"><span·class="pre">tabbed</span></code>·directive·creates·tabbed·content.</p></li> | 109 | <li><p>The·<code·class="docutils·literal·notranslate"><span·class="pre">tabbed</span></code>·directive·creates·tabbed·content.</p></li> |
110 | <li><p><code·class="docutils·literal·notranslate"><span·class="pre">opticon</span></code>·and·<code·class="docutils·literal·notranslate"><span·class="pre">fa</span></code>·roles·allow·for·inline·icons·to·be·added.</p></li> | 110 | <li><p><code·class="docutils·literal·notranslate"><span·class="pre">opticon</span></code>·and·<code·class="docutils·literal·notranslate"><span·class="pre">fa</span></code>·roles·allow·for·inline·icons·to·be·added.</p></li> |
111 | </ul> | 111 | </ul> |
112 | <div·class="tabbed-set·docutils"> | 112 | <div·class="tabbed-set·docutils"> |
113 | <input·checked="checked"·id="2ce8974b-59f7-40cf-9b86-612dba575df4"·name="1611a965-db09-4a39-8bf2-15fe938b6278"·type="radio"> | |
114 | </input><label·class="tabbed-label"·for="2ce8974b-59f7-40cf-9b86-612dba575df4"> | 113 | <input·checked="checked"·id="0421fbfa-a085-4813-8bf6-63427e9fbe52"·name="c7b979dd-ead3-4fc7-a005-89c989923643"·type="radio"> |
| 114 | </input><label·class="tabbed-label"·for="0421fbfa-a085-4813-8bf6-63427e9fbe52"> |
115 | ReStructuredText</label><div·class="tabbed-content·docutils"> | 115 | ReStructuredText</label><div·class="tabbed-content·docutils"> |
116 | <div·class="highlight-rst·notranslate"><div·class="highlight"><pre><span></span><span·class="p">..</span>·<span·class="ow">panels</span><span·class="p">::</span> | 116 | <div·class="highlight-rst·notranslate"><div·class="highlight"><pre><span></span><span·class="p">..</span>·<span·class="ow">panels</span><span·class="p">::</span> |
| |
117 | ····Content·of·the·top-left·panel | 117 | ····Content·of·the·top-left·panel |
| |
118 | ····--- | 118 | ····--- |
| |
Offset 133, 16 lines modified | Offset 133, 16 lines modified |
| |
133 | <span·class="p">····..</span>·<span·class="ow">link-button</span><span·class="p">::</span>·https://example.com | 133 | <span·class="p">····..</span>·<span·class="ow">link-button</span><span·class="p">::</span>·https://example.com |
134 | ········<span·class="nc">:text:</span>·Clickable·Panel | 134 | ········<span·class="nc">:text:</span>·Clickable·Panel |
135 | ········<span·class="nc">:classes:</span>·stretched-link | 135 | ········<span·class="nc">:classes:</span>·stretched-link |
136 | </pre></div> | 136 | </pre></div> |
137 | </div> | 137 | </div> |
138 | </div> | 138 | </div> |
139 | <input·id="94f50901-273c-4e40-883c-d8a5281dac2b"·name="1611a965-db09-4a39-8bf2-15fe938b6278"·type="radio"> | |
140 | </input><label·class="tabbed-label"·for="94f50901-273c-4e40-883c-d8a5281dac2b"> | 139 | <input·id="6c8bb28a-986b-4c76-985d-42bb8a3a3159"·name="c7b979dd-ead3-4fc7-a005-89c989923643"·type="radio"> |
| 140 | </input><label·class="tabbed-label"·for="6c8bb28a-986b-4c76-985d-42bb8a3a3159"> |
141 | MyST·Markdown</label><div·class="tabbed-content·docutils"> | 141 | MyST·Markdown</label><div·class="tabbed-content·docutils"> |
142 | <div·class="highlight-md·notranslate"><div·class="highlight"><pre><span></span>````{panels} | 142 | <div·class="highlight-md·notranslate"><div·class="highlight"><pre><span></span>````{panels} |
143 | Content·of·the·top-left·panel | 143 | Content·of·the·top-left·panel |
| |
144 | --- | 144 | --- |
| |
145 | Content·of·the·top-right·panel | 145 | Content·of·the·top-right·panel |
Offset 849, 86 lines modified | Offset 849, 86 lines modified |
| |
849 | <span·class="p">····..</span>·<span·class="ow">dropdown</span><span·class="p">::</span>·Nested·Dropdown | 849 | <span·class="p">····..</span>·<span·class="ow">dropdown</span><span·class="p">::</span>·Nested·Dropdown |
| |
850 | ········Some·content | 850 | ········Some·content |
851 | </pre></div> | 851 | </pre></div> |
852 | </div> | 852 | </div> |
853 | <div·class="tabbed-set·docutils"> | 853 | <div·class="tabbed-set·docutils"> |
854 | <input·checked="checked"·id="db5ccd04-7c64-4e98-aad1-f3accf496237"·name="7dfb02e0-c76f-4d9c-ad86-da691ee9a2a7"·type="radio"> | |
855 | </input><label·class="tabbed-label"·for="db5ccd04-7c64-4e98-aad1-f3accf496237"> | 854 | <input·checked="checked"·id="486f6ed2-ccb2-475b-a019-344da2184686"·name="f6f3d5e5-9747-4538-9104-a84bb578db31"·type="radio"> |
| 855 | </input><label·class="tabbed-label"·for="486f6ed2-ccb2-475b-a019-344da2184686"> |
856 | Tab·1</label><div·class="tabbed-content·docutils"> | 856 | Tab·1</label><div·class="tabbed-content·docutils"> |
857 | <p>Tab·1·content</p> | 857 | <p>Tab·1·content</p> |
858 | </div> | 858 | </div> |
859 | <input·id="359d4a52-db1c-4dc7-bb6b-275420b9b30a"·name="7dfb02e0-c76f-4d9c-ad86-da691ee9a2a7"·type="radio"> | |
860 | </input><label·class="tabbed-label"·for="359d4a52-db1c-4dc7-bb6b-275420b9b30a"> | 859 | <input·id="0460955a-5b8d-453a-94e9-6e244960574a"·name="f6f3d5e5-9747-4538-9104-a84bb578db31"·type="radio"> |
| 860 | </input><label·class="tabbed-label"·for="0460955a-5b8d-453a-94e9-6e244960574a"> |
861 | Tab·2</label><div·class="tabbed-content·pl-1·bg-primary·docutils"> | 861 | Tab·2</label><div·class="tabbed-content·pl-1·bg-primary·docutils"> |
862 | <p>Tab·2·content</p> | 862 | <p>Tab·2·content</p> |
863 | </div> | 863 | </div> |
864 | </div> | 864 | </div> |
865 | <div·class="tabbed-set·docutils"> | 865 | <div·class="tabbed-set·docutils"> |
866 | <input·id="0da5852f-7d7e-48b6-ade7-e7b50a3fe4cb"·name="a7a07aba-ec52-453a-9742-d9d78ac3a203"·type="radio"> | |
867 | </input><label·class="tabbed-label"·for="0da5852f-7d7e-48b6-ade7-e7b50a3fe4cb"> | 866 | <input·id="d2afaf96-90cd-452a-a6d1-3b4244963b74"·name="12b41b56-af5b-4e80-bdc0-f50ea4d2df19"·type="radio"> |
| 867 | </input><label·class="tabbed-label"·for="d2afaf96-90cd-452a-a6d1-3b4244963b74"> |
868 | Tab·3</label><div·class="tabbed-content·docutils"> | 868 | Tab·3</label><div·class="tabbed-content·docutils"> |
869 | <div·class="highlight-python·notranslate"><div·class="highlight"><pre><span></span><span·class="kn">import</span>·<span·class="nn">pip</span> | 869 | <div·class="highlight-python·notranslate"><div·class="highlight"><pre><span></span><span·class="kn">import</span>·<span·class="nn">pip</span> |
870 | </pre></div> | 870 | </pre></div> |
871 | </div> | 871 | </div> |
872 | </div> | 872 | </div> |
873 | <input·checked="checked"·id="2fd417f8-06d6-47a9-8cb7-e7d1f24c3d08"·name="a7a07aba-ec52-453a-9742-d9d78ac3a203"·type="radio"> | |
874 | </input><label·class="tabbed-label"·for="2fd417f8-06d6-47a9-8cb7-e7d1f24c3d08"> | 873 | <input·checked="checked"·id="83c58a12-3b2c-4fda-a15b-0cdb3f71f9c7"·name="12b41b56-af5b-4e80-bdc0-f50ea4d2df19"·type="radio"> |
| 874 | </input><label·class="tabbed-label"·for="83c58a12-3b2c-4fda-a15b-0cdb3f71f9c7"> |
875 | Tab·4</label><div·class="tabbed-content·docutils"> | 875 | Tab·4</label><div·class="tabbed-content·docutils"> |
876 | <details·class="sphinx-bs·dropdown·card·mb-3"> | 876 | <details·class="sphinx-bs·dropdown·card·mb-3"> |
877 | <summary·class="summary-title·card-header"> | 877 | <summary·class="summary-title·card-header"> |
878 | Nested·Dropdown<div·class="summary-down·docutils"> | 878 | Nested·Dropdown<div·class="summary-down·docutils"> |
879 | <svg·version="1.1"·width="24"·height="24"·class="octicon·octicon-chevron-down"·viewBox="0·0·24·24"·aria-hidden="true"><path·fill-rule="evenodd"·d="M5.22·8.72a.75.75·0·000·1.06l6.25·6.25a.75.75·0·001.06·0l6.25-6.25a.75.75·0·00-1.06-1.06L12·14.44·6.28·8.72a.75.75·0·00-1.06·0z"></path></svg></div> | 879 | <svg·version="1.1"·width="24"·height="24"·class="octicon·octicon-chevron-down"·viewBox="0·0·24·24"·aria-hidden="true"><path·fill-rule="evenodd"·d="M5.22·8.72a.75.75·0·000·1.06l6.25·6.25a.75.75·0·001.06·0l6.25-6.25a.75.75·0·00-1.06-1.06L12·14.44·6.28·8.72a.75.75·0·00-1.06·0z"></path></svg></div> |
880 | <div·class="summary-up·docutils"> | 880 | <div·class="summary-up·docutils"> |
881 | <svg·version="1.1"·width="24"·height="24"·class="octicon·octicon-chevron-up"·viewBox="0·0·24·24"·aria-hidden="true"><path·fill-rule="evenodd"·d="M18.78·15.28a.75.75·0·000-1.06l-6.25-6.25a.75.75·0·00-1.06·0l-6.25·6.25a.75.75·0·101.06·1.06L12·9.56l5.72·5.72a.75.75·0·001.06·0z"></path></svg></div> | 881 | <svg·version="1.1"·width="24"·height="24"·class="octicon·octicon-chevron-up"·viewBox="0·0·24·24"·aria-hidden="true"><path·fill-rule="evenodd"·d="M18.78·15.28a.75.75·0·000-1.06l-6.25-6.25a.75.75·0·00-1.06·0l-6.25·6.25a.75.75·0·101.06·1.06L12·9.56l5.72·5.72a.75.75·0·001.06·0z"></path></svg></div> |
882 | </summary><div·class="summary-content·card-body·docutils"> | 882 | </summary><div·class="summary-content·card-body·docutils"> |
883 | <p·class="card-text">Some·content</p> | 883 | <p·class="card-text">Some·content</p> |
884 | </div> | 884 | </div> |
885 | </details></div> | 885 | </details></div> |
886 | </div> | 886 | </div> |
887 | <p>Here’s·an·example·of·showing·an·example·in·multiple·programming·languages:</p> | 887 | <p>Here’s·an·example·of·showing·an·example·in·multiple·programming·languages:</p> |
888 | <div·class="tabbed-set·docutils"> | 888 | <div·class="tabbed-set·docutils"> |
889 | <input·checked="checked"·id="099fb59c-b8a8-440d-b052-9dc0c14b60a3"·name="55c42662-ca14-4b9d-a5bf-45b66560a4a9"·type="radio"> | |
890 | </input><label·class="tabbed-label"·for="099fb59c-b8a8-440d-b052-9dc0c14b60a3"> | 889 | <input·checked="checked"·id="aa6c6ef2-4c5f-45a5-ac91-727f70b34232"·name="6ee3fffe-7183-47f7-9992-d0bf95670396"·type="radio"> |
| 890 | </input><label·class="tabbed-label"·for="aa6c6ef2-4c5f-45a5-ac91-727f70b34232"> |
891 | c++</label><div·class="tabbed-content·docutils"> | 891 | c++</label><div·class="tabbed-content·docutils"> |
892 | <div·class="highlight-c++·notranslate"><div·class="highlight"><pre><span></span><span·class="kt">int</span><span·class="w">·</span><span·class="nf">main</span><span·class="p">(</span><span·class="k">const</span><span·class="w">·</span><span·class="kt">int</span><span·class="w">·</span><span·class="n">argc</span><span·class="p">,</span><span·class="w">·</span><span·class="k">const</span><span·class="w">·</span><span·class="kt">char</span><span·class="w">·</span><span·class="o">**</span><span·class="n">argv</span><span·class="p">)</span><span·class="w">·</span><span·class="p">{</span> | 892 | <div·class="highlight-c++·notranslate"><div·class="highlight"><pre><span></span><span·class="kt">int</span><span·class="w">·</span><span·class="nf">main</span><span·class="p">(</span><span·class="k">const</span><span·class="w">·</span><span·class="kt">int</span><span·class="w">·</span><span·class="n">argc</span><span·class="p">,</span><span·class="w">·</span><span·class="k">const</span><span·class="w">·</span><span·class="kt">char</span><span·class="w">·</span><span·class="o">**</span><span·class="n">argv</span><span·class="p">)</span><span·class="w">·</span><span·class="p">{</span> |
893 | <span·class="w">··</span><span·class="k">return</span><span·class="w">·</span><span·class="mi">0</span><span·class="p">;</span> | 893 | <span·class="w">··</span><span·class="k">return</span><span·class="w">·</span><span·class="mi">0</span><span·class="p">;</span> |
894 | <span·class="p">}</span> | 894 | <span·class="p">}</span> |
895 | </pre></div> | 895 | </pre></div> |
896 | </div> | 896 | </div> |
897 | </div> | 897 | </div> |
898 | <input·id="2d0eaa18-642a-45cd-a761-4b4f0aadb745"·name="55c42662-ca14-4b9d-a5bf-45b66560a4a9"·type="radio"> | |
899 | </input><label·class="tabbed-label"·for="2d0eaa18-642a-45cd-a761-4b4f0aadb745"> | 898 | <input·id="9aab50ee-eab7-4f81-b7ed-88984f8a420b"·name="6ee3fffe-7183-47f7-9992-d0bf95670396"·type="radio"> |
| 899 | </input><label·class="tabbed-label"·for="9aab50ee-eab7-4f81-b7ed-88984f8a420b"> |
900 | python</label><div·class="tabbed-content·docutils"> | 900 | python</label><div·class="tabbed-content·docutils"> |
901 | <div·class="highlight-python·notranslate"><div·class="highlight"><pre><span></span><span·class="k">def</span>·<span·class="nf">main</span><span·class="p">():</span> | 901 | <div·class="highlight-python·notranslate"><div·class="highlight"><pre><span></span><span·class="k">def</span>·<span·class="nf">main</span><span·class="p">():</span> |
902 | ····<span·class="k">return</span> | 902 | ····<span·class="k">return</span> |
903 | </pre></div> | 903 | </pre></div> |
904 | </div> | 904 | </div> |
905 | </div> | 905 | </div> |
906 | <input·id="27d4d945-cddb-4d92-9bbe-f5e3a5d29640"·name="55c42662-ca14-4b9d-a5bf-45b66560a4a9"·type="radio"> | |
907 | </input><label·class="tabbed-label"·for="27d4d945-cddb-4d92-9bbe-f5e3a5d29640"> | 906 | <input·id="e7d8595c-0e34-429e-ba84-4629774d846a"·name="6ee3fffe-7183-47f7-9992-d0bf95670396"·type="radio"> |
| 907 | </input><label·class="tabbed-label"·for="e7d8595c-0e34-429e-ba84-4629774d846a"> |
908 | java</label><div·class="tabbed-content·docutils"> | 908 | java</label><div·class="tabbed-content·docutils"> |
909 | <div·class="highlight-java·notranslate"><div·class="highlight"><pre><span></span><span·class="kd">class</span>·<span·class="nc">Main</span><span·class="w">·</span><span·class="p">{</span> | 909 | <div·class="highlight-java·notranslate"><div·class="highlight"><pre><span></span><span·class="kd">class</span>·<span·class="nc">Main</span><span·class="w">·</span><span·class="p">{</span> |
910 | <span·class="w">····</span><span·class="kd">public</span><span·class="w">·</span><span·class="kd">static</span><span·class="w">·</span><span·class="kt">void</span><span·class="w">·</span><span·class="nf">main</span><span·class="p">(</span><span·class="n">String</span><span·class="o">[]</span><span·class="w">·</span><span·class="n">args</span><span·class="p">)</span><span·class="w">·</span><span·class="p">{</span> | 910 | <span·class="w">····</span><span·class="kd">public</span><span·class="w">·</span><span·class="kd">static</span><span·class="w">·</span><span·class="kt">void</span><span·class="w">·</span><span·class="nf">main</span><span·class="p">(</span><span·class="n">String</span><span·class="o">[]</span><span·class="w">·</span><span·class="n">args</span><span·class="p">)</span><span·class="w">·</span><span·class="p">{</span> |
911 | <span·class="w">····</span><span·class="p">}</span> | 911 | <span·class="w">····</span><span·class="p">}</span> |
912 | <span·class="p">}</span> | 912 | <span·class="p">}</span> |
913 | </pre></div> | 913 | </pre></div> |
914 | </div> | 914 | </div> |
915 | </div> | 915 | </div> |
916 | <input·id="f789c438-3c38-4409-bb9e-205aa56c8445"·name="55c42662-ca14-4b9d-a5bf-45b66560a4a9"·type="radio"> | |
917 | </input><label·class="tabbed-label"·for="f789c438-3c38-4409-bb9e-205aa56c8445"> | 916 | <input·id="6e4d3728-00a2-476d-b910-6a07074065f5"·name="6ee3fffe-7183-47f7-9992-d0bf95670396"·type="radio"> |
| 917 | </input><label·class="tabbed-label"·for="6e4d3728-00a2-476d-b910-6a07074065f5"> |
918 | julia</label><div·class="tabbed-content·docutils"> | 918 | julia</label><div·class="tabbed-content·docutils"> |
919 | <div·class="highlight-julia·notranslate"><div·class="highlight"><pre><span></span><span·class="k">function</span><span·class="w">·</span><span·class="n">main</span><span·class="p">()</span> | 919 | <div·class="highlight-julia·notranslate"><div·class="highlight"><pre><span></span><span·class="k">function</span><span·class="w">·</span><span·class="n">main</span><span·class="p">()</span> |
920 | <span·class="k">end</span> | 920 | <span·class="k">end</span> |
921 | </pre></div> | 921 | </pre></div> |
922 | </div> | 922 | </div> |
923 | </div> | 923 | </div> |
924 | <input·id="e97eea95-c363-4426-bdd6-6c6fb8dafc83"·name="55c42662-ca14-4b9d-a5bf-45b66560a4a9"·type="radio"> | |
925 | </input><label·class="tabbed-label"·for="e97eea95-c363-4426-bdd6-6c6fb8dafc83"> | 924 | <input·id="035eb99d-54ae-4b02-b4e9-19e8ffd1d5b3"·name="6ee3fffe-7183-47f7-9992-d0bf95670396"·type="radio"> |
| 925 | </input><label·class="tabbed-label"·for="035eb99d-54ae-4b02-b4e9-19e8ffd1d5b3"> |
926 | fortran</label><div·class="tabbed-content·docutils"> | 926 | fortran</label><div·class="tabbed-content·docutils"> |
927 | <div·class="highlight-fortran·notranslate"><div·class="highlight"><pre><span></span><span·class="k">PROGRAM·</span><span·class="n">main</span> | 927 | <div·class="highlight-fortran·notranslate"><div·class="highlight"><pre><span></span><span·class="k">PROGRAM·</span><span·class="n">main</span> |
928 | <span·class="k">END·PROGRAM·</span><span·class="n">main</span> | 928 | <span·class="k">END·PROGRAM·</span><span·class="n">main</span> |
Max diff block lines reached; 24/10101 bytes (0.24%) of diff not shown.
|