docs(playground): add version information in playground

Co-authored-by: Will Lillis <will.lillis24@gmail.com>
This commit is contained in:
Amaan Qureshi 2025-09-09 01:41:18 -04:00 committed by Amaan Qureshi
parent 40a8678989
commit 907c7bc80b
4 changed files with 102 additions and 41 deletions

View file

@ -7,47 +7,52 @@
<h2>Code</h2>
<div class="custom-select">
<button id="language-button" class="select-button">
<span class="selected-value">JavaScript</span>
<svg class="arrow" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</button>
<div class="select-dropdown">
<div class="option" data-value="bash">Bash</div>
<div class="option" data-value="c">C</div>
<div class="option" data-value="cpp">C++</div>
<div class="option" data-value="c_sharp">C#</div>
<div class="option" data-value="go">Go</div>
<div class="option" data-value="html">HTML</div>
<div class="option" data-value="java">Java</div>
<div class="option" data-value="javascript">JavaScript</div>
<div class="option" data-value="php">PHP</div>
<div class="option" data-value="python">Python</div>
<div class="option" data-value="ruby">Ruby</div>
<div class="option" data-value="rust">Rust</div>
<div class="option" data-value="toml">TOML</div>
<div class="option" data-value="typescript">TypeScript</div>
<div class="option" data-value="yaml">YAML</div>
<div class="language-container">
<div class="custom-select">
<button id="language-button" class="select-button">
<span class="selected-value">JavaScript</span>
<svg class="arrow" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</button>
<div class="select-dropdown">
<div class="option" data-value="bash">Bash</div>
<div class="option" data-value="c">C</div>
<div class="option" data-value="cpp">C++</div>
<div class="option" data-value="c_sharp">C#</div>
<div class="option" data-value="go">Go</div>
<div class="option" data-value="html">HTML</div>
<div class="option" data-value="java">Java</div>
<div class="option" data-value="javascript">JavaScript</div>
<div class="option" data-value="php">PHP</div>
<div class="option" data-value="python">Python</div>
<div class="option" data-value="ruby">Ruby</div>
<div class="option" data-value="rust">Rust</div>
<div class="option" data-value="toml">TOML</div>
<div class="option" data-value="typescript">TypeScript</div>
<div class="option" data-value="yaml">YAML</div>
</div>
<select id="language-select" style="display: none;">
<option value="bash">Bash</option>
<option value="c">C</option>
<option value="cpp">C++</option>
<option value="c_sharp">C#</option>
<option value="go">Go</option>
<option value="html">HTML</option>
<option value="java">Java</option>
<option value="javascript" selected="selected">JavaScript</option>
<option value="php">PHP</option>
<option value="python">Python</option>
<option value="ruby">Ruby</option>
<option value="rust">Rust</option>
<option value="toml">TOML</option>
<option value="typescript">TypeScript</option>
<option value="yaml">YAML</option>
</select>
</div>
<div id="language-version">
</div>
<select id="language-select" style="display: none;">
<option value="bash">Bash</option>
<option value="c">C</option>
<option value="cpp">C++</option>
<option value="c_sharp">C#</option>
<option value="go">Go</option>
<option value="html">HTML</option>
<option value="java">Java</option>
<option value="javascript" selected="selected">JavaScript</option>
<option value="php">PHP</option>
<option value="python">Python</option>
<option value="ruby">Ruby</option>
<option value="rust">Rust</option>
<option value="toml">TOML</option>
<option value="typescript">TypeScript</option>
<option value="yaml">YAML</option>
</select>
</div>
<input id="logging-checkbox" type="checkbox"></input>