I have a landing page:
{{define "landing"}}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>sexo</title>
</head>
<body>
<div>
{{template "navbar" .}}
{{template "landing_content" .}}
</div>
</body>
</html>
{{end}}
which has two children, navbar and landing_content. Main intent was to render the navbar at the top of the page, and landing content to the right bottom of it. Right now the behaviour is
breath in
navbar page is rendered but it renders to whole page so that second rendered children landing content is rendered to the next scroll of the page, bottom of the first initial rendered page so navbar fills the entire first page and landing_content renders right at the bottom of the first page
breath out
navbar can be anything. it can be blank.
{{define "navbar"}}
<div>
</div>
{{end}}
same goes for the landing content. any templating engine can replicate, using Echo framework to be exact.