I have created a split screen template which I want to use accross various pages. I want the content to be different on both sides in all of these templates. How do I pass in different content to each side of these template parts? Or is there another way?
I was considering adding the split screen for each page, but that isn't very DRY. My split screen template HTML is below:
<section id="content">
<section class="left-split">
<div class="left-split-content">
// left side content here
</div><!-- left split content -->
</section><!-- left split -->
<section class="right-split" data-spy="scroll" data-target="#myScrollspy" data-offset="70">
<div class="right-split-content clearfix">
// right side content here
</div><!-- content -->
</section><!-- right split content -->
</section><!-- content -->