marc/web-personal
1
0
Fork 0
Code Issues Pull requests Activity Actions

Create sections and improve menu appearance

Browse source
This commit is contained in:
Marc Riera 2019-03-24 21:01:46 +01:00
parent 920d0ef3ac
commit 0fb743dcb9
8 changed files with 52 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

15
themes/marcriera/layouts/partials/header.html
View file

@ -7,27 +7,20 @@
{{ .Hugo.Generator }}
</head>
<body>
<div id="container">
<div id="header-left">
{{ if isset .Site.Params "logoimage" }}
<div id="site-logo">
<a href="{{ .Site.BaseURL }}"><img alt="Site logo" src="{{ .Site.BaseURL }}{{ .Site.Params.logoimage }}"></a>
</div>
{{ end }}
<div id="site-title"><a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a></div>
<div id="site-slogan">{{ .Site.Params.Description }}</div>
<div id="site-title"><a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a></div>
<div id="site-slogan">{{ .Site.Params.Description }}</div>
</div>
<div id="header-right">
{{ if .IsTranslated }}
<ul class="language-selector">
<li>
<li>
<a class="selected">{{ .Language.LanguageName }}</a>
</li>
{{ range .Translations }}
@ -38,9 +31,7 @@
</ul>
{{ end }}
</div>
{{ partial "menu.html" . }}
{{ if isset .Params "image"}}
<div id="featured-image">
<img alt="Featured image" src="{{ .Params.image }}">

13
themes/marcriera/static/css/theme.css
View file

@ -117,6 +117,7 @@ nav {
nav ul {
list-style-type: none;
padding: 0;
margin-bottom: 0px;
}
nav ul.first > li {
@ -253,7 +254,7 @@ nav {
nav ul.first > li {
display: inline-block;
position: relative;
background: #9E4B5A;
background: #7C454F;
padding: 10px 10px 10px 10px;
}
@ -335,7 +336,7 @@ nav ul.third {
.burger-button {
display: block;
background: #3E3E3E;
background: #7C454F;
font-size: 100%;
padding: 5px 20px 5px 20px;
margin-top: 20px;
@ -344,7 +345,7 @@ nav ul.third {
.burger-button:hover {
color: #DDDDDD;
background: #208DCC;
background: #9E4B5A;
}
#menu-entries {
@ -357,7 +358,7 @@ nav ul.third {
.burger-toggle:checked ~ .burger-button {
color: #DDDDDD;
background: #208DCC;
background: #9E4B5A;
}
nav {
@ -369,13 +370,13 @@ nav ul.first > li a,
nav ul.second > li a {
display: block;
padding: 5px 20px 5px 20px;
background: #3E3E3E;
background: #7C454F;
}
nav ul.first > li a:hover,
nav ul.second > li a:hover {
color: #DDDDDD;
background: #208DCC;
background: #9E4B5A;
}
nav ul.first {