title: Adding static content "pages" to Knockout single page app
body: <p>I've built a route planning single page app which relies heavily on entering details which get displayed on a Google map. The entire thing was originally written in only Javascript but now has an ASP.NET MVC server side to facillitate saving, logging in, etc. However, I'm struggling with an effective way to show static content like help and terms and conditions. Right now I have all of that content in the main HTML and use model bindings on booleans to show/hide the content in a popup. I feel this has a couple of problems:</p>
  
  <ol>
  <li>SEO - Since all the content is on one page and usually hidden and not specifically accessible it feels like search engines wouldn't be able to find/optimize the content</li>
  <li>Bloated models - The additional booleans feel more "view" than "model" and since each content needs a new property and show logic it doesn't seem DRY.</li>
  </ol>
  
  <p>What are some patterns and frameworks to help mitigate these issues? Any solution that also helps communicate with the server via JSON is preferred.</p>