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 can create any custom variable you would like, and they will be accessible
|
||||
# in the templates via {{ site.myvariable }}.
|
||||
title: ./full.hacker
|
||||
title: "Full Hacker"
|
||||
author: Ayo
|
||||
attribution: "2018 © by Full Hacker"
|
||||
bugreport_url: "https://github.com/fullhacker/fullhacker.github.io/issues/new"
|
||||
|
|
|
|||
|
|
@ -8,6 +8,9 @@
|
|||
{% if jekyll.environment == 'production' and site.google_analytics %}
|
||||
{% include google-analytics.html %}
|
||||
{% endif %}
|
||||
|
||||
<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
|
||||
|
||||
<script
|
||||
src="https://code.jquery.com/jquery-3.2.1.min.js"
|
||||
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">
|
||||
|
||||
{% if page.title %}
|
||||
<h1 class="page-heading">{{ page.title }}</h1>
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -27,19 +27,16 @@ body {
|
|||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
header.site-header {
|
||||
position: fixed !important;
|
||||
top: 0;
|
||||
header.site-header,
|
||||
footer.site-footer,
|
||||
.jumbotron {
|
||||
background: rgba(141,191,66,.97)!important;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
header.site-header,
|
||||
footer.site-footer {
|
||||
background: rgba(255,255,255,.97)!important;
|
||||
}
|
||||
|
||||
div.site-body {
|
||||
padding-top: 60px;
|
||||
.site-header {
|
||||
border: 0px !important;
|
||||
border-bottom: 1px solid hsla(0, 0%, 100%, .3) !important;
|
||||
}
|
||||
|
||||
article .post-content p {
|
||||
|
|
@ -58,6 +55,7 @@ article .post-content p {
|
|||
.page-content .wrapper {
|
||||
padding: 0 20px;
|
||||
margin: 0 auto;
|
||||
max-width: calc(700px - 60px);
|
||||
}
|
||||
|
||||
.post-title {
|
||||
|
|
@ -80,7 +78,45 @@ article .post-content p {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
div.fb-comments iframe {
|
||||
background: #fff;
|
||||
.wrapper {
|
||||
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