Unverified Commit 60bcd75a authored by Georg Krause's avatar Georg Krause
Browse files

Improve top navbar according to the design draft

parent d04834e5
......@@ -6,26 +6,34 @@
justify-content: space-between;
.feature button {
background-color: rgb(242, 113, 28);
color: white;
font-weight: bold;
.navbar {
height: 64px;
.navbar {
background-color: #b1b2b5;
.navbar .navbar-brand .navbar-item {
padding-left: 50px !important;
.navbar .navbar-brand img {
width: 52px;
height: 52px;
max-height: 52px;
height: 40px;
.navbar .navbar-brand .navbar-item {
padding: 0 25px;
.navbar .button {
margin: 15px;
.navbar a {
text-decoration: none;
.navbar .navbar-end {
margin-right: 25px;
@media only screen and (min-width: 1024px) {
#hero-content {
padding-top: 50px;
......@@ -5,7 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="{{ main_siteurl }}/theme/css/bulma.min.css">
<link rel="stylesheet"
<link rel="stylesheet"
href="{{ main_siteurl }}/theme/css/fork-awesome.min.css">
<link rel="stylesheet" href="{{ main_siteurl }}/theme/css/funkwhale.css">
<section class="hero is-fullheight-with-navbar">
<section class="hero is-medium">
<div class="hero-body">
<div class="container">
<div class="columns is-8">
......@@ -14,7 +14,7 @@
<br />
Enjoy anywhere, share with anyone.{% endtrans %}
<button class="button is-primary is-fullwidth">Get started</button>
<button class="funkwhale button is-primary is-fullwidth">Get started</button>
<div class="column">
<nav class="navbar has-shadow"
<nav class="navbar"
aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="{{ main_siteurl }}">
<img src="{{ main_siteurl }}/theme/images/logo-white-bg.svg">
<img src="{{ main_siteurl }}/theme/images/logo.svg">
<a role="button"
......@@ -16,24 +16,14 @@
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item">Apps</a>
<a class="navbar-item">Community</a>
<a href="{{ SITEURL }}/faqs" class="navbar-item">FAQs</a>
<div class="navbar-end">
<a class="navbar-item">The project</a>
<a class="navbar-item">Help</a>
<a class="navbar-item">Contribute</a>
<a class="navbar-item">Support us</a>
<a class="navbar-item funkwhale button is-primary">Get Started</a>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">Resources</a>
<div class="navbar-dropdown">
<a href="{{ SITEURL }}/collective" class="navbar-item">Collective and Statutes</a>
<a href="{{ SITEURL }}/code-of-conduct" class="navbar-item">Code of Conduct</a>
<a class="navbar-item">Forum</a>
<hr class="navbar-divider">
<a class="navbar-item">Documentation</a>
<div class="navbar-end"></div>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">{% trans %}Language{% endtrans %}</a>
<a class="navbar-link"><i class="fa fa-language" aria-hidden="true"></i></a>
<div class="navbar-dropdown is-right">
{% for lang, url in lang_siteurls.items() %}
<a class="navbar-item" href="{{ url }}/">{{ lang }}</a>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment