add jumbotron email subscription form
This commit is contained in:
Ayo
parent
e8d517ef0a
commit
ebff46c60e
5 changed files with 106 additions and 14 deletions
|
|
@ -13,7 +13,7 @@
|
||||||
# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
|
# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
|
||||||
# You can create any custom variable you would like, and they will be accessible
|
# You can create any custom variable you would like, and they will be accessible
|
||||||
# in the templates via {{ site.myvariable }}.
|
# in the templates via {{ site.myvariable }}.
|
||||||
title: ./full.hacker
|
title: "Full Hacker"
|
||||||
author: Ayo
|
author: Ayo
|
||||||
attribution: "2018 © by Full Hacker"
|
attribution: "2018 © by Full Hacker"
|
||||||
bugreport_url: "https://github.com/fullhacker/fullhacker.github.io/issues/new"
|
bugreport_url: "https://github.com/fullhacker/fullhacker.github.io/issues/new"
|
||||||
|
|
|
||||||
|
|
@ -8,6 +8,9 @@
|
||||||
{% if jekyll.environment == 'production' and site.google_analytics %}
|
{% if jekyll.environment == 'production' and site.google_analytics %}
|
||||||
{% include google-analytics.html %}
|
{% include google-analytics.html %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
|
<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
|
||||||
|
|
||||||
<script
|
<script
|
||||||
src="https://code.jquery.com/jquery-3.2.1.min.js"
|
src="https://code.jquery.com/jquery-3.2.1.min.js"
|
||||||
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
|
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
|
||||||
|
|
|
||||||
52
_layouts/default-home.html
Normal file
52
_layouts/default-home.html
Normal file
|
|
@ -0,0 +1,52 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="{{ page.lang | default: site.lang | default: "en" }}">
|
||||||
|
|
||||||
|
{% include head.html %}
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="fb-root"></div>
|
||||||
|
<script>(function(d, s, id) {
|
||||||
|
var js, fjs = d.getElementsByTagName(s)[0];
|
||||||
|
if (d.getElementById(id)) return;
|
||||||
|
js = d.createElement(s); js.id = id;
|
||||||
|
js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.12';
|
||||||
|
fjs.parentNode.insertBefore(js, fjs);
|
||||||
|
}(document, 'script', 'facebook-jssdk'));
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class="site-container">
|
||||||
|
|
||||||
|
{% include header.html %}
|
||||||
|
|
||||||
|
<div class="site-body">
|
||||||
|
<div class="jumbotron">
|
||||||
|
<!-- Begin MailChimp Signup Form -->
|
||||||
|
<div id="mc_embed_signup">
|
||||||
|
<form action="https://github.us17.list-manage.com/subscribe/post?u=85102052c447ce8a8bba06f24&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 for Exclusive Dev Life Hacks</label>
|
||||||
|
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="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="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<!--End mc_embed_signup-->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<main class="page-content" aria-label="Content">
|
||||||
|
<div class="wrapper">
|
||||||
|
{{ content }}
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% include footer.html %}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script><script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us17.list-manage.com","uuid":"85102052c447ce8a8bba06f24","lid":"2366f7f35a"}) })</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -1,8 +1,9 @@
|
||||||
---
|
---
|
||||||
layout: default
|
layout: default-home
|
||||||
---
|
---
|
||||||
|
|
||||||
<div class="home">
|
<div class="home">
|
||||||
|
|
||||||
{% if page.title %}
|
{% if page.title %}
|
||||||
<h1 class="page-heading">{{ page.title }}</h1>
|
<h1 class="page-heading">{{ page.title }}</h1>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
|
||||||
|
|
@ -27,19 +27,16 @@ body {
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
}
|
}
|
||||||
|
|
||||||
header.site-header {
|
header.site-header,
|
||||||
position: fixed !important;
|
footer.site-footer,
|
||||||
top: 0;
|
.jumbotron {
|
||||||
|
background: rgba(141,191,66,.97)!important;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
header.site-header,
|
.site-header {
|
||||||
footer.site-footer {
|
border: 0px !important;
|
||||||
background: rgba(255,255,255,.97)!important;
|
border-bottom: 1px solid hsla(0, 0%, 100%, .3) !important;
|
||||||
}
|
|
||||||
|
|
||||||
div.site-body {
|
|
||||||
padding-top: 60px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
article .post-content p {
|
article .post-content p {
|
||||||
|
|
@ -58,6 +55,7 @@ article .post-content p {
|
||||||
.page-content .wrapper {
|
.page-content .wrapper {
|
||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
max-width: calc(700px - 60px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-title {
|
.post-title {
|
||||||
|
|
@ -80,7 +78,45 @@ article .post-content p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.fb-comments iframe {
|
.wrapper {
|
||||||
background: #fff;
|
max-width: 1000px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.site-title {
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: #ffffff !important;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-title:hover, .site-nav .page-link:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-nav .page-link {
|
||||||
|
color: #ffffff !important;
|
||||||
|
text-transform: uppercase;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.jumbotron #mc_embed_signup label{
|
||||||
|
text-align: center;
|
||||||
|
font-size: 36px;
|
||||||
|
color: #ffffff;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.jumbotron {
|
||||||
|
padding: 80px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mc_embed_signup input {
|
||||||
|
padding: 15px !important;
|
||||||
|
font-size: 16px !important;
|
||||||
|
height: 60px !important;
|
||||||
|
border-radius: 3.2px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mc_embed_signup .button {
|
||||||
|
background-color: #ee4a03 !important;
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue