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

show jumbotron

Browse source
This commit is contained in:
Ayo 2019-10-05 23:46:04 +08:00
parent 2f77ddb3c2
commit e46ca6d4ab
2 changed files with 11 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
_layouts/default.html
View file

@ -19,7 +19,7 @@
<div class="site-container"> <div class="site-container">
{% include header.html %} {% if page.type == "home" %} {% include header.html %} {% if page.type == "home" %}
<!--div class="jumbotron"> <div class="jumbotron">
<div class="jumbotron-content"> <div class="jumbotron-content">
<div id="mc_embed_signup" class="float-left"> <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> <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>
@ -32,8 +32,8 @@
<div class="subscription-message-thumb float-left"> <div class="subscription-message-thumb float-left">
<img src="../assets/images/ayo.jpg" alt="Free exclusive web development tips!" /> <img src="../assets/images/ayo.jpg" alt="Free exclusive web development tips!" />
</div> </div>
<div class="subscription-message-text float-right"> <div class="subscription-message-text float-left">
<p>Learn practical methods to improve your web dev skills!</p> <p>My FREE technology news letters straight in your inbox.</p>
</div> </div>
<div class="clear-both"></div> <div class="clear-both"></div>
</div> </div>
@ -42,7 +42,7 @@
</div> </div>
<div class="clear-both"></div> <div class="clear-both"></div>
</div> </div>
</div--> </div>
{% endif %} {% endif %}

15
assets/main.scss
View file

@ -169,9 +169,9 @@ caption {
} }
.jumbotron { .jumbotron {
background: url('../assets/images/logo.png') no-repeat rgba(141, 191, 66, .97)!important; /* background: url('../assets/images/logo.png') no-repeat rgba(141, 191, 66, .97)!important; */
background: rgba(141, 191, 66, .97)!important;
width: 100%; width: 100%;
height: 100%;
box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25); box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25);
} }
@ -181,7 +181,7 @@ caption {
color: #ffffff; color: #ffffff;
font-weight: bold; font-weight: bold;
margin: 0 0 20px 0; 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; /* 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 { .jumbotron-content {
@ -296,7 +296,8 @@ caption {
} }
.subscription-message-text { .subscription-message-text {
width: 290px; width: 220px;
margin-left: 5px;
} }
.subscription-message-div:after { .subscription-message-div:after {
@ -317,7 +318,7 @@ caption {
.subscription-message-div { .subscription-message-div {
color: #ffffff; color: #ffffff;
background-color: #80ae3c; background-color: #80ae3c;
width: 350px; width: 300px;
text-align: left; text-align: left;
margin: 50px auto 0; margin: 50px auto 0;
position: relative; position: relative;
@ -336,7 +337,7 @@ caption {
.ayo-thumb img { .ayo-thumb img {
border-radius: 50%; border-radius: 50%;
border: 1px solid hsla(0, 0%, 100%, .3) !important; border: 1px solid hsla(0, 0%, 100%, .3) !important;
margin: 2px 2px 15px; margin: 2px;
} }
.ayo-thumb { .ayo-thumb {
@ -410,7 +411,6 @@ nav#side-nav {
.jumbotron { .jumbotron {
background: rgba(141, 191, 66, .97)!important; background: rgba(141, 191, 66, .97)!important;
width: 100%; width: 100%;
height: 100%;
} }
#mc_embed_signup input { #mc_embed_signup input {
width: 250px !important; width: 250px !important;
@ -444,7 +444,6 @@ nav#side-nav {
.jumbotron { .jumbotron {
background: rgba(141, 191, 66, .97)!important; background: rgba(141, 191, 66, .97)!important;
width: 100%; width: 100%;
height: 100%;
box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25); box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25);
} }
.jumbotron-content { .jumbotron-content {