Template: PsalmImage: Difference between revisions

From Psalms: Layer by Layer
Jump to: navigation, search
No edit summary
No edit summary
 
(2 intermediate revisions by 2 users not shown)
Line 37: Line 37:
{{PsalmImage |150| 4}}
{{PsalmImage |150| 4}}
</div>
</div>
 
== Fifth style ==
<div class="index" style="display: flex; flex-wrap: wrap;">
{{PsalmImage |1 | 5}}
{{PsalmImage |100| 5}}
{{PsalmImage |101| 5}}
{{PsalmImage | 101| 5}}
{{PsalmImage |101 | 5}}
{{PsalmImage | 101 | 5}}
{{PsalmImage |150| 5}}
</div>


== Test Front Pages ==
== Test Front Pages ==
Line 45: Line 54:
|/\w/}}{{#vardefine: num | 1}}{{#arrayprint: pss |<nowiki> </nowiki>|@ps
|/\w/}}{{#vardefine: num | 1}}{{#arrayprint: pss |<nowiki> </nowiki>|@ps
|  
|  
{{PsalmImage |{{#var: num}}| 3 }}{{#vardefine: num | {{#expr: {{#var: num}} + 1}} }}  
{{PsalmImage |{{#var: num}}| 5 }}{{#vardefine: num | {{#expr: {{#var: num}} + 1}} }}  
}}
}}
</div>
</div>
Line 55: Line 64:
   | {{#ifeq: {{#show: Psalm_{{{1|1}}} |? Exegesis Status }} | Complete
   | {{#ifeq: {{#show: Psalm_{{{1|1}}} |? Exegesis Status }} | Complete
       | {{#if: {{#show: Psalm_{{{1|1}}} |? Translation Challenges }}
       | {{#if: {{#show: Psalm_{{{1|1}}} |? Translation Challenges }}
             | #A0B9FF
             | #9A393B
             | rgb(148, 193, 174) <!--#C599FF -->
             | rgb(222, 131, 94) <!--#C599FF -->
           }}
           }}
       |rgb(208, 208, 208)  <!-- #B7B7B7 -->
       |rgb(244, 234, 219)  <!-- #B7B7B7 -->
     }}
     }}
}}{{#vardefine:borderColor  
}}{{#vardefine:borderColor  
   | {{#ifeq: {{#show: Psalm_{{{1|1}}} |? Exegesis Status }} | Complete
   | {{#ifeq: {{#show: Psalm_{{{1|1}}} |? Exegesis Status }} | Complete
       | {{#if: {{#show: Psalm_{{{1|1}}} |? Translation Challenges }}
       | {{#if: {{#show: Psalm_{{{1|1}}} |? Translation Challenges }}
             | #0032BF
             | #9A393B
             | rgb(118, 153, 139) <!-- #6106D8 -->
             | rgb(222, 131, 94) <!-- #6106D8 -->
           }}
           }}
       | #B7B7B7 <!-- #525252 -->
       | #F4EADB <!-- #525252 -->
       }}  
       }}  
}}{{#vardefine: imageStyle
}}{{#vardefine:imageStyle
| {{#ifeq: {{#show: Psalm_{{{1|1}}} |? Exegesis Status }} | Complete
| {{#if: {{{style|}}}
    | 3
    | {{{style}}}
    | {{{2|1}}}
    | {{#if: {{{2|}}}
  }}
        | {{{2}}}
        | {{#ifeq: {{#show: Psalm_{{{1|1}}} |? Exegesis Status }} | Complete | 3 | 5 }}
      }}
  }}
}}{{#vardefine: progress
}}{{#vardefine: progress
   |{{#if: {{#show: Psalm_{{{1|1}}} |? Progress }}
   |{{#if: {{#show: Psalm_{{{1|1}}} |? Progress }}
     |{{#show: Psalm_{{{1|1}}} |? Progress }}
     |{{#show: Psalm_{{{1|1}}} |? Progress }}
     |0}}
     |0}}
}}
}}<div class="index-item">
<div class="index-item" style="padding: 0em 0em;">
{{#switch: {{#var: imageStyle}}
{{#switch: {{#var: imageStyle}}
|0=
|0=
Line 113: Line 124:
</div>
</div>
</div>
</div>
|2=
|2=<div style="width: 60px; height: 60px; border: 2px solid white; border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center; background-color: rgb(118, 153, 139) ;"><div style="width: 50px; height: 50px;  
<div style="width: 60px; height: 60px; border: 2px solid white; border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center; background-color: rgb(118, 153, 139) ;">
 
  <div style="width: 50px; height: 50px;  
               border-radius: 50%;  
               border-radius: 50%;  
               position: relative;  
               position: relative;  
Line 128: Line 136:
</div>
</div>
|3=
|3=
<div style="width:60px; height:60px; background-color:{{#var:borderColor}}; border:2px solid white; border-radius:50%; display:flex; align-items:center; justify-content:center;">
<div style="width:60px; height:60px; background-color:{{#var:borderColor}}; border:2px solid transparent; border-radius:50%; display:flex; align-items:center; justify-content:center;">


<div style=" width: 50px;
<div style=" width: 50px;
Line 165: Line 173:
  | [{{fullurl:Psalm_Overview_{{{1|1}}}|action=edit&preload=Psalm_Overview_19}} <span style="color:red">{{{1|1}}}</span>]
  | [{{fullurl:Psalm_Overview_{{{1|1}}}|action=edit&preload=Psalm_Overview_19}} <span style="color:red">{{{1|1}}}</span>]


}}</div>
</div>
|5=
{{#vardefine: legendClass
  |{{#switch: {{#show: Psalm_{{{1|1}}} |? Exegesis Status }}
    | Complete = {{#if: {{#show: Psalm_{{{1|1}}} |? Translation Challenges }}
                  | legend-translation
                  | legend-completed }}
    | In-Progress = legend-inprogress
    | #default = {{#if: {{#show: Psalm_{{{1|1}}} |? Overview Video }}
                  | legend-inprogress
                  | legend-planning }}
  }}
}}
{{#vardefine: legendStatus
  |{{#if: {{#show: Psalm_{{{1|1}}} |? Translation Challenges }}
    | legend-translation
    | legend-borderless }}
}}
}}
<div class="legend-circle-outer {{#var:legendStatus}}">
<div class="legend-circle-inner {{#var:legendClass}}">
[[Psalm_{{{1|1}}}/Home|<span style="color:white">{{{1|1}}}</span>]]
</div>
</div>
</div>
</div>


}}
}}</div></includeonly>
</div>
 
 
 
</includeonly>

Latest revision as of 20:55, 19 June 2025


This template builds the image for the front page.

{{PsalmImage | 1 }}

First style

Second style

Third style

Fourth style

Fifth style

Test Front Pages