-
Notifications
You must be signed in to change notification settings - Fork 118
/
post.html
125 lines (125 loc) · 6.64 KB
/
post.html
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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html>
<head>
{% include head.html %}
{% if site.dropcap %}
<style type="text/css">@media only screen and (min-width:43.75em){.notepad-post-content div>p:first-child:first-letter{float:left;font-size:4.688rem;line-height:4.375rem;padding-top:.25rem;padding-right:.5rem;padding-left:.188rem;font-family:serif}}</style>
{% endif %}
</head>
<body class="post-template" itemscope itemtype="http://schema.org/WebPage">
{% if page.imagefeature %}
<main id="notepad-post-container" class="notepad-post-container intro-effect-sliced" role="main">
<header class="notepad-post-header">
<div class="bg-img"></div>
<div class="notepad-post-menu-header">
{% else %}
<main id="notepad-post-container-simple" class="notepad-post-container-simple" role="main">
<header class="notepad-post-header-simple">
<div class="notepad-post-menu-header-simple">
{% endif %}
<a class="notepad-blog-logo" href="{{ site.url }}">
<img src="{{ site.url }}/images/{{ site.logo }}" alt="Blog Logo" />
</a>
<div class="notepad-blog-menu">
<div class="notepad-mobile-menu show-for-small">
<a href="#"><i class="fa fa-bars"></i></a>
</div>
<ul class="notepad-menu">
<li class="notepad-mobile-close-btn show-for-small text-right">
<a href="#"><i class="fa fa-times"></i></a>
</li>
{% for link in site.links %}
<li>{% if link.external %}
<a href="{{ link.url }}">{{ link.title }}</a>
{% else %}
<a href="{{ site.url }}{{ link.url }}">{{ link.title }}</a>
{% endif %}
</li>
{% endfor %}
<li><a href="{{ site.url }}/feed.xml" title="Atom/RSS feed"><i class="icon-rss"></i> Feed</a></li>
</ul>
</div>
</div>
{% if page.imagefeature %}
<div class="notepad-post-title bg-check">
<h1>{{ page.title }}</h1>
<p>by <strong>{{ site.owner.name }}</strong> — {% assign tagsize = page.tags.size %}{% if tagsize != 0 %}on {% for tag in page.tags %}<a href="{{ site.url }}/tags/index.html#{{ tag | cgi_encode }}" data-toggle="tooltip" title="Posts tagged with {{ tag }}" rel="tag">{{ tag }}</a>{% unless forloop.last %} , {% endunless %}{% endfor %}{% endif %} <strong><time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%d %b %Y" }}</time></strong></p>
</div>
<div class="bg-img"></div>
</header>
<button class="trigger bg-check" data-info="Read more"><span>Trigger</span></button>
<img src="{{ site.url }}/images/{{ page.imagefeature }}" alt="cover-image" />
{% else %}
<div class="notepad-post-title-simple row">
<div class="small-12 columns">
<div class="notepad-post-meta-simple">
<h1>{{ page.title }}</h1>
<p>
by <strong>{{ page.author.name }}</strong> —
{% assign tagsize = page.tags.size %}
{% if tagsize != 0 %}
on
{% for tag in page.tags %}
<a href="{{ site.url }}/tags/index.html#{{ tag | cgi_encode }}" data-toggle="tooltip" title="Posts tagged with {{ tag }}" rel="tag">{{ tag }}</a>
{% unless forloop.last %}
,
{% endunless %}
{% endfor %}
{% endif %}
<strong><time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%d %b %Y" }}</time></strong>
</p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- codein1 -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-7466474470517357"
data-ad-slot="6700962438"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
</div>
</header>
{% endif %}
{% if page.imagefeature %}
<article class="notepad-post-content post">
{% else %}
<article class="notepad-post-content post tag-simple">
{% endif %}
<div>{{ content }}
</div>
<div style="text-align: center;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- codein2-footer -->
<!--
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-7466474470517357"
data-ad-slot="9952356430"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
-->
</div>
</article>
<div class="cf"></div>
{% if site.share %}{% include share.html %}{% endif %}
<div class="cf"></div>
{% include signoff.html %}
<div class="cf"></div>
{% if site.disqus_shortname and page.comments == true %}
<section class="notepad-disqus row">
<div class="small-12 columns">
<h1 class="notepad-comments-header">Comments</h1>
<div id="disqus_thread"></div>
{% include disqus_comments.html %}
</div>
</section>
{% endif %}
<div class="cf"></div>
{% include footer.html %}
</main>
{% include scripts.html %}
</body>
</html>