-
-
Chapter {{ch.ch}}
+
+
+
+
Chapter {{ch.ch}}
+
{{vs.v}}.
{{w.t}}{{w.t}}
diff --git a/DynamicBibleIonic/src/components/passage/passage.scss b/DynamicBibleIonic/src/components/passage/passage.scss
index d58b2141..95bc0bf1 100644
--- a/DynamicBibleIonic/src/components/passage/passage.scss
+++ b/DynamicBibleIonic/src/components/passage/passage.scss
@@ -1,3 +1,54 @@
.passage-title {
background-color:#c3cce4;
+}
+
+@media screen and (max-width: 599px) {
+ passage .passage-text
+ {
+ -webkit-column-count: 1; /* Chrome, Safari, Opera */
+ -moz-column-count: 1; /* Firefox */
+ column-count: 1;
+ }
+}
+
+@media screen and (min-width: 600px) and (max-width: 849px) {
+ passage .passage-text
+ {
+ -webkit-column-count: 2; /* Chrome, Safari, Opera */
+ -moz-column-count: 2; /* Firefox */
+ column-count: 2;
+
+ -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
+ -moz-column-gap: 30px; /* Firefox */
+ column-gap: 30px;
+
+ -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
+ -moz-column-rule-style: solid; /* Firefox */
+ column-rule-style: solid;
+
+ -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
+ -moz-column-rule-width: 1px; /* Firefox */
+ column-rule-width: 1px;
+ }
+}
+
+@media screen and (min-width: 850px) {
+ passage .passage-text
+ {
+ -webkit-column-count: 3; /* Chrome, Safari, Opera */
+ -moz-column-count: 3; /* Firefox */
+ column-count: 3;
+
+ -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
+ -moz-column-gap: 30px; /* Firefox */
+ column-gap: 30px;
+
+ -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
+ -moz-column-rule-style: solid; /* Firefox */
+ column-rule-style: solid;
+
+ -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
+ -moz-column-rule-width: 1px; /* Firefox */
+ column-rule-width: 1px;
+ }
}
\ No newline at end of file
diff --git a/DynamicBibleIonic/src/components/strongs/strongs.html b/DynamicBibleIonic/src/components/strongs/strongs.html
index 5ab29333..171c4810 100644
--- a/DynamicBibleIonic/src/components/strongs/strongs.html
+++ b/DynamicBibleIonic/src/components/strongs/strongs.html
@@ -6,26 +6,30 @@
- Strongs Definitition
-
- {{item.def.tr}} ({{item.def.sn}}) - {{item.def.p}} - {{item.def.lemma}} -
-
-
- RMAC
- {{item.rmac.id}}
-
-
-
- Cross References
-
-
- -
- {{wrd.w}}: {{makePassage(p.r)}},
-
-
-
+
+
Strongs Definitition
+
+ {{item.def.tr}} ({{item.def.sn}}) - {{item.def.p}} - {{item.def.lemma}} -
+
+
+ RMAC
+ {{item.rmac.id}}
+
+
+
+
\ No newline at end of file
diff --git a/DynamicBibleIonic/src/components/strongs/strongs.scss b/DynamicBibleIonic/src/components/strongs/strongs.scss
index eaef2c67..bb3dea37 100644
--- a/DynamicBibleIonic/src/components/strongs/strongs.scss
+++ b/DynamicBibleIonic/src/components/strongs/strongs.scss
@@ -1,6 +1,58 @@
-strongs ion-scroll {
- height: 250px;
+.strongs-title {
+ background-color: #c6efd4;
}
-.strongs-title {
- background-color:#c6efd4;
+
+strongs {
+ ion-scroll {
+ height: 250px;
+ }
+
+ .strongs-def {
+ float: left;
+ }
+
+ .strongs-cross {
+ float: left;
+ }
+
+ p {
+ padding-left: 1em;
+ }
+
+ .scroll-content {
+ padding: 0px !important;
+ }
+
+ dd {
+ -webkit-margin-start: 12px;
+ }
+}
+
+@media screen and (max-width: 749px) {
+ strongs {
+ .strongs-def {
+ width: 100%;
+ }
+
+ .strongs-cross {
+ width: 100%;
+ }
+ }
+}
+
+@media screen and (min-width: 750px) {
+ strongs {
+ ion-scroll {
+ height: 400px;
+ }
+
+ .strongs-def {
+ width: 50%;
+ padding-right: 12px;
+ }
+
+ .strongs-cross {
+ width: 50%;
+ }
+ }
}
\ No newline at end of file
diff --git a/DynamicBibleIonic/src/components/words/words.scss b/DynamicBibleIonic/src/components/words/words.scss
index bee20737..0b778876 100644
--- a/DynamicBibleIonic/src/components/words/words.scss
+++ b/DynamicBibleIonic/src/components/words/words.scss
@@ -1,71 +1,102 @@
-.words-title {
- background-color:#f5b9f3;
-}
+words {
+ .words-title {
+ background-color: #f5b9f3;
+ }
-words ion-scroll {
- white-space: nowrap;
- height: 200px;
-}
+ .passage-button {
+ font-size: 1em;
+ float: left;
+ padding: .5em;
+ background-color: #fceeee;
+ margin: .3em;
+ text-align: center;
+ }
-ion-col .button{
- background-color: #fceeee;
- padding: 9px 6px 9px 6px;
- width: 100%;
- height: 100%;
-}
+ ion-scroll {
+ white-space: nowrap;
+ height: 200px;
+ }
+ ion-col .button {
+ background-color: #fceeee;
+ padding: 9px 6px 9px 6px;
+ width: 100%;
+ height: 100%;
+ }
-ion-col {
- margin-bottom: 0px !important;
+ ion-col {
+ margin-bottom: 0px !important;
+ }
}
@media screen and (max-width: 499px) {
- words .passage-button
- {
- width: 100%;
+ words {
+ .passage-button {
+ width: 100%;
+ }
+
+ ion-scroll {
+ height: 250px;
+ }
}
}
@media screen and (max-width: 699px) and (min-width: 500px) {
- words .passage-button
- {
- width: 46%;
+ words {
+ .passage-button {
+ width: 46%;
+ }
+
+ ion-scroll {
+ height: 250px;
+ }
}
}
@media screen and (max-width: 799px) and (min-width: 700px) {
- words .passage-button
- {
- width: 31%;
+ words {
+ .passage-button {
+ width: 31%;
+ }
+
+ ion-scroll {
+ height: 300px;
+ }
}
}
@media screen and (max-width: 899px) and (min-width: 800px) {
- words .passage-button
- {
- width: 23%;
+ words {
+ .passage-button {
+ width: 23%;
+ }
+
+ ion-scroll {
+ height: 350px;
+ }
}
}
@media screen and (max-width: 1199px) and (min-width: 900px) {
- words .passage-button
- {
- width: 18%;
- }
-}
-@media screen and (min-width: 1200px) {
- words .passage-button
- {
- width: 13.5%;
+ words {
+ .passage-button {
+ width: 18%;
+ }
+
+ ion-scroll {
+ height: 350px;
+ }
}
}
-words .passage-button
-{
- font-size: 1em;
- float: left;
- padding: .5em;
- background-color: #fceeee;
- margin: .3em;
- text-align: center;
+@media screen and (min-width: 1200px) {
+ words {
+ .passage-button {
+ width: 13.5%;
+ }
+
+ ion-scroll {
+ height: 350px;
+ }
+ }
}
\ No newline at end of file
diff --git a/icon.psd b/icon.psd
index bb56c3a0..336b3bbf 100644
Binary files a/icon.psd and b/icon.psd differ
diff --git a/splash.psd b/splash.psd
new file mode 100644
index 00000000..0fc4eb8e
Binary files /dev/null and b/splash.psd differ