redid layout to use flexbox instead of grid

master
Adam Veldhousen 4 years ago
parent 0167ecb5ba
commit ba83f7c418
Signed by: adam
GPG Key ID: 6DB29003C6DD1E4B

@ -23,31 +23,34 @@ p {
.container { .container {
max-width: 1280px; max-width: 1280px;
margin: 0 auto; margin: 0 auto;
display: grid; display: flex;
grid-template-columns: 3fr 1fr; flex-direction: column;
}
#header { #header {
margin-bottom: 20px; margin-bottom: 20px;
grid-column-start: 1; }
grid-column-end: 3;
}
#content { #center {
grid-column-start: 1; display: flex;
grid-row-start: 2; flex-direction: row-reverse;
} width: 100%;
#sidebar { #content {
grid-column-start: 2; flex-grow: 2;
padding-top: 20px; max-width: 1010px;
padding-left: 20px; }
}
#sidebar {
padding-top: 20px;
padding-left: 20px;
flex-grow: 1;
min-width: 230px;
}
}
#footer { #footer {
grid-column-start: 1; font-size: 0.8rem;
grid-column-end: 3; }
font-size: 0.8rem;
} }
.highlight { .highlight {

@ -1,5 +1,5 @@
--- ---
title: "Kubernetes Loadbalancing with Metal LB" title: "Kubernetes Load balancing with Metal LB"
date: 2020-01-02T20:57:36Z date: 2020-01-02T20:57:36Z
tags: ["kubernetes", "homelab", "networking"] tags: ["kubernetes", "homelab", "networking"]
draft: false draft: false

@ -22,13 +22,15 @@
<a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a> <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
</header> </header>
<div id="sidebar"> <div id="center">
{{ partial "navigation.html" . }} <div id="sidebar">
</div> {{ partial "navigation.html" . }}
</div>
<div id="content"> <div id="content">
{{ block "main" . }}{{ end }} {{ block "main" . }}{{ end }}
</div> </div>
</div>
<footer id="footer"> <footer id="footer">
{{ partial "foot.html" . }} {{ partial "foot.html" . }}

@ -21,12 +21,15 @@ test-publish: build
docker-build-dev: docker-build-dev:
@docker build --build-arg='VERSION=0.62.0' -t hugo -f Dockerfile.dev . @docker build --build-arg='VERSION=0.62.0' -t hugo -f Dockerfile.dev .
deploy:
k rollout restart deployment blog
assets: ./assets/css/syntax.css ./layouts/partials/openring.out.html assets: ./assets/css/syntax.css ./layouts/partials/openring.out.html
clean: clean:
@rm -rf ./public ./resources ./assets/css/syntax.css ./layouts/partials/openring.out.html @rm -rf ./public ./resources ./assets/css/syntax.css ./layouts/partials/openring.out.html
.PHONY: serve new-post build publish test-publish docker-build-dev assets clean .PHONY: serve new-post build publish test-publish docker-build-dev assets clean deploy
$(HUGO_BIN): $(HUGO_BIN):
@go get -u --tags extended -v github.com/gohugoio/hugo @go get -u --tags extended -v github.com/gohugoio/hugo

Loading…
Cancel
Save