ayo/blog
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix #20 - add message at the end of each post

Browse source
This commit is contained in:
Ayo 2019-10-06 14:47:38 +08:00
parent 418b5fdc28
commit e49a13dcff
2 changed files with 38 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
_layouts/post.html
View file

@ -21,6 +21,30 @@ layout: default
<div class="post-content e-content" itemprop="articleBody">
{{ content }}
</div>
<div class="after-post">
<div class="after-post-content">
<div id="mc_embed_signup" class="float-left">
<form action="https://github.us17.list-manage.com/subscribe/post?u=85102052c447ce8a8bba06f24&amp;id=2366f7f35a" 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">Sign up to get useful posts like this periodically and more.</label>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Enter your email address..." required>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_85102052c447ce8a8bba06f24_2366f7f35a" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Sign Up" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
<div class="subscription-message-div">
<div class="subscription-message-thumb float-left">
<img src="../assets/images/ayo.jpg" alt="Free exclusive web development tips!" />
</div>
<div class="subscription-message-text float-left">
<p>Cutting-edge productivity hacks for my subscribers.</p>
</div>
<div class="clear-both"></div>
</div>
</div>
</form>
</div>
</div>
</div>
<!--h1>Thoughts? Post your comments here:</h1>

21
assets/main.scss
View file

@ -175,13 +175,20 @@ caption {
box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25);
}
.jumbotron #mc_embed_signup label {
text-align: center;
font-size: 36px;
color: #ffffff;
font-weight: bold;
margin: 0 0 20px 0;
/* text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1) !important; */
.after-post #mc_embed_signup label {
color: rgba(141, 191, 66, 0.97) !important;
}
.after-post,
.jumbotron {
#mc_embed_signup label {
text-align: center;
font-size: 36px;
color: #ffffff;
font-weight: bold;
margin: 0 0 20px 0;
/* text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1) !important; */
}
}
.jumbotron-content {