1+ {% comment %}
2+ @param {string} type - 'page' | 'post' | 'keynote'
3+ @param {boolean} short
4+ {% endcomment %}
5+
6+ {% if include.type == 'post' %}
7+ < style type ="text/css ">
8+ header .intro-header {
9+ position : relative;
10+ background-image : url ('{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% else %}{{ site.header-img }}{% endif %}' )
11+ }
12+
13+ {% if page.header-mask %}
14+ header.intro-header .header-mask {
15+ width : 100% ;
16+ height : 100% ;
17+ position : absolute;
18+ background : rgba (0 , 0 , 0 , {{ page.header-mask }});
19+ }
20+ {% endif %}
21+ </ style >
22+ < header class ="intro-header " >
23+ < div class ="header-mask "> </ div >
24+ < div class ="container ">
25+ < div class ="row ">
26+ < div class ="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 ">
27+ < div class ="post-heading ">
28+ < div class ="tags ">
29+ {% for tag in page.tags %}
30+ < a class ="tag " href ="{{ site.baseurl }}/tags/#{{ tag }} " title ="{{ tag }} "> {{ tag }}</ a >
31+ {% endfor %}
32+ </ div >
33+ < h1 > {{ page.title }}</ h1 >
34+ {% comment %} always create a h2 for keeping the margin {% endcomment %}
35+ < h2 class ="subheading "> {{ page.subtitle }}</ h2 >
36+ < span class ="meta "> Posted by {% if page.author %}{{ page.author }}{% else %}{{ site.title }}{% endif %} on {{ page.date | date: "%B %-d, %Y" }}</ span >
37+ </ div >
38+ </ div >
39+ </ div >
40+ </ div >
41+ </ header >
42+ {% endif %}
43+
44+ {% if include.type == 'keynote' %}
45+ < style type ="text/css ">
46+ header .intro-header {
47+ height : 500px ;
48+ overflow : hidden;
49+ }
50+ header .intro-header .container {
51+ visibility : hidden;
52+ }
53+ header iframe {
54+ width : 100% ;
55+ height : 100% ;
56+ border : 0 ;
57+ }
58+ /* Override Nav Style */
59+ {% if page.navcolor = = "invert" %}
60+ .navbar-custom .nav li a ,
61+ .navbar-custom .nav li a : hover ,
62+ .navbar-custom .navbar-brand ,
63+ .navbar-custom .navbar-brand : hover {color : # 777 ;}
64+ .navbar-default .navbar-toggle .icon-bar {background-color : # 777 ;}
65+ {% endif %}
66+ </ style >
67+ < header class ="intro-header " >
68+ < iframe src ="{{page.iframe}} "> </ iframe >
69+ <!-- keep for SEO -->
70+ < div class ="container ">
71+ < div class ="row ">
72+ < div class ="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 ">
73+ < div class ="post-heading ">
74+ < div class ="tags ">
75+ {% for tag in page.tags %}
76+ < a class ="tag " href ="{{ site.baseurl }}/tags/#{{ tag }} " title ="{{ tag }} "> {{ tag }}</ a >
77+ {% endfor %}
78+ </ div >
79+ < h1 > {{ page.title }}</ h1 >
80+ {% comment %} always create a h2 for keeping the margin {% endcomment %}
81+ < h2 class ="subheading "> {{ page.subtitle }}</ h2 >
82+ < span class ="meta "> Posted by {% if page.author %}{{ page.author }}{% else %}{{ site.title }}{% endif %}
83+ on {{ page.date | date: "%B %-d, %Y" }}</ span >
84+ </ div >
85+ </ div >
86+ </ div >
87+ </ div >
88+ </ header >
89+ {% endif %}
90+
91+ {% if include.type == 'page' %}
92+ < header class ="intro-header " style ="background-image: url('{{ site.baseurl }}/{% if page.header-img %}{{ page.header-img }}{% else %}{{ site.header-img }}{% endif %}') ">
93+ < div class ="container ">
94+ < div class ="row ">
95+ < div class ="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 ">
96+ {% if include.short %}
97+ < div class ="site-heading " id ="tag-heading ">
98+ {% else %}
99+ < div class ="site-heading ">
100+ {% endif %}
101+ < h1 > {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</ h1 >
102+ < span class ="subheading "> {{ page.description }}</ span >
103+ </ div >
104+ </ div >
105+ </ div >
106+ </ div >
107+ </ header >
108+ {% endif %}
0 commit comments