From ebff46c60e13adc94f402acaca6b31d08f41a064 Mon Sep 17 00:00:00 2001 From: Ayo Date: Tue, 6 Feb 2018 05:49:42 +0800 Subject: [PATCH] add jumbotron email subscription form --- _config.yml | 2 +- _includes/head.html | 3 ++ _layouts/default-home.html | 52 +++++++++++++++++++++++++++++++++ _layouts/home.html | 3 +- assets/main.scss | 60 ++++++++++++++++++++++++++++++-------- 5 files changed, 106 insertions(+), 14 deletions(-) create mode 100644 _layouts/default-home.html diff --git a/_config.yml b/_config.yml index c2762ac..ab8475e 100644 --- a/_config.yml +++ b/_config.yml @@ -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" diff --git a/_includes/head.html b/_includes/head.html index ce03baa..3d2bace 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -8,6 +8,9 @@ {% if jekyll.environment == 'production' and site.google_analytics %} {% include google-analytics.html %} {% endif %} + + + + +
+ + {% include header.html %} + +
+
+ +
+
+
+ + + +
+
+
+
+ +
+ +
+
+ {{ content }} +
+
+
+ + {% include footer.html %} + +
+ + + + + + diff --git a/_layouts/home.html b/_layouts/home.html index 2531362..b00e1dc 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -1,8 +1,9 @@ --- -layout: default +layout: default-home ---
+ {% if page.title %}

{{ page.title }}

{% endif %} diff --git a/assets/main.scss b/assets/main.scss index 90b7fd1..a99f53e 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -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; +}