From d7135a1b8867b524b95ddaa4b8e919d621a0df27 Mon Sep 17 00:00:00 2001
From: George Cushen <gcushen@users.noreply.github.com>
Date: Thu, 14 Feb 2019 02:13:09 +0000
Subject: [PATCH] feat(widget): hero: multiple paragraphs, extra cta, note, &
 image

- Support multiple paragraphs
- Icon support for `[cta]` call-to-action button
- Add optional alternative call-to-action link `[cta_alt]`
- Add optional note underneath cta button
- Add optional image
- Refresh the demo's instance of the Hero widget

Close #935
---
 exampleSite/content/home/hero.md         |  42 ++++++++------
 exampleSite/static/img/hero-academic.png | Bin 0 -> 7012 bytes
 layouts/partials/css/academic.css        |  46 +++++++++++++--
 layouts/partials/widgets/hero.html       |  68 +++++++++++++++++++----
 4 files changed, 124 insertions(+), 32 deletions(-)
 create mode 100644 exampleSite/static/img/hero-academic.png

diff --git a/exampleSite/content/home/hero.md b/exampleSite/content/home/hero.md
index a12c8249..93fabc36 100644
--- a/exampleSite/content/home/hero.md
+++ b/exampleSite/content/home/hero.md
@@ -8,28 +8,36 @@ title = "Academic"
 # Order that this section will appear in.
 weight = 3
 
+# Hero image (optional). Enter filename of an image in the `static/img/` folder.
+hero_media = "hero-academic.png"
+
 # Overlay a color or image (optional).
 #   Deactivate an option by commenting out the line, prefixing it with `#`.
 [header]
-  overlay_color = "#666"  # An HTML color value.
-  overlay_img = "headers/bubbles-wide.jpg"  # Image path relative to your `static/img/` folder.
+  overlay_color = "#4bb4e3"  # An HTML color value.
+  overlay_img = ""  # Image path relative to your `static/img/` folder.
   overlay_filter = 0.5  # Darken the image. Value in range 0-1.
 
-# Call to action button (optional).
-#   Activate the button by specifying a URL and button label below.
-#   Deactivate by commenting out parameters, prefixing lines with `#`.
+# Call to action links (optional).
+#   Display link(s) by specifying a URL and label below. Icon is optional for `[cta]`.
+#   Remove a link/note by deleting a cta/note block.
 [cta]
-  url = "./post/getting-started/"
-  label = '<i class="fas fa-download"></i> Install Now'
+  url = "post/getting-started/"
+  label = "Get Started"
+  icon_pack = "fas"
+  icon = "download"
+  
+[cta_alt]
+  url = "https://sourcethemes.com/academic/"
+  label = "View Documentation"
+
+# Note. An optional note to show underneath the links.
+[cta_note]
+  label = '<a id="academic-release" href="https://sourcethemes.com/academic/updates" data-repo="gcushen/hugo-academic">Latest release <!-- V --></a>'
 +++
 
-The highly flexible website framework for Hugo with an extensible plugin mechanism. Create a beautifully simple site in under 10 minutes :rocket:
-<div style="margin-top: -0.5rem;">
-  <a id="academic-release" href="https://sourcethemes.com/academic/updates" data-repo="gcushen/hugo-academic">
-  Latest release <!-- V -->
-  </a>
-</div>
-<div class="mt-3">
-  <a class="github-button" href="https://github.com/gcushen/hugo-academic" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star this on GitHub">Star</a>
-</div>
-<script async defer src="https://buttons.github.io/buttons.js"></script>
+**The Best Way to Create the Website You Want from Markdown (or RStudio/Jupyter)**
+
+Build **Anything** with Widgets
+
+<span style="text-shadow: none;"><a class="github-button" href="https://github.com/gcushen/hugo-academic" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star this on GitHub">Star</a><script async defer src="https://buttons.github.io/buttons.js"></script></span>
diff --git a/exampleSite/static/img/hero-academic.png b/exampleSite/static/img/hero-academic.png
new file mode 100644
index 0000000000000000000000000000000000000000..89afaff34b37936339feef97c417281e21b47046
GIT binary patch
literal 7012
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
CyOaF@

literal 0
HcmV?d00001

