Difference between revisions of "Template:Wc-en-1920-1931"

From Data JW United
Jump to navigation Jump to search
Line 12: Line 12:
  
 
<includeonly>
 
<includeonly>
<div id="cover-container" style="display:flex;flex-wrap: wrap;display: inline-flex;flex-wrap: wrap;margin: -12px 0 0 -12px;width: calc(100% + 12px);">
+
<div id="cover-container" style="display: flex; flex-wrap: wrap; display: inline-flex; flex-wrap: wrap; margin: -12px 0 0 -12px; width: calc(100% + 12px);">
 
+
    <div
<div id="cover-right-side" style="display: flex;flex-direction: column;border-style: double;padding: 12px 24px 12px 24px;background-color: #f8f9fa;border: 1px solid #c8ccd1;flex: 1;/* margin-left: 32px; */margin: 12px 0 0 12px;justify-content: space-evenly;">
+
        id="cover-right-side"
<div id="right-side-header" style="display: flex;align-items: center;justify-content: center;">
+
        style="
<div id="cover-description" style="background: white;border: 1px solid #c8ccd1;padding: 12px 24px 12px 24px;display: flex;flex-direction: column; align-items: center;width: 90%;">
+
            display: flex;
          <p style="font-size:1.8em>The Watchtower</p>
+
            flex-direction: column;
  <p style="margin:0;line-height:0">and</p>
+
            border-style: double;
  <h3>Herald of Christ's presence</h3>
+
            padding: 12px 24px 12px 24px;
<p>ROCK OF AGES<p>
+
            background-color: #f8f9fa;
<p>Other foundation can no man lay -</p>  
+
            border: 1px solid #c8ccd1;
<p>A RANSOM FOR ALL</p>
+
            flex: 1; /* margin-left: 32px; */
                </div>
+
            margin: 12px 0 0 12px;
 
+
            justify-content: space-evenly;
 
+
        "
 +
    >
 +
        <div id="right-side-header" style="display: flex; align-items: center; justify-content: center;">
 +
            <div id="cover-description" style="background: white; border: 1px solid #c8ccd1; padding: 12px 24px 12px 24px; display: flex; flex-direction: column; align-items: center; width: 90%;">
 +
                <p style="font-size: 1.8em;">The Watchtower</p>
 +
                <p style="margin: 0; line-height: 0;">and</p>
 +
                <h3>Herald of Christ's presence</h3>
 +
                <p>ROCK OF AGES</p>
 +
                <p></p>
 +
                <p>Other foundation can no man lay -</p>
 +
                <p>A RANSOM FOR ALL</p>
 
             </div>
 
             </div>
<div style="display: flex;
+
        </div>
    flex-direction: column;
+
        <div style="display: flex; flex-direction: column; justify-content: center;">
    justify-content: center;>
+
            <h3 style="text-align: center; font-size: 2em;">Watchman, What of the Night?</h3>
<h3 style="text-align:center;font-size:2em;">Watchman, What of the Night?</h3>
+
            <h4 style="text-align: center;">The Morning Cometh, and a Night also! - Isaiah</h4>
<h4 style="text-align:center">The Morning Cometh, and a Night also! - Isaiah</h4>
+
            <p style="margin-top: 2em; text-align: center;">CONTENTS</p>
<p style="margin-top:2em;text-align:center">CONTENTS</p>
+
            <div id="right-side-body" style="display: flex; flex-direction: column; align-items: center; background: white; border: 1px solid #c8ccd1; padding: 12px 24px 12px 24px; margin: 0.5em 1em 1.5em 1em;"></div>
