diff options
Diffstat (limited to 'app')
-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 |