diff --git a/assets/css/simple.css b/assets/css/simple.css index 70e35a6..f7b13d3 100644 --- a/assets/css/simple.css +++ b/assets/css/simple.css @@ -20,19 +20,30 @@ } .site-logo { - border: outset var(--light-warm-gray); - background-color: var(--light-warm-gray); + border: outset var(--light-warm-gray); + background-color: var(--light-warm-gray); + width: 100%; + margin: 0.25em auto; } -.site-title { - text-align: center; - border: outset var(--light-warm-gray); - background-color: var(--light-warm-gray); - padding: 0.5em 0; - margin-bottom: 0.15em; - overflow-wrap: anywhere; +.site-logo img { + display: block; + margin: 0 auto; + object-fit: contain; + max-width: 50%; } +/* + *.site-title { + * text-align: center; + * border: outset var(--light-warm-gray); + * background-color: var(--light-warm-gray); + * padding: 0.5em 0; + * margin-bottom: 0.15em; + * overflow-wrap: anywhere; + *} + */ + .site-nav { display: flex; flex-flow: row wrap; @@ -59,7 +70,7 @@ text-align: center; border: inset var(--dark-warm-gray); padding: 0.5em 0; - margin: 0.75em 0; + margin: 0.85em 0; background-color: var(--dark-warm-gray); } diff --git a/public/images/logo_l.png b/public/images/logo_l.png new file mode 100644 index 0000000..1997450 Binary files /dev/null and b/public/images/logo_l.png differ diff --git a/public/images/logo_m.png b/public/images/logo_m.png new file mode 100644 index 0000000..ed12845 Binary files /dev/null and b/public/images/logo_m.png differ diff --git a/public/images/logo_s.png b/public/images/logo_s.png new file mode 100644 index 0000000..cf8ffe7 Binary files /dev/null and b/public/images/logo_s.png differ diff --git a/public/images/logo_xl.png b/public/images/logo_xl.png new file mode 100644 index 0000000..7ddf64f Binary files /dev/null and b/public/images/logo_xl.png differ diff --git a/templates/layouts/default.html.ep b/templates/layouts/default.html.ep index 090eeaf..80cd1ed 100644 --- a/templates/layouts/default.html.ep +++ b/templates/layouts/default.html.ep @@ -17,7 +17,14 @@