| | | |
Offset 104, 16 lines modified | Offset 104, 16 lines modified |
104 | <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, | 104 | <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 | and·can·also·be·used·to·make·an·entire·panel·click-able.</p></li> | 105 | and·can·also·be·used·to·make·an·entire·panel·click-able.</p></li> |
106 | <li><p>The·<code·class="docutils·literal·notranslate"><span·class="pre">dropdown</span></code>·directive·creates·toggle-able·content.</p></li> | 106 | <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">tabbed</span></code>·directive·creates·tabbed·content.</p></li> | 107 | <li><p>The·<code·class="docutils·literal·notranslate"><span·class="pre">tabbed</span></code>·directive·creates·tabbed·content.</p></li> |
108 | <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> | 108 | <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 | </ul> | 109 | </ul> |
110 | <div·class="tabbed-set·docutils"> | 110 | <div·class="tabbed-set·docutils"> |
111 | <input·checked="checked"·id="0a642336-9a47-4ad4-b3da-16b6c65b292d"·name="0fadadbc-862d-44e9-8e7b-5d22d6bb7496"·type="radio"> | |
112 | </input><label·class="tabbed-label"·for="0a642336-9a47-4ad4-b3da-16b6c65b292d"> | 111 | <input·checked="checked"·id="e583cfb1-417e-428f-9902-2ba02bd69a77"·name="a0583b6a-9d78-494a-b82c-9a4f0e1effbc"·type="radio"> |
| 112 | </input><label·class="tabbed-label"·for="e583cfb1-417e-428f-9902-2ba02bd69a77"> |
113 | ReStructuredText</label><div·class="tabbed-content·docutils"> | 113 | ReStructuredText</label><div·class="tabbed-content·docutils"> |
114 | <div·class="highlight-rst·notranslate"><div·class="highlight"><pre><span></span><span·class="p">..</span>·<span·class="ow">panels</span><span·class="p">::</span> | 114 | <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 | ····Content·of·the·top-left·panel | 115 | ····Content·of·the·top-left·panel |
| |
116 | ····--- | 116 | ····--- |
| |
Offset 131, 16 lines modified | Offset 131, 16 lines modified |
| |
131 | <span·class="p">····..</span>·<span·class="ow">link-button</span><span·class="p">::</span>·https://example.com | 131 | <span·class="p">····..</span>·<span·class="ow">link-button</span><span·class="p">::</span>·https://example.com |
132 | ········<span·class="nc">:text:</span>·Clickable·Panel | 132 | ········<span·class="nc">:text:</span>·Clickable·Panel |
133 | ········<span·class="nc">:classes:</span>·stretched-link | 133 | ········<span·class="nc">:classes:</span>·stretched-link |
134 | </pre></div> | 134 | </pre></div> |
135 | </div> | 135 | </div> |
136 | </div> | 136 | </div> |
137 | <input·id="e9bab66f-6a6b-42b9-baf4-6321cae23e1f"·name="0fadadbc-862d-44e9-8e7b-5d22d6bb7496"·type="radio"> | |
138 | </input><label·class="tabbed-label"·for="e9bab66f-6a6b-42b9-baf4-6321cae23e1f"> | 137 | <input·id="98e0378a-9192-4ba2-aec6-fddfad971769"·name="a0583b6a-9d78-494a-b82c-9a4f0e1effbc"·type="radio"> |
| 138 | </input><label·class="tabbed-label"·for="98e0378a-9192-4ba2-aec6-fddfad971769"> |
139 | MyST·Markdown</label><div·class="tabbed-content·docutils"> | 139 | MyST·Markdown</label><div·class="tabbed-content·docutils"> |
140 | <div·class="highlight-md·notranslate"><div·class="highlight"><pre><span></span>````{panels} | 140 | <div·class="highlight-md·notranslate"><div·class="highlight"><pre><span></span>````{panels} |
141 | Content·of·the·top-left·panel | 141 | Content·of·the·top-left·panel |
| |
142 | --- | 142 | --- |
| |
143 | Content·of·the·top-right·panel | 143 | Content·of·the·top-right·panel |
Offset 847, 86 lines modified | Offset 847, 86 lines modified |
| |
847 | <span·class="p">····..</span>·<span·class="ow">dropdown</span><span·class="p">::</span>·Nested·Dropdown | 847 | <span·class="p">····..</span>·<span·class="ow">dropdown</span><span·class="p">::</span>·Nested·Dropdown |
| |
848 | ········Some·content | 848 | ········Some·content |
849 | </pre></div> | 849 | </pre></div> |
850 | </div> | 850 | </div> |
851 | <div·class="tabbed-set·docutils"> | 851 | <div·class="tabbed-set·docutils"> |
852 | <input·checked="checked"·id="b1cb2e62-4d74-4544-b5e4-cc0e103f2dfd"·name="3515528f-f143-464b-867a-467e1e2e6dba"·type="radio"> | |
853 | </input><label·class="tabbed-label"·for="b1cb2e62-4d74-4544-b5e4-cc0e103f2dfd"> | 852 | <input·checked="checked"·id="8712b399-5802-4049-a2c8-e71525913ae8"·name="a9422caa-dbe7-4dc3-8b96-5b251f3b0bae"·type="radio"> |
| 853 | </input><label·class="tabbed-label"·for="8712b399-5802-4049-a2c8-e71525913ae8"> |
854 | Tab·1</label><div·class="tabbed-content·docutils"> | 854 | Tab·1</label><div·class="tabbed-content·docutils"> |
855 | <p>Tab·1·content</p> | 855 | <p>Tab·1·content</p> |
856 | </div> | 856 | </div> |
857 | <input·id="ee4d0eeb-0ffe-4ea7-9465-bc570ea98295"·name="3515528f-f143-464b-867a-467e1e2e6dba"·type="radio"> | |
858 | </input><label·class="tabbed-label"·for="ee4d0eeb-0ffe-4ea7-9465-bc570ea98295"> | 857 | <input·id="377414d2-77a5-4ddd-b1c4-835ee810b6ac"·name="a9422caa-dbe7-4dc3-8b96-5b251f3b0bae"·type="radio"> |
| 858 | </input><label·class="tabbed-label"·for="377414d2-77a5-4ddd-b1c4-835ee810b6ac"> |
859 | Tab·2</label><div·class="tabbed-content·pl-1·bg-primary·docutils"> | 859 | Tab·2</label><div·class="tabbed-content·pl-1·bg-primary·docutils"> |
860 | <p>Tab·2·content</p> | 860 | <p>Tab·2·content</p> |
861 | </div> | 861 | </div> |
862 | </div> | 862 | </div> |
863 | <div·class="tabbed-set·docutils"> | 863 | <div·class="tabbed-set·docutils"> |
864 | <input·id="8ac0bd75-3fe5-4c72-89b7-d85a94cf91ba"·name="c1b6d314-0007-40f0-8928-07351fed573a"·type="radio"> | |
865 | </input><label·class="tabbed-label"·for="8ac0bd75-3fe5-4c72-89b7-d85a94cf91ba"> | 864 | <input·id="db233649-be8e-4c91-bd0b-dd940668e7ff"·name="46fbe638-75bf-4864-a226-ac77478e9efc"·type="radio"> |
| 865 | </input><label·class="tabbed-label"·for="db233649-be8e-4c91-bd0b-dd940668e7ff"> |
866 | Tab·3</label><div·class="tabbed-content·docutils"> | 866 | Tab·3</label><div·class="tabbed-content·docutils"> |
867 | <div·class="highlight-python·notranslate"><div·class="highlight"><pre><span></span><span·class="kn">import</span>·<span·class="nn">pip</span> | 867 | <div·class="highlight-python·notranslate"><div·class="highlight"><pre><span></span><span·class="kn">import</span>·<span·class="nn">pip</span> |
868 | </pre></div> | 868 | </pre></div> |
869 | </div> | 869 | </div> |
870 | </div> | 870 | </div> |
871 | <input·checked="checked"·id="bf656566-7cab-4cb0-8930-586dfbefb00a"·name="c1b6d314-0007-40f0-8928-07351fed573a"·type="radio"> | |
872 | </input><label·class="tabbed-label"·for="bf656566-7cab-4cb0-8930-586dfbefb00a"> | 871 | <input·checked="checked"·id="81d443a7-f0c0-417d-bc6c-c6f54eef8b91"·name="46fbe638-75bf-4864-a226-ac77478e9efc"·type="radio"> |
| 872 | </input><label·class="tabbed-label"·for="81d443a7-f0c0-417d-bc6c-c6f54eef8b91"> |
873 | Tab·4</label><div·class="tabbed-content·docutils"> | 873 | Tab·4</label><div·class="tabbed-content·docutils"> |
874 | <details·class="sphinx-bs·dropdown·card·mb-3"> | 874 | <details·class="sphinx-bs·dropdown·card·mb-3"> |
875 | <summary·class="summary-title·card-header"> | 875 | <summary·class="summary-title·card-header"> |
876 | Nested·Dropdown<div·class="summary-down·docutils"> | 876 | Nested·Dropdown<div·class="summary-down·docutils"> |
877 | <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> | 877 | <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 | <div·class="summary-up·docutils"> | 878 | <div·class="summary-up·docutils"> |
879 | <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> | 879 | <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 | </summary><div·class="summary-content·card-body·docutils"> | 880 | </summary><div·class="summary-content·card-body·docutils"> |
881 | <p·class="card-text">Some·content</p> | 881 | <p·class="card-text">Some·content</p> |
882 | </div> | 882 | </div> |
883 | </details></div> | 883 | </details></div> |
884 | </div> | 884 | </div> |
885 | <p>Here’s·an·example·of·showing·an·example·in·multiple·programming·languages:</p> | 885 | <p>Here’s·an·example·of·showing·an·example·in·multiple·programming·languages:</p> |
886 | <div·class="tabbed-set·docutils"> | 886 | <div·class="tabbed-set·docutils"> |
887 | <input·checked="checked"·id="c79db1e4-9177-4c62-b960-1df30e428a81"·name="dfcbf6b6-92e5-450e-a921-dd1ffb4689e3"·type="radio"> | |
888 | </input><label·class="tabbed-label"·for="c79db1e4-9177-4c62-b960-1df30e428a81"> | 887 | <input·checked="checked"·id="7bf2c9f1-fa6c-4f38-a634-d093c4a70949"·name="0a530ad1-ad01-4b46-a5aa-38fb6db177d7"·type="radio"> |
| 888 | </input><label·class="tabbed-label"·for="7bf2c9f1-fa6c-4f38-a634-d093c4a70949"> |
889 | c++</label><div·class="tabbed-content·docutils"> | 889 | c++</label><div·class="tabbed-content·docutils"> |
890 | <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> | 890 | <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 | <span·class="w">··</span><span·class="k">return</span><span·class="w">·</span><span·class="mi">0</span><span·class="p">;</span> | 891 | <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="p">}</span> | 892 | <span·class="p">}</span> |
893 | </pre></div> | 893 | </pre></div> |
894 | </div> | 894 | </div> |
895 | </div> | 895 | </div> |
896 | <input·id="9a466c6e-3304-458f-a6d4-b2f4d9ec6d0a"·name="dfcbf6b6-92e5-450e-a921-dd1ffb4689e3"·type="radio"> | |
897 | </input><label·class="tabbed-label"·for="9a466c6e-3304-458f-a6d4-b2f4d9ec6d0a"> | 896 | <input·id="9f4d526b-bdd2-4835-8f81-af7a5a8d447a"·name="0a530ad1-ad01-4b46-a5aa-38fb6db177d7"·type="radio"> |
| 897 | </input><label·class="tabbed-label"·for="9f4d526b-bdd2-4835-8f81-af7a5a8d447a"> |
898 | python</label><div·class="tabbed-content·docutils"> | 898 | python</label><div·class="tabbed-content·docutils"> |
899 | <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> | 899 | <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 | ····<span·class="k">return</span> | 900 | ····<span·class="k">return</span> |
901 | </pre></div> | 901 | </pre></div> |
902 | </div> | 902 | </div> |
903 | </div> | 903 | </div> |
904 | <input·id="ba7cb44f-c85b-4d72-982b-7de7f7559f3f"·name="dfcbf6b6-92e5-450e-a921-dd1ffb4689e3"·type="radio"> | |
905 | </input><label·class="tabbed-label"·for="ba7cb44f-c85b-4d72-982b-7de7f7559f3f"> | 904 | <input·id="69f13cfb-46d6-4f51-bf68-02da2f188694"·name="0a530ad1-ad01-4b46-a5aa-38fb6db177d7"·type="radio"> |
| 905 | </input><label·class="tabbed-label"·for="69f13cfb-46d6-4f51-bf68-02da2f188694"> |
906 | java</label><div·class="tabbed-content·docutils"> | 906 | java</label><div·class="tabbed-content·docutils"> |
907 | <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> | 907 | <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 | <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> | 908 | <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="p">}</span> | 909 | <span·class="w">····</span><span·class="p">}</span> |
910 | <span·class="p">}</span> | 910 | <span·class="p">}</span> |
911 | </pre></div> | 911 | </pre></div> |
912 | </div> | 912 | </div> |
913 | </div> | 913 | </div> |
914 | <input·id="f8e7c2df-c4c3-48d6-aa84-d16705a8d07a"·name="dfcbf6b6-92e5-450e-a921-dd1ffb4689e3"·type="radio"> | |
915 | </input><label·class="tabbed-label"·for="f8e7c2df-c4c3-48d6-aa84-d16705a8d07a"> | 914 | <input·id="8de3bfc0-da81-4de6-a440-28a2ddbc513b"·name="0a530ad1-ad01-4b46-a5aa-38fb6db177d7"·type="radio"> |
| 915 | </input><label·class="tabbed-label"·for="8de3bfc0-da81-4de6-a440-28a2ddbc513b"> |
916 | julia</label><div·class="tabbed-content·docutils"> | 916 | julia</label><div·class="tabbed-content·docutils"> |
917 | <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> | 917 | <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 | <span·class="k">end</span> | 918 | <span·class="k">end</span> |
919 | </pre></div> | 919 | </pre></div> |
920 | </div> | 920 | </div> |
921 | </div> | 921 | </div> |
922 | <input·id="ed6b1369-756d-489c-b585-ab316281a1b8"·name="dfcbf6b6-92e5-450e-a921-dd1ffb4689e3"·type="radio"> | |
923 | </input><label·class="tabbed-label"·for="ed6b1369-756d-489c-b585-ab316281a1b8"> | 922 | <input·id="cadb8086-735e-47af-b911-ff6f50eabf58"·name="0a530ad1-ad01-4b46-a5aa-38fb6db177d7"·type="radio"> |
| 923 | </input><label·class="tabbed-label"·for="cadb8086-735e-47af-b911-ff6f50eabf58"> |
924 | fortran</label><div·class="tabbed-content·docutils"> | 924 | fortran</label><div·class="tabbed-content·docutils"> |
925 | <div·class="highlight-fortran·notranslate"><div·class="highlight"><pre><span></span><span·class="k">PROGRAM·</span><span·class="n">main</span> | 925 | <div·class="highlight-fortran·notranslate"><div·class="highlight"><pre><span></span><span·class="k">PROGRAM·</span><span·class="n">main</span> |
926 | <span·class="k">END·PROGRAM·</span><span·class="n">main</span> | 926 | <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.
|