medium articles list on home page

config.yaml

@@ -45,7 +45,7 @@ params:
     # Hero subtitle (optional)
     subtitle: Connect people and software together in a way that makes sense to everyone.
     # Button text
-    buttontext: Free Trial!
+    buttontext: Try it now!
     # Where the main hero button links to
     buttonlink: "/posts/articles/get_started/"
     # Hero image (from static/get_started/___)
@@ -138,7 +138,7 @@ params:
     buttonLink: "/pages/features/"
   section4:
     title: Join the Innovators
-    subtitle: We are just getting started.  Join these innovators and help us continue to refine and improve this important open source project.
+    subtitle: Join these innovators and help us continue to refine and improve this important open source project.
     clients:
     - name: Jarrad Hope
       quote: I’m proud of our investment in SpiffWorkflow. It’s in line with our mission and core principles of purposeful technology, public good, and openness. I am excited about the future and looking forward to working with you.
@@ -148,7 +148,12 @@ params:
       quote: You guys are rock stars. I really appreciate your passion and your expertise on this project. I’m very excited too about what we can do with it in the future.
       job: VP - IT - UVA
       img: ron
+    - name: Demetrick Ferguson
+      quote: Organizations large and small need SpiffWorkflow! SpiffWorkflow makes it possible to execute adaptable business processes that more than one person, more than one department, can understand.
+      job: Portfolio Performance and Governance - Status
+      img: demetrick
   section5: true
+  section6: true
   footer:
     # Logo (from /get_started/logos/___)
     logo: spiffworkflow_white.svg

layouts/partials/calendly.html

@@ -3,7 +3,7 @@
 <script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
 <a class="navbar-item" href="" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/dan-sartography/60min'});return false;">
   <span class="button signup-button rounded secondary-btn raised">
-    Request a Demo
+    Schedule Demo
   </span>
 </a>
 <!-- Calendly link widget end -->

layouts/partials/contact_form.html

@@ -3,6 +3,6 @@
     hbspt.forms.create({
         region: "na1",
         portalId: "42562038",
-        formId: "1c67d053-d29d-4ea7-a426-de96c5ed0d42"
+        formId: "2f6bed8b-3c81-4ea9-a475-91e8e0a69c1d"
     });
 </script>

layouts/partials/newsletter_form.html

@@ -0,0 +1,8 @@
+<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
+<script>
+    hbspt.forms.create({
+        region: "na1",
+        portalId: "42562038",
+        formId: "1c67d053-d29d-4ea7-a426-de96c5ed0d42"
+    });
+</script>

layouts/partials/section5.html

@@ -1,8 +1,8 @@
 <section class="section section-light-grey is-medium" id="section5">
   <div class="container">
     <div class="title-wrapper has-text-centered">
-      <h2 class="title is-2 is-spaced">Newsletter</h2>
+      <h2 class="title is-2 is-spaced">Contact Us</h2>
-      <h3 class="subtitle is-5 is-muted">Get regular updates on our progress!</h3>
+      <h3 class="subtitle is-5 is-muted">Complete the form below, and we will get in contact with you shortly!</h3>
       <div class="divider is-centered"></div>
     </div>
     {{ partial "contact_form.html" . }}

layouts/partials/section6.html

@@ -0,0 +1,38 @@
+<section class="section section-light-grey is-medium" id="section6">
+  <div class="container">
+    <div class="title-wrapper has-text-centered">
+      <h2 class="title is-2 is-spaced">Learn More</h2>
+      <h3 class="subtitle is-5 is-muted">Check out these articles on Medium ...</h3>
+      <div class="divider is-centered"></div>
+    </div>
+    <br/>
+    <div class="articles">
+    {{ with resources.GetRemote "https://medium.com/feed/@danfunk" | transform.Unmarshal }}
+    {{ range .channel.item }}
+
+    {{ $link := .link | plainify | htmlUnescape }}
+    {{ $content := .encoded }}
+    {{ $figure := findRESubmatch `<figure>\s?<img alt="[^"]*" src="([^"]*)"` $content 1 }}
+    {{ $slice := slice 0 1 }}
+    {{ $image := index $figure $slice }}
+      <div class="feature-card tile-secondary is-bordered has-text-centered revealOnScroll delay-1 animated fadeInLeft" data-animation="fadeInLeft">
+        <div class="card-title">
+          <h4>{{ .title | plainify | htmlUnescape }}</h4>
+          <p>{{ .pubDate }}</p>
+        </div>
+        <div class="card-icon">
+          <img src="{{$image}}">
+        </div>
+        <div class="card-text">
+          <p>{{ $content | plainify | htmlUnescape | truncate 50}}</p>
+        </div>
+        <div class="card-action">
+          <a href="{{$link}}" class="button btn-align-md accent-btn raised">Read More</a>
+        </div>
+      </div>
+    {{ end }}
+    {{ end }}
+    </div>
+  </div>
+</section>
+<script src="https://www.twilik.com/assets/retainable/rss-embed/retainable-rss-embed.js"></script>

static/css/custom.css

@@ -111,3 +111,25 @@ div.admonition p.admonition-title {
 div.admonition p.last {
     margin-bottom: 0;
 }
+
+div.articles {
+    display:flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-content: flex-start;
+    align-items: stretch;
+}
+
+div.articles div.feature-card {
+    margin-bottom: 25px;
+    height: 380px;
+    width: 360px;
+}
+
+div.articles .feature-card .card-action {
+    margin-top: 10px;
+    position: absolute;
+    bottom: 10px;
+    right: 10px;
+}

themes/fresh/layouts/index.html

@@ -23,6 +23,11 @@
     {{ partial "section5.html" . }}
     {{ end }}
 
+    {{ if .Site.Params.section6 }}
+    {{ partial "section6.html" . }}
+    {{ end }}
+
+
     {{ if .Site.Params.footer }}
     {{ partial "footer.html" . }}
     {{ end }}