Difference between revisions of "Template:C"

From Data JW United
Jump to navigation Jump to search
 
(6 intermediate revisions by the same user not shown)
Line 28: Line 28:
 
| Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
 
| Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.
 
| {{q|11. |To whom else is Isaiah 13:2 directed, and how do they obey it?}}{{q|12.|To whom else is Isaiah 13:2 directed, and how do they obey it?}} }}
 
| {{q|11. |To whom else is Isaiah 13:2 directed, and how do they obey it?}}{{q|12.|To whom else is Isaiah 13:2 directed, and how do they obey it?}} }}
= Required css =
+
= Required css on the instance where is it used=
 +
<code><nowiki>
 +
.two-columns-container {
 +
display: flex;
 +
    text-align: justify;
 +
}
 +
.two-columns-container .first-column {
 +
flex: 1;
 +
    margin-right: 20px;
 +
}
 +
.two-columns-container .second-column {
 +
flex: 1;
 +
}
 +
.two-columns-container .column-questions-delimiter {
 +
border-top: 0.15em solid;
 +
    width: 56px;
 +
    color: #5f6367;
 +
    background-color: inherit;
 +
}
 +
.two-columns-container .column-question-container {
 +
font-size: 11.9px;
 +
}
 +
 
 +
@media only screen and (max-width: 855px), print {
 +
  .two-columns-container {
 +
  flex-direction:column;
 +
  }
 +
  .two-columns-container .first-column {
 +
  margin-right: 0;
 +
  margin-bottom: 5px;
 +
  }
 +
  .two-columns-container .second-column {
 +
  margin-bottom: 5px;
 +
  }
 +
}
 +
</nowiki></code>
  
 
</noinclude>
 
</noinclude>
<includeonly>
+
<includeonly>{{#ifeq: {{{1}}} |q| <div class="two-columns-container"><div class="first-column"><div display:flex; flex-direction:column><div>{{{2}}}</div><hr class="column-questions-delimiter"><div class="column-question-container">{{{3}}}</div></div></div><div class="second-column"><div display:flex; flex-direction:column><div>{{{2}}}</div><hr class="column-questions-delimiter"><div class="column-question-container">{{{5}}}</div></div></div></div></div>  | <div class="two-columns-container" ><div class="first-column">{{{1}}}</div><div class="second-column">{{{2}}}</div></div>}}</includeonly>
{{#ifeq: {{{1}}} |q| <div class="two-columns-container" style="display:flex;max-width:720px;text-align:justify"><div class="first-column" style="flex:1;margin-right:20px"><div display:flex; flex-direction:column><div>{{{2}}}</div><hr style="border-top: 0.15em solid;width:56px;color:#5f6367;background-color: inherit;"><div style="font-size: 11.9px;">{{{3}}}</div></div></div><div class="second-column" style="flex:1;"><div display:flex; flex-direction:column><div>{{{2}}}</div><hr style="border-top: 0.15em solid;width: 56px;color:#5f6367;background-color: inherit;"><div style="font-size: 11.9px;">{{{5}}}</div></div></div></div></div>  | <div style="display:flex;max-width:720px;text-align:justify"><div style="flex:1;margin-right:20px">{{{1}}}</div><div style="flex:1">{{{2}}}</div></div>}}
 
</includeonly>
 

Latest revision as of 05:34, 30 September 2020

This template is being used to split text in two columns. This template require css additions on the instance where is hosted. Please checkout the required css.

No questions

{{c |first column content|second column content}}

Example

{{c
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
| Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.}}

Result

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.

With questions

{{c |first column content|questions in first column|second column content|questions in second column}}

Example

{{c
| q | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
| Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.}}

Result

Role they must play as Jehovah's witnesses in the Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Role they must play as Jehovah's witnesses in the Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Required css on the instance where is it used

.two-columns-container { display: flex; text-align: justify; } .two-columns-container .first-column { flex: 1; margin-right: 20px; } .two-columns-container .second-column { flex: 1; } .two-columns-container .column-questions-delimiter { border-top: 0.15em solid; width: 56px; color: #5f6367; background-color: inherit; } .two-columns-container .column-question-container { font-size: 11.9px; } @media only screen and (max-width: 855px), print { .two-columns-container { flex-direction:column; } .two-columns-container .first-column { margin-right: 0; margin-bottom: 5px; } .two-columns-container .second-column { margin-bottom: 5px; } }