<div id="right-side-body" style="display: flex;flex-direction: column;align-items: center;background: white;border: 1px solid #c8ccd1;padding: 12px 24px 12px 24px;margin: .5em 1em 1.5em 1em">
+
        </div>
{{#if:{{{2|}}}|{{{2}}}}}{{#if:{{{3|}}}|{{{3}}}}}{{#if:{{{4|}}}|{{{4}}}}}{{#if:{{{5|}}}|{{{5}}}}}{{#if:{{{6|}}}|{{{6}}}}}{{#if:{{{7|}}}|{{{7}}}}}{{#if:{{{8|}}}|{{{8}}}}}{{#if:{{{9|}}}|{{{9}}}}}{{#if:{{{10|}}}|{{{10}}}}}{{#if:{{{11|}}}|{{{11}}}}}{{#if:{{{12|}}}|{{{12}}}}}{{#if:{{{13|}}}|{{{13}}}}}{{#if:{{{14|}}}|{{{14}}}}}{{#if:{{{15|}}}|{{{15}}}}}{{#if:{{{16|}}}|{{{16}}}}}{{#if:{{{17|}}}|{{{17}}}}}{{#if:{{{18|}}}|{{{18}}}}}{{#if:{{{19|}}}|{{{19}}}}}{{#if:{{{20|}}}|{{{20}}}}}{{#if:{{{21|}}}|{{{21}}}}}
+
        <div id="right-side-footer" style="display: flex; flex-direction: column; align-items: center;">
            </div>
 
</div>
 
<div id="right-side-footer" style="display: flex;flex-direction: column;align-items: center;">
 
 
             <p>"I will stand upon my watch and will set my foot upon the Tower, and will watch to see what He will say unto me, and what answer I shall make to them that oppose me." - Habakkuk 2:1</p>
 
             <p>"I will stand upon my watch and will set my foot upon the Tower, and will watch to see what He will say unto me, and what answer I shall make to them that oppose me." - Habakkuk 2:1</p>
 +
        </div>
 +
    </div>
 +
    <div id="cover-left-side" style="flex: 1; justify-content: right; margin: 12px 0 0 12px; display: flex; flex-direction: column;">
 +
        <div id="cover-left-side-body" style="background-color: #f8f9fa; border: 1px solid #c8ccd1; padding: 12px 24px 12px 24px; display: flex; align-items: center;">
 +
            <div id="cover-page" style="flex: 1; display: flex; justify-content: center;">
 +
                [[File:{{{1}}}|class=dynamic-size-image|''“{{{1}}}”'']]
 
             </div>
 
             </div>
</div>
 
<div id="cover-left-side" style="flex:1;justify-content: right;margin: 12px 0 0 12px;display:flex;flex-direction:column;">
 
<div id="cover-left-side-body" style="background-color: #f8f9fa;border:1px solid #c8ccd1;padding: 12px 24px 12px 24px;display: flex;align-items: center;">
 
<div id="cover-page" style="flex: 1;display: flex;justify-content: center;">
 
[[File:{{{1}}}|class=dynamic-size-image|''“{{{1}}}”'']]
 
</div>
 
 
</div>
 
<div id="cover-left-side-footer" style="color: #000;background-color: #f8f9fa;border: 1px solid #eaecf0; padding: 1em;margin-top: 14px;text-align: justify;flex: 1;display: flex;align-items: center;">
 
            <p style="text-align:justify">Upon the earth distress of nations, with perplexity; the sea and the waves [the restless, discontented] roaring; men's hearts failing them for fear, and for looking after those things which are coming on the earth: for the powers of heaven shall be shaken. ... When these things begin to come to pass, then know that the Kingdom of God is at hand. Look up, and lift up your heads; for your redemption draweth nigh. - Luke 21:25-31; Matthew 24:33; Mark 13:29.</p>
 
 
         </div>
 
         </div>
</div>
+
        <div id="cover-left-side-footer" style="color: #000; background-color: #f8f9fa; border: 1px solid #eaecf0; padding: 1em; margin-top: 14px; text-align: justify; flex: 1; display: flex; align-items: center;">
 +
            <p style="text-align: justify;">
 +
                Upon the earth distress of nations, with perplexity; the sea and the waves [the restless, discontented] roaring; men's hearts failing them for fear, and for looking after those things which are coming on the earth: for the
 +
                powers of heaven shall be shaken. ... When these things begin to come to pass, then know that the Kingdom of God is at hand. Look up, and lift up your heads; for your redemption draweth nigh. - Luke 21:25-31; Matthew 24:33;
 +
                Mark 13:29.
 +
            </p>
 +
        </div>
 +
    </div>
 
</div>
 
</div>
 
</includeonly>
 
</includeonly>

Revision as of 12:15, 3 October 2020


Template:Wc-en-00 Note: This template needs the following css on your instance: .dynamic-size-image { width:100%; height:100%; }