| | | |
Offset 105, 16 lines modified | Offset 105, 16 lines modified |
105 | <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, | 105 | <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 | and·can·also·be·used·to·make·an·entire·panel·click-able.</p></li> | 106 | and·can·also·be·used·to·make·an·entire·panel·click-able.</p></li> |
107 | <li><p>The·<code·class="docutils·literal·notranslate"><span·class="pre">dropdown</span></code>·directive·creates·toggle-able·content.</p></li> | 107 | <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">tabbed</span></code>·directive·creates·tabbed·content.</p></li> | 108 | <li><p>The·<code·class="docutils·literal·notranslate"><span·class="pre">tabbed</span></code>·directive·creates·tabbed·content.</p></li> |
109 | <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> | 109 | <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 | </ul> | 110 | </ul> |
111 | <div·class="tabbed-set·docutils"> | 111 | <div·class="tabbed-set·docutils"> |
112 | <input·checked="checked"·id="49dbe8ed-ca4a-45c9-8a1b-1ce15aa0e450"·name="3b2d0086-9c84-4c61-a83c-aef2268ca617"·type="radio"> | |
113 | </input><label·class="tabbed-label"·for="49dbe8ed-ca4a-45c9-8a1b-1ce15aa0e450"> | 112 | <input·checked="checked"·id="de967dd7-c6af-4bc3-b59f-ebef1058c9e4"·name="1a2fff06-f0b5-4fe5-80c5-8124368d5934"·type="radio"> |
| 113 | </input><label·class="tabbed-label"·for="de967dd7-c6af-4bc3-b59f-ebef1058c9e4"> |
114 | ReStructuredText</label><div·class="tabbed-content·docutils"> | 114 | ReStructuredText</label><div·class="tabbed-content·docutils"> |
115 | <div·class="highlight-rst·notranslate"><div·class="highlight"><pre><span></span><span·class="p">..</span>·<span·class="ow">panels</span><span·class="p">::</span> | 115 | <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 | ····Content·of·the·top-left·panel | 116 | ····Content·of·the·top-left·panel |
| |
117 | ····--- | 117 | ····--- |
| |
Offset 132, 16 lines modified | Offset 132, 16 lines modified |
| |
132 | <span·class="p">····..</span>·<span·class="ow">link-button</span><span·class="p">::</span>·https://example.com | 132 | <span·class="p">····..</span>·<span·class="ow">link-button</span><span·class="p">::</span>·https://example.com |
133 | ········<span·class="nc">:text:</span>·Clickable·Panel | 133 | ········<span·class="nc">:text:</span>·Clickable·Panel |
134 | ········<span·class="nc">:classes:</span>·stretched-link | 134 | ········<span·class="nc">:classes:</span>·stretched-link |
135 | </pre></div> | 135 | </pre></div> |
136 | </div> | 136 | </div> |
137 | </div> | 137 | </div> |
138 | <input·id="7408a937-6030-46b4-8710-05c40b6d7b76"·name="3b2d0086-9c84-4c61-a83c-aef2268ca617"·type="radio"> | |
139 | </input><label·class="tabbed-label"·for="7408a937-6030-46b4-8710-05c40b6d7b76"> | 138 | <input·id="b6777c90-3b63-41bf-ae4d-d590adfa5d9f"·name="1a2fff06-f0b5-4fe5-80c5-8124368d5934"·type="radio"> |
| 139 | </input><label·class="tabbed-label"·for="b6777c90-3b63-41bf-ae4d-d590adfa5d9f"> |
140 | MyST·Markdown</label><div·class="tabbed-content·docutils"> | 140 | MyST·Markdown</label><div·class="tabbed-content·docutils"> |
141 | <div·class="highlight-md·notranslate"><div·class="highlight"><pre><span></span>````{panels} | 141 | <div·class="highlight-md·notranslate"><div·class="highlight"><pre><span></span>````{panels} |
142 | Content·of·the·top-left·panel | 142 | Content·of·the·top-left·panel |
| |
143 | --- | 143 | --- |
| |
144 | Content·of·the·top-right·panel | 144 | Content·of·the·top-right·panel |
Offset 848, 86 lines modified | Offset 848, 86 lines modified |
| |
848 | <span·class="p">····..</span>·<span·class="ow">dropdown</span><span·class="p">::</span>·Nested·Dropdown | 848 | <span·class="p">····..</span>·<span·class="ow">dropdown</span><span·class="p">::</span>·Nested·Dropdown |
| |
849 | ········Some·content | 849 | ········Some·content |
850 | </pre></div> | 850 | </pre></div> |
851 | </div> | 851 | </div> |
852 | <div·class="tabbed-set·docutils"> | 852 | <div·class="tabbed-set·docutils"> |
853 | <input·checked="checked"·id="589ee8c2-8817-4eea-9c2c-332df370ea5c"·name="2ab5472c-097f-453a-9d5f-be30cd1a6d24"·type="radio"> | |
854 | </input><label·class="tabbed-label"·for="589ee8c2-8817-4eea-9c2c-332df370ea5c"> | 853 | <input·checked="checked"·id="b54d8a79-09a2-4a09-9681-df536338a2fe"·name="a0aaf202-471c-4e09-9065-f61fc3477dce"·type="radio"> |
| 854 | </input><label·class="tabbed-label"·for="b54d8a79-09a2-4a09-9681-df536338a2fe"> |
855 | Tab·1</label><div·class="tabbed-content·docutils"> | 855 | Tab·1</label><div·class="tabbed-content·docutils"> |
856 | <p>Tab·1·content</p> | 856 | <p>Tab·1·content</p> |
857 | </div> | 857 | </div> |
858 | <input·id="97cd3f43-3e2e-4ac5-a7b6-1efc81d928b4"·name="2ab5472c-097f-453a-9d5f-be30cd1a6d24"·type="radio"> | |
859 | </input><label·class="tabbed-label"·for="97cd3f43-3e2e-4ac5-a7b6-1efc81d928b4"> | 858 | <input·id="5d0344ac-d61e-4b2c-9cbc-604ace687ee8"·name="a0aaf202-471c-4e09-9065-f61fc3477dce"·type="radio"> |
| 859 | </input><label·class="tabbed-label"·for="5d0344ac-d61e-4b2c-9cbc-604ace687ee8"> |
860 | Tab·2</label><div·class="tabbed-content·pl-1·bg-primary·docutils"> | 860 | Tab·2</label><div·class="tabbed-content·pl-1·bg-primary·docutils"> |
861 | <p>Tab·2·content</p> | 861 | <p>Tab·2·content</p> |
862 | </div> | 862 | </div> |
863 | </div> | 863 | </div> |
864 | <div·class="tabbed-set·docutils"> | 864 | <div·class="tabbed-set·docutils"> |
865 | <input·id="b65246e8-89ea-4cd9-a4c1-7139087c0bd4"·name="e359286b-3c85-4343-b7cb-19b467076d09"·type="radio"> | |
866 | </input><label·class="tabbed-label"·for="b65246e8-89ea-4cd9-a4c1-7139087c0bd4"> | 865 | <input·id="6e4a41ac-69dd-4b4a-b87c-f1007b95b425"·name="8c3539eb-0123-4ebd-8311-2f740c07c045"·type="radio"> |
| 866 | </input><label·class="tabbed-label"·for="6e4a41ac-69dd-4b4a-b87c-f1007b95b425"> |
867 | Tab·3</label><div·class="tabbed-content·docutils"> | 867 | Tab·3</label><div·class="tabbed-content·docutils"> |
868 | <div·class="highlight-python·notranslate"><div·class="highlight"><pre><span></span><span·class="kn">import</span>·<span·class="nn">pip</span> | 868 | <div·class="highlight-python·notranslate"><div·class="highlight"><pre><span></span><span·class="kn">import</span>·<span·class="nn">pip</span> |
869 | </pre></div> | 869 | </pre></div> |
870 | </div> | 870 | </div> |
871 | </div> | 871 | </div> |
872 | <input·checked="checked"·id="071051a0-98f4-4409-8b8f-b5421e42ab39"·name="e359286b-3c85-4343-b7cb-19b467076d09"·type="radio"> | |
873 | </input><label·class="tabbed-label"·for="071051a0-98f4-4409-8b8f-b5421e42ab39"> | 872 | <input·checked="checked"·id="809b5936-2cb9-423c-81e9-1cc42da0ed3f"·name="8c3539eb-0123-4ebd-8311-2f740c07c045"·type="radio"> |
| 873 | </input><label·class="tabbed-label"·for="809b5936-2cb9-423c-81e9-1cc42da0ed3f"> |
874 | Tab·4</label><div·class="tabbed-content·docutils"> | 874 | Tab·4</label><div·class="tabbed-content·docutils"> |
875 | <details·class="sphinx-bs·dropdown·card·mb-3"> | 875 | <details·class="sphinx-bs·dropdown·card·mb-3"> |
876 | <summary·class="summary-title·card-header"> | 876 | <summary·class="summary-title·card-header"> |
877 | Nested·Dropdown<div·class="summary-down·docutils"> | 877 | Nested·Dropdown<div·class="summary-down·docutils"> |
878 | <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> | 878 | <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 | <div·class="summary-up·docutils"> | 879 | <div·class="summary-up·docutils"> |
880 | <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> | 880 | <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 | </summary><div·class="summary-content·card-body·docutils"> | 881 | </summary><div·class="summary-content·card-body·docutils"> |
882 | <p·class="card-text">Some·content</p> | 882 | <p·class="card-text">Some·content</p> |
883 | </div> | 883 | </div> |
884 | </details></div> | 884 | </details></div> |
885 | </div> | 885 | </div> |
886 | <p>Here’s·an·example·of·showing·an·example·in·multiple·programming·languages:</p> | 886 | <p>Here’s·an·example·of·showing·an·example·in·multiple·programming·languages:</p> |
887 | <div·class="tabbed-set·docutils"> | 887 | <div·class="tabbed-set·docutils"> |
888 | <input·checked="checked"·id="02c35730-d4d6-4a59-8493-6c84fd5452cc"·name="aeabd9fe-e433-483f-8a01-706abe00cdf5"·type="radio"> | |
889 | </input><label·class="tabbed-label"·for="02c35730-d4d6-4a59-8493-6c84fd5452cc"> | 888 | <input·checked="checked"·id="6e6f8904-725c-4be9-bf63-a8b85f9d662d"·name="fcd5b620-80af-4bb8-b796-ba0bfc413094"·type="radio"> |
| 889 | </input><label·class="tabbed-label"·for="6e6f8904-725c-4be9-bf63-a8b85f9d662d"> |
890 | c++</label><div·class="tabbed-content·docutils"> | 890 | c++</label><div·class="tabbed-content·docutils"> |
891 | <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> | 891 | <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 | <span·class="w">··</span><span·class="k">return</span><span·class="w">·</span><span·class="mi">0</span><span·class="p">;</span> | 892 | <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="p">}</span> | 893 | <span·class="p">}</span> |
894 | </pre></div> | 894 | </pre></div> |
895 | </div> | 895 | </div> |
896 | </div> | 896 | </div> |
897 | <input·id="71b7b609-3c93-4e15-9be1-b8b8bb8d4b60"·name="aeabd9fe-e433-483f-8a01-706abe00cdf5"·type="radio"> | |
898 | </input><label·class="tabbed-label"·for="71b7b609-3c93-4e15-9be1-b8b8bb8d4b60"> | 897 | <input·id="1b8c8e13-2447-415c-a5d5-ec999e17bc0d"·name="fcd5b620-80af-4bb8-b796-ba0bfc413094"·type="radio"> |
| 898 | </input><label·class="tabbed-label"·for="1b8c8e13-2447-415c-a5d5-ec999e17bc0d"> |
899 | python</label><div·class="tabbed-content·docutils"> | 899 | python</label><div·class="tabbed-content·docutils"> |
900 | <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> | 900 | <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 | ····<span·class="k">return</span> | 901 | ····<span·class="k">return</span> |
902 | </pre></div> | 902 | </pre></div> |
903 | </div> | 903 | </div> |
904 | </div> | 904 | </div> |
905 | <input·id="c61b832b-be1b-44a3-8337-fa70e4b1662d"·name="aeabd9fe-e433-483f-8a01-706abe00cdf5"·type="radio"> | |
906 | </input><label·class="tabbed-label"·for="c61b832b-be1b-44a3-8337-fa70e4b1662d"> | 905 | <input·id="5d547aa1-2d9c-4c7c-8ac1-6d47e38d52f9"·name="fcd5b620-80af-4bb8-b796-ba0bfc413094"·type="radio"> |
| 906 | </input><label·class="tabbed-label"·for="5d547aa1-2d9c-4c7c-8ac1-6d47e38d52f9"> |
907 | java</label><div·class="tabbed-content·docutils"> | 907 | java</label><div·class="tabbed-content·docutils"> |
908 | <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> | 908 | <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 | <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> | 909 | <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="p">}</span> | 910 | <span·class="w">····</span><span·class="p">}</span> |
911 | <span·class="p">}</span> | 911 | <span·class="p">}</span> |
912 | </pre></div> | 912 | </pre></div> |
913 | </div> | 913 | </div> |
914 | </div> | 914 | </div> |
915 | <input·id="38f0a915-18a7-4eac-858b-55f4885bc79c"·name="aeabd9fe-e433-483f-8a01-706abe00cdf5"·type="radio"> | |
916 | </input><label·class="tabbed-label"·for="38f0a915-18a7-4eac-858b-55f4885bc79c"> | 915 | <input·id="0f2bacdb-7c69-4df1-a1fd-d0cbd9ff29a7"·name="fcd5b620-80af-4bb8-b796-ba0bfc413094"·type="radio"> |
| 916 | </input><label·class="tabbed-label"·for="0f2bacdb-7c69-4df1-a1fd-d0cbd9ff29a7"> |
917 | julia</label><div·class="tabbed-content·docutils"> | 917 | julia</label><div·class="tabbed-content·docutils"> |
918 | <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> | 918 | <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 | <span·class="k">end</span> | 919 | <span·class="k">end</span> |
920 | </pre></div> | 920 | </pre></div> |
921 | </div> | 921 | </div> |
922 | </div> | 922 | </div> |
923 | <input·id="b4690197-b696-423c-b1ff-e19f1a5b3c6a"·name="aeabd9fe-e433-483f-8a01-706abe00cdf5"·type="radio"> | |
924 | </input><label·class="tabbed-label"·for="b4690197-b696-423c-b1ff-e19f1a5b3c6a"> | 923 | <input·id="f858c0e1-ad90-464e-a500-a653fdb00614"·name="fcd5b620-80af-4bb8-b796-ba0bfc413094"·type="radio"> |
| 924 | </input><label·class="tabbed-label"·for="f858c0e1-ad90-464e-a500-a653fdb00614"> |
925 | fortran</label><div·class="tabbed-content·docutils"> | 925 | fortran</label><div·class="tabbed-content·docutils"> |
926 | <div·class="highlight-fortran·notranslate"><div·class="highlight"><pre><span></span><span·class="k">PROGRAM·</span><span·class="n">main</span> | 926 | <div·class="highlight-fortran·notranslate"><div·class="highlight"><pre><span></span><span·class="k">PROGRAM·</span><span·class="n">main</span> |
927 | <span·class="k">END·PROGRAM·</span><span·class="n">main</span> | 927 | <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.
|