Add upgrade note to main banner

This commit is contained in:
Daniel Rudolf 2015-12-24 16:22:33 +01:00
parent 9a1184a584
commit b6f3c14ed8
2 changed files with 14 additions and 4 deletions

View file

@ -17,12 +17,15 @@
<div class="banner">
<ul>
<li data-transition="fade">
<img src="style/images/art/slider-transparent.png" alt="" style="background-color:#2a2a2a" />
<img src="style/images/art/slider-transparent.png" alt="" />
<div class="caption sfl huge" data-x="290" data-y="90" data-speed="300" data-start="100" data-easing="easeOutExpo">Introducing</div>
<div class="caption sft huge" data-x="600" data-y="90" data-speed="300" data-start="800" data-easing="easeOutExpo"><strong>Pico 1.0</strong></div>
<div class="caption sfl big" data-x="center" data-y="176" data-speed="300" data-start="1100" data-easing="easeOutExpo">A stupidly <em>simple</em> <span class="colored">&amp;</span> blazing <em>fast</em>, flat file CMS.</div>
<div class="caption sfr big" data-x="center" data-y="245" data-speed="300" data-start="1400" data-easing="easeOutExpo">Making the web easy.</div>
<div class="caption sfb" data-x="center" data-y="329" data-speed="300" data-start="1700" data-easing="easeOutExpo"><a href="{{ site.github.url }}/download/" class="button">Download Now</a></div>
<div class="caption sfb" data-x="center" data-y="329" data-speed="300" data-start="1700" data-easing="easeOutExpo">
<a href="{{ site.github.url }}/download/" class="button">Download Now</a><br />
or <a href="{{ site.github.url }}/upgrade/">Upgrade</a> your Pico installation
</div>
</li>
</ul>
<div class="tp-bannertimer tp-bottom"></div>

View file

@ -445,8 +445,9 @@ blockquote p {
flex: none;
width: 100%;
}
.top-wrapper {
background: #2a2a2a
.top-wrapper,
.top-wrapper .banner img {
background: #2a2a2a;
}
.light-wrapper,
.dark-wrapper {
@ -491,10 +492,16 @@ p.description {
font-size: 20px;
line-height: 30px;
}
.top-wrapper .banner .caption[data-x="center"] {
text-align: center;
}
.top-wrapper .banner a.button {
padding: 11px 30px;
font-size: 13px;
}
.top-wrapper .banner a:not(.button):hover {
color: #ebebeb;
}
/*-----------------------------------------------------------------------------------*/
/* MENU
/*-----------------------------------------------------------------------------------*/