{% extends "base.html" %}
{% set page_title = "Generic Code Library" %}

{% block page_header %}
  <p>Generic Code – Ready-to-Use Utilities</p>
{% endblock %}

{% block content %}
<link rel="stylesheet" href="{{ url_for('pv_css', filename='pv.css') }}">
<!-- <link rel="stylesheet" href="{{ url_for('gencode_css', filename='gencode.css') }}"> -->

<div class="pv-section">

  <!-- ===== Header Layout ===== -->
  <div class="pv-header-grid">
    <div class="pv-header-row pv-header-top">
      <div class="pv-top-left">
        {% include "gencode_local_menu.html" %}
      </div>
      <div class="pv-top-right" 
           style="font-family:'Arial Narrow'; font-weight:500; font-size:48px; color:darkgreen;">
        Generic <span style="color:#0066cc;">Code Library</span>
      </div>
    </div>

    <div class="pv-header-rule"><hr></div>

    <div class="pv-header-row pv-header-bottom">
      <div class="pv-bottom-left"></div>
      <div class="pv-bottom-right"
           style="font-family:'Arial Narrow'; font-weight:500; font-size:42px; color:#0066cc;">
        for <span style="color:#c0392b;">Everyday Python Work</span> 🧰
      </div>
    </div>
  </div>

  <!-- ===== Main Content ===== -->
  <div class="pv-main-content">

    <!-- Left Column -->
    <div class="pv-leftbox">
      <h2>Why Generic Code?</h2>
      <p>
        In daily analysis, we often repeat the same steps — opening files, 
        cleaning data, merging sheets, or writing to Excel. Instead of 
        rewriting that code every time, it helps to keep a personal library 
        of tested snippets that you can trust and reuse.
      </p>

      <p>
        This section is my collection of such <em>ready-to-use</em> scripts 
        and functions — small but powerful blocks that save hours of work.  
        Each one is simple to read, copy, and adapt for any project.
      </p>

      <h2>Simple Building Blocks</h2>
      <p>
        Every piece of code here focuses on <strong>clarity over complexity</strong>.  
        You’ll find clean, commented examples for:
      </p>
      <ul>
        <li>Opening files using easy dialog boxes</li>
        <li>Formatting dates for Excel compatibility</li>
        <li>Reading, merging, and saving datasets safely</li>
        <li>Highlighting differences between files</li>
        <li>Auto-adjusting Excel columns on export</li>
      </ul>
    </div>

    <!-- Right Column -->
    <div class="pv-rightbox">
      <h2>The Purpose of Reusable Code</h2>
      <p>
        Coding efficiency is not about writing long programs — it’s about 
        writing once and reusing often. A small, well-tested utility can 
        quietly handle the boring parts of your workflow while you focus 
        on real analysis.
      </p>

      <p>
        Reusable code also builds <strong>consistency</strong>: every file 
        opened, every date formatted, every dataset merged — all in the same, 
        predictable way. That means fewer surprises and faster results.
      </p>

      <h2>How to Use This Section</h2>
      <p>
        Browse the topics in the left menu. Each page shows the code, 
        an example of its output, and a few practical tips.  
        Copy the snippet, test it, and make it your own.
      </p>

      <p>
        Over time, this section will grow — covering both everyday helpers 
        and advanced utilities that simplify large projects.
      </p>
    </div>
  </div>

  <!-- ===== Bottom Block ===== -->
  <div class="pv-bottombox">
    <h2>Remember:</h2>
    <p>
      Good code is not about complexity — it’s about usefulness.  
      A simple reusable script today becomes a lifesaver tomorrow.
    </p>
  </div>

</div>
{% endblock %}