diff --git a/assets/sass/main.scss b/assets/sass/main.scss index f5eae4a..371969f 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -4,6 +4,7 @@ body { background-image: linear-gradient(#d7cdc0ff, #fdf7f6ff); margin-right: 10%; margin-left: 10%; + overflow-wrap: break-word; } .block { background-color: rgb(247, 243, 239); @@ -13,12 +14,13 @@ body { padding-bottom: .1em; border-radius: 2em; } +img { + max-width: 100%; + height: auto; +} .banner { text-align: center; font-weight: bold; - td img { - height: 150px; - } } big { font-size: 400%; @@ -26,6 +28,22 @@ big { small { font-size: 70%; } +pre { + background-color: rgb(247, 243, 239); + border: 1px solid #c5bbb0; + border-radius: 0.5em; + padding: 1em; + overflow-x: auto; +} +code { + background-color: rgb(247, 243, 239); + padding: 0.1em 0.3em; + border-radius: 0.25em; +} +pre code { + background-color: transparent; + padding: 0; +} div.feature-matrix { table { border-collapse: collapse; @@ -60,7 +78,16 @@ div.feature-matrix { vertical-align: center; } } +@media screen and (max-width: 450px) { + big { + font-size: 300%; + } +} @media screen and (max-width: 767px) { + body { + margin-right: 3%; + margin-left: 3%; + } .tg { width: auto !important; } diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index cca15b8..6e7f358 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -1,6 +1,8 @@ + + {{ .Title }} {{- $style := resources.Get "sass/main.scss" | resources.ExecuteAsTemplate "main.scss" . | css.Sass }} diff --git a/layouts/partials/banner.html b/layouts/partials/banner.html index b676b85..2bd84d5 100644 --- a/layouts/partials/banner.html +++ b/layouts/partials/banner.html @@ -7,21 +7,6 @@ ... one iteration at a time... {{- end -}} {{ if eq .Kind "home" }}
{{ end }}