mirror of
https://github.com/offen/website.git
synced 2024-11-22 09:00:28 +01:00
index, add get-started button
This commit is contained in:
parent
f9c1219a4e
commit
8083a1e15c
@ -75,6 +75,9 @@ LAYOUT
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.get-started {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -140,9 +143,6 @@ ul {
|
|||||||
/* ---------------------------------------------------
|
/* ---------------------------------------------------
|
||||||
MENU
|
MENU
|
||||||
----------------------------------------------------*/
|
----------------------------------------------------*/
|
||||||
.nav-list {
|
|
||||||
margin: 0 0.7rem 0 0;
|
|
||||||
}
|
|
||||||
.nav-bar {
|
.nav-bar {
|
||||||
height: 4rem;
|
height: 4rem;
|
||||||
}
|
}
|
||||||
@ -179,10 +179,19 @@ nav ul li a:visited {
|
|||||||
background: #F7BF08;
|
background: #F7BF08;
|
||||||
color: #39352A;
|
color: #39352A;
|
||||||
}
|
}
|
||||||
|
nav ul li:last-child a {
|
||||||
|
padding-right: 2rem;
|
||||||
|
background: #39352A;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
nav ul li a:hover,
|
nav ul li a:hover,
|
||||||
nav ul li a:visited:hover {
|
nav ul li a:visited:hover {
|
||||||
color: #39352A;
|
color: #39352A;
|
||||||
}
|
}
|
||||||
|
nav ul li:last-child a:hover,
|
||||||
|
nav ul li:last-child a:visited:hover {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
nav ul li a:not(:only-child):after,
|
nav ul li a:not(:only-child):after,
|
||||||
nav ul li a:visited:not(:only-child):after {
|
nav ul li a:visited:not(:only-child):after {
|
||||||
padding-left: 0.4rem;
|
padding-left: 0.4rem;
|
||||||
@ -231,17 +240,19 @@ nav ul li ul li a {
|
|||||||
nav ul li a {
|
nav ul li a {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
padding-left: 20%;
|
padding-left: 4.2rem;
|
||||||
}
|
}
|
||||||
nav ul li ul li a {
|
nav ul li ul li a {
|
||||||
padding-left: 30%;
|
padding-left: 30%;
|
||||||
}
|
}
|
||||||
nav ul li:last-child a {
|
nav ul li:last-child a {
|
||||||
padding-bottom: 4rem;
|
padding-bottom: 1.2rem;
|
||||||
}
|
margin: 0;
|
||||||
nav ul li:last-child a {
|
|
||||||
box-shadow: 0px 7px 15px -6px rgba(57,53,42,0.2);
|
box-shadow: 0px 7px 15px -6px rgba(57,53,42,0.2);
|
||||||
}
|
}
|
||||||
|
nav ul li:first-child a {
|
||||||
|
padding-top: 0.2rem;
|
||||||
|
}
|
||||||
.nav-dropdown {
|
.nav-dropdown {
|
||||||
position: static;
|
position: static;
|
||||||
}
|
}
|
||||||
@ -330,18 +341,6 @@ GRAPHICS
|
|||||||
background-attachment: scroll;
|
background-attachment: scroll;
|
||||||
background-position: 200px 130px;
|
background-position: 200px 130px;
|
||||||
}
|
}
|
||||||
/*
|
|
||||||
@media only screen and (min-width: 45.1em) and (max-width: 60em) {
|
|
||||||
#bg-intro {
|
|
||||||
background-position: 180px 130px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media only screen and (min-width: 30.1em) and (max-width: 45em) {
|
|
||||||
#bg-intro {
|
|
||||||
background-position: 140px 130px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
@media only screen and (min-width: 30.1em) and (max-width: 60em) {
|
@media only screen and (min-width: 30.1em) and (max-width: 60em) {
|
||||||
#bg-intro {
|
#bg-intro {
|
||||||
background-position: calc(20% + 120px) 130px;
|
background-position: calc(20% + 120px) 130px;
|
||||||
@ -352,7 +351,6 @@ GRAPHICS
|
|||||||
background-position: 10px 60px;
|
background-position: 10px 60px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#bg-feature {
|
#bg-feature {
|
||||||
background: url(/theme/images/gfx-pattern-mint-bright.svg) center;
|
background: url(/theme/images/gfx-pattern-mint-bright.svg) center;
|
||||||
}
|
}
|
||||||
|
@ -63,6 +63,9 @@
|
|||||||
<li>
|
<li>
|
||||||
<a class="b link dim fnt-cclr-mid-black" href="{{ PATREON_URL }}" rel="noopener" target="_blank">Patreon</a>
|
<a class="b link dim fnt-cclr-mid-black" href="{{ PATREON_URL }}" rel="noopener" target="_blank">Patreon</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li>
|
||||||
|
<a class="b link dim" href="/get-started/">Get started</a>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
Loading…
Reference in New Issue
Block a user