Card

Latest revision as of 06:09, 4 December 2023

Survival Railway
Network
(Akita, Shepherd)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Nether Transport
Network
(All worlds)

Road and Horse
Network
(Labrador, Shepherd)

.Path Network
Group
(Dalmatian, Bulldog)

Nether Transport
Network
(Bernese Mountain Dog)

Builds

Settlements

Events

Groups

Projects

No description.

Template parameters
Parameter		Description	Type	Status
class	`class`	no description	Unknown	optional
textcolor	`textcolor`	no description	Unknown	optional
background	`background`	no description	Unknown	optional
width	`width`	no description	Unknown	optional
style	`style`	no description	Unknown	optional
link	`link`	no description	Unknown	optional
file	`file`	no description	Unknown	optional
content	`content`	no description	Unknown	optional
linkclass	`linkclass`	no description	Unknown	optional
title	`title`	no description	Unknown	optional

@@ Line 1: / Line 1: @@
-<noinclude>
+<noinclude>{{Interface template}}
 <div style="display:flex; gap:10px; justify-content:center;" class="flex-mobile-wrap">
-{{FBox
+{{Card
 |class=lbox|linkclass=lbox-overlay
 |width:300px
 |link=SRN
 |file=GCS_Shepherd.png
-|title=Survival Railway<br />Network
+|title=Survival Railway<br />Network<br /><small>(Akita, Shepherd)</small>
-|content=Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 }}
-{{FBox
+{{Card
 |class=lbox|linkclass=lbox-overlay
 |width:300px
 |link=NTN
 |file=Nether_hub.png
-|title=Nether Transport<br />Network
+|title=Nether Transport<br />Network<br /><small>(All worlds)</small>
 |content=Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 }}
-{{FBox
+{{Card
 |class=lbox|linkclass=lbox-overlay
 |width:300px
 |link=RHN
 |file=Lotus_Isthmus_Road_2.jpg
-|title=Road and Horse<br />Network
+|title=Road and Horse<br />Network<br /><small>(Labrador, Shepherd)</small>
-|content=Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 }}
-{{FBox
+{{Card
 |class=lbox|linkclass=lbox-overlay
 |width:300px
 |link=.PNG
 |file=SpiritOTFB_by_SosigRam.png
-|title=.Path Network<br />Group
+|title=.Path Network<br />Group<br /><small>(Dalmatian, Bulldog)</small>
-|content=Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 }}
-{{FBox
+{{Card
 |class=lbox|linkclass=lbox-overlay
 |width:300px
 |link=NTN
 |file=Nether_hub.png
-|title=Nether Transport<br />Network
+|title=Nether Transport<br />Network<br /><small>(Bernese Mountain Dog)</small>
-|content=Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+|content=
+}}
+</div>
+<div style="display:flex; gap:10px; justify-content:center;" class="flex-mobile-wrap">
+{{Card
+|class=lbox|linkclass=lbox-overlay
+|width=180px
+|link=#SRN
+|file=GCS_Shepherd.png
+|title=Builds
+|style=height:130px;
+}}
+{{Card
+|class=lbox|linkclass=lbox-overlay
+|width=180px
+|link=#SRN
+|file=Lotus Images6.png
+|title=Settlements
+|style=height:130px;
+}}
+{{Card
+|class=lbox|linkclass=lbox-overlay
+|width=180px
+|link=#SRN
+|file=Akkara Opening day Itineary.png
+|title=Events
+|style=height:130px;
+}}
+{{Card
+|class=lbox|linkclass=lbox-overlay
+|width=180px
+|link=#SRN
+|file=Machair Station Opening.png
+|title=Groups
+|style=height:130px;
+}}
+{{Card
+|class=lbox|linkclass=lbox-overlay
+|width=180px
+|link=#SRN
+|file=DC Courthouse Logo.png
+|title=Projects
+|style=height:130px;
 }}
 </div>
-</noinclude><includeonly><div><div class="{{{class|}}}" style="color:{{{textcolor|#000}}}; background-color:{{{background|#E9EDEF}}}; max-width:{{{width|300px}}}; overflow:clip; border-radius:5px; {{{style|}}} {{#if:{{{link|}}}|position:relative; box-shadow: 0 2px 3px rgba(85, 85, 85, 0.2), 0 0 0 1px rgba(85, 85, 85, 0.2); transition: box-shadow ease-in-out 0.2s;|}}">[[File:{{{file|File missing}}}|frameless|{{{width|300px}}}]]<p style="overflow:clip; padding:0 5px; max-height:0px; transition: max-height 0.15s ease-out;" class="fbox-content">{{{content|}}}{{#if: {{{link|}}}|[[{{{link|Main_Page}}}|<span class="{{{linkclass|}}}" style="position:absolute; width:100%; height:100%; top:0; left:0;"></span>]]|}}</p>
+</noinclude><includeonly><div><div class="{{{class|}}}" style="color:{{{textcolor|#000}}}; background-color:{{{background|#E9EDEF}}}; max-width:{{{width|300px}}}; overflow:clip; border-radius:5px; display:flex; flex-direction:column; {{{style|}}} {{#if:{{{link|}}}|position:relative; box-shadow: 0 2px 3px rgba(85, 85, 85, 0.2), 0 0 0 1px rgba(85, 85, 85, 0.2); transition: box-shadow ease-in-out 0.2s;|}}"><div style="max-height:calc(100% - 48px); display:flex; justify-content:center; align-items:center;">[[File:{{{file|File missing}}}|frameless|{{{width|300px}}}]]</div><div style="overflow:clip; padding:0 5px; max-height:0px; transition: max-height 0.6s ease-in-out;" class="fbox-content">{{{content|}}}{{#if: {{{link|}}}|[[{{{link|Main_Page}}}|<span class="{{{linkclass|}}}" style="position:absolute; width:100%; height:100%; top:0; left:0;"></span>]]|}}</div>
-{{Header|{{{title|Title}}}|margin=margin:0; height:100%;}}
+{{Header|{{{title|Title}}}|margin=margin:0;}}
 </div></div></includeonly>
+<noinclude>
+<templatedata>
+{
+	"params": {
+		"class": {},
+		"textcolor": {},
+		"background": {},
+		"width": {},
+		"style": {},
+		"link": {},
+		"file": {},
+		"content": {},
+		"linkclass": {},
+		"title": {}
+	}
+}
+</templatedata>
+</noinclude>

Template