Add upgrade note to main banner
This commit is contained in:
parent
9a1184a584
commit
b6f3c14ed8
2 changed files with 14 additions and 4 deletions
|
@ -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">&</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>
|
||||
|
|
11
style.css
11
style.css
|
@ -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
|
||||
/*-----------------------------------------------------------------------------------*/
|
||||
|
|
Loading…
Add table
Reference in a new issue