Difference between revisions of "Template:Story"

From A3! Wiki
m
(Ah, didnt notice Template:Event Story had this already)
 
(14 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<includeonly><div class="flex-container" style="width: 90%; flex-direction: row-reverse;">
+
<includeonly>{{#css:
 +
    .flex-container {
 +
        flex-direction: row-reverse;
 +
        margin: 1em 0;
 +
    }
 +
 
 +
@media only screen and (max-width: 63em) {
 +
    .flex-container {
 +
      width: 100%;
 +
    }
 +
}
 +
}}<div class="flex-container">
 
<div class="flex-title" style="margin: auto; max-width: 14rem; padding: 1rem;">[[File:{{{image|}}}|x300px|center|link=]]</div>
 
<div class="flex-title" style="margin: auto; max-width: 14rem; padding: 1rem;">[[File:{{{image|}}}|x300px|center|link=]]</div>
 
<div class="flex-title">
 
<div class="flex-title">
   <div class="flex-title storynav-title" style="background: {{#if: {{{troupe|}}} |var(--{{lc:{{{troupe|}}}}}) | var(--default-light) }};">{{{title|}}}</div>
+
   <div class="flex-title storynav-title" style="background: {{#if: {{{troupe|}}} |var(--{{lc:{{{troupe|}}}}}) | var(--default-light) }}; {{#switch: {{{troupe}}} | masumi | itaru | banri | juza | taichi | omi | azami | tsumugi | tasuku | hisoka | homare | azuma | guy=color: white;|#default=}}">{{{title|}}}</div>
   <div class="grid-chapters {{#if: {{{troupe|}}} | grid-{{lc:{{{troupe|}}}}} | }}" style="align-content: start; ">
+
   <div class="grid-chapters {{#if: {{{troupe|}}} | grid-{{lc:{{{troupe|}}}}} |}}">
 
{{{chapters|}}}
 
{{{chapters|}}}
 
   </div>
 
   </div>
 
</div>
 
</div>
 
</div>
 
</div>
</includeonly><noinclude>
+
</includeonly>
 +
<noinclude>
  
 
<pre>
 
<pre>
Line 83: Line 95:
 
<div>Chapter 4<br>Something</div>
 
<div>Chapter 4<br>Something</div>
 
}}
 
}}
 
  
 
{{Story
 
{{Story
|troupe=AUTUMN
+
|troupe=juza
 
|image=Prologue.png
 
|image=Prologue.png
 
|title=Prologue
 
|title=Prologue

Latest revision as of 19:11, 9 January 2023


{{Story
|troupe= (not case sensitive)
|image=Prologue.png
|title=
|chapters=<div>Chapter 1<br>A Very Long Title</div>
<div>Chapter 2<br>Something</div>
<div>Chapter 3<br>Something</div>
<div>Chapter 4<br>Something</div>
}}
Prologue.png
Prologue
Chapter 1
A Very Long Title
Chapter 2
Something
Chapter 3
Something
Chapter 4
Something




Prologue.png
Prologue
Chapter 1
A Very Long Title
Chapter 2
Something
Chapter 3
Something
Chapter 4
Something


Prologue.png
Prologue
Chapter 1
A Very Long Title
Chapter 2
Something
Chapter 3
Something
Chapter 4
Something