about summary refs log tree commit diff stats
path: root/app
diff options
context:
space:
mode:
Diffstat (limited to 'app')
-rw-r--r--app/assets/images/wittle/wittle_header.pngbin0 -> 82868 bytes
-rw-r--r--app/assets/stylesheets/wittle/general.css.scss29
-rw-r--r--app/views/layouts/wittle/application.html.haml5
-rw-r--r--app/views/wittle/puzzles/show.html.haml1
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
5h1 { 22h1 {
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