Template:Newsletter: Difference between revisions
Template page
More actions
Content deleted Content added
LordSkorne7 (talk | contribs) No edit summary Tag: 2017 source edit |
Tesinormed (talk | contribs) No edit summary Tag: 2017 source edit |
||
| (33 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<includeonly>__NOTOC__<templatestyles src="Template:Newsletter/styles.css"/><div class="amaranth-legacy-newsletter" style=" |
|||
<includeonly> |
|||
--template-arg-background-color:{{{background-color|var(--color-surface-2)}}}; |
|||
<templatestyles src="Template:Amaranth Legacy Newsletter/styles.css" /> |
|||
--template-arg-color:{{{color|var(--color-amaranth-legacy-scope)}}}; |
|||
<div style="background: {{{background|transparent}}}; border: 4px solid {{{bordercolor|#60add5}}}; padding: 1.5em; font-family: {{{font|Arial, sans-serif}}}; color: {{{textcolor|#60add5}}}; max-width: 1100px; margin: auto; {{#if:{{{glow|}}}|box-shadow: 0 0 15px {{{bordercolor|#60add5}}};|}}"> |
|||
{{yesno|{{yesno-no|{{{glow|}}}}}|yes=box-shadow: var(--template-arg-color) 0 0 10px;}} |
|||
"> |
|||
<!-- Header --> |
|||
{{Hatnote2 |
|||
<div style="display: flex; justify-content: center; align-items: center; font-size: {{{titlesize|2em}}}; font-weight: bold; color: {{{titlecolor|#60add5}}}; text-shadow: {{#if:{{{glow|}}}|0 0 5px {{{titlecolor|#60add5}}}|none}};"> |
|||
|file1={{{file|Glypht.png}}} |
|||
<span style="margin-right: 0.5em;">[[File:{{{leftimage|glypht.png}}}|40px]]</span> |
|||
|file2={{{file|Glypht.png}}} |
|||
<span style="letter-spacing: 3px;">{{{title|AMARANTH WEEKLY}}}</span> |
|||
|color={{{color|}}} |
|||
<span style="margin-left: 0.5em;">[[File:{{{rightimage|glypht.png}}}|40px]]</span> |
|||
|primary=<h2 class="amaranth-legacy-newsletter-title">{{{for|Amaranth Legacy}}}{{#if: {{{schedule|}}}|<nowiki> </nowiki>{{{schedule}}}}}{{yesno|{{yesno-yes|{{{is_newsletter|}}}}}|yes=<nowiki> </nowiki>Newsletter}}</h2> |
|||
|secondary=Issued '''{{{date}}}'''<br>By '''{{{author}}}''' |
|||
}} |
|||
<div class="amaranth-legacy-newsletter-overview"> |
|||
{{{overview}}} |
|||
</div> |
</div> |
||
<div class="amaranth-legacy-newsletter-sections">{{{sections}}}</div> |
|||
</div></includeonly><noinclude>__NOTOC__ |
|||
<!-- Subtitle --> |
|||
<div style="text-align: center; font-size: 1em; margin-top: 0.2em; font-weight: bold;">{{{subtitle|}}}</div> |
|||
<!-- Overview --> |
|||
<div style="text-align: center; font-size: 1.2em; margin-top: 1em; margin-bottom: 1em;">{{{overview|}}}</div> |
|||
<hr style="border: none; border-top: 2px solid {{{bordercolor|#60add5}}}; margin: 1.5em 0;" /> |
|||
<!-- Section Grid --> |
|||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 2em;"> |
|||
<!-- LEFT: Sections 1 - 20 --> |
|||
<div> |
|||
{{#if:{{{section1_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold;">{{{section1_title}}}</div><hr style="border: none; border-top: 1px solid {{{section1_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section1_text}}}</div>}} |
|||
{{#if:{{{section2_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section2_title}}}</div><hr style="border: none; border-top: 1px solid {{{section2_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section2_text}}}</div>}} |
|||
{{#if:{{{section3_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section3_title}}}</div><hr style="border: none; border-top: 1px solid {{{section3_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section3_text}}}</div>}} |
|||
{{#if:{{{section4_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section4_title}}}</div><hr style="border: none; border-top: 1px solid {{{section4_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section4_text}}}</div>}} |
|||
{{#if:{{{section5_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section5_title}}}</div><hr style="border: none; border-top: 1px solid {{{section5_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section5_text}}}</div>}} |
|||
{{#if:{{{section6_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section6_title}}}</div><hr style="border: none; border-top: 1px solid {{{section6_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section6_text}}}</div>}} |
|||
{{#if:{{{section7_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section7_title}}}</div><hr style="border: none; border-top: 1px solid {{{section7_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section7_text}}}</div>}} |
|||
{{#if:{{{section8_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section8_title}}}</div><hr style="border: none; border-top: 1px solid {{{section8_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section8_text}}}</div>}} |
|||
{{#if:{{{section9_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section9_title}}}</div><hr style="border: none; border-top: 1px solid {{{section9_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section9_text}}}</div>}} |
|||
{{#if:{{{section10_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section10_title}}}</div><hr style="border: none; border-top: 1px solid {{{section10_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section10_text}}}</div>}} |
|||
{{#if:{{{section11_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section11_title}}}</div><hr style="border: none; border-top: 1px solid {{{section11_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section11_text}}}</div>}} |
|||
{{#if:{{{section12_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section12_title}}}</div><hr style="border: none; border-top: 1px solid {{{section12_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section12_text}}}</div>}} |
|||
{{#if:{{{section13_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section13_title}}}</div><hr style="border: none; border-top: 1px solid {{{section13_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section13_text}}}</div>}} |
|||
{{#if:{{{section14_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section14_title}}}</div><hr style="border: none; border-top: 1px solid {{{section14_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section14_text}}}</div>}} |
|||
{{#if:{{{section15_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section15_title}}}</div><hr style="border: none; border-top: 1px solid {{{section15_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section15_text}}}</div>}} |
|||
{{#if:{{{section16_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section16_title}}}</div><hr style="border: none; border-top: 1px solid {{{section16_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section16_text}}}</div>}} |
|||
{{#if:{{{section17_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section17_title}}}</div><hr style="border: none; border-top: 1px solid {{{section17_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section17_text}}}</div>}} |
|||
{{#if:{{{section18_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section18_title}}}</div><hr style="border: none; border-top: 1px solid {{{section18_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section18_text}}}</div>}} |
|||
{{#if:{{{section19_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section19_title}}}</div><hr style="border: none; border-top: 1px solid {{{section19_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section19_text}}}</div>}} |
|||
{{#if:{{{section20_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section20_title}}}</div><hr style="border: none; border-top: 1px solid {{{section20_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section20_text}}}</div>}} |
|||
</div> |
|||
<!-- RIGHT: Sections 21 - 40 --> |
|||
<div> |
|||
{{#if:{{{section21_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold;">{{{section21_title}}}</div><hr style="border: none; border-top: 1px solid {{{section21_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section21_text}}}</div>}} |
|||
{{#if:{{{section22_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section22_title}}}</div><hr style="border: none; border-top: 1px solid {{{section22_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section22_text}}}</div>}} |
|||
{{#if:{{{section23_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section23_title}}}</div><hr style="border: none; border-top: 1px solid {{{section23_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section23_text}}}</div>}} |
|||
{{#if:{{{section24_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section24_title}}}</div><hr style="border: none; border-top: 1px solid {{{section24_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section24_text}}}</div>}} |
|||
{{#if:{{{section25_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section25_title}}}</div><hr style="border: none; border-top: 1px solid {{{section25_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section25_text}}}</div>}} |
|||
{{#if:{{{section26_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section26_title}}}</div><hr style="border: none; border-top: 1px solid {{{section26_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section26_text}}}</div>}} |
|||
{{#if:{{{section27_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section27_title}}}</div><hr style="border: none; border-top: 1px solid {{{section27_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section27_text}}}</div>}} |
|||
{{#if:{{{section28_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section28_title}}}</div><hr style="border: none; border-top: 1px solid {{{section28_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section28_text}}}</div>}} |
|||
{{#if:{{{section29_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section29_title}}}</div><hr style="border: none; border-top: 1px solid {{{section29_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section29_text}}}</div>}} |
|||
{{#if:{{{section30_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section30_title}}}</div><hr style="border: none; border-top: 1px solid {{{section30_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section30_text}}}</div>}} |
|||
{{#if:{{{section31_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section31_title}}}</div><hr style="border: none; border-top: 1px solid {{{section31_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section31_text}}}</div>}} |
|||
{{#if:{{{section32_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section32_title}}}</div><hr style="border: none; border-top: 1px solid {{{section32_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section32_text}}}</div>}} |
|||
{{#if:{{{section33_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section33_title}}}</div><hr style="border: none; border-top: 1px solid {{{section33_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section33_text}}}</div>}} |
|||
{{#if:{{{section34_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section34_title}}}</div><hr style="border: none; border-top: 1px solid {{{section34_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section34_text}}}</div>}} |
|||
{{#if:{{{section35_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section35_title}}}</div><hr style="border: none; border-top: 1px solid {{{section35_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section35_text}}}</div>}} |
|||
{{#if:{{{section36_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section36_title}}}</div><hr style="border: none; border-top: 1px solid {{{section36_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section36_text}}}</div>}} |
|||
{{#if:{{{section37_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section37_title}}}</div><hr style="border: none; border-top: 1px solid {{{section37_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section37_text}}}</div>}} |
|||
{{#if:{{{section38_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section38_title}}}</div><hr style="border: none; border-top: 1px solid {{{section38_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section38_text}}}</div>}} |
|||
{{#if:{{{section39_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section39_title}}}</div><hr style="border: none; border-top: 1px solid {{{section39_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section39_text}}}</div>}} |
|||
{{#if:{{{section40_title|}}}|<div style="font-size: 1.5em; color: {{{titlecolor|#60add5}}}; font-weight: bold; margin-top: 2em;">{{{section40_title}}}</div><hr style="border: none; border-top: 1px solid {{{section40_color|#60add5}}}; margin: 0.5em 0;" /><div>{{{section40_text}}}</div>}} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</includeonly> |
|||
<noinclude> |
|||
<templatedata> |
<templatedata> |
||
{ |
{ |
||
"params": { |
|||
"description": "Generates a newsletter block styled in the 'Amaranth Legacy' style with customizable sections, colors, font, and layout.", |
|||
"background-color": { |
|||
"label": "Background color", |
|||
"title": { "type": "string", "description": "Main header title text", "default": "AMARANTH WEEKLY" }, |
|||
"type": "string", |
|||
"titlesize": { "type": "string", "description": "CSS size for title text", "default": "2em" }, |
|||
"default": "var(--color-surface-2)" |
|||
"subtitle": { "type": "string", "description": "Optional subtitle or author/timestamp slot" }, |
|||
}, |
|||
"overview": { "type": "string", "description": "Optional overview section displayed beneath subtitle" }, |
|||
"color": { |
|||
"leftimage": { "type": "string", "description": "Image on the left side of the title", "default": "glypht.png" }, |
|||
"label": "Color", |
|||
"rightimage": { "type": "string", "description": "Image on the right side of the title", "default": "glypht.png" }, |
|||
"description": "Applies to the border, headers, and box shadow (glow)", |
|||
"type": "string", |
|||
"bordercolor": { "type": "string", "description": "Hex color code for border and lines", "default": "#60add5" }, |
|||
"default": "var(--color-amaranth-legacy-scope)" |
|||
"titlecolor": { "type": "string", "description": "Color for the main title text", "default": "#60add5" }, |
|||
}, |
|||
"textcolor": { "type": "string", "description": "Color for all text", "default": "#60add5" }, |
|||
"glow": { |
|||
"background": { "type": "string", "description": "Background color of the newsletter box", "default": "transparent" }, |
|||
"label": "Enable glow", |
|||
"glow": { "type": "string", "description": "Set to any value to enable outer glow effect", "default": "" } |
|||
"type": "boolean", |
|||
} |
|||
"default": "false", |
|||
"example": "true" |
|||
}, |
|||
"file": { |
|||
"label": "Hatnote image", |
|||
"type": "wiki-file-name", |
|||
"default": "Glypht.png" |
|||
}, |
|||
"for": { |
|||
"label": "For", |
|||
"type": "string", |
|||
"default": "Amaranth Legacy" |
|||
}, |
|||
"schedule": { |
|||
"label": "Schedule", |
|||
"type": "string", |
|||
"suggestedvalues": [ |
|||
"Monthly", |
|||
"Weekly", |
|||
"Daily" |
|||
], |
|||
"suggested": true |
|||
}, |
|||
"date": { |
|||
"label": "Date", |
|||
"type": "string", |
|||
"required": true, |
|||
"example": "April 2025" |
|||
}, |
|||
"author": { |
|||
"label": "Author", |
|||
"type": "string", |
|||
"required": true |
|||
}, |
|||
"overview": { |
|||
"label": "Overview", |
|||
"type": "content", |
|||
"required": true |
|||
}, |
|||
"sections": { |
|||
"label": "Sections", |
|||
"type": "content", |
|||
"required": true |
|||
} |
|||
}, |
|||
"format": "block", |
|||
"description": "Creates a newsletter issue (available for use by everyone)" |
|||
} |
} |
||
</templatedata> |
</templatedata> |
||
==Example== |
|||
See [[Amaranth Legacy:Newsletter/2025/April]]. |
|||
[[Category:Templates: tesinormed]] |
|||
</noinclude> |
</noinclude> |
||
Latest revision as of 02:38, May 27, 2025
Creates a newsletter issue (available for use by everyone)
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| Background color | background-color | no description
| String | optional |
| Color | color | Applies to the border, headers, and box shadow (glow)
| String | optional |
| Enable glow | glow | no description
| Boolean | optional |
| Hatnote image | file | no description
| File | optional |
| For | for | no description
| String | optional |
| Schedule | schedule | no description
| String | suggested |
| Date | date | no description
| String | required |
| Author | author | no description | String | required |
| Overview | overview | no description | Content | required |
| Sections | sections | no description | Content | required |