hack.less wip
parent
c305f8de18
commit
827182f830
|
@ -1,6 +1,8 @@
|
|||
baseURL: "http://tech.ingolf-wagner.de"
|
||||
languageCode: "en-us"
|
||||
title: "Techblog - Ingolf Wagner"
|
||||
pygmentsUseClasses: true
|
||||
sectionPagesMenu: "main"
|
||||
|
||||
params:
|
||||
mainSections:
|
||||
|
@ -25,22 +27,27 @@ markup:
|
|||
noClasses: true
|
||||
style: solarized-light
|
||||
tabWidth: 2
|
||||
pygmentsUseClasses: true
|
||||
|
||||
menu:
|
||||
main:
|
||||
- name: "main"
|
||||
url: "/"
|
||||
weight: 1
|
||||
identifier: "main"
|
||||
|
||||
- name: "articles"
|
||||
url: "/nixos/"
|
||||
identifier: "nixos"
|
||||
weight: 2
|
||||
title: Articles mostly about computer stuff
|
||||
|
||||
- name: "slides"
|
||||
url: "/slides/"
|
||||
identifier: "slides"
|
||||
weight: 3
|
||||
title: Slides of my Presentations
|
||||
|
||||
- name: "about"
|
||||
url: "/about/"
|
||||
weight: 4
|
||||
title: About me
|
||||
|
|
|
@ -1,5 +1,6 @@
|
|||
---
|
||||
title: About me
|
||||
menu: slides
|
||||
---
|
||||
|
||||
I'm a freelancing Mathematician, Full Stack Developer and DevOps.
|
||||
|
|
|
@ -1,20 +1,26 @@
|
|||
<html>
|
||||
<head>
|
||||
<title> {{ .Title }} </title>
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto|Abel|Inconsolata|Lato|Zilla+Slab" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/main.css">
|
||||
<title> {{ .Title }} </title>
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto|Abel|Inconsolata|Lato|Zilla+Slab" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav id="main-navigation">
|
||||
<ul>
|
||||
{{ $currentPage := . }}
|
||||
{{ range .Site.Menus.main }}
|
||||
<li class="{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{end}}">
|
||||
<a href="{{ .URL }}" title="{{ .Title }}"> {{ .Name }} </a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
<ul id="patterns-list">
|
||||
{{ $current := . }}
|
||||
{{ range .Site.Menus.main }}
|
||||
{{ $active := or ($current.IsMenuCurrent "main" .) ($current.HasMenuCurrent "main" .) }}
|
||||
|
||||
<li {{if $active}}class="active" {{end}}>
|
||||
<a href="{{ .URL }}" title="{{ .Title }}"> {{ .Name }} </a>
|
||||
</li>
|
||||
|
||||
|
||||
{{ end }}
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
{{ block "main" . }}
|
||||
|
|
|
@ -1,50 +1,54 @@
|
|||
//@import "color.less";
|
||||
//@import "font.less";
|
||||
#main-navigation {
|
||||
background-color: @color-nav-background;
|
||||
|
||||
body {
|
||||
#main-navigation {
|
||||
background-color: @color-nav-background;
|
||||
width: 800px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
//position: fixed;
|
||||
ul {
|
||||
|
||||
width: 100%;
|
||||
display: grid; // todo: no need for grids
|
||||
grid-template-columns: 1fr minmax(100px, 800px) 1fr;
|
||||
grid-template-areas:
|
||||
". menu .";
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
ul {
|
||||
grid-area: menu;
|
||||
margin-top: 40px;
|
||||
margin-bottom: 0;
|
||||
margin-top: 40px;
|
||||
margin-bottom: 0;
|
||||
|
||||
list-style-type: none;
|
||||
padding: 0 0 20px;
|
||||
overflow: hidden;
|
||||
list-style-type: none;
|
||||
padding: 0 0 20px;
|
||||
overflow: hidden;
|
||||
|
||||
color: @color-nav-text;
|
||||
color: @color-nav-text;
|
||||
|
||||
li {
|
||||
float: left;
|
||||
font-family: @font-nav;
|
||||
li {
|
||||
|
||||
//border-bottom: 3px solid @color-nav-item-border;
|
||||
flex-grow: 1;
|
||||
float: left;
|
||||
font-family: @font-nav;
|
||||
padding: 0;
|
||||
|
||||
a {
|
||||
// text
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: @color-nav-text;
|
||||
&:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
// underscore
|
||||
margin-right: 14px; // space between items
|
||||
padding-right: 2px; // overlap of the underscore
|
||||
padding-left: 2px; // overlap of the underscore
|
||||
padding-bottom: 5px; // space to the underscore
|
||||
border-bottom: 2px solid @color-nav-underline;
|
||||
&.active {
|
||||
background-color: @color-link-font;
|
||||
color: @color-body-background;
|
||||
}
|
||||
|
||||
a {
|
||||
// text
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: @color-nav-text;
|
||||
|
||||
// underscore
|
||||
margin-right: 0px; // space between items
|
||||
padding-bottom: 2px; // space to the underscore
|
||||
border-bottom: 2px solid @color-nav-underline;
|
||||
padding-top: 2px; // space to the underscore
|
||||
border-top: 2px solid @color-nav-underline;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue