-
Notifications
You must be signed in to change notification settings - Fork 0
/
post.hbs
executable file
·148 lines (129 loc) · 6.93 KB
/
post.hbs
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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
{{!< default}}
<header class="site-header">
<div class="logo-holder">
<a class="site-logo" title="{{@blog.title}}" href="{{@blog.url}}"><img src="{{@blog.logo}}" alt="{{@blog.title}}" /></a>
</div>
<!-- Logo -->
<div class="container">
{{navigation}}
<h1 class="site-title"><a title="{{@blog.title}}" href="{{@blog.url}}">{{@blog.title}}</a></h1>
</div>
</header>
<div class="content-primary">
<div class="container clearfix">
{{#post}}
<article class="{{post_class}}">
<div class="stripes c100 sit-top">
<div class="stripe bg-karma-blue"></div>
<div class="stripe bg-karma-green"></div>
<div class="stripe bg-karma-yellow"></div>
<div class="stripe bg-karma-orange"></div>
</div>
<!-- End Stripes -->
{{#if image}}
<div class="post-feature">
<img class="post-featured-image" src="{{image}}">
</div>
{{/if}}
<header class="post-header">
<div class="post-meta">
<span class="post-date">{{date format="MMMM Do YYYY"}}</span>
</div>
<h1 class="post-title">{{title}}</h1>
</header>
<div class="post-content js-post-content">
{{content}}
</div>
<div class="read-next">
{{#next_post}}
<a class="read-next-story {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}" href="{{url}}">
<section class="post">
<h2>{{title}}</h2>
<!-- <p>{{excerpt words="19"}}…</p> -->
</section>
</a>
{{/next_post}}
{{#prev_post}}
<a class="read-next-story prev {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}" href="{{url}}">
<section class="post">
<h2>{{title}}</h2>
<!-- <p>{{excerpt words="19"}}…</p> -->
</section>
</a>
{{/prev_post}}
</div>
<footer class="post-stub-footer">
{{! ################################################### }}
<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES * * */
var disqus_shortname = 'havekarma';
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
{{! ################################################### }}
</footer>
</article>
<div class="sidebar">
<div class="stripes c100 sit-top">
<div class="stripe bg-karma-blue"></div>
<div class="stripe bg-karma-green"></div>
<div class="stripe bg-karma-yellow"></div>
<div class="stripe bg-karma-orange"></div>
</div>
<!-- End Stripes -->
<aside class="widget widget-author">
<header class="widget-author-header">
<img class="widget-author-avatar" src="{{author.image}}" alt="{{author.name}}" />
<h4 class="widget-author-name">{{author}}</h4>
<span class="widget-author-location">{{author.location}}</span>
</header>
<div class="widget-content">
<p>{{author.bio}}</p>
</div>
</aside>
<aside class="widget sign-up-form">
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; padding: 12px 16px; }
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="//havekarma.us3.list-manage.com/subscribe/post?u=c44afc82425112f7e12122c5d&id=3892eb5a1f" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<label for="mce-EMAIL">Get some good Karma in your inbox.
<br>
<small style="color:#999; font-weight: 400;">Subscribe to our newsletter and get Karma related news and happenings once a month.</small>
</label>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_c44afc82425112f7e12122c5d_3892eb5a1f" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
</aside>
<aside class="instagram">
<strong>Keep up with Karma on Instagram</strong>
<!-- INSTANSIVE WIDGET --><script src="//instansive.com/widget/js/instansive.js"></script><iframe src="//instansive.com/widgets/9ae37d21234000b4a014dba40e0d53622a11b22d.html" id="instansive_9ae37d2123" name="instansive_9ae37d2123" scrolling="no" allowtransparency="true" class="instansive-widget" style="width: 100%; overflow: hidden;"></iframe>
</aside>
<!-- <aside class="widget">
<div class="widget-content">
<h4 class="widget-title">Follow Us On Twitter</h4>
{{! ################################################### }}
{{! Add your Twitter widget code here }}
{{! ################################################### }}
</div>
</aside> -->
</div>
{{/post}}
</div>
</div>