jumbotron.html 4.24 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!-- 
  Copyright (c) 2018 Eclipse Foundation, Inc.

  This program and the accompanying materials are made available under the
  terms of the Eclipse Public License v. 2.0 which is available at
  http://www.eclipse.org/legal/epl-2.0.

  Contributors:
    Christopher Guindon <chris.guindon@eclipse-foundation.org>

  SPDX-License-Identifier: EPL-2.0
-->

{{ if isset .Page.Params "headline" }}
<div class="jumbotron jumbotron-custom featured-jumbotron margin-bottom-0">
  
  <div class="container">
    <div class="jumbotron-custom-content">
      <div class="row">
        <div class="{{- .Params.jumbotron_class | default .Site.Params.jumbotron_class | default "jumbotron-custom-col col-md-14 col-lg-18"}}">
          <h1>{{ .Page.Params.headline | title | safeHTML }}</h1>
           {{ if isset .Page.Params "subtitle" }}
          <h2>{{ .Page.Params.subtitle  | title }}</h2>
          {{end}} 

          {{ if isset .Page.Params "tagline" }}
          <div class="row">
            <div class="{{- .Params.jumbotron_tagline_class | default .Site.Params.jumbotron_tagline_class | default "col-sm-14 col-sm-offset-5 col-md-offset-0"}}">
              <p>{{ .Page.Params.tagline }}</p>
            </div>
          </div>
          {{end}} 

          {{ if isset .Page.Params "links" }}
          {{- with .Params.jumbotron_btn_class | default .Site.Params.jumbotron_btn_class | default "btn btn-primary"}}{{ $.Scratch.Set "jumbotron_btn" . }}{{end}}
          <ul class="list-inline">
            {{range $key,$val := index .Page.Params.links}}
              <li><a class="{{ $.Scratch.Get "jumbotron_btn" }}" href="{{ (index $val 0).href}}">{{ (index $val 1).text}}</a></li>
            {{end}} 
          </ul>
          {{end}} 
          <div class="row jumbotron-custom-social-container">
            <div class="col-xs-12 padding-right-0">
              <ul class="list-inline jumbotron-custom-social-icons-left">
                <li>Follow Us:</li>
                <li><a href="https://www.facebook.com/eclipse.org"><img class="jumbotron-custom-social-icon" src="images/social-icons/facebook.svg"></a></li>
                <li><a href="https://twitter.com/EclipseFdn"><img class="jumbotron-custom-social-icon" src="images/social-icons/twitter.svg"></a></li>
                <li><a href="https://www.linkedin.com/company/eclipse-foundation"><img class="jumbotron-custom-social-icon" src="images/social-icons/linkedin.svg"></a></li>
                <li><a href="https://www.youtube.com/user/EclipseFdn"><img class="jumbotron-custom-social-icon" src="images/social-icons/youtube.svg"></a></li>
              </ul>
            </div>
            <div class="col-xs-12 padding-left-0 hidden-md hidden-lg">
              <ul class="list-inline jumbotron-custom-social-icons-right">
                <li>Share this page:</li>
                <li><a href="#" onclick="
                  window.open(
                    'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href+'?utm_source={{.Permalink}}&amp;utm_campaign={{ .Page.Params.headline }}&amp;utm_medium=social-media-facebook-icon'),
                    'facebook-share-dialog',
                    'width=626,height=436');
                  return false;"><img class="jumbotron-custom-social-icon" src="images/social-icons/facebook.svg"></a></li>
                <li><a href="#" onclick="
                  window.open(
                    'https://twitter.com/intent/tweet?text={{ .Page.Params.headline }}%20-%20&amp;url='+encodeURIComponent(location.href+'?utm_source={{.Permalink}}&amp;utm_campaign={{ .Page.Params.headline }}&amp;utm_medium=social-media-twitter-icon'),
                    'twitter-share-dialog',
                    'width=626,height=436');
                  return false;"><img class="jumbotron-custom-social-icon" src="images/social-icons/twitter.svg"></a></li>
                <!--<li><a href="https://www.linkedin.com/company/eclipse-foundation"><img class="jumbotron-custom-social-icon" src="images/social-icons/linkedin.svg"></a></li>
                <li><a href="https://www.youtube.com/user/EclipseFdn"><img class="jumbotron-custom-social-icon" src="images/social-icons/youtube.svg"></a></li>-->
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{{ end }}