{{errorMessage}}
- {{>footer}} +diff --git a/web-server/public/css/styles.css b/web-server/public/css/styles.css index 0cc260d..9608afc 100644 --- a/web-server/public/css/styles.css +++ b/web-server/public/css/styles.css @@ -4,6 +4,14 @@ body { max-width: 650px; margin: 0 auto; padding: 0 16px; + + display: flex; + flex-direction: column; + min-height: 100vh; +} + +.main-content { + flex-grow: 1; } footer { @@ -28,3 +36,7 @@ header a { margin-right: 16px; text-decoration: none; } + +.portrait { + width: 250px; +} diff --git a/web-server/public/img/weather.png b/web-server/public/img/weather.png new file mode 100644 index 0000000..5a14fe1 Binary files /dev/null and b/web-server/public/img/weather.png differ diff --git a/web-server/templates/views/404.hbs b/web-server/templates/views/404.hbs index c0722f8..e82e8cd 100644 --- a/web-server/templates/views/404.hbs +++ b/web-server/templates/views/404.hbs @@ -3,13 +3,18 @@
+{{errorMessage}}
- {{>footer}} +{{helpText}}
- {{>footer}} +Use this site to get your weather!
+