Draft:Template:Article: Difference between revisions

From AbhiprayaVedi
← Older editNewer edit →
VisualWikitext
No edit summary
No edit summary
Line 4: Line 4:
<div class="article-container">
<div class="article-container">


<!-- Article Header -->
<!-- Article Header - Sober Colors -->
<div class="article-header">
<div class="article-header">
<h1 style="margin: 0 0 15px 0; font-size: 2.5em; text-shadow: 2px 2px 4px rgba(0,0,0,0.2);">
<h1>{{{DisplayTitle|{{{Title|}}}}}}</h1>
{{{DisplayTitle|{{{Title|}}}}}}
{{#if:{{{Language|}}}|<span class="language-badge">{{#ifeq:{{{Language}}}|Malayalam|മലയാളം|English}}</span>|}}
</h1>
<div style="font-size: 1.1em; opacity: 0.95;">
{{#if:{{{OriginalAuthor|}}}|
<strong>യഥാർത്ഥ രചയിതാവ്:</strong> {{{OriginalAuthor|}}} | <strong>പരിഭാഷ:</strong> {{{Author|}}}
|
<strong>രചയിതാവ്:</strong> {{{Author|}}}
}}
| <strong>തീയതി:</strong> {{{Date|}}} | <strong>വിഭാഗം:</strong> {{{Category|}}}
</div>
</div>
<!-- Author Line - Single Line, Sober -->
<div class="author-line">
<span class="author-info">രചയിതാവ്: {{{Author|}}}</span> •
<span class="date-info">തീയതി: {{{Date|}}}</span>
{{#if:{{{Category|}}}| • <span class="category-info">വിഭാഗം: {{{Category|}}}</span>|}}
</div>
</div>


<!-- Main Content Area with Sidebars -->
<!-- Introduction - Immediately After Author Line -->
<div class="article-layout" style="display: flex; gap: 25px; margin: 20px 0;">
<div class="introduction-box">
{{{Introduction|}}}
</div>


<!-- Left Sidebar - Key Points -->
<!-- Two Column Layout -->
{{#if:{{{KeyPoint1|}}}|
<div class="two-column-layout">
<div class="left-sidebar" style="flex: 0 0 220px;">
 
<div class="sidebar-title" style="color: #92400e;">📌 പ്രധാന പോയിന്റുകൾ</div>
<!-- Main Content Column (Left) -->
<ul class="keypoint-list">
<div class="main-content">
{{#if:{{{KeyPoint1|}}}|<li>{{{KeyPoint1|}}}</li>}}
 
{{#if:{{{KeyPoint2|}}}|<li>{{{KeyPoint2|}}}</li>}}
<!-- Image 1 - Left Aligned at Beginning -->
{{#if:{{{KeyPoint3|}}}|<li>{{{KeyPoint3|}}}</li>}}
{{#if:{{{Image1|}}}|
{{#if:{{{KeyPoint4|}}}|<li>{{{KeyPoint4|}}}</li>}}
<div class="image-left">
</ul>
[[File:{{{Image1}}}|thumb|400px|{{{Image1Caption|}}}]]
</div>
</div>
|}}
|}}


<!-- Main Content Column -->
<!-- Article Content -->
<div class="main-content-column" style="flex: 1; min-width: 0;">
<div class="article-text">
{{{Content|}}}
</div>


<!-- Thumbnail -->
<!-- Additional Images - Can be added manually in content -->
{{#if:{{{Thumbnail|}}}|
{{#if:{{{Image2|}}}|
<div style="float: right; margin: 0 0 20px 20px;">
<div class="content-image">
[[File:{{{Thumbnail}}}|thumb|350px|{{{ThumbnailCaption|}}}]]
[[File:{{{Image2}}}|thumb|center|600px|{{{Image2Caption|}}}]]
</div>
</div>
|}}
|}}


<!-- Introduction Section -->
{{#if:{{{Image3|}}}|
<div class="introduction-box">
<div class="content-image">
{{{Introduction|}}}
[[File:{{{Image3}}}|thumb|center|600px|{{{Image3Caption|}}}]]
</div>
</div>
|}}


<!-- Main Article Content -->
<!-- Source Attribution -->
<div class="article-content">
{{#if:{{{SourceName|}}}|
{{#if:{{{Image1|}}}|
<div class="source-box">
{{{Content|}}}
<div class="source-title">📰 സ്രോതസ്സ്</div>
 
<div class="source-content">
<div style="margin: 35px 0; clear: both;">
<strong>പ്രസിദ്ധീകരണം:</strong> {{{SourceName|}}}
[[File:{{{Image1}}}|thumb|center|700px|{{{Image1Caption|}}}]]
{{#if:{{{OriginalDate|}}}|<br/><strong>തീയതി:</strong> {{{OriginalDate|}}}}}
{{#if:{{{OriginalAuthor|}}}|<br/><strong>യഥാർത്ഥ രചയിതാവ്:</strong> {{{OriginalAuthor|}}}}}
{{#if:{{{SourceURL|}}}|<br/><strong>ലിങ്ക്:</strong> [{{{SourceURL|}}} യഥാർത്ഥ ലേഖനം]}}
{{#if:{{{TranslationType|}}}|<br/><strong>തരം:</strong> {{{TranslationType|}}}}}
{{#if:{{{PermissionNote|}}}|<br/><em>{{{PermissionNote|}}}</em>}}
</div>
</div>
|
{{{Content|}}}
}}
</div>
</div>
|}}


<!-- Additional Images -->
{{#if:{{{Image2|}}}|
<div style="margin: 35px 0;">
<div style="margin: 25px 0;">
[[File:{{{Image2}}}|thumb|center|650px|{{{Image2Caption|}}}]]
</div>
</div>
{{#if:{{{Image3|}}}|
 
<div style="margin: 25px 0;">
<!-- Right Sidebar -->
[[File:{{{Image3}}}|thumb|center|650px|{{{Image3Caption|}}}]]
<div class="right-sidebar">
 
<!-- Author Info Box (Like MediaWiki Infobox) -->
{{#if:{{{Author|}}}|
<div class="infobox author-box">
{{#if:{{{Thumbnail|}}}|
<div class="author-photo">
[[File:{{{Thumbnail}}}|frameless|280px|link={{{Author|}}}]]
</div>
</div>
}}
|}}
<div class="author-name">[[{{{Author|}}}|{{{Author|}}}]]</div>
{{#if:{{{Author_Bio|}}}|
<div class="author-bio-short">
{{{Author_Bio|}}}
</div>
</div>
|}}
|}}
</div>
</div>
|}}


<!-- Right Sidebar - Highlights -->
<!-- Highlights -->
{{#if:{{{Highlight1|}}}|
<div class="right-sidebar" style="flex: 0 0 240px;">
<div class="sidebar-title" style="color: #065f46;">💡 പ്രത്യേക ശ്രദ്ധയ്ക്ക്</div>
{{#if:{{{Highlight1|}}}|
{{#if:{{{Highlight1|}}}|
<div class="highlight-box">
<div class="highlight-box">
{{{Highlight1|}}}
<div class="highlight-title">💡 പ്രധാനം</div>
<div class="highlight-content">{{{Highlight1|}}}</div>
</div>
</div>
}}
|}}
 
{{#if:{{{Highlight2|}}}|
{{#if:{{{Highlight2|}}}|
<div class="highlight-box">
<div class="highlight-box">
{{{Highlight2|}}}
<div class="highlight-title">💡 പ്രധാനം</div>
<div class="highlight-content">{{{Highlight2|}}}</div>
</div>
</div>
}}
|}}
 
{{#if:{{{Highlight3|}}}|
{{#if:{{{Highlight3|}}}|
<div class="highlight-box">
<div class="highlight-box">
{{{Highlight3|}}}
<div class="highlight-title">💡 പ്രധാനം</div>
</div>
<div class="highlight-content">{{{Highlight3|}}}</div>
}}
</div>
</div>
|}}
|}}
Line 104: Line 113:
</div>
</div>


<!-- Source Attribution -->
{{#if:{{{SourceName|}}}|
<div class="source-box">
<div style="font-weight: bold; color: #92400e; margin-bottom: 8px; font-size: 1.1em;">📰 സ്രോതസ്സ് (Source)</div>
<div style="color: #78350f; line-height: 1.7;">
<strong>പ്രസിദ്ധീകരണം:</strong> {{{SourceName|}}}
{{#if:{{{OriginalDate|}}}|<br/><strong>യഥാർത്ഥ തീയതി:</strong> {{{OriginalDate|}}}}}
{{#if:{{{SourceURL|}}}|<br/><strong>ലിങ്ക്:</strong> [{{{SourceURL|}}} യഥാർത്ഥ ലേഖനം കാണുക]}}
{{#if:{{{TranslationType|}}}|<br/><strong>തരം:</strong> {{{TranslationType|}}}}}
{{#if:{{{PermissionNote|}}}|<br/><em>{{{PermissionNote|}}}</em>}}
</div>
</div>
</div>
|}}


<!-- Author/Translator Bio -->
<!-- Floating Key Points Box -->
{{#if:{{{Author_Bio|}}}|
{{#if:{{{KeyPoint1|}}}|
<div class="author-bio-box">
<div class="floating-keypoints">
<div style="font-size: 1.3em; color: #4338ca; font-weight: bold; margin-bottom: 15px;">
<div class="keypoints-title">📌 പ്രധാന പോയിന്റുകൾ</div>
{{#if:{{{OriginalAuthor|}}}|
<ul class="keypoints-list">
✍️ പരിഭാഷകനെക്കുറിച്ച് (About the Translator)
{{#if:{{{KeyPoint1|}}}|<li>{{{KeyPoint1|}}}</li>}}
|
{{#if:{{{KeyPoint2|}}}|<li>{{{KeyPoint2|}}}</li>}}
✍️ രചയിതാവിനെക്കുറിച്ച് (About the Author)
{{#if:{{{KeyPoint3|}}}|<li>{{{KeyPoint3|}}}</li>}}
}}
{{#if:{{{KeyPoint4|}}}|<li>{{{KeyPoint4|}}}</li>}}
</div>
</ul>
<div style="line-height: 1.8; color: #312e81;">
{{{Author_Bio|}}}
</div>
</div>
</div>
|}}
|}}
Line 150: Line 144:


<noinclude>
<noinclude>
{{TemplateData|<nowiki>
== Template Documentation ==
{
 
  "description": "Template for displaying article content with modern styling, sidebars, and metadata. Supports both Malayalam and English with appropriate fonts.",
This template creates a clean, two-column article layout with sober colors.
  "format": "block",
 
  "params": {
=== Layout Structure ===
    "DisplayTitle": {
* **Header**: Title only (no duplication)
      "label": "Display Title",
* **Author Line**: Single line with author, date, category
      "description": "The title as displayed on the article page (in Malayalam or English)",
* **Introduction**: Directly below author line
      "type": "string",
* **Two Columns**:
      "required": true,
** Left: Main content with left-aligned Image1
      "example": "കേരളത്തിലെ കാലാവസ്ഥാ വ്യതിയാനം"
** Right: Author infobox, highlights
    },
* **Floating Key Points**: Appears in content as needed
    "Language": {
 
      "label": "Language",
=== Usage ===
      "description": "Primary language of the article. Affects font rendering.",
Used automatically by Form:Article.
      "type": "string",
 
      "required": true,
=== Image Placement ===
      "default": "Malayalam",
* **Image1**: Left-aligned at content start
      "suggestedvalues": [
* **Image2-3**: Can be placed manually in content or at end
        "Malayalam",
* **Thumbnail**: Used for author photo in infobox
        "English"
 
      ]
=== Manual Image Insertion ===
    },
In the Content field, you can insert images anywhere:
    "Author": {
<pre>
      "label": "Author",
Your text here...
      "description": "Name of the article author or translator",
 
      "type": "string",
[[File:ImageName.jpg|thumb|right|300px|Caption]]
      "required": true,
 
      "example": "രാജേഷ് കുമാർ"
More text...
    },
 
    "Date": {
[[File:AnotherImage.png|thumb|left|350px|Another caption]]
      "label": "Publication Date",
</pre>
      "description": "Date of article publication",
      "type": "date",
      "required": true
    },
    "Category": {
      "label": "Category",
      "description": "Main category for the article",
      "type": "string",
      "required": true,
      "suggestedvalues": [
        "Politics",
        "Society",
        "Culture",
        "Science",
        "Literature",
        "Cinema",
        "Environment",
        "Economics",
        "Opinion"
      ]
    },
    "Introduction": {
      "label": "Introduction",
      "description": "Brief 2-3 sentence introduction to the article",
      "type": "content",
      "required": true
    },
    "Content": {
      "label": "Main Content",
      "description": "Full text of the article",
      "type": "content",
      "required": true
    },
    "Thumbnail": {
      "label": "Main Thumbnail",
      "description": "Main image that appears at top-right of article",
      "type": "wiki-file-name",
      "required": false
    },
    "ThumbnailCaption": {
      "label": "Thumbnail Caption",
      "description": "Caption text for the main thumbnail image",
      "type": "string",
      "required": false
    },
    "Image1": {
      "label": "Image 1",
      "description": "First inline image (appears in middle of article)",
      "type": "wiki-file-name",
      "required": false
    },
    "Image1Caption": {
      "label": "Image 1 Caption",
      "description": "Caption for first inline image",
      "type": "string",
      "required": false
    },
    "Image2": {
      "label": "Image 2",
      "description": "Second inline image",
      "type": "wiki-file-name",
      "required": false
    },
    "Image2Caption": {
      "label": "Image 2 Caption",
      "description": "Caption for second inline image",
      "type": "string",
      "required": false
    },
    "Image3": {
      "label": "Image 3",
      "description": "Third inline image",
      "type": "wiki-file-name",
      "required": false
    },
    "Image3Caption": {
      "label": "Image 3 Caption",
      "description": "Caption for third inline image",
      "type": "string",
      "required": false
    },
    "KeyPoint1": {
      "label": "Key Point 1",
      "description": "First key point (appears in left sidebar)",
      "type": "string",
      "required": false
    },
    "KeyPoint2": {
      "label": "Key Point 2",
      "description": "Second key point (appears in left sidebar)",
      "type": "string",
      "required": false
    },
    "KeyPoint3": {
      "label": "Key Point 3",
      "description": "Third key point (appears in left sidebar)",
      "type": "string",
      "required": false
    },
    "KeyPoint4": {
      "label": "Key Point 4",
      "description": "Fourth key point (appears in left sidebar)",
      "type": "string",
      "required": false
    },
    "Highlight1": {
      "label": "Highlight 1",
      "description": "First highlight box (appears in right sidebar)",
      "type": "content",
      "required": false
    },
    "Highlight2": {
      "label": "Highlight 2",
      "description": "Second highlight box (appears in right sidebar)",
      "type": "content",
      "required": false
    },
    "Highlight3": {
      "label": "Highlight 3",
      "description": "Third highlight box (appears in right sidebar)",
      "type": "content",
      "required": false
    },
    "OriginalAuthor": {
      "label": "Original Author",
      "description": "Name of original author (for translations only)",
      "type": "string",
      "required": false
    },
    "SourceName": {
      "label": "Source Publication",
      "description": "Name of source publication (for translations)",
      "type": "string",
      "required": false,
      "example": "The Hindu"
    },
    "SourceURL": {
      "label": "Source URL",
      "description": "Link to original article (for translations)",
      "type": "url",
      "required": false
    },
    "OriginalDate": {
      "label": "Original Publication Date",
      "description": "Date of original publication (for translations)",
      "type": "date",
      "required": false
    },
    "TranslationType": {
      "label": "Translation Type",
      "description": "Type of translation or adaptation",
      "type": "string",
      "required": false,
      "suggestedvalues": [
        "Translation",
        "Adaptation",
        "Reprint",
        "Summary"
      ]
    },
    "PermissionNote": {
      "label": "Permission Note",
      "description": "Statement about publication permissions",
      "type": "string",
      "required": false,
      "example": "Published with permission from the publisher"
    },
    "Author_Bio": {
      "label": "Author Biography",
      "description": "Brief biography of the author or translator",
      "type": "content",
      "required": false
    }
  }
}
</nowiki>}}


== Usage ==
=== Font Detection ===
This template is used automatically by Form:Article for both Malayalam and English articles with appropriate font rendering.
To check which font is rendering:
# Right-click on Malayalam text
# Select "Inspect" or "Inspect Element"
# Look for "Computed" tab
# Find "font-family" - shows which font is actually being used


[[Category:Templates]]
[[Category:Templates]]
[[Category:Article Templates]]
</noinclude>
</noinclude>

Revision as of 22:39, 31 March 2026


Template Documentation

This template creates a clean, two-column article layout with sober colors.

Layout Structure

  • **Header**: Title only (no duplication)
  • **Author Line**: Single line with author, date, category
  • **Introduction**: Directly below author line
  • **Two Columns**:
    • Left: Main content with left-aligned Image1
    • Right: Author infobox, highlights
  • **Floating Key Points**: Appears in content as needed

Usage

Used automatically by Form:Article.

Image Placement

  • **Image1**: Left-aligned at content start
  • **Image2-3**: Can be placed manually in content or at end
  • **Thumbnail**: Used for author photo in infobox

Manual Image Insertion

In the Content field, you can insert images anywhere: 

Your text here...

[[File:ImageName.jpg|thumb|right|300px|Caption]]

More text...

[[File:AnotherImage.png|thumb|left|350px|Another caption]]

Font Detection

To check which font is rendering:

  1. Right-click on Malayalam text
  2. Select "Inspect" or "Inspect Element"
  3. Look for "Computed" tab
  4. Find "font-family" - shows which font is actually being used
Retrieved from "https://abhiprayavedi.org/index.php?title=Draft:Template:Article&oldid=656"