Template: PsalmImage: Difference between revisions

From Psalms: Layer by Layer
Jump to: navigation, search
mNo edit summary
mNo edit summary
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" style="padding: 0em 0em;">
}}<div class="index-item">
{{#switch: {{#var: imageStyle}}
{{#switch: {{#var: imageStyle}}
|0=<!-- use icon -->
|0=
<!-- use icon -->
<div style="position: relative; width: 160px; height: 160px;">
<div style="position: relative; width: 160px; height: 160px;">
<div style="width:150px; height:150px; border:5px solid {{#var:circleColor}}; border-radius:50%; overflow:hidden; display:flex; align-items:center; justify-content:center;">
<div style="width:150px; height:150px; border:5px solid {{#var:circleColor}}; border-radius:50%; overflow:hidden; display:flex; align-items:center; justify-content:center;">
Line 123: 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 161: Line 174:


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

Revision as of 21:28, 27 May 2025


This template builds the image for the front page. 

{{PsalmImage | 1 }}

First style

8

14

Second style

19

88

99

Third style

Fourth style

Fifth style

1

100

101

101

101

101

150

Test Front Pages

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150