docs(playground): add version information in playground
Co-authored-by: Will Lillis <will.lillis24@gmail.com>
This commit is contained in:
parent
40a8678989
commit
907c7bc80b
4 changed files with 102 additions and 41 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue