<commit_before><template xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml">

  <div class="calculator-container">

    <ui-collapsible title="Info" class="calc-info" style="max-width: 600px;">
      <p>The following calculator helps you works out the component values to design a low-pass, single-stage, passive RC filter. The cut-off frequency, \( f_c \), is given by:</p>

      <p>$$ f_c = \frac{1}{2\pi RC} $$</p>

      <p style="text-align: center;">
        where:<br>
        \( f_c \) = the cutoff frequency of the low-pass RC filter (a.k.a knee frequency, -3dB point)<br>
        \( R \) = resistance of the resistor<br>
        \( C \) = capacitance of the capacitor<br>
      </p>
    </ui-collapsible>

    <div class="diagram-container" style="position: relative; width: 600px; height: 600px;">

      <!-- Background image is centered in diagram container -->
      <img :src="require('./diagram.png')" style="left: 50px; top: 50px; max-width: 500px; height: auto; z-index: 0">

      <!-- ========================================= -->
      <!-- =========== RESISTANCE (i/o) ============ -->
      <!-- ========================================= -->
      <div class="variable-container" style="left: 160px; top: 55px;">
        <calc-value-and-unit :calcVar="calc.getVar('resistance')" width="100"
                             style="left: 90px; top: 0px;"></calc-value-and-unit>
        <input type="radio" value="resistance" v-model="calc.outputVar" style="left: 0px; top: 10px">
      </div>

      <!-- ========================================= -->
      <!-- =========== CAPACITANCE (i/o) =========== -->
      <!-- ========================================= -->
      <div class="variable-container" style="left: 370px; top: 160px;">
        <calc-value-and-unit :calcVar="calc.getVar('capacitance')" width="100"
                             style="left: 0px; top: 40px;"></calc-value-and-unit>
        <input type="radio" value="capacitance" v-model="calc.outputVar" style="left: 50px; top: 0px">
      </div>

      <!-- ========================================= -->
      <!-- === FCUTOFF (cut-off frequency) (i/o) === -->
      <!-- ========================================= -->
      <div class="variable-container" style="left: 150px; top: 340px;">
        <calc-value-and-unit :calcVar="calc.getVar('fcutoff')" width="100"
                             style="left: 90px; top: 0px;"></calc-value-and-unit>
        <input type="radio" value="fcutoff" v-model="calc.outputVar" style="left: 0px; top: 10px">
      </div>
<commit_msg>Got rid of "width" prop errors in the "Low Pass RC" calculator.<commit_after><template xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml">

  <div class="calculator-container">

    <ui-collapsible title="Info" class="calc-info" style="max-width: 600px;">
      <p>The following calculator helps you works out the component values to design a low-pass, single-stage, passive RC filter. The cut-off frequency, \( f_c \), is given by:</p>

      <p>$$ f_c = \frac{1}{2\pi RC} $$</p>

      <p style="text-align: center;">
        where:<br>
        \( f_c \) = the cutoff frequency of the low-pass RC filter (a.k.a knee frequency, -3dB point)<br>
        \( R \) = resistance of the resistor<br>
        \( C \) = capacitance of the capacitor<br>
      </p>
    </ui-collapsible>

    <div class="diagram-container" style="position: relative; width: 600px; height: 600px;">

      <!-- Background image is centered in diagram container -->
      <img :src="require('./diagram.png')" style="left: 50px; top: 50px; max-width: 500px; height: auto; z-index: 0">

      <!-- ========================================= -->
      <!-- =========== RESISTANCE (i/o) ============ -->
      <!-- ========================================= -->
      <div class="variable-container" style="left: 160px; top: 55px;">
        <calc-value-and-unit :calcVar="calc.getVar('resistance')" :width=100
                             style="left: 90px; top: 0px;"></calc-value-and-unit>
        <input type="radio" value="resistance" v-model="calc.outputVar" style="left: 0px; top: 10px">
      </div>

      <!-- ========================================= -->
      <!-- =========== CAPACITANCE (i/o) =========== -->
      <!-- ========================================= -->
      <div class="variable-container" style="left: 370px; top: 160px;">
        <calc-value-and-unit :calcVar="calc.getVar('capacitance')" :width=100
                             style="left: 0px; top: 40px;"></calc-value-and-unit>
        <input type="radio" value="capacitance" v-model="calc.outputVar" style="left: 50px; top: 0px">
      </div>

      <!-- ========================================= -->
      <!-- === FCUTOFF (cut-off frequency) (i/o) === -->
      <!-- ========================================= -->
      <div class="variable-container" style="left: 150px; top: 340px;">
        <calc-value-and-unit :calcVar="calc.getVar('fcutoff')" :width=100
                             style="left: 90px; top: 0px;"></calc-value-and-unit>
        <input type="radio" value="fcutoff" v-model="calc.outputVar" style="left: 0px; top: 10px">
      </div>

{'fraction_non_alphanumeric': 0.285878081406459, 'fraction_numerical': 0.028282056181922414, 'mean_word_length': 2.932381667918858, 'pattern_counts': {'":': 0, '<': 85, '<?xml version=': 0, '>': 85, 'https://': 0, 'lorem ipsum': 0, 'www.': 4, 'xml': 4}, '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': '4154944', 'n_tokens_mistral': 1770, 'n_tokens_neox': 1553, 'n_words': 353}