View source for Template:CampaignFrame

<includeonly>
<div class="vh-campaign-frame">

  <!-- Header -->
  <div class="vh-cf-header">
    <h1 class="vh-cf-title">{{{title|Campaign Title}}}</h1>
    <div class="vh-cf-subtitle">{{{subtitle|}}}</div>
    <!-- Optional summary / hook line -->
    {{#if: {{{hook|}}} |
    <div class="vh-cf-hook">{{{hook}}}</div>
    }}

    <div class="vh-cf-meta"><p>By: {{{author|Joe McMahoon}}}<br/>System: {{{system|System: Daggerheart}}}<br/>Complexity: {{{complexity|⏺}}}/div>
  </div>

  <!-- Two column body -->
  <div class="vh-cf-body">

    <!-- Left column -->
    <div class="vh-cf-col vh-cf-col-left">{{#if: {{{pitch|}}} |
      <h2>The Pitch</h2>
      <div class="vh-cf-text vh-cf-dropcap">{{pitch}}}
      </div>
      }}
    </div> <!-- end left column -->
    <!-- Right column -->
    <div class="vh-cf-col vh-cf-col-right">

      {{#if: {{{toneandfeel|}}} |
      <div class="vh-cf-callout">
        <div class="vh-cf-callout-title">Tone & Feel</div>
        {{{toneandfeel}}}
      </div>
      }}

      {{#if: {{{themes|}}} |
      <div class="vh-cf-callout-title">Themes</div>
      <div class="vh-cf-text">
        {{{themes}}}
      </div>
      }}

      {{#if: {{{touchstones|}}} |
      <div class="vh-cf-callout-title">Touchstones</div>
      <div class="vh-cf-text">
        {{{touchstones}}}
      </div>
      }}

    </div> <!-- end right column -->

  <div class="">
    {{#if: {{{overview|}}} |
      <h2>Overview</h2>
      <div class="vh-cf-text vh-cf-italics">If your group decides to play this campaign, give your players the following information before character creation.</div>
      <div class="vh-cf-text vh-cf-dropcap">
        {{{overview}}}
      </div>
    }}
  </div>
  <!-- Two column body -->
  <div class="vh-cf-body">
    <!-- Left column -->
    <div class="vh-cf-col vh-cf-col-left">
      {{#if: {{{classes|}}} |
      <h2>Communities</h2>
      <div class="vh-cf-text vh-cf-dropcap">
        {{{communities}}}
      </div>
      }}
    </div> <!-- end left column -->
    <!-- Right column -->
    <div class="vh-cf-col vh-cf-col-right">

      {{#if: {{{player_principles|}}} |
      <div class="vh-cf-callout">
        <h2>Ancestries</h2>
        {{{ancestries}}}
      </div>
      }}

      {{#if: {{{gm_principles|}}} |
      <div class="vh-cf-callout">
        <div class="vh-cf-callout-title">GM Principles</div>
        {{{gm_principles}}}
      </div>
      }}
    </div> <!-- end right column -->
  <!-- Two column body -->
  <div class="vh-cf-body">
    <!-- Left column -->
    <div class="vh-cf-col vh-cf-col-left">
      {{#if: {{{classes|}}} |
      <h2>Classes</h2>
      <div class="vh-cf-text vh-cf-dropcap">
        {{{classes}}}
      </div>
      }}
    </div> <!-- end left column -->
    <!-- Right column -->
    <div class="vh-cf-col vh-cf-col-right">

      {{#if: {{{player_principles|}}} |
      <div class="vh-cf-callout">
        <div class="vh-cf-callout-title">Player Principles</div>
        {{{player_principles}}}
      </div>
      }}

      {{#if: {{{gm_principles|}}} |
      <div class="vh-cf-callout">
        <div class="vh-cf-callout-title">GM Principles</div>
        {{{gm_principles}}}
      </div>
      }}
    </div> <!-- end right column -->

  <!-- Two column body -->
  <div class="vh-cf-body">
    <!-- Left column -->
    <div class="vh-cf-col vh-cf-col-left">
      {{#if: {{{distinctions|}}} |
      <h2>Distinctions</h2>
      <div class="vh-cf-text vh-cf-dropcap">
        {{{distinctions}}}
      </div>
      }}
    </div> <!-- end left column -->
    <!-- Right column -->
    <div class="vh-cf-col vh-cf-col-right">

      {{#if: {{{inciting_incident|}}} |
      <div class="vh-cf-callout">
        <div class="vh-cf-callout-title">The Inciting Incident</div>
        {{{inciting_incident}}}
      </div>
      }}

      {{#if: {{{session_zero_qs|}}} |
      <div class="vh-cf-callout">
        <div class="vh-cf-callout-title">Session Zero Questions/div>
        {{{session_zero_qs}}}
      </div>
      }}
    </div> <!-- end right column -->
  </div> <!-- end body -->
</div> <!-- end frame wrapper -->
</includeonly>
<noinclude>
Documentation for using {{tl|CampaignFrame}}.
</noinclude>