diff options
| -rw-r--r-- | app/assets/images/wittle/wittle_header.png | bin | 0 -> 82868 bytes | |||
| -rw-r--r-- | app/assets/stylesheets/wittle/general.css.scss | 29 | ||||
| -rw-r--r-- | app/views/layouts/wittle/application.html.haml | 5 | ||||
| -rw-r--r-- | app/views/wittle/puzzles/show.html.haml | 1 |
4 files changed, 32 insertions, 3 deletions
| diff --git a/app/assets/images/wittle/wittle_header.png b/app/assets/images/wittle/wittle_header.png new file mode 100644 index 0000000..a082f8e --- /dev/null +++ b/app/assets/images/wittle/wittle_header.png | |||
| Binary files differ | |||
| diff --git a/app/assets/stylesheets/wittle/general.css.scss b/app/assets/stylesheets/wittle/general.css.scss index 9d893b6..c258734 100644 --- a/app/assets/stylesheets/wittle/general.css.scss +++ b/app/assets/stylesheets/wittle/general.css.scss | |||
| @@ -1,11 +1,36 @@ | |||
| 1 | #wrap { | 1 | #banner { |
| 2 | 2 | background-image: image-url("wittle/wittle_header.png"); | |
| 3 | background-size: cover; | ||
| 4 | width: 600px; | ||
| 5 | height: 245px; | ||
| 6 | margin: 0 auto; | ||
| 7 | |||
| 8 | h1 { | ||
| 9 | margin: 0; | ||
| 10 | |||
| 11 | a { | ||
| 12 | display: block; | ||
| 13 | width: 1110px; | ||
| 14 | height: 454px; | ||
| 15 | text-indent: -5000px; | ||
| 16 | text-decoration: none; | ||
| 17 | margin: 0; | ||
| 18 | } | ||
| 19 | } | ||
| 3 | } | 20 | } |
| 4 | 21 | ||
| 5 | h1 { | 22 | h1 { |
| 6 | text-align: center; | 23 | text-align: center; |
| 7 | } | 24 | } |
| 8 | 25 | ||
| 26 | .puzzle-description { | ||
| 27 | text-align: center; | ||
| 28 | display: block; | ||
| 29 | margin-top: -1em; | ||
| 30 | margin-bottom: 2em; | ||
| 31 | font-size: 1.25em; | ||
| 32 | } | ||
| 33 | |||
| 9 | #trace-settings { | 34 | #trace-settings { |
| 10 | margin: 1em auto; | 35 | margin: 1em auto; |
| 11 | width: 540px; | 36 | width: 540px; |
| diff --git a/app/views/layouts/wittle/application.html.haml b/app/views/layouts/wittle/application.html.haml index 80519f4..1226d79 100644 --- a/app/views/layouts/wittle/application.html.haml +++ b/app/views/layouts/wittle/application.html.haml | |||
| @@ -7,4 +7,7 @@ | |||
| 7 | = stylesheet_link_tag "wittle/application", media: "all" | 7 | = stylesheet_link_tag "wittle/application", media: "all" |
| 8 | = javascript_include_tag "wittle/application" | 8 | = javascript_include_tag "wittle/application" |
| 9 | %body | 9 | %body |
| 10 | #wrap= yield | 10 | #wrap |
| 11 | %header#banner | ||
| 12 | %h1= link_to "Wittle", root_url | ||
| 13 | = yield | ||
| diff --git a/app/views/wittle/puzzles/show.html.haml b/app/views/wittle/puzzles/show.html.haml index c46e5ce..8628298 100644 --- a/app/views/wittle/puzzles/show.html.haml +++ b/app/views/wittle/puzzles/show.html.haml | |||
| @@ -1,4 +1,5 @@ | |||
| 1 | %h1 Wittle ##{@puzzle.id} | 1 | %h1 Wittle ##{@puzzle.id} |
| 2 | .puzzle-description #{@puzzle.category.capitalize} - #{@puzzle.created_at.strftime("%B %-d, %Y")} | ||
| 2 | #puzzle-container{ style: "display: flex; justify-content: center; align-items: center" } | 3 | #puzzle-container{ style: "display: flex; justify-content: center; align-items: center" } |
| 3 | %svg#puzzle{ style: "pointer-events: auto"} | 4 | %svg#puzzle{ style: "pointer-events: auto"} |
| 4 | #submission-form | 5 | #submission-form |
