data.coop/website
8
1
Fork 6
Code Issues 10 Pull requests Releases Wiki Activity

Improvements in the site layout

Browse source
This commit is contained in:
Halfdan 2022-11-10 14:48:26 +01:00
parent 9a2d13b681
commit e8738e1ac4
3 changed files with 78 additions and 79 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
themes/datacoop2020/assets/static/css/style.scss
View file

@ -65,7 +65,7 @@ body {
background : var(--bg-color);
color : var(--text-color);
font-family : space grotesk;
font-family : "Space Grotesk";
font-size : var(--base-font-size);
line-height : 165%;
text-align : left;
@ -139,6 +139,8 @@ main article {
aside nav {
position : sticky;
top : var(--base-grid);
display : block;
min-width : 200px;
}
aside nav ol {
@ -182,7 +184,7 @@ aside header a img {
@media(max-width:1000px) {
:root {
--base-grid : 40px;
--base-font-size : 30px;
--base-font-size : 20px;
}
body {
@ -201,6 +203,8 @@ aside header a img {
display : flex;
flex-direction : row;
justify-content : space-between;
align-items : center;
margin : calc(var(--base-grid) / 2) var(--base-grid);
}
aside header a {
@ -212,6 +216,10 @@ aside header a img {
display : none;
}
aside nav.display {
display : inherit;
}
aside #menu-toggle {
display : initial;
font-size : 3em;
@ -229,12 +237,11 @@ aside header a img {
display : block;
height : var(--burger_size);
float : right;
margin : 40px 20px;
}
header .nav-toggle span {
display : block;
height : calc( ( var(--burger_size) / 3 ) / 2 );
height : calc( ( var(--burger_size) / 4 ) / 2 );
width : var(--burger_size);
background : var(--text-color);
margin-bottom : calc( ( var(--burger_size) / 3 ) / 2 );
@ -243,7 +250,7 @@ aside header a img {
header .nav-toggle span {
position : relative;
top : 0;
transition : all 0.4s;
transition : all 0.3s;
}
header .nav-toggle.display span#nav-toggle-b {
@ -252,7 +259,7 @@ aside header a img {
header .nav-toggle.display span#nav-toggle-a {
transform : rotate(45deg);
top : calc( var(--burger_size) / 3 );
top : calc( var(--burger_size) / 4 );
}

20
themes/datacoop2020/layouts/_default/baseof.html
View file

@ -1,10 +1,7 @@
<!doctype html>
<html lang="en">
{{ partial "head.html" . }}
<body>
{{ partial "head.html" . }}
<body>
<aside>
<header>
<a href="index.html"><img src="{{ printf "/static/img/logo_%s.svg" .Site.Language.Lang | absURL }}" alt="data coop logo" width="240" height="140"></a>
@ -15,32 +12,27 @@
</div>
</header>
{{ partial "nav.html" . }}
</aside>
<main>
<article>
{{ block "main" . }}{{ end }}
</article>
</main>
<script>
var menu = document.getElementById("nav-toggle-header")
var nav = document.getElementsByTagName('nav')[0]
function toggleMenu() {
if ( menu.classList.contains("display") ) {
menu.classList.remove("display")
document.getElementsByTagName('nav')[0].style.display='none'
nav.classList.remove("display")
} else {
menu.classList.add("display")
document.getElementsByTagName('nav')[0].style.display='block'
nav.classList.add("display")
}
}
menu.addEventListener( "click", toggleMenu )
</script>
</body>
</body>
</html>

4
themes/datacoop2020/layouts/partials/head.html
View file

@ -1,4 +1,4 @@
<head>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@ -31,4 +31,4 @@
<title>{{ .Title }} | {{ .Site.Title }}</title>
{{ end }}
</head>
</head>