<noinclude>
This template provides an HTML dropdown navigation widget and feed/output blocks
for the Limerence Research Programme, with optional Thunderbird RSS/XML URLs and
CSS theme classes.
Usage:
{{LimerenceNav
 | theme = limerence-dark
 | rss_overview = https://example.org/feeds/overview.xml
 | rss_outline  = https://example.org/feeds/researchoutline.xml
 | rss_framework = https://example.org/feeds/framework.xml
 | rss_social   = https://example.org/feeds/socialmedia.xml
}}
</noinclude><includeonly>

<div class="limerence-nav-container {{#if:{{{theme|}}}|{{{theme}}}|limerence-default}}">

  <!-- Dropdown navigation for core documents -->
  <div class="limerence-nav-widget">
    <label for="limerence-nav-select" class="limerence-nav-label">
      Limerence Research Programme – Navigation
    </label>
    <select id="limerence-nav-select" class="limerence-nav-select"
            onchange="if(this.value){window.location.href=this.value;}">
      <option value="" selected="selected">Select a document…</option>
      <option value="/index.html">1. Overview (index.html)</option>
      <option value="/researchproposal.html">2. Research Outline (researchproposal.html)</option>
      <option value="/theoretical-framework-overview.html">3. Theoretical Framework (theoretical-framework-overview.html)</option>
      <option value="/social-media-evolution-and-limerence.html">4. Social Media Evolution (social-media-evolution-and-limerence.html)</option>
    </select>
  </div>

  <!-- Output feeds / Thunderbird RSS blocks -->
  <div class="limerence-feeds">

    <div class="limerence-feed-block limerence-feed-overview">
      <h3>Overview feed</h3>
      <p>
        A multidisciplinary introduction to limerence, covering anticipation,
        desire, identity, digital culture, and narrative meaning.[page:1]
      </p>
      {{#if:{{{rss_overview|}}}|
      <p>
        RSS/XML (Thunderbird): <code>{{{rss_overview}}}</code>
      </p>
      }}
    </div>

    <div class="limerence-feed-block limerence-feed-outline">
      <h3>Research Outline feed</h3>
      <p>
        Structured outline of psychological, cultural, and digital dimensions,
        including attachment theory, projection, neuropsychology, and recovery.[page:1]
      </p>
      {{#if:{{{rss_outline|}}}|
      <p>
        RSS/XML (Thunderbird): <code>{{{rss_outline}}}</code>
      </p>
      }}
    </div>

    <div class="limerence-feed-block limerence-feed-framework">
      <h3>Theoretical Framework feed</h3>
      <p>
        Conceptual architecture integrating psychology, neuroscience, sociology,
        media studies, narrative theory, and cultural analysis.[page:1]
      </p>
      {{#if:{{{rss_framework|}}}|
      <p>
        RSS/XML (Thunderbird): <code>{{{rss_framework}}}</code>
      </p>
      }}
    </div>

    <div class="limerence-feed-block limerence-feed-social">
      <h3>Social Media Evolution feed</h3>
      <p>
        Analysis of past, present, and emerging social media environments and
        their influence on limerence across different time scales.[page:1]
      </p>
      {{#if:{{{rss_social|}}}|
      <p>
        RSS/XML (Thunderbird): <code>{{{rss_social}}}</code>
      </p>
      }}
    </div>

  </div>

</div>

<style>
/* Base container and theme hook */
.limerence-nav-container {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #ccc;
}

/* Example dynamic theme classes */
.limerence-default {
  background: #fafafa;
  color: #111;
}

.limerence-dark {
  background: #111;
  color: #f5f5f5;
}

.limerence-nav-widget {
  margin-bottom: 1em;
}

.limerence-nav-label {
  font-weight: 600;
  margin-right: 0.5em;
}

.limerence-nav-select {
  padding: 0.25em 0.5em;
}

/* Feed blocks */
.limerence-feeds {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}

.limerence-feed-block {
  flex: 1 1 220px;
  border: 1px solid #ddd;
  padding: 0.75em;
  border-radius: 4px;
}

.limerence-feed-block h3 {
  margin-top: 0;
  font-size: 1.05em;
}

/* Theme-specific overrides can be extended in site CSS */
.limerence-dark .limerence-feed-block {
  border-color: #444;
}
</style>

</includeonly>