Actions

Template

Difference between revisions of "TimelineSpecificSort"

From ThornsWiki

(Created page with "<noinclude> == Usage == This template pulls from the Cargo Timeline Table: # Name= Page Name # URL= Tag or Thread URL # Day= DD # Month= Month # Year= YYYY # Type= Event, Hol...")
 
 
(19 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
This template pulls from the Cargo Timeline Table:
 
This template pulls from the Cargo Timeline Table:
  
−
# Name= Page Name
+
Fields=
−
# URL= Tag or Thread URL
+
 
−
# Day= DD
+
#_pageName
−
# Month= Month
+
#Name
−
# Year= YYYY
+
#URL = this is the link to the forum thread tag or the thread on the forum
−
# Type= Event, Holiday, Main Chapter, Other
+
#Day = DD format
−
# Genre= Crime, Magic, Politics, Resistance, Other
+
#Month = Intas, Bethas, Loshis, Hamis, Roalis, Yaris, Dentis, Vortas, Achtus, Ophus
−
# Event= Exposition, Moderated, Open, Other
+
#Year = YYYY
−
# Location= Anaxas, Bastia, Gior, Hesse, Hox, Mugroba, Elsewhere, Global
+
#Type = Event, Holiday, MainChapter, Other
−
# Summmary=  
+
#Genre = Crime, Magic, Miscellaneous, Politics, Resistance
−
# Description= Unused.
+
#Event = Exposition, Moderated, Open, Other
−
# Participants= Unused.
+
#Location = Anaxas, Bastia, Gior, Hesse, Hox, Mugroba, Elsewhere, Global
−
# DateSort= YYYY-MM-DD format. Used for sorting in order. Otherwise invisible.
+
#Summary = 200 characters, max.
 +
#DateSort = YYYYMMDD
 +
 
 +
Won't know it's working until you break it first. Here we go. This is just a test.
 
</noinclude>
 
</noinclude>
  
−
<div class="grid-item {{{13}}} {{{5}}} {{{4}}} {{{6}}} {{{7}}} {{{9}}}">
+
 
−
<span style="display:none;">{{{13}}}</span>
+
<!-- content to sort -->
−
<div style="background-color:#fffcf2; border-bottom:5px solid #deb975;">
+
<div class="item {{{6}}} {{{7}}} {{{8}}} {{{10}}}" data-date="{{{12}}}" >
−
<div style="display: block; max-width:100%; height:80px; background:#fffcf2; color:#474440; margin:0px auto; padding:15px 10px; font-size:1rem; text-align:center; font-family:'Metamorphous',serif;">[{{{2}}} {{{1}}}]</div>
+
<div style="background-color:#fffcf2; border-bottom:5px solid #deb975;">
−
<div style="background:#deb975; color:#FFF;max-width:100%;margin:0px auto;padding:5px 10px; font-size:1rem;line-height:1.25rem; text-align:center; font-family:'Alice',serif; font-weight:bold; letter-spacing:.05rem; text-transform:uppercase;">Thread Information</div>
+
<div style="display: block; max-width:100%; height:80px; background:#fffcf2; color:#474440; margin:0px auto; padding:15px 10px; font-size:1.25rem; line-height:1.5rem; text-align:center; font-family:'Metamorphous',serif;">{{{1}}}</div>
 +
<div style="background:#deb975; color:#FFF; max-width:100%;margin:0px auto;padding:5px 10px; font-size:1rem;line-height:1.25rem; text-align:center; font-family:'Alice',serif; font-weight:bold; letter-spacing:.05rem; text-transform:uppercase;">Thread Information</div>
 
<div style="margin:0px auto; max-width:100%;padding:0px;">
 
<div style="margin:0px auto; max-width:100%;padding:0px;">
−
<table max-width="100%">
+
<table width="100%" border="0">
 
<tr>
 
<tr>
 
     <th class="infobox-label">Event Date:</th>
 
     <th class="infobox-label">Event Date:</th>
−
     <td>{{{3}}} {{{4}}}, {{{5}}}</td>
+
     <td style="background:#fffcf2;">{{{4}}} {{{5}}}, {{{6}}}</td>
 
</tr>
 
</tr>
 
<tr>
 
<tr>
 
     <th class="infobox-label">Location:</th>
 
     <th class="infobox-label">Location:</th>
−
     <td>{{{9}}}</td>
+
     <td style="background:#fffcf2;">{{{10}}}</td>
 
</tr>
 
</tr>
 
</table>
 
</table>
−
<div style="background:#deb975; color:#FFF;max-width:100%;margin:0px auto;padding:5px 10px; font-size:1rem;line-height:1.25rem; text-align:center; font-family:'Alice',serif; font-weight:bold; letter-spacing:.05rem; text-transform:uppercase;">Event Details</div>
+
<div style="background:#deb975; color:#FFF; max-width:100%; margin:0px auto; padding:5px 10px; font-size:1rem; line-height:1.25rem; text-align:center; font-family:'Alice',serif; font-weight:bold; letter-spacing:.05rem; text-transform:uppercase;">Summary</div>
−
<table max-width="100%">
+
<div style="display: block; max-width: 100%; background: #fffcf2; color: #242422; margin: 0px auto; padding: 15px 15px; font-size: .9rem; line-height: 1.25em; text-align: justify; height: 150px; overflow:scroll;">{{{11}}}</div>
−
<tr>
+
<div style="background:#deb975; color:#FFF; max-width:100%;margin:0px auto;padding:5px 10px; font-size:1rem;line-height:1.25rem; text-align:center; font-family:'Alice',serif; font-weight:bold; letter-spacing:.05rem; text-transform:uppercase;">Event Details</div>
−
    <th class="infobox-label">Plot Genre:</th>
+
<table width="100%" border="0">
−
    <td>{{{7}}}</td>
+
    <tr>
−
</tr>
+
      <td colspan="3" style="text-align:center; text-transform:uppercase; vertical-align:middle; font-size:1rem; padding:3px 0px;background:#fffcf2;">
−
<tr>
+
  <p><span style="font-size:.6rem; letter-spacing:0.10em; font-weight:bold; margin-bottom:-8px;">PLOT GENRE:</span><br />
−
    <th class="infobox-label">Plot Type:</th>
+
{{{8}}}</p></td>
−
    <td>{{{6}}}</td>
+
      </tr>
−
</tr>
+
    <tr>
−
<tr>
+
      <td class="{{{7}}}">
−
    <th class="infobox-label">Thread Type:</th>
+
  <p>{{{7}}}</p>
−
    <td>{{{8}}}</td>
+
</td>
−
</tr>
+
      <td class="{{{9}}}" width="50%">
 +
  <p>{{{9}}}</p>
 +
</td>
 +
    </tr>
 
</table>
 
</table>
−
<div style="background:#deb975; color:#FFF;max-width:100%;margin:0px auto;padding:5px 10px; font-size:1rem;line-height:1.25rem; text-align:center; font-family:'Alice',serif; font-weight:bold; letter-spacing:.05rem; text-transform:uppercase;">Summary</div>
+
<div style="text-align:center;display:block; width:100%; padding:5px 0px; background:#463f3a; text-decoration:none;">[[{{{1}}}|Read More]] <i class="fa fa-angle-double-right" aria-hidden="true"></i></div>
−
<div style="display: block; max-width:100%; height:100px; background:#fffcf2; color:#474440; margin:0px auto; padding:15px 10px; font-size:1rem; line-height:1.25em; text-align:justify; font-family:'Alice',serif;">{{{10}}}</div>
+
</div>
−
<div style="text-align:center;display:block; width:100%; padding:5px 0px; background:#242422; text-decoration:none;">[[{{{1}}}|<i class="fa fa-angle-double-right" aria-hidden="true"></i>
 
−
  Read More]]</div></div>
 
−
</div>
 
 
</div>
 
</div>
 +
  </div>
  
−
[[Category: Timeline Entry]]
+
[[Category: Timeline]]

Latest revision as of 23:46, 30 April 2020

Usage

This template pulls from the Cargo Timeline Table:

Fields=

  1. _pageName
  2. Name
  3. URL = this is the link to the forum thread tag or the thread on the forum
  4. Day = DD format
  5. Month = Intas, Bethas, Loshis, Hamis, Roalis, Yaris, Dentis, Vortas, Achtus, Ophus
  6. Year = YYYY
  7. Type = Event, Holiday, MainChapter, Other
  8. Genre = Crime, Magic, Miscellaneous, Politics, Resistance
  9. Event = Exposition, Moderated, Open, Other
  10. Location = Anaxas, Bastia, Gior, Hesse, Hox, Mugroba, Elsewhere, Global
  11. Summary = 200 characters, max.
  12. DateSort = YYYYMMDD

Won't know it's working until you break it first. Here we go. This is just a test.


{{{1}}}
Thread Information
Event Date: {{{4}}} {{{5}}}, {{{6}}}
Location: {{{10}}}
Summary
{{{11}}}
Event Details

PLOT GENRE:
{{{8}}}

{{{7}}}

{{{9}}}
[[{{{1}}}|Read More]]
Retrieved from "http://wiki.anaxasdiaries.com/index.php?title=Template:TimelineSpecificSort&oldid=11210"