2
0
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:
Hendrik Niefeld 2020-02-01 23:03:19 +01:00
parent f9c1219a4e
commit 8083a1e15c
2 changed files with 22 additions and 21 deletions

View File

@ -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;
} }

View File

@ -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 %}