diff --git a/layouts/partials/css/academic.css b/layouts/partials/css/academic.css
index aa844e6f..ecb32101 100644
--- a/layouts/partials/css/academic.css
+++ b/layouts/partials/css/academic.css
@@ -559,24 +559,60 @@ a[data-fancybox] img {
 
 .hero-overlay .hero-title,
 .hero-overlay .hero-lead,
-.hero-overlay .btn {
+.hero-overlay .hero-cta-alt,
+.hero-overlay .hero-note {
   color: #fff;
-  text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
+  /*text-shadow: 1px 1px 4px rgba(0,0,0,0.5);*/ /* Uncomment to standout on complicated backgrounds. */
 }
 
-.hero-overlay a {
+.hero-overlay a:not(.hero-overlay .btn) {
   color: #fff;
 }
 
 .hero-overlay .hero-lead a {
-  color: #fff;
-  text-decoration-line: underline;
+  text-decoration: underline;
+}
+
+.hero-overlay .cta-btns {
+  margin-bottom: 16px;
+}
+
+.hero-overlay .btn {
+  color: {{ .Get "primary_dark" }};
+  padding: .6em 2.1em;
+}
+
+a.hero-cta-alt {
+  display: inline-block;
+  position: relative;
+  transition-duration: .2s;
+  transition-property: transform;
+  transition-timing-function: ease-out;
+  font-size: 1.1rem;
+}
+
+a.hero-cta-alt:active,
+a.hero-cta-alt:focus,
+a.hero-cta-alt:hover {
+  transform: scale(1.1);
 }
 
 .hero-overlay .btn-lg {
   font-size: 1.1rem;
 }
 
+.hero-overlay .hero-note {
+  font-size: 0.8rem;
+}
+
+.hero-media {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  text-align: center;
+}
+
 /*************************************************
  *  Featurette Widget
  **************************************************/
diff --git a/layouts/partials/widgets/hero.html b/layouts/partials/widgets/hero.html
index f961c4c1..135bfd16 100644
--- a/layouts/partials/widgets/hero.html
+++ b/layouts/partials/widgets/hero.html
@@ -20,19 +20,67 @@ url('{{ $overlay_img }}')
 ;">
 
   <div class="container">
-
-    <h1 class="hero-title" itemprop="headline">
-      {{ with $page.Title }}{{ . | markdownify }}{{ end }}
-    </h1>
-
-    {{ with $page.Content }}
-    <p class="hero-lead">{{ . | markdownify }}</p>
+    {{ if $page.Params.hero_media }}
+    <div class="row">
+      <div class="col-md-6 order-md-1 text-center text-md-left">
     {{ end }}
 
-    {{ if $page.Params.cta.url }}
-    <p><a href="{{ $page.Params.cta.url }}" class="btn btn-outline-light btn-lg">{{ $page.Params.cta.label | safeHTML}}</a></p>
+        <h1 class="hero-title" itemprop="headline">
+          {{ with $page.Title }}{{ . | markdownify }}{{ end }}
+        </h1>
+
+        {{ with $page.Content }}
+        <div class="hero-lead">{{ . }}</div>
+        {{ end }}
+
+        {{/* Call-to-action link */}}
+        {{ if $page.Params.cta.url }}
+          {{ $pack := or $page.Params.cta.icon_pack "fas" }}
+          {{ $pack_prefix := $pack }}
+          {{ if in (slice "fab" "fas" "far" "fal") $pack }}
+            {{ $pack_prefix = "fa" }}
+          {{ end }}
+          {{ $link := $page.Params.cta.url }}
+          {{ $scheme := (urls.Parse $link).Scheme }}
+          {{ $target := "" }}
+          {{ if not $scheme }}
+            {{ $link = $link | relLangURL }}
+          {{ else if in (slice "http" "https") $scheme }}
+            {{ $target = "target=\"_blank\" rel=\"noopener\"" }}
+          {{ end }}
+        <p class="cta-btns">
+          <a href="{{ $link | safeURL }}" {{ $target | safeHTMLAttr }} class="btn btn-light btn-lg">{{ if $page.Params.cta.icon }}<i class="{{ $pack }} {{ $pack_prefix }}-{{ $page.Params.cta.icon }}" aria-hidden="true"></i> {{end}}{{ $page.Params.cta.label | markdownify | emojify | safeHTML }}</a>
+
+          {{/* Alternative Call-to-action link */}}
+          {{ if $page.Params.cta_alt.url }}
+            {{ $link := $page.Params.cta_alt.url }}
+            {{ $scheme := (urls.Parse $link).Scheme }}
+            {{ $target := "" }}
+            {{ if not $scheme }}
+              {{ $link = $link | relLangURL }}
+            {{ else if in (slice "http" "https") $scheme }}
+              {{ $target = "target=\"_blank\" rel=\"noopener\"" }}
+            {{ end }}
+          <a href="{{ $link | safeURL }}" {{ $target | safeHTMLAttr }} class="hero-cta-alt pl-4">{{ $page.Params.cta_alt.label | markdownify | emojify | safeHTML }} <i class="fas fa-angle-right"></i></a>
+          {{ end }}
+        </p>
+        {{ end }}
+
+        {{/* Call-to-action note */}}
+        {{ with $page.Params.cta_note }}
+        <p class="hero-note text-muted mb-0">
+          {{ .label | markdownify | emojify | safeHTML }}
+        </p>
+        {{ end }}
+
+      {{/* Hero image */}}
+      {{ if $page.Params.hero_media }}
+      </div>
+      <div class="col-6 mx-auto col-md-6 order-md-2 hero-media">
+        <img src="{{ printf "img/%s" $page.Params.hero_media | relURL }}" alt="">
+      </div>
+    </div>
     {{ end }}
 
   </div>
-
 </section>