Merge branch 'master' into master

_includes/footer.html

@@ -2,13 +2,14 @@
   <div class="wrapper">
 
     <nav class="footer-nav">
-      <a href="/demo" class="footer-link">Demo</a> &bull;
+      <a href="/blog/2016/06/why-hospitalrun" class="footer-link">Why HospitalRun</a>&bull;
       <a href="https://github.com/hospitalrun" class="footer-link">Source</a> &bull;
       <a href="/events" class="footer-link" target="_blank">Hack Events</a> &bull;
       <a href="/blog" class="footer-link">Blog</a> &bull;
       <a href="/contribute" class="footer-link">Contribute</a> &bull;
       <a href="/blog/2016/06/why-hospitalrun" class="footer-link">Why HospitalRun?</a>&bull;
       <a href="/partners" class="footer-link">Our Partners</a>
+      <a href="/tryit" class="footer-link">Try it</a>
     </nav>
   </div>
 </footer>

_includes/home/hero.html

@@ -4,7 +4,7 @@
     <h1 class="hero-heading">Open source software for<br> developing world hospitals.</h1>
 
     <div class="cta-row">
-      <a href="/demo" class="cta primary">View demo</a>
+      <a href="/tryit" class="cta primary">Try HospitalRun</a>
       <a href="https://github.com/HospitalRun/hospitalrun-frontend" class="cta secondary">View source on GitHub</a>
     </div>
 

_includes/nav-links.html

@@ -1,7 +1,8 @@
-<a href="/demo" class="nav-link">Demo</a>
+<a href="/blog/2016/06/why-hospitalrun" class="nav-link">Why HospitalRun</a>
 <a href="https://github.com/hospitalrun" class="nav-link">Source</a>
 <a href="/events" class="nav-link">Hack Events</a>
 <a href="/blog" class="nav-link">Blog</a>
 <a href="/contribute" class="nav-link">Contribute</a>
 <a href="/blog/2016/06/why-hospitalrun" class="nav-link">Why HospitalRun?</a>
 <a href="/partners" class="nav-link">Our Partners</a>
+<a href="/tryit" class="nav-link cta">Try it</a>

_layouts/default.html

@@ -15,5 +15,14 @@
 
     {% include footer.html %}
 
+    <script>
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+      ga('create', 'UA-98265531-1', 'auto');
+      ga('send', 'pageview');
+    </script>
     </body>
 </html>

_sass/_tryit.scss

@@ -0,0 +1,64 @@
+// Try It styles
+// ---------------------------------------/
+
+.tryit-hero {
+  text-align: center;
+
+  .hero-heading {
+    margin-top: 0.67em;
+    line-height: 2.5rem;
+  }
+
+  p {
+    font-size: 1.25rem;
+  }
+}
+
+.tryit-content {
+  padding: 20px 0 30px;
+
+  .feature-heading {
+    font-size: 1.625rem;
+    color: $green;
+    margin: 0 0 25px;
+  }
+
+  .columns {
+    text-align: center;
+
+    .cta {
+      margin: 10px auto;
+    }
+
+    h3 {
+      line-height: 1rem;
+      font-size: 1.25rem;
+      margin-bottom: 0px;
+    }
+
+    p {
+      margin: .5rem .5rem 2rem .5rem;
+    }
+
+    .screenshot-img {
+      width: auto;
+      height: 135px;
+      border-radius: 3px;
+    }
+  }
+}
+
+.columns {
+  @include clearfix();
+}
+
+.col-4 {
+  margin: 0 0 60px;
+  padding: 0 40px;
+
+  @include media_min($bp_mobile) {
+    float: left;
+    width: percentage(4 / 12);
+    margin: 0;
+  }
+}

css/main.scss

@@ -13,6 +13,7 @@
 // Layouts
 @import "home";
 @import "event";
+@import "tryit";
 
 // Blog
 @import "blog";

demo/index.md

@@ -1,55 +1,59 @@
 ---
-title: Accessing the HospitalRun demo site
-layout: demo
+title: Accessing the HospitalRun Demo Site
+layout: default
 ---
 
-# Accessing the HospitalRun demo site
+<div class="tryit-hero">
+  <h1 class="hero-heading">Accessing the HospitalRun Demo Site</h1>
+  <p>Go to <a href="https://beta.hospitalrun.io" target="_blank">https://beta.hospitalrun.io</a> and use any of the following credentials.</p>
+</div>
 
-## Visit: [beta.hospitalrun.io](https://beta.hospitalrun.io/){:target="_blank"}
+<div class="tryit-content">
+  <div class="columns">
+    <div class="col-4">
+      <h2 class="feature-heading">Clinical</h2>
 
-## Account info
-Use any of the following login credentials to demo the software as a user with these permissions.
+      <h3>Doctor</h3>
+      <p>[email protected]<br/>PW: HRt3st12</p>
 
-### Hospital Admin role
-**id:** [email protected]
-**pw:** HRt3st12
+      <h3>Nurse</h3>
+      <p>[email protected]<br/>PW: HRt3st12</p>
 
-### Business Office role
-**id:** [email protected]
-**pw:** HRt3st12
+      <h3>Nurse Manager</h3>
+      <p>[email protected]<br/>PW: HRt3st12</p>
 
-### Doctor role
-**id:** [email protected]
-**pw:** HRt3st12
+      <h3>Social Worker</h3>
+      <p>[email protected]<br/>PW: HRt3st12</p>
 
-### Imaging Technician role
-**id:** [email protected]
-**pw:** HRt3st12
+    </div>
 
-### Inventory Manager role
-**id:** [email protected]
-**pw:** HRt3st12
+    <div class="col-4">
+      <h2 class="feature-heading">Administrative</h2>
 
-### Lab Technician role
-**id:** [email protected]
-**pw:** HRt3st12
+      <h3>Hospital Administrator</h3>
+      <p>[email protected]<br/>PW: HRt3st12</p>
 
-### Nurse Manager role
-**id:** [email protected]
-**pw:** HRt3st12
+      <h3>Business Office</h3>
+      <p>[email protected]<br/>PW: HRt3st12</p>
 
-### Nurse role
-**id:** [email protected]
-**pw:** HRt3st12
+      <h3>Inventory Manager</h3>
+      <p>[email protected]<br/>PW: HRt3st12</p>
 
-### Patient Administrator role
-**id:** [email protected]
-**pw:** HRt3st12
+      <h3>Patient Administrator</h3>
+      <p>[email protected]<br/>PW: HRt3st12</p>
+    </div>
 
-### Pharmacist role
-**id:** [email protected]
-**pw:** HRt3st12
+    <div class="col-4">
+      <h2 class="feature-heading">Support</h2>
 
-### Social Worker role
-**id:** [email protected]
-**pw:** HRt3st12
+      <h3>Imaging Technician</h3>
+      <p>[email protected]<br/>PW: HRt3st12</p>
+
+      <h3>Lab Technician</h3>
+      <p>[email protected]<br/>PW: HRt3st12</p>
+
+      <h3>Pharmacist</h3>
+      <p>[email protected]<br/>PW: HRt3st12</p>
+    </div>
+  </div>
+</div>

tryit/index.md

@@ -0,0 +1,44 @@
+---
+title: Try HospitalRun
+layout: default
+---
+
+<div class="tryit-hero">
+  <h1 class="hero-heading">Great Options to Try HospitalRun</h1>
+  <p>Looking to use HospitalRun to support your clinic or hospital? Here are three ways to start.</p>
+</div>
+
+<div class="tryit-content">
+  <div class="columns">
+    <div class="col-4">
+      <h2 class="feature-heading">Download It</h2>
+      <div class="screenshot">
+        <img src="/img/screenshot-mock-sm.jpg" alt="HospitalRun user interface screenshot" class="screenshot-img" width="240" border="0">
+      </div>
+      <p>Start using HospitalRun on your desktop. Later, <em>graduate</em> to a server implementation.</p>
+      <a href="https://releases.hospitalrun.io/updates/macos/HospitalRun.dmg" class="cta secondary">Mac</a>
+      <p>Want a Windows install? <br/>Contribute <a href="https://github.com/HospitalRun/hospitalrun-frontend/issues/1074" target="_blank">here</a> or <a href="https://github.com/HospitalRun/hospitalrun-frontend/issues/1075" target="_blank">here</a>.</p>
+      <!--<a href="https://releases.hospitalrun.io/updates/win32/HospitalRun.exe" class="cta secondary">Windows</a>-->
+    </div>
+
+    <div class="col-4">
+      <h2 class="feature-heading">Install It</h2>
+      <div class="screenshot">
+        <img src="/img/HospitalRun_deployment.jpeg" alt="HospitalRun Deployment Guide" class="screenshot-img" width="240" border="0">
+      </div>
+      <p>Follow the <a href="https://github.com/HospitalRun/hospitalrun-server/blob/master/DEPLOYMENT_GUIDE.md" target="_blank">installation instructions</a> to deploy HospitalRun to a private server or cloud service.</p>
+      <a href="https://github.com/HospitalRun/hospitalrun-server/blob/master/DEPLOYMENT_GUIDE.md" class="cta secondary" target="_blank">Install Instructions</a>
+      <p>Help <a href="https://github.com/HospitalRun/hospitalrun-server" target="_blank">improve and enhance</a> the deployment process.</p>
+    </div>
+
+    <div class="col-4">
+      <h2 class="feature-heading">Demo It</h2>
+      <div class="screenshot">
+        <img src="/img/screenshot-mock-sm.jpg" alt="HospitalRun user interface screenshot" class="screenshot-img" width="240" border="0">
+      </div>
+      <p>The <a href="/demo">demo site</a> is another great way to review what's available in HospitalRun.</p>
+      <a href="/demo" class="cta secondary">Go to the Demo</a>
+      <p>Join our <a href="https://hospitalrun-slackin.herokuapp.com" target="_blank">Slack</a> and help improve the #demo experience.</p>
+    </div>
+  </div>
+</div>