diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 2de3c7f..019bdba 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -18,23 +18,24 @@
-
- {{ block "main" . }} - {{ end }} +
+ {{ block "sidebar" . }} + {{ partial "sidebar" . }} + {{ end }} + {{ if .IsTranslated }} +

{{ i18n "translations" }}

+ + {{ end }} +
+
+ {{ block "main" . }} + {{ end }}
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html index 9f1fa2c..e94b13d 100644 --- a/layouts/partials/sidebar.html +++ b/layouts/partials/sidebar.html @@ -1,32 +1,32 @@ {{ $currentPage := . }} diff --git a/static/css/labs.css b/static/css/labs.css index e97c5f4..ce0ad38 100644 --- a/static/css/labs.css +++ b/static/css/labs.css @@ -1,10 +1,8 @@ BODY { - padding-top: 75px; -/* font-family: "Work Sans","Source Sans Pro","Open Sans","Helvetica Neue","Helvetica","Tahoma","Geneva","Arial",sans-serif; -*/ + padding-top: 75px; letter-spacing: +.02rem; font-weight: 300; - font-size: 1.8rem; + font-size: 1.6rem; line-height: 2; color: #4d5363; } @@ -16,31 +14,30 @@ code { h1 { text-align: center; - font-size: 4rem; + font-size: 3.5rem; } h1, h2, h3, h4, h5, h6 { font-family: "Open Sans","Helvetica","Tahoma","Geneva","Arial",sans-serif; - /*font-family: "Lato","Open Sans","Helvetica","Tahoma","Geneva","Arial",sans-serif;*/ text-rendering: optimizeLegibility; line-height: 100%; letter-spacing: 0; } h2 { - font-size: 3rem; -} - -h3 { font-size: 2.6rem; } -h4 { +h3 { font-size: 2.2rem; } +h4 { + font-size: 1.8rem; +} + img{ - max-width: 750px; + max-width: 500px; height: auto; } @@ -58,11 +55,9 @@ pre { padding-left: 0px; padding-right: 20px; -/*background-color: #ba3232; - border-right: 20px solid #fff; -*/letter-spacing: +.05rem; + letter-spacing: +.05rem; font-weight: bold; - font-size: 2rem; + font-size: 1.8rem; } a:link { @@ -76,20 +71,22 @@ a:visited { a:hover { color: #000; } - +.navbar a { + font-size: 1rem; +} .navbar a:link{ color: #ba3232; - font-size: 2rem; + } .navbar a:visited { color: #ba3232; - font-size: 2rem; + /*font-size: 1.5rem;*/ } .navbar a:hover { color: #ba3232; - font-size: 2rem; + /*font-size: 2rem;*/ } .sidebar-toggle { @@ -98,10 +95,10 @@ a:hover { } .sidebar { -/*padding-top: 100px; -*/margin-top: 5px; - /*display: none; - */position: fixed; +/*padding-top: 100px;*/ + margin-top: 5px; + /*display: none;*/ + position: fixed; top: 51px; bottom: 0; left: 0; @@ -113,7 +110,7 @@ a:hover { border-right: 1px solid #eee; /*letter-spacing: +.05rem;*/ font-weight: 400; - font-size: 1.6rem; + font-size: 1.25rem; line-height: 1.55; } @@ -126,6 +123,10 @@ a:hover { .sidebar { display: block; } + .navbar a { + font-size: 2rem; + + } } .sidebar a {