<commit_before><title>snuggsi ツ - Options Scanner</title>

<meta charset=UTF-8>
<meta name=viewport content=width=device-width,initial-scale=1>

<link rel=stylesheet href=//www.devpunks.com/typography.css>

<script nomodule    src=//unpkg.com/snuggsi/examples/webcomponents-hi-ce.js></script>
<script nomodule    src=//unpkg.com/snuggsi/snuggsi.js></script>
<script type=module src=//unpkg.com/snuggsi/snuggsi.es></script>

<link rel=icon type=image/png href=../public/favicon-16x16.png sizes=16x16>

<style>
nav {
  display: flex;
  justify-content: space-around;
  background: var(--lightest-color);
}

*[view] {
  height: 100vh;
  color: black;
  flex-flow: column;
  margin: 1em auto;
  background: var(--lightest-color);
}
:matches(:target) { color: purple }

:any(#search, #view) ~ *[view] {
  display: none
}

:any(#search, #view):target ~ *[view] {
  display: flex
}

</style>

<hgroup>
  <h1>snuggsi ツ</h1>
  <h2>Options Scanner</h2>
</hgroup>

<nav>
  <a title=Search href=#search>Search</a>
  <a title=View href=#view>View</a>
</nav>







<a id=search></a>
<option-settings view>

  <p>Screen Options Trade based on several search preferences</p>

  <form action=search>
    <label>IV</label>

    <select>
      <option>Select</option>

      <template name='options'>
        <option value='#'>{option}
      </template>
    </select>


    <footer>
      <button type=reset>Clear</button>
      <button type=submit>Search</button>
    </footer>
  </form>

<script>

Element `option-settings`

(class extends HTMLElement {

  static onsubmit (event) {
    event.preventDefault ()

    console.log ('now you can shit')
  }

  initialize ()
    { this.append ('Setting') }
})

</script>

</option-settings>
















<a id=view></a>
<options-scanner view>

<table>
  <thead>
    <tr>
      <td>Stock</td>
      <td>Stock Price</td>
      <td>Stock Volume</td>
      <td>Short Leg</td>
      <td>Time Value % of Stock</td>
      <td>Implied Volatility</td>
      <td>ROI <em>(If called)</em></td>
    </tr>
  </thead>
</table>

<style>
/* https://jakearchibald.com/2016/link-in-body */
options-scanner table {
  height: 40vh;
  display: block;
  background: red;
}
options-scanner table tr { background: yellow; width: 100vw; display: flex; }
options-scanner table td { background: blue; display: inline-block; flex: 1; outline: 1px solid rgba(255,255,255,0.5); }
</style>


<script>

Element `options-scanner`

(class extends HTMLElement {

  initialize ()
    { this.append ('Hello World') }
})

</script>

</options-scanner>

<script src=../vendor/browser-sync.es></script>
<commit_msg>Remove anchor<commit_after><title>snuggsi ツ - Options Scanner</title>

<meta charset=UTF-8>
<meta name=viewport content=width=device-width,initial-scale=1>

<link rel=stylesheet href=//www.devpunks.com/typography.css>

<script nomodule    src=//unpkg.com/snuggsi/examples/webcomponents-hi-ce.js></script>
<script nomodule    src=//unpkg.com/snuggsi/snuggsi.js></script>
<script type=module src=//unpkg.com/snuggsi/snuggsi.es></script>

<link rel=icon type=image/png href=../public/favicon-16x16.png sizes=16x16>

<style>
nav {
  display: flex;
  justify-content: space-around;
  background: var(--lightest-color);
}

*[view] {
  height: 100vh;
  color: black;
  flex-flow: column;
  margin: 1em auto;
  background: var(--lightest-color);
}
:matches(:target) { color: purple }

:any(#search, #view) ~ *[view] {
  display: none
}

:any(#search, #view):target ~ *[view] {
  display: flex
}

</style>

<hgroup>
  <h1>snuggsi ツ</h1>
  <h2>Options Scanner</h2>
</hgroup>

<nav>
  <a title=Search href=#search>Search</a>
  <a title=View href=#view>View</a>
</nav>







<a id=search></a>
<option-settings view>

  <p>Screen Options Trade based on several search preferences</p>

  <form action=search>
    <label>IV</label>

    <select>
      <option>Select</option>

      <template name='options'>
        <option value='#'>{option}
      </template>
    </select>


    <footer>
      <button type=reset>Clear</button>
      <button type=submit>Search</button>
    </footer>
  </form>

<script>

Element `option-settings`

(class extends HTMLElement {

  static onsubmit (event) {
    event.preventDefault ()

    console.log ('now you can shit')
  }

  initialize ()
    { this.append ('Setting') }
})

</script>

</option-settings>
















<options-scanner view id=search>

<table>
  <thead>
    <tr>
      <td>Stock</td>
      <td>Stock Price</td>
      <td>Stock Volume</td>
      <td>Short Leg</td>
      <td>Time Value % of Stock</td>
      <td>Implied Volatility</td>
      <td>ROI <em>(If called)</em></td>
    </tr>
  </thead>
</table>

<style>
/* https://jakearchibald.com/2016/link-in-body */
options-scanner table {
  height: 40vh;
  display: block;
  background: red;
}
options-scanner table tr { background: yellow; width: 100vw; display: flex; }
options-scanner table td { background: blue; display: inline-block; flex: 1; outline: 1px solid rgba(255,255,255,0.5); }
</style>

<script>

Element `options-scanner`

(class extends HTMLElement {

  initialize ()
    { this.append ('Hello World') }
})

</script>

</options-scanner>

<script src=../vendor/browser-sync.es></script>

{'fraction_non_alphanumeric': 0.17495678893796812, 'fraction_numerical': 0.015363933166890723, 'mean_word_length': 3.432340425531915, 'pattern_counts': {'":': 0, '<': 167, '<?xml version=': 0, '>': 167, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1756797', 'n_tokens_mistral': 2029, 'n_tokens_neox': 1919, 'n_words': 394}