diff --git a/app/components/help-modal.hbs b/app/components/help-modal.hbs new file mode 100644 index 0000000..3407a33 --- /dev/null +++ b/app/components/help-modal.hbs @@ -0,0 +1,19 @@ + \ No newline at end of file diff --git a/app/styles/app.scss b/app/styles/app.scss index b16edbf..a2eaf59 100644 --- a/app/styles/app.scss +++ b/app/styles/app.scss @@ -7,8 +7,6 @@ @import "components/table"; -#page_header { - margin-bottom: 0; -/* background-image: url("/assets/images/banner_bkg.png"); */ -} +@import "components/help"; +@import "components/footer"; \ No newline at end of file diff --git a/app/styles/components/footer.scss b/app/styles/components/footer.scss new file mode 100644 index 0000000..3d3206f --- /dev/null +++ b/app/styles/components/footer.scss @@ -0,0 +1,3 @@ +footer .col-sm-4 a { + color:#f8f9fa; + } \ No newline at end of file diff --git a/app/styles/components/help.scss b/app/styles/components/help.scss new file mode 100644 index 0000000..3f95035 --- /dev/null +++ b/app/styles/components/help.scss @@ -0,0 +1,67 @@ +#help-button-desktop { + background-color: lightgray; + margin: 10px; + width: 1.5em; + height: 1.5em; + border-radius: 100%; + text-align: center; + float: right; + font-weight: 900; + font-size:1.5em; + display:block; +} + +#help-button-desktop:hover { + background-color: white; +} + +#help-button-mobile:hover { + background-color:darkgrey; +} + +@media only screen and (min-width: 991.97px) { + +a #help-button-mobile { + display:none; + visibility: hidden; +} + +.desktop-img { + background-image: url(/public/assets/images/desk.jpg); + width:100%; + height:851px; + max-height:100%; + background-repeat: no-repeat; + background-size: contain; +} + +} + +@media only screen and (max-width: 991.98px) { + +a #help-button-mobile { + background-color: lightgray; + margin: 10px; + width: 1.5em; + height: 1.5em; + border-radius: 100%; + text-align: center; + float: right; + font-weight: 900; + font-size:1.5em; + display:block; +} + +a #help-button-desktop { + display:none; + visibility: hidden; +} + +.mobile-img { + background-image: url(/public/assets/images/mobile.jpg); + width:100%; + height:1348px; + background-repeat: no-repeat; + background-size: contain; +} +} \ No newline at end of file diff --git a/app/styles/components/words.scss b/app/styles/components/words.scss index 9e7fc41..f3fd23f 100644 --- a/app/styles/components/words.scss +++ b/app/styles/components/words.scss @@ -19,5 +19,5 @@ table.word-details td.selected { } .verse-greek-text span.selected { - color: lightblue; + background-color: lightblue; } diff --git a/app/templates/application.hbs b/app/templates/application.hbs index 40f0020..66349c3 100644 --- a/app/templates/application.hbs +++ b/app/templates/application.hbs @@ -1,6 +1,6 @@ - - + +
?
+ + + {{outlet}}
@@ -38,8 +42,8 @@

About This Site

-

Developed by Wycliffe Associates and our partners to provide access to tools and resources needed to complete the work of Bible translation. -

+

Developed by Wycliffe Associates and our partners to provide access to tools and resources needed to complete the work of Bible translation.

+

Creative Commons License
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

Find Us

@@ -63,7 +67,6 @@
\ No newline at end of file diff --git a/public/assets/images/btr-logo-white.svg b/public/assets/images/btr-logo-white.svg new file mode 100644 index 0000000..03a9acb --- /dev/null +++ b/public/assets/images/btr-logo-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/assets/images/desk.jpg b/public/assets/images/desk.jpg new file mode 100644 index 0000000..4f87728 Binary files /dev/null and b/public/assets/images/desk.jpg differ diff --git a/public/assets/images/mobile.jpg b/public/assets/images/mobile.jpg new file mode 100644 index 0000000..526b589 Binary files /dev/null and b/public/assets/images/mobile.jpg differ