Sandbox/Main Page/Sample

<div style="display:flex; gap:5px;">
<div>{{ibox
|width=100%
|height=calc((100vh - 130px) * 0.7);
|image={{User:Domino/Weekly/pic}}
|content={{showcase
|label=Weekly article showcase
|title=<big class="slim">{{User:Domino/Weekly/title}}</big>
|footer=World: {{User:Domino/Weekly/world}}
|labeltop=1
}}
|thumb = true
}}</div>

<div>{{ibox
|width=100%
|height=calc((100vh - 130px) * 0.7);
|image={{FeaturedArticleMP|mode=image}}
|content={{showcase
|label=Monthly featured article
|title={{FeaturedArticleMP|mode=title}}
|text={{FeaturedArticleMP|mode=description}}
|footer=Major editors: {{Avatar|{{FeaturedArticleMP|mode=contributor1}}|20}}, {{Avatar|{{FeaturedArticleMP|mode=contributor2}}|20}}, {{Avatar|{{FeaturedArticleMP|mode=contributor3}}|20}}
|labeltop=1
}}
|link = {{FeaturedArticleMP|mode=title}}
}}</div>

<div>{{ibox
|width=100%
|height=calc((100vh - 130px) * 0.7);
|image=Renpire logo.png
|link=Dogcraft Logo
|content={{showcase
|label=Latest news
|title=<big>Rendog plushies launch!</big>
|footer=2022/11/18
|labeltop=1
}}}}</div>
</div>

<div style="margin-top:5px; display:flex; gap:2px;" class="flex-mobile-wrap">
<div style="background:slategray; flex-grow:1; border-radius:5px;padding: .2em;display: flex;flex-direction: column;justify-content: center;align-items: center;color: white;font-weight: bold;"><div style="line-height: 50px;font-size: 50px;text-align: center;">PH</div><div style="flex-grow: 1;">Past</div></div>
<div style="background:slategray; flex-grow:1; border-radius:5px;padding: .2em;display: flex;flex-direction: column;justify-content: center;align-items: center;color: white;font-weight: bold;"><div style="line-height: 50px;font-size: 50px;text-align: center;">PH</div><div style="flex-grow: 1;">Survival</div></div>
<div style="background:slategray;  flex-grow:1; border-radius:5px;padding: .2em;display: flex;flex-direction: column;justify-content: center;align-items: center;color: white;font-weight: bold;"><div style="line-height: 50px;font-size: 50px;text-align: center;">PH</div><div style="flex-grow: 1;">Info</div></div>
<div style="background:slategray;  flex-grow:1; border-radius:5px;padding: .2em;display: flex;flex-direction: column;justify-content: center;align-items: center;color: white;font-weight: bold;"><div style="line-height: 50px;font-size: 50px;text-align: center;">PH</div><div style="flex-grow: 1;">ReNDoG</div></div>
<div style="background:slategray;  flex-grow:1; border-radius:5px;padding: .2em;display: flex;flex-direction: column;justify-content: center;align-items: center;color: white;font-weight: bold;"><div style="line-height: 50px;font-size: 50px;text-align: center;">PH</div><div style="flex-grow: 1;">Guides</div></div>
</div>

<h1 style="margin: 16px 0 -5px 0; text-align:center;"><span class="mw-headline" id="Welcome">Welcome!</span></h2>
<hr style="border: 0;height: 2px;background: linear-gradient(to right, rgba(177, 177, 177, 0), rgba(177, 177, 177, 0.75), rgba(177, 177, 177, 0));width: 100%;margin: 0.1em 0 5px 0;border-radius: 4px;">
<div style="line-height:1.8;">Welcome to the Dogcraft Wiki! We're dedicated to recording everything about [[ReNDoG]]'s [[Dogcraft.net|Dogcraft community]] and his [[Dogcraft Server|official Minecraft fan-server]], server.dogcraft.net! We have '''{{NUMBEROFARTICLES}} articles''' and '''{{NUMBEROFEDITS}}''' edits so far as well as '''{{NUMBEROFFILES}}''' images and videos from the community. Please join our goal of building a comprehensive source for information on all things Dogcraft!</div>

<div style="text-align:center;">
<inputbox>
type=search2
width=25
break=no
buttonlabel=Go
placeholder=Start searching the wiki!
</inputbox> 
</div>

<div style="display:flex;">
<div style="flex-basis:50%;  display:flex; flex-direction:column;"><h3 style="margin: 10px 0 -5px 0; text-align:start;"><span class="mw-headline" id="Welcome">Did you know...</span></h2>
<hr style="border: 0;height: 2px;background: linear-gradient(to right, rgba(177, 177, 177, 0.75), rgba(177, 177, 177, 0));width: 100%;margin: 0.1em 0 5px 0;border-radius: 4px;">
{{Did you know}}
<span style="text-align:center;">[https://dogcraft.net/wiki/Dogcraft_Wiki:Did_you_know/Submissions?action=edit {{Clickable button | 1= Add a fact| color=blue }}]</span></div>

<div style="flex-basis:50%;"><h3 style="margin: 10px 0 -5px 0; text-align:end;"><span class="mw-headline" id="Welcome">Wiki news</span></h2>
<hr style="border: 0;height: 2px;background: linear-gradient(to left, rgba(177, 177, 177, 0.75), rgba(177, 177, 177, 0));width: 100%;margin: 0.1em 0 5px 0;border-radius: 4px;">
<div style="text-align:end;">{{:Main Page/NewsScroll|style=max-height:18.1rem;}}</div></div>
</div>


<div>
<div style="width:100%; height:100%;">
<div class="slider-fade" data-slick='{"autoplay": true, "autoplaySpeed": 2500, "speed": 1500, "arrows": false, "dots": false, "draggable": false, "pauseOnFocus": false, "pauseOnHover": false, "swipe": false, "focusOnSelect": false}'>
<div>[[File:Survival 1 Banner.png|1300px|link=Survival 1]]</div>
<div>[[File:Survival 2 Banner.png|1300px|link=Survival 2]]</div>
<div>[[File:Survival 3 Banner.png|1300px|link=Survival 3]]</div>
<div>[[File:Survival 4 Banner.png|1300px|link=Survival 4]]</div>
<div>[[File:Survival 5 Banner.png|1300px|link=Survival 5]]</div>
</div></div></div>


__NOTOC__
__NOEDITSECTION__
__NONEWSECTIONLINK__
[[Category:Browse]]
<templatestyles src="Project:Sandbox/Main_Page/styles.css" />