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 @@ + 404 + +
{{>header}}

{{errorMessage}}

- {{>footer}} +
+ + {{>footer}} diff --git a/web-server/templates/views/about.hbs b/web-server/templates/views/about.hbs index bac94cc..2b58b9e 100644 --- a/web-server/templates/views/about.hbs +++ b/web-server/templates/views/about.hbs @@ -3,13 +3,18 @@ + About + +
{{>header}} - - {{>footer}} + +
+ + {{>footer}} diff --git a/web-server/templates/views/help.hbs b/web-server/templates/views/help.hbs index 745bbc2..3c7ecf2 100644 --- a/web-server/templates/views/help.hbs +++ b/web-server/templates/views/help.hbs @@ -3,13 +3,18 @@ + Help + +
{{>header}}

{{helpText}}

- {{>footer}} +
+ + {{>footer}} diff --git a/web-server/templates/views/index.hbs b/web-server/templates/views/index.hbs index b71b29a..1a6e50d 100644 --- a/web-server/templates/views/index.hbs +++ b/web-server/templates/views/index.hbs @@ -3,13 +3,19 @@ + Weather + +
{{>header}} - {{>footer}} +

Use this site to get your weather!

+
+ + {{>footer}}