<commit_before>##### Tutorial Week 7 - Building Tabbed Panels (might have to break this up in to two posts)

outline:
- mf'g HTML
  - `<nav>` with `<a>`'s
  - `<section>`'s with panel content
  - classes, id's, etc
- sass/css
  - tabs (`<nav>`)
    - layout
      - columns?
      - left aligned or right aligned?
    - borders
      - active vs inactive styles
      - margins/padding
    -general styling
      - `<a>` styles
      - hover states
      - colors, etc
      - active vs inactive sytles
  - panels ('<section>`'s)
    - showing active panels and hiding inactive ones
    - general styling
- js/jQuery to make it work
   - event listener on the `<a>`'s
   - adding/removing appropriate classes to the appropriate elements
   - triggering a 'click' on the element you want to show by default

<commit_msg>Update tutorial-week-7.md<commit_after>##### Tutorial Week 7 - Building Tabbed Panels (might have to break this up in to two posts)

outline:
- HTML
  - `<nav>` with `<a>`'s
  - `<section>`'s with panel content
  - classes, id's, etc
- sass/css
  - tabs (`<nav>`)
    - layout
      - columns?
      - left aligned or right aligned?
    - borders
      - active vs inactive styles
      - margins/padding
    -general styling
      - `<a>` styles
      - hover states
      - colors, etc
      - active vs inactive sytles
  - panels (`<section>`'s)
    - showing active panels and hiding inactive ones
    - general styling
- js/jQuery to make it work
   - event listener on the `<a>`'s
   - adding/removing appropriate classes to the appropriate elements
   - triggering a 'click' on the element you want to show by default


{'fraction_non_alphanumeric': 0.10455927051671733, 'fraction_numerical': 0.00182370820668693, 'mean_word_length': 2.4008264462809916, 'pattern_counts': {'":': 0, '<': 17, '<?xml version=': 0, '>': 17, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, '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': '6581408', 'n_tokens_mistral': 525, 'n_tokens_neox': 484, 'n_words': 